@charset "UTF-8";



/*Mpire-Solutions*/



/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */



/* Document

========================================================================== */



/**

* 1. Correct the line height in all browsers.

* 2. Prevent adjustments of font size after orientation changes in

*    IE on Windows Phone and in iOS.

*/



html {

  line-height: 1.15;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

}



/* Sections

========================================================================== */



/**

* Add the correct display in IE 9-.

*/

:root {
  --primary-color: #ffff;
  --golden-color: #FFC845;
  --theme-color: #003332;
  --box-color: #FFF4DA;
  --black-color: #000000;
  --green-color: #007F7C;
  --bg-green: #003332;
  --bg-black: #011b1a;
  --mid-black: #001919;
  --light-yellow: #FFF4DA;
  --light-cream: #FFF5DD;
  --light-gradient: linear-gradient(180deg, #FFF4DA 0%, #FFFFFF 100%);
  --mid-blue: #CCE5E5;
}


article,

aside,

footer,

header,

nav,

section {

  display: block;

}



/**

* Correct the font size and margin on `h1` elements within `section` and

* `article` contexts in Chrome, Firefox, and Safari.

*/



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/* Grouping content

========================================================================== */



/**

* Add the correct display in IE 9-.

* 1. Add the correct display in IE.

*/



figcaption,

figure,

main {

  /* 1 */

  display: block;

}



/**

* Add the correct margin in IE 8.

*/



figure {

  margin: 1em 40px;

}



/**

* 1. Add the correct box sizing in Firefox.

* 2. Show the overflow in Edge and IE.

*/



hr {

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

  /* 1 */

  height: 0;

  /* 1 */

  overflow: visible;

  /* 2 */

}



/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/



pre {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}



/* Text-level semantics

========================================================================== */



/**

* 1. Remove the gray background on active links in IE 10.

* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

*/



a {

  background-color: transparent;

  /* 1 */

  -webkit-text-decoration-skip: objects;

  /* 2 */

}



/**

* 1. Remove the bottom border in Chrome 57- and Firefox 39-.

* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

*/



abbr[title] {

  border-bottom: none;

  /* 1 */

  text-decoration: underline;

  /* 2 */

  -webkit-text-decoration: underline dotted;

  text-decoration: underline dotted;

  /* 2 */

}



/**

* Prevent the duplicate application of `bolder` by the next rule in Safari 6.

*/



b,

strong {

  font-weight: inherit;

}



/**

* Add the correct font weight in Chrome, Edge, and Safari.

*/



b,

strong {

  font-weight: bolder;

}



/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/



code,

kbd,

samp {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}



/**

* Add the correct font style in Android 4.3-.

*/



dfn {

  font-style: italic;

}



/**

* Add the correct background and color in IE 9-.

*/



mark {

  background-color: #ff0;

  color: #000;

}



/**

* Add the correct font size in all browsers.

*/



small {

  font-size: 80%;

}



/**

* Prevent `sub` and `sup` elements from affecting the line height in

* all browsers.

*/



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



/* Embedded content

========================================================================== */



/**

* Add the correct display in IE 9-.

*/



audio,

video {

  display: inline-block;

}



/**

* Add the correct display in iOS 4-7.

*/



audio:not([controls]) {

  display: none;

  height: 0;

}


ffont
/**

* Remove the border on images inside links in IE 10-.

*/



img {

  border-style: none;

}



/**

* Hide the overflow in IE.

*/



svg:not(:root) {

  overflow: hidden;

}



/* Forms

========================================================================== */



/**

* Remove the margin in Firefox and Safari.

*/



button,

input,

optgroup,

select,

textarea {

  margin: 0;

}



/**

* Show the overflow in IE.

* 1. Show the overflow in Edge.

*/



button,

input {

  /* 1 */

  overflow: visible;

}



/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.

* 1. Remove the inheritance of text transform in Firefox.

*/



button,

select {

  /* 1 */

  text-transform: none;

}



/**

* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

*    controls in Android 4.

* 2. Correct the inability to style clickable types in iOS and Safari.

*/



button,

html [type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

}



/**

* Remove the inner border and padding in Firefox.

*/



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



/**

* Restore the focus styles unset by the previous rule.

*/



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



/**

* 1. Correct the text wrapping in Edge and IE.

* 2. Correct the color inheritance from `fieldset` elements in IE.

* 3. Remove the padding so developers are not caught out when they zero out

*    `fieldset` elements in all browsers.

*/



legend {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  /* 1 */

  color: inherit;

  /* 2 */

  display: table;

  /* 1 */

  max-width: 100%;

  /* 1 */

  padding: 0;

  /* 3 */

  white-space: normal;

  /* 1 */

}



/**

* 1. Add the correct display in IE 9-.

* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.

*/



progress {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */

}



/**

* Remove the default vertical scrollbar in IE.

*/



textarea {

  overflow: auto;

}



/**

* 1. Add the correct box sizing in IE 10-.

* 2. Remove the padding in IE 10-.

*/



[type="checkbox"],

[type="radio"] {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

* Correct the cursor style of increment and decrement buttons in Chrome.

*/



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

* 1. Correct the odd appearance in Chrome and Safari.

* 2. Correct the outline style in Safari.

*/



[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */

}



/**

* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.

*/



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

* 1. Correct the inability to style clickable types in iOS and Safari.

* 2. Change font properties to `inherit` in Safari.

*/



::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */

}



/* Interactive

========================================================================== */



/*

* Add the correct display in IE 9-.

* 1. Add the correct display in Edge, IE, and Firefox.

*/



details,

menu {

  display: block;

}



/*

* Add the correct display in all browsers.

*/



summary {

  display: list-item;

}



/* Scripting

========================================================================== */



/**

* Add the correct display in IE 9-.

*/



canvas {

  display: inline-block;

}



/**

* Add the correct display in IE.

*/



template {

  display: none;

}



/* Hidden

========================================================================== */



/**

* Add the correct display in IE 10-.

*/



[hidden] {

  display: none;

}



/**

* Base styles that aim to normalize fonts, and display of elements

* across browsers, and make writing further styles easier.

*/



/* Set font and clear body padding */



body.lock-scroll {

  overflow: hidden;

}



body.overlayed {

  position: relative;

}



body.overlayed:before {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.75);

  z-index: 9;

  content: "";

  display: block;

  position: absolute;

}



/* Setting sizes is much more predictable with border-box */



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



figure {

  margin: 0;

}



/* Make all images responsive */



img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

}



/* Make inputs on iOS look normal */



input {

  -webkit-appearance: none;

}



/* Custom List Styles */



ol {

  margin: 0 0 16px;

  padding: 0;

  counter-reset: item;

}



ol li {

  position: relative;

  display: block;

  margin: 0 0 16px;

  padding: 0 0 0 20px;

}



ol li li {

  margin: 0;

  padding: 0 0 0 35px;

}



ol li:before {

  font-size: 17px;

  position: absolute;

  left: 0;

  content: counters(item, ".") ".";

  counter-increment: item;

}



ul:not([class]) {

  margin: 0 0 16px;

  padding: 0;

  list-style: none;

}



ul:not([class]) li {

  position: relative;

  margin: 0 0 16px;

  padding: 0 0 0 20px;

}



ul:not([class]) li:last-child {

  margin: 0;

}



ul:not([class]) li li {

  margin: 0;

}



ul:not([class]) li li:before {

  left: 4px;

  background: transparent;

}



ul:not([class]) li ul {

  margin: 0;

}



/* Normalize links across browsers */



a {

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  text-decoration: none;

  color: var(--golden-color);

  border-bottom: 1px solid transparent;

}



a img {

  border: 0;

}



a:hover {

  text-decoration: none;

  color: var(--golden-color);

}

a:focus {
  color: var(--black-color);
}



.page-content a:focus:not([class]),

.page-content a:hover:not([class]) {

  border-bottom: 1px solid currentColor;

}



.media img,

.media video,

.media object,

.media iframe {

  width: 100%;

  height: auto;

}



/* Make WordPress media inserted to post behave correctly */



.alignleft {

  float: left;

  margin: 0 40px 40px 0;

}



.alignright {

  float: right;

  margin: 0 0 40px 40px;

}



.alignnone {

  display: inline-block;

  margin: 40px 0;

}



.aligncenter {

  display: block;

  clear: both;

  margin: 40px auto;

  text-align: center;

}



/* Make a 404 page look nicer and more readable */



.error404 {

  text-align: center;

}



.error404 ul {

  text-align: left;

}



.navigation.pagination {

  clear: both;

}



/* WP navigation menus are lists, but they don't need default list styling */



nav a {

  text-decoration: none;

  color: #333d47;

}



nav a:hover {

  text-decoration: none;

  color: #333d47;

}



nav li {

  display: inline-block;

}



nav ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.wp-caption {

  max-width: 100%;

}



.wp-caption-text {

  font-size: 15px;

  line-height: 22px;

  padding: 5px 0;

}



/* Headings */



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 700;

  line-height: 1;

  margin: 0 0 47px;

  color: #37414b;

}



h1:only-child,

h2:only-child,

h3:only-child,

h4:only-child,

h5:only-child,

h6:only-child {

  margin: 0;

}



p+h1,

p+h2,

p+h3,

p+h4,

p+h5,

p+h6 {

  margin-top: 42px;

}



h1 {

  font-size: 64px;

  margin: 0 0 47px;

}



h2 {

  font-size: 48px;

  line-height: 52px;

  margin: 0 0 32px;

}



p+h2 {

  margin-top: 60px;

}



h3 {

  font-size: 32px;

  line-height: 36px;

  margin: 0 0 18px;

}



h4 {

  font-size: 21px;

  line-height: 24px;

  margin: 0 0 3px;

}



p+h4 {

  margin-top: 37px;

}



h5 {

  font-size: 16px;

  line-height: 18px;

  margin: 0 0 15px;

}



p+h5 {

  margin-top: 32px;

}



h6 {

  font-size: 14px;

  line-height: 16px;

  margin: 0 0 15px;

}



p+h6 {

  margin-top: 28px;

}



/* Text Elements */



p ul,

ol+p {

  margin-top: 32px;

}



strong {

  font-weight: 700;

}



/* Horizontal Line */



hr {

  margin: 70px 0;

  border-top: 1px solid #828f9b;

}



::-moz-selection {

  background: #d5d9de;

}



::selection {

  background: #d5d9de;

}



::-moz-selection {

  background: #d5d9de;

}



/* Blocks / Columns Spacing Helpers */



.block-top-spacing {

  padding-top: 71px;

}



.block-bottom-spacing {

  padding-bottom: 71px;

}



.columns-spacing-top {

  padding-top: 40px;

}



.columns-spacing-bottom {

  padding-bottom: 35px;

}



.block-margin-top {

  margin-top: 80px;

}



.block-margin-bottom {

  margin-bottom: 80px;

}



header.main-header {

  position: sticky;

  top: 0;

  z-index: 100;

}

button {

  padding: 0;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 0;

  border-radius: 0;

  background: transparent;

  line-height: 1;

  cursor: auto;

}



.container {

  max-width: 82.5rem;

  padding-left: 1.875rem;

  padding-right: 1.875rem;

}

@media (max-width: 767px) {

  .container {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

  section.community_about.about.two_imageblock .community-about-left ul {

    font-weight: bold;

  }

  section.bullet-white-text.communityabout_dekstop_spacing.community_about.about.two_imageblock .community-about-left h3 {

    color: #fff;

    margin-bottom: 24px;

  }

  section.with_top_spacing.attrations-sec .consulting-col .content-blocks p {

    padding-top: 25px;

  }

  section.with_top_spacing.attrations-sec .consulting-col .content-blocks {

    margin: 35px auto;

  }

  section.Two-hanging-image.communityabout_dekstop_spacing.community_about.about.two_imageblock:after {

    display: none;

  }

  .content-blocks.text-center h2:empty {

    display: none;

  }

  body section.communitytext h3 {

    font-size: 1.3rem;

  }

  body section.communitytext {

    margin-bottom: 30px;

  }

  body section.attrations-sec .bg_white_block .content-blocks h2 {

    padding-bottom: 30px;

  }

  body section.attrations-sec.block-top-spacing {

    padding-top: 0;

  }



  body section.about {

    padding-top: 0;

  }

  body section.nodiff_class.community_about.contentimage.classwith_spacing .community-about-left h3 {

    color: #292929;

    padding-top: 0;

  }

  body section.flat_column.onlytext.communitytext {

    padding-bottom: 0;

  }

  body section.flat_column.onlytext.communitytext .communitytext-right .content_block_color {

    padding-bottom: 0;

  }

  body section.attrations-sec {

    padding-top: 0;

  }

  body section.community_about.about.two_imageblock .community-about-right .img-rightabout {

    padding-top: 23px;

    margin-bottom: 53px;

  }



  section.Two-hanging-image.communityabout_dekstop_spacing.community_about.about.two_imageblock .img-rightabout img {

    padding-bottom: 30px;

  }



  body section.remove-heightmobile {

    display: none;

  }



  section.community_about.contentimage .community-about-left h3 {

    padding-top: 20px;

  }

  body section.twocolumnwith_image {

    padding-top: 47px;

  }

  body section.community_about.about.two_imageblock .img-communityabout img {

    padding: 0;

    padding-bottom: 61px;

  }

}



header.main-header {

  display: block;

}



.page-fullwidth-image__wrapper:before,

.page-fullwidth-image__wrapper:after {

  content: "";

  display: table;

}



.page-fullwidth-image__wrapper:after {

  clear: both;

}



.page-fullwidth-image__wrapper img {

  width: 100%;

  margin: 0;

}



.content-image__align-left,

.content-image__align-right {

  width: 50%;

}



.content-image__align-left {

  float: left;

}



.content-image__align-left.spacing-normal {

  padding-right: 15px;

}



.content-image__align-right {

  float: right;

}



.content-image__align-right.spacing-normal {

  padding-left: 15px;

}



.content-image img {

  width: 100%;

  margin: 0;

}



/* Main Header */



.main-header {

  font-weight: 400;

  position: relative;

  background-color: #fafafa;

  z-index: 10;

}



.main-header__top {

  background: #d5d9de;

}



.main-header__wrapper {

  width: 100%;

  max-width: 93.75rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

  position: relative;

  z-index: 100;

}



.main-header__nav {

  font-size: 16px;

  line-height: 18px;

  position: static;

}



.main-header__nav .highlight-text {

  padding: 0;

}



.main-header__nav li {

  padding: 0 7px;

}



.main-header__nav>.menu {

  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;

}



.main-header__nav>.menu>li {

  padding: 55px 0;

}



.main-header__nav a {

  position: relative;

  display: inline-block;

  color: #333d47;

}



.main-header__nav a:before {

  position: absolute;

  right: 0;

  bottom: -3px;

  left: 0;

  display: block;

  height: 2px;

  content: "";

  -webkit-transition: background 0.2s linear;

  transition: background 0.2s linear;

  background: transparent;

}



.main-header__nav a:focus {

  color: currentColor;

}



.main-header__nav a:hover {

  color: currentColor;

}



.main-header__nav a:hover:before {

  background: #e84b47;

}



.main-header__subnav {

  font-size: 12px;

  line-height: 14px;

  padding: 17px 0;

  text-align: right;

}



.main-header__subnav li {

  margin-right: 15px;

}



.main-header__subnav li:last-child {

  margin-right: 0;

}



.main-header__subnav a:hover {

  color: #58697a;

}



.main-header__right {

  text-align: right;

}



.sticky-header {

  background-color: #fefefe;

  left: 0;

  width: 100%;

  z-index: 100;

  padding-top: 10px;

  padding-bottom: 10px;

}

/* .is-scroll-top .sticky-header {

  box-shadow: 0 1px 7px rgb(57 63 72 / 30%);

} */



.region-header {

  max-width: 93.75rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

  position: relative;

  z-index: 100;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 200px minmax(min-content, 1fr) minmax(min-content, 1fr);

  grid-template-columns: 200px auto auto;

  -ms-grid-rows: auto auto;

  grid-template-rows: auto auto;

}



ul.sub-menu.dropdown-content li {

  flex-shrink: 0;

}



@media (min-width: 40em) {

  .region-header {

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

  .region-mobile-nav {

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

}



.site-mdr .region-header .block--system-branding-block {

  height: 94px;

  margin-bottom: 0;

  max-width: 200px;

}

.logo-wrapper {

  grid-row: 1 / 3;

  -ms-grid-row-align: end;

  align-self: end;

}

.region-header .logo-wrapper {

  height: 48px;

  max-width: 140px;

}

/* .region-header .logo-wrapper img {

  padding: 0 15px;

} */

header a {

  color: #0b294b;

}

.logo-wrapper a svg {

  padding: 0 15px;

}

svg {

  display: block;

  max-width: 100%;

  width: 100%;

  height: 100%;

}

nav {

  display: block;

}

.region-header .menu--utility {

  margin-left: auto;

  /*     width: calc(100% - 250px); */

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.region-header .menu--utility {

  -ms-grid-column: 2;

  -ms-grid-column-span: 2;

  grid-column: 2 / 4;

}

.region-header .menu--main {

  margin-left: 16px;

}

.region-header .menu--main {

  -ms-grid-row: 2;

  -ms-grid-column: 2;

  grid-row: 2 / 3;

}

.region-header .menu--action-bar {

  display: flex;

  justify-content: flex-end;

  margin: 5px 0;

  z-index: 16;

}

.region-header .menu--action-bar {

  -ms-grid-column: 3;

  -ms-grid-row: 2;

  grid-column: 3 / 4;

}

ul,

ol,

dl {

  margin-bottom: 1rem;

  list-style-position: outside;

  line-height: 1.6;

}

.menu {

  padding: 0;

  margin: 0;

  list-style: none;

  position: relative;

  display: flex;

  flex-wrap: wrap;

}

.menu,

.menu.horizontal {

  flex-wrap: wrap;

  flex-direction: row;

}

.menu-item {

  margin: 0;

  padding-top: 0.2em;

}

ul.menu {

  margin-left: 1em;

  padding: 0;

  list-style: none outside;

  text-align: left;

}

li {

  font-size: inherit;

}

.region-header ul.menu {

  margin: 0;

  padding: 0;

  list-style-image: none;

}

.region-header .menu--utility li:not(:last-child) {

  position: relative;

}

.region-header .menu--utility li:first-child {

  padding-right: 0;

}

.region-header ul.menu li {

  list-style: none;

}

.region-header .menu--utility li {

  padding: 0 16px;

}

.region-header .menu--utility .item-find {

  font-size: 0;

}

/* .region-header .menu--utility li a {

  padding-left: 0;

  padding-right: 0;

  font-size: 18px;

  font-weight: 400;

} */

.region-header .menu--utility a {

  color: #627574;

}

.menu input,

.menu select,

.menu a,

.menu button {

  margin-bottom: 0;

}

.menu a,

.menu .button {

  line-height: 1;

  text-decoration: none;

  display: block;

  padding: 0.7rem 1rem;

}

.region-header .menu--utility .item-find:before,

.region-mobile-nav .menu--main>ul.menu>li.menu-item--expanded>a:after,

.region-mobile-nav .menu--main>ul.menu>li.menu-item--expanded>span:after,

.region-mobile-nav .menu--main .view-mode-featured>a:after {

  /* font-family: "icomoon"; */

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

}

.region-header .menu--utility .item-find::before {

  content: "";

  font-size: 1.1875rem;

  color: rgb(27, 86, 145);

  margin-top: -2px;

}

.region-header .menu--utility li:not(:last-child):after {

  content: "";

  width: 1px;

  height: 14px;

  background-color: #cfcfcf;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.region-header .menu--main ul {

  margin: 0;

}

.region-header ul.menu {

  margin: 0;

  padding: 0;

  list-style-image: none;

}

.region-header .menu--main>ul.menu {

  display: flex;

  padding: 9px 0;

  margin: 5px 0;

  position: static;

}

.region-header .menu--main ul .menu-item {

  padding: 0;

}

.region-header .menu--main>ul.menu>li:not(:last-child) {

  margin-right: 20px;

}

@media (min-width: 90em) {

  .region-header .menu--main>ul.menu>li:not(:last-child) {

    margin-right: 25px;

  }

}

@media (min-width: 90em) {

  .region-header .menu--main>ul.menu>li:not(:last-child) {

    margin-right: 45px;

  }

}

/* .region-header .menu--main > ul.menu > li > a,

.region-header .menu--main > ul.menu > li > span {

  font-size: 18px;

  line-height: 1.1;

  color: #0e3a5d;

  cursor: pointer;

  display: inline-block;

  vertical-align: top;

  padding: 3px 0;

  position: relative;

} */

.region-header .menu--action-bar>.menu>li {

  margin-right: 16px;

}

.region-header a.btn-secondary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: rgba(0, 0, 0, 0);

  border: solid 1px #1b5691;

  color: #1b5691;

  padding: 12px 24px;

  text-align: center;

}

header .region-header a.btn-secondary {

  color: #1b5691;

  border-color: #1b5691;

}

.region-header ul.menu a.menu-item--button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: #1b5691;

  border: solid 1px #25605a;

  color: #fff;

  padding: 12px 24px;

}

header .region-header ul.menu a.menu-item--button {

  /* background-color: #0B294B;*/

  border-color: #25605a;

  color: #fff;

}

.region-header a.btn-secondary:hover,

.region-header a.btn-secondary:focus,

.region-header a.btn-secondary:active {

  background-color: #173b37;

  border-color: #173b37;

  color: #fefefe;

}

.region-header ul.menu a.menu-item--button:hover,

.region-header ul.menu a.menu-item--button:focus,

.region-header ul.menu a.menu-item--button:active {

  background-color: #133d66 !important;

  border-color: #133d66 !important;

}

.region-header .menu--utility li:first-child:after {

  width: 0;

}

.dropbtn {

  color: white;

  padding: 16px;

  font-size: 16px;

  border: none;

}



.dropdown {

  position: relative;

  display: inline-block;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  z-index: 1;

}



.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

}

/* 

.dropdown-content a:hover {background-color: #ddd;} */



.dropdown:hover .dropdown-content {

  display: block;

}



/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */

.region-header .menu--main>ul.menu>li>a:after,

.region-header .menu--main>ul.menu>li>span:after {

  content: "";

  position: absolute;

  left: 0;

  top: calc(100% + 3px);

  width: 100%;

  height: 2px;

  background: #efeee9;

  opacity: 0;

}



.region-header .menu--main>ul.menu>li>a,

.region-header .menu--main>ul.menu>li.active>span:after {

  opacity: 1;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content {

  display: flex;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content {

  position: absolute;

  z-index: 15;

  display: none;

  background: #fefefe;

  padding: 40px;

  box-shadow: 0 5px 20px rgb(0 0 0 / 7%);

  border-radius: 4px;

  top: 88%;

  border-top: 20px solid #f5f5f563;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item {

  flex-shrink: 0;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured {

  width: auto;

  max-width: 280px;

  height: calc(100% + 80px);

  /* background-color: #0B294B;*/

  margin: -40px 0 0 -40px;

  padding: 40px;

  border-radius: 4px 0 0 4px;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item:not(:first-child) {

  margin-left: 40px;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links {

  width: 180px;

  height: 100%;

  padding-left: 0;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured .menulinks-content {

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

}



li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured .menulinks-content .feildContent {

  color: #fff;

  font-size: 1.5rem;

  font-weight: 700;

  margin-bottom: 40px;

  line-height: 1.35;

  font-family: merriweather, serif;

}



li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured .menulinks-content a {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: rgba(0, 0, 0, 0);

  border: solid 1px #fefefe;

  color: #fff;

  padding: 12px 24px;

  order: 1;

  text-align: center;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured .menulinks-content a:hover {

  background-color: #fefefe;

  border: solid 1px #fefefe;

  color: #292929;

  text-decoration: none !important;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu:not(:last-child) {

  margin-bottom: 10px;

}



li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu a {

  font-size: 1.0625rem;

  color: #292929;

  font-weight: 500;

  padding: 0;

}



li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content span {

  font-weight: 700;

  color: rgba(98, 117, 116, 0.6);

  font-size: 0.875rem;

  text-transform: uppercase;

}

.region-header button.menu-toggle {

  -ms-grid-column: 3 / 4;

  grid-column: 3 / 4;

  -ms-grid-column-align: end;

  justify-self: end;

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  grid-row: 1 / 3;

  -ms-grid-row-align: center;

  align-self: center;

}

.region-header button.menu-toggle {

  display: none;

}

.region-mobile-nav {

  position: fixed;

  left: 0;

  top: 68px;

  height: calc(100vh - 68px);

  background: #fefefe;

  width: 100%;

  opacity: 0;

  /* -webkit-transform: translateY(-200%);

  transform: translateY(-200%); */

  transition: all 0.3s ease-in-out;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

  padding-top: 24px;

  padding-bottom: 24px;

  /* overflow-y: auto; */

  z-index: 100;

}

@media (max-width: 1350px) {

  .region-header .menu--utility {

    display: none;

  }

  .region-header .menu--main {

    display: none;

  }

  .region-header .menu--action-bar {

    display: none;

  }



  .region-mobile-nav {

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

  .region-mobile-nav {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

  .region-mobile-nav.active {

    /* transition: all 0.3s ease-in-out;

  -webkit-transform: translateY(0);

  transform: translateY(0); */

    opacity: 1;

    visibility: visible;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded {

    margin: 0;

    padding: 0;

    display: block;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child {

    list-style: none;

    display: block;

    margin: 0 -20px;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span {

    display: block;

    padding: 20px 50px 20px 30px;

    color: #1b5691;

    font-weight: 500;

    position: relative;

    font-size: 1.0625rem;

    color: #0b294b;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span.accordian:after {

    content: "";

    /* font-family: "icomoon"; */

    font-style: normal;

    font-weight: normal;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    content: "";

    font-size: 12px;

    position: absolute;

    right: 30px;

    top: 25px;

    color: rgb(27, 86, 145);

    transition: transform 300ms ease-in-out 0s,

      -webkit-transform 300ms ease-in-out 0s;

    color: #0b294b;

  }

  .region-mobile-nav .menu--utility .item-find {

    display: none;

  }

  .region-mobile-nav .menu--utility ul.menu {

    display: block;

    margin: 0 10px;

  }

  .region-mobile-nav .menu--utility ul.menu li:not(:last-child) {

    margin-bottom: 8px;

  }



  .region-mobile-nav .menu--utility ul.menu li {

    font-size: 1.0625rem;

    padding: 0;

    display: block;

  }



  .region-mobile-nav .menu--utility ul.menu a {

    padding-left: 0;

    padding-right: 0;

    font-weight: 500;

    color: #627574;

  }

  .region-mobile-nav .menu--action-bar>ul {

    display: block;

    margin: 0;

  }

  .region-mobile-nav .menu--action-bar>ul>li {

    display: block;

  }

  .region-mobile-nav .menu--action-bar>ul>li:not(:last-child) {

    margin-bottom: 10px;

    text-align: center;

  }

  .region-mobile-nav .menu--action-bar {

    margin-top: 40px;

  }

  nav.block.block-menu.navigation.menu--action-bar a.btn-secondary {

    text-align: center;

    background: #fff;

    border-color: #fff;

  }



  nav.block.block-menu.navigation.menu--action-bar a {

    color: #0b294b;

  }



  nav.block.block-menu.navigation.menu--action-bar a.menu-item--button {

    background-color: #0b294b;

    border-color: #0b294b;

    color: #fff;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0;

    display: inline-block;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 1;

    text-transform: none;

    transition: all 0.25s ease-in-out;

    color: #fff;

    padding: 12px 24px;

    width: 100%;

    text-align: center;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link.active {

    padding: 20px 30px 30px;

    background: #efeee9;

    display: flex;

    flex-direction: column;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link.active {

    margin-bottom: 24px;

  }



  ul.mobile-content-link {

    margin: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link li.mobile-content-link-content.is-submenu-item {

    order: 10;

    list-style: none;

    display: block;

    padding-top: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link.active ul.mobile-child-content {

    display: block !important;

    margin: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link a {

    color: inherit;

    font-weight: 700;

    padding: 0;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link .content-child {

    font-size: 1.1875rem;

    line-height: 1.25;

    font-family: merriweather, serif;

    margin-bottom: 0.75em;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link .content-child-wrapper {

    background-color: #0b294b;

    color: #fff;

    padding: 20px 30px;

    display: flex;

    flex-direction: column-reverse;

    border-radius: 4px;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link li.blue-box {

    list-style: none;

    display: block;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link .mobile-child-content {

    padding-left: 0;

  }



  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link .mobile-child-content {

    display: none;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link {

    /* display: none; */

    list-style: none;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span.active:after {

    transform: rotate(-180deg);

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link li.mobile-content-link-content {

    list-style: none;

    display: block;

    padding-top: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link ul.mobile-child-content .menu-link-contentmain {

    margin-bottom: 24px;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link ul.mobile-child-content .menu-link-contentmain a {

    font-weight: 400;

    font-size: 14px;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link ul.mobile-child-content li.mobile-sub-menu-child {

    list-style: none;

    display: block;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link ul.mobile-child-content .menu-link-contentmain span {

    font-size: 0.875rem;

    text-transform: uppercase;

    font-weight: 700;

    color: rgba(32, 32, 32, 0.65);

    padding: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link ul.mobile-child-content .menu-link-contentmain span:after {

    font-size: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link a.accordian-link:after {

    content: "";

    /* font-family: "icomoon"; */

    font-style: normal;

    font-weight: normal;

    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    text-align: center;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    content: "";

    font-size: 0.625rem;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    margin-left: 5px;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item.main_menuitems:last-child a {

    font-weight: 500;

    color: #627574;

    font-size: 17px;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link li.mobile-content-link-content.is-submenu-item {

    display: none;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link.active {

    visibility: visible;

    opacity: 1;

    transition: 1s;

    transform: translateY(0%);

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link {

    visibility: hidden;

    opacity: 0;

    transition: 1s;

    transform: translateY(-50%);

  }

}

@media (min-width: 1024px) {

  section.content_contactform .contactleft_col .leftside_content ul li {

    padding-left: 0;

    margin-left: 8px !important;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box {

    /* width: 20%; */

    margin-bottom: 20px;

    padding: 0 16px;

  }

  .region-header .logo-wrapper {

    height: 94px;

    margin-bottom: 0;

    max-width: 200px;

    display: block;

  }



  /* .region-header .logo-wrapper a {

    display: block;

    width: 100%;

    height: 100%;

  } */

  .region-header .logo-wrapper a {
    display: inline-block;
    transition: .4s;
    height: auto;
    overflow: hidden;
    width: 100%;
  }



  /* .region-header .logo-wrapper a img {

    height: 100%;

    padding: 0 15px;

  } */

  section.herobanner {

    background-position: center;

  }

  section.extra-company-padding.company_two.blockwith_spacing.no-mobile-spacing.section-benifits {

    padding-top: 50px;

  }

}

.region-header a.btn-secondary:hover,

.region-header a.btn-secondary:focus,

.region-header a.btn-secondary:active {

  background-color: #1b5691 !important;

  border-color: #1b5691 !important;

  color: #fefefe;

}



.region-header a.btn-secondary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: rgba(0, 0, 0, 0);

  border: solid 1px #1b5691;

  color: #1b5691;

  padding: 12px 24px;

  text-align: center;

  font-size: 18px;

}

.region-header .menu--utility li:first-child {

  padding-right: 0;

}



.region-header .menu--utility li:nth-child(2):after {

  width: 0;

}



li.menu-item.top_search a.header-search {

  font-size: 0;

  padding-left: 0;

  padding-right: 0;

  color: #627574;

}

.region-header .menu--utility li:not(:last-child):after {

  content: "";

  width: 1px;

  height: 14px;

  background-color: #cfcfcf;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

}

.region-header .menu--utility li:first-child:after {

  display: none;

}

@media (max-width: 1200px) {

  .region-header a.btn-secondary {

    padding-left: 13px;

    padding-right: 13px;

    font-size: 14px;

  }

  .region-header ul.menu a.menu-item--button {

    padding-left: 13px;

    padding-right: 13px;

    font-size: 14px;

  }

}

/*LANDING-PAGE-HEADER*/

.region.region-header.landing-header .link-lead {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  grid-row: 1 / 2;

  -ms-grid-column: 3;

  grid-column: 3;

  -ms-grid-row-align: center;

  align-self: center;

  text-align: right;

  line-height: 1;

}

.region.region-header.landing-header .link-lead .lead-in p {

  font-size: 1rem;

  color: #44505b;

  margin-bottom: 0;

}

.region.region-header.landing-header .link-lead .link:last-of-type {

  margin-bottom: 0;

}

.region.region-header.landing-header .link-lead .link {

  font-weight: 700;

  margin: 0.3125rem 0;

}

.region.region-header.landing-header .link-lead .link a {

  opacity: 1;

  color: #04111f;

  letter-spacing: 0.4px;

  text-align: right;

}

.region.region-header.landing-header .link-lead .link a:hover {

  transition-duration: 350ms;

  transition-property: opacity;

  opacity: 0.55;

}

.region.region-header.landing-header {

  max-width: 93.75rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

  position: relative;

  z-index: 100;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 100px minmax(min-content, 1fr) minmax(min-content, 1fr);

  grid-template-columns: 100px auto auto;

  -ms-grid-rows: auto auto;

  grid-template-rows: auto auto;

}

.region.region-header.landing-header .logo-wrapper {

  display: block;

  height: 36px;

  margin-bottom: 15px;

}

.region.region-header.landing-header .logo-wrapper {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  grid-row: 1 / 2;

  -ms-grid-row-align: end;

  align-self: end;

}

.region.region-header.landing-header .logo-wrapper a {

  color: #0b294b;

}

.region.region-header.landing-header .logo-wrapper a svg {

  display: block;

  max-width: 100%;

  width: 100%;

  height: 100%;

}

.region.region-header.landing-header .link-lead .lead-in p a {

  font-size: 1rem;

  display: block;

  font-weight: 700;

  margin: 0.3125rem 0;

  letter-spacing: 0.4px;

  color: #0e3a5d;

  opacity: 1;

}

.region.region-header.landing-header .link-lead .lead-in p a:hover {

  transition-duration: 350ms;

  transition-property: opacity;

  opacity: 0.55;

}

@media (min-width: 40em) {

  .region.region-header.landing-header .link-lead .lead-in p {

    font-size: 1.25rem;

  }

  .region.region-header.landing-header .link-lead .lead-in p a {

    font-size: 1.375rem;

  }

  .region.region-header.landing-header .link-lead .link {

    font-size: 1.375rem;

  }

  .region.region-header.landing-header {

    -ms-grid-columns: 200px minmax(min-content, 1fr) minmax(min-content, 1fr);

    grid-template-columns: 200px auto auto;

  }

  .region.region-header.landing-header {

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

}

@media (min-width: 64em) {

  .region.region-header.landing-header .logo-wrapper {

    max-width: 200px;

    height: 75px;

  }

}

/*END*/



/*Footer css*/



footer.main-footer .main-footer__bottom .copyright p {

  color: #fff;

  font-size: 0.875rem;

  margin-bottom: 0;

}

.footer-logo img {

  height: 100%;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu a {

  font-weight: 700;

  padding: 0;

  font-size: 14px;

  color: #fff;

  margin: 0 11px;

}

footer.main-footer .main-footer__bottom .footersocial-links ul.menu {

  display: flex;

  list-style: none;

  margin-bottom: 0;

  margin-left: 0;

  justify-content: flex-end;

}

footer.main-footer .main-footer__bottom .footersocial-links ul.menu a {

  font-size: 14px;

}

footer.main-footer .main-footer__bottom .footersocial-links ul.menu a img {

  width: 25px;

}

.footer-menu a {

  font-size: 0.875rem;

  padding: 4px 0;

  line-height: 1.2;

  padding: 0;

  color: #292929;

}

#main-footer .container {

  max-width: 75rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.main-footer__top .footer-first .footer-info .footer-address a {

  color: #0b294b;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.primary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: #1b5691;

  border: solid 1px #1b5691;

  color: #fff;

  padding: 12px 24px;

  text-align: center;

  margin-bottom: 16px;

  font-size: 15px;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.primary {

  /* background-color: #0B294B; */

  border-color: #0b294b;

  color: #fff;

  width: 100%;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.primary:hover {

  background-color: #133d66;

  border-color: #133d66;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.primary:hover {

  background-color: #133d66 !important;

  border-color: #133d66;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.secondary:hover {

  background-color: #0e3a5d;

  border-color: #0e3a5d;

  color: #fefefe;

}



footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.secondary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0;

  display: inline-block;

  font-weight: 700;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: none;

  transition: all 0.25s ease-in-out;

  background-color: rgba(0, 0, 0, 0);

  border: solid 1px #1b5691;

  color: #1b5691;

  padding: 12px 24px;

  text-align: center;

  margin-bottom: 16px;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.secondary {

  color: #0b294b;

  border-color: #0b294b;

  width: 100%;

  font-size: 15px;

}

footer.main-footer .main-footer__top .footer-second .footersecond-logo img {

  margin: 1rem auto 0;

  content: "";

  width: 4.6875rem;

  height: 4.6875rem;

  display: block;

}

footer.main-footer .main-footer__top .footer-second ul.menu {

  margin: 0;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item {

  width: 100%;

  padding: 0;

  text-align: center;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.other_link {

  color: #0e3a5d;

  font-weight: 700;

  text-decoration: none;

  width: 100%;

  padding: 0.7rem 0;

  font-size: 15px;

}

footer.main-footer .main-footer__top .footer-second ul.menu li.menu-item a.other_link:hover {

  color: #2370bc;

}

footer.main-footer .main-footer__top .container {

  max-width: 1189px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.main-footer .main-footer__bottom .container {

  max-width: 1204px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .footersocial-links {

  flex-grow: 1;

  flex-shrink: 0;

}

footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .region.region-footer-bottom {

  display: block;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item {

  padding: 0;

  margin: 6px;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item a {

  font-weight: 700;

  padding: 0;

  margin: 0;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss {

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none outside;

  text-align: left;

  position: relative;

  display: flex;

}

@media (min-width: 40em) {

  footer.main-footer .main-footer__top .container {

    padding-left: 20px;

    padding-right: 20px;

  }

}

@media (min-width: 64em) {

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view {

    width: calc(100% - 264px);

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view:last-child {

    width: 264px;

    margin-top: 0;

    padding: 0;

  }

  footer.main-footer .main-footer__top {

    padding-top: 95px;

    padding-bottom: 93px;

  }

  footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .footersocial-links {

    margin-left: auto;

  }

  footer.main-footer .main-footer__top .footer-second {

    display: block;

    width: 264px;

    margin-top: 0;

    font-size: 0.875rem;

    padding-left: 24px;

  }

  .main-footer .main-footer__bottom .container {

    padding: 6.5px 0;

  }

  footer.main-footer .main-footer__bottom .footer-bottom-logo-wrapper {

    padding: 0 16px;

  }

  .main-footer__top .footer-first .navigation.menu--footer .navigation-menu--footer-child .footer-menu-sub-child {

    min-width: 187px;

    margin: 0 14px;

    padding: 0;

  }



  .main-footer__top .footer-first .navigation.menu--footer .navigation-menu--footer-child .footer-menu-sub-child .footer-menu a {

    display: block;

    margin: 16px 0px;

    text-decoration: none;

  }

  footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper {

    display: flex;

    flex-flow: nowrap row;

    align-items: center;

  }

  footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item {

    margin: 0 6px;

  }

}

@media (min-width: 75em) {

  footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item {

    margin: 0 12px;

  }

}

footer.main-footer .main-footer__bottom .footersocial-links ul.menu a.fa {

  padding: 0;

  color: #fefefe;

  transition: all 0.25s ease-in-out;

  margin-bottom: 0;

}



footer.main-footer .main-footer__bottom .footersocial-links ul.menu a.fa:before {

  /* font-family: "icomoon"; */

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* content: ""; */

  font-size: 24px;

}



footer.main-footer .main-footer__bottom .footersocial-links ul.menu a.fa {

  padding: 0;

  color: #fefefe;

  transition: all 0.25s ease-in-out;

  margin-bottom: 0;

}

footer.main-footer .main-footer__bottom .footersocial-links ul.menu li:not(:last-child) a.fa {

  margin-right: 14px;

}



footer.main-footer .main-footer__bottom .footersocial-links ul.menu a.fa:before {

  /* content: ""; */

  font-size: 24px;

  /* font-family: "icomoon"; */

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

}



footer.main-footer .main-footer__bottom .region.region-footer-bottom {

  padding: 0;

}

footer.main-footer .main-footer__top .mobile-footer-view {

  padding-top: 64px;

  padding-bottom: 32px;

  /*edgehill only*/

  padding: 0;

}

.main-footer__top .footer-first .footer-menu-sub-child .footer-menu a {

  margin: 12px 0;

  display: block;

  color: #0e3a5d;

}

footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper {

  flex-grow: 1;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item:last-child a {

  font: 0/0 transparent;

  text-decoration: none;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item:nth-child(5) a {

  font: 0/0 transparent;

  text-decoration: none;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item:last-child a:before {

  font-size: 14px;

  content: "";

  font-family: "icomoon";

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

}

footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu ul.menuss li.menu-item:nth-child(5) a:before {

  content: "";

  font-size: 14px;

  font-family: "icomoon";

  font-style: normal;

  font-weight: normal;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

}

.main-footer__top .footer-heading span {

  color: #0e3a5d !important;

}

@media (max-width: 1200px) {

  footer.main-footer .main-footer__bottom .copyright {

    text-align: center;

  }

  footer.main-footer .main-footer__bottom .copyright p {

    white-space: break-spaces;

  }

}

@media (max-width: 1024px) {

  footer.main-footer .main-footer__bottom .mobile-view {

    display: block;

    text-align: center;

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

  footer.main-footer .main-footer__bottom .mobile-view .copyright {

    width: 100%;

  }

  footer.main-footer .main-footer__bottom .region.region-footer-bottom {

    width: 100%;

  }

  footer.main-footer .main-footer__bottom .footersocial-links {

    width: 100%;

  }

  footer.main-footer .main-footer__bottom .footersocial-links ul.menu {

    justify-content: center;

    margin-top: 12px;

  }

  footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu {

    margin-left: 0;

    margin-top: 12px;

  }

  footer.main-footer .main-footer__top .mobile-footer-view {

    display: block;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view {

    width: 100%;

    margin-top: 32px;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .footer-second {

    max-width: 500px;

    margin: 0 auto;

  }

  .main-footer__top .footer-first .footer-info .footer-address p {

    text-align: center;

    margin-top: 0;

  }

  .main-footer__top .footer-first .footer-info .footer-address {

    display: flex;

    justify-content: end;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .navigation-menu--footer-child {

    display: block;

    max-width: 500px;

    margin: 0 auto;

  }



  footer.main-footer .main-footer__top .mobile-footer-view .navigation.menu--footer {

    display: block;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .navigation-menu--footer-child .footer-menu-sub-child {

    width: 100%;

  }



  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .navigation-menu--footer-child .footer-menu-sub-child .footer-menu a {

    display: block;

    width: 100%;

    margin: 16px 0;

    padding: 4px 0;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .navigation-menu--footer-child .footer-menu-sub-child .footer-menu {

    display: none;

  }

  footer.main-footer .main-footer__top .mobile-footer-view .footer-mobile-view .navigation-menu--footer-child .footer-menu-sub-child .footer-menu.active {

    display: block;

  }

  .main-footer__top .footer-heading span {

    margin: 16px 0;

  }

  .main-footer__top .footer-first .footer-info .footer-logo {

    height: 92px;

    max-width: 178px;

    margin-bottom: 0;

  }

}

@media (max-width: 800px) {

  .main-footer__top .footer-first .footer-info {

    display: block;

    width: 100%;

    padding: 0;

  }

  .main-footer__top .footer-first .footer-info .footer-address {

    display: block;

  }

  .main-footer__top .footer-first .footer-info .footer-address p {

    margin: 32px auto 0;

  }

  .main-footer__top .footer-first .footer-info {

    display: block !important;

    width: 100% !important;

  }

  .main-footer__top .footer-first .footer-info .footer-logo {

    margin: 0 auto;

  }

  footer.main-footer .main-footer__bottom .region.region-footer-bottom .footerbotom-menu a {

    margin: 6px;

  }

  footer.main-footer .main-footer__bottom .mobile-view {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

}

@media screen and (min-width: 1024px) and (max-width: 1180px) {

  .main-footer__top .footer-first .navigation.menu--footer .navigation-menu--footer-child .footer-menu-sub-child {

    min-width: 130px;

    margin: 0 8px;

    padding: 0;

  }

  .main-footer__top .footer-first .navigation.menu--footer .navigation-menu--footer-child .footer-menu-sub-child .footer-menu {

    width: auto;

  }

}

/*END*/

/*Additional CSS*/

header.site-header .header-bar .header-wrapper .header-menu {

  display: flex;

  width: 100%;

  align-items: center;

}

header.site-header {

  border-top: 24px solid #11222b;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-logo {

  width: 20%;

  display: flex;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav {

  width: 55%;

  display: flex;

  justify-content: center;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact {

  width: 25%;

  display: flex;

}

header.site-header:before {

  content: "";

  background: #11222b;

  position: absolute;

  height: 294px;

  width: 378px;

  border-radius: 19px;

  top: -196px;

  left: -55px;

  transform: skew(-29deg, 17deg);

  animation: 1s ease-out 0s 1 slideInFromtop;

}

/* .logo-wrapper img {

  max-width: 156px !important;

  width: 100%;

  height: auto !important;

  border: none;

  border-radius: 0;

} */

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-logo .site-logo .logo-wrapper {

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,

    -webkit-box-shadow 0.3s;

  position: relative;

  text-align: center;

  width: 100%;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-logo .site-logo {

  display: flex;

  align-content: center;

  align-items: center;

  flex-wrap: wrap;

  width: 100%;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar {

  height: 80px;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav {

  font-weight: 700;

  line-height: 30px;

  font-size: 14px;

  height: 100%;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item {

  position: relative;

  display: inline-block;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link {

  display: flex;

  position: relative;

  z-index: 1;

  height: 100%;

  align-items: center;

  vertical-align: middle;

  padding: 0 20px;

  color: inherit;

  text-transform: initial;

  opacity: 1;

  transition: 0.2s;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link span.dropdown-caret:before {

  transform: rotate(135deg) translateX(-2px);

  transform-origin: 50% 100%;

  content: "";

  border-bottom: 2px solid currentColor;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  position: absolute;

  background: transparent;

  transition: 0.4s;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link span.dropdown-caret {

  right: 7px;

  position: absolute;

  width: 7px;

  height: 9px;

  top: 50%;

  margin-top: -8px;

  opacity: 0.5;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link span.dropdown-caret:after {

  content: "";

  border-bottom: 2px solid currentColor;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  position: absolute;

  background: transparent;

  transition: 0.4s;

  transform: rotate(-135deg) translateX(2px);

  transform-origin: 50% 100%;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link:hover span.dropdown-caret:before {

  transform: rotate(45deg) translateX(2px);

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link:hover span.dropdown-caret:after {

  transform: rotate(-45deg) translateX(-2px);

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-nav .navbar ul.navbar-nav li.nav-item a.nav-link:after {

  display: none;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact .contact-wrapper .contact-site {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: 0px;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0px 55px 0px 40px;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact .contact-wrapper .contact-site span {

  transition: 0.4s;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact .contact-wrapper .contact-site a {

  text-decoration: none;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact .contact-wrapper .site-search .search-wrapper .search-box {

  display: inline-block;

  position: relative;

  font-size: 20px;

  cursor: pointer;

  transform-origin: center;

  transition: 0.3s;

}

header.site-header .header-bar .header-wrapper .header-menu .menu-items.menu-contact .contact-wrapper {

  align-content: center;

  align-items: center;

  justify-content: flex-start;

  display: flex;

}

section.banner-section .site-banner .content-bannner {

  margin-top: 0;

  position: relative;

  z-index: 0;

  overflow: hidden;

}

section.banner-section .site-banner .content-bannner .image-wrap {

  background-repeat: no-repeat;

  background-size: 32%;

  background-position: right 70%;

  width: 100%;

  height: 100%;

  min-height: 657px;

  display: flex;

  align-items: center;

  padding-top: 170px;

  padding-bottom: 100px;

  transition: 0.3s;

}

section.banner-section .site-banner .content-bannner .image-wrap .content {

  max-width: 785px;

  width: 100%;

  margin: 0;

  padding-left: 20px;

}

section.banner-section .site-banner .content-bannner .image-wrap .content h1.head {

  font-size: 60px;

  line-height: 75px;

  margin-bottom: 20px;

  text-align: left;

  letter-spacing: 0px;

  font-weight: 700;

  font-family: Amiri;

  color: rgb(255, 255, 255);

  letter-spacing: -0.37px;

}

section.banner-section .site-banner .content-bannner .image-wrap .content .link a {

  display: inline-block;

  text-align: center;

  line-height: 16px;

  letter-spacing: 0px;

  font-weight: 600;

  font-size: 18px;

  background-color: rgba(16, 33, 43, 0);

  font-family: Nunito;

  text-transform: uppercase;

  height: auto;

  width: auto;

  color: rgb(255, 255, 255);

  border-color: rgb(255, 255, 255);

  border-style: solid;

  border-width: 2px;

  padding: 15px 39px;

  border-radius: 3px;

}

section.banner-section .site-banner .content-bannner .image-wrap .container {

  max-width: 1600px;

  margin: 0 auto;

  padding: 0 15px;

  width: 100%;

}

section.banner-section .site-banner .content-bannner .image-wrap .content .link a:hover {

  background: #000;

  border-color: #000;

}

ul.sub-menu.dropdown-content li.menu-item ul.menu-links.is-featured {

  display: none;

}

/*HOMEPAGE-CSS*/

body {

  overflow-x: hidden;

  font-family: "Nunito", sans-serif;

}

body.home {

  background: #f5f5f5;

}

.animation-images {

  font-size: 120px;

  position: absolute;

  left: -100%;

  top: -230%;

  transform: rotate(-30deg);

  z-index: -1;

  opacity: 0.2;

}

.animation-images div {

  white-space: nowrap;

  font-family: "Amiri", Sans-serif;

  font-weight: bold;

  line-height: 160px;

  animation-duration: 30s;

  animation-iteration-count: infinite;

}

.animation-images div:nth-child(odd) {

  animation-name: oddwordsmoves;

}

.animation-images div:nth-child(even) {

  animation-name: evenwordsmoves;

}

.box-section .business-box {

  padding: 0;

}

.box-wrapper {

  color: #222222;

  background-color: #ffffff;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #ffffff;

  padding: 22px 20px 23px 20px;

  border-radius: 6px 6px 6px 6px;

  text-align: center;

  margin: 0px 10px 20px 15px;

  min-height: 150px;

  margin: 0px 5px 20px 10px;

}

.box-wrapper h1 {

  font-size: 14px;

  font-weight: 800;

  text-transform: uppercase;

  line-height: 20px;

  margin-top: 10px;

  margin-bottom: 0;

}

.box-wrapper span {

  width: 50px;

  display: block;

  margin: auto;

}

.box-wrapper:hover {

  background-color: var(--golden-color);

}

.box-wrapper span svg path {

  fill: var(--golden-color);

}

.box-wrapper:hover span svg path {

  fill: #fff;

}

.box-wrapper:hover h1 {

  color: #fff;

}

.box-section {

  padding-top: 50px;

}

.main-content-box {

  display: flex;

}

.main-content-box .box-image-content {

  width: 50%;

  padding: 0px 30px 0px 0px;

  display: flex;

  align-content: center;

  align-items: center;

}

.main-content-box .box-image-wrapper {

  width: 50%;

  width: 50%;

  display: flex;

  justify-content: flex-end;

}

.section-box-content {

  font-family: "Nunito Sans", Sans-serif;

  font-weight: 400;

  padding: 26px 70px 36px 70px;

  /* padding: 32px 32px 32px 32px; */

  color: #616161;

  background-color: #ffffff;

  border-radius: 10px 10px 10px 10px;

}

.box-content {

  margin: 10px;

}

.main-content-box .box-image-content .box-image-content-wrapper {

  text-align: left;

}

.main-content-box .box-image-content .box-image-content-wrapper h1 {

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #ffc745;

  margin-bottom: 8px;

  text-transform: uppercase;

  font-family: "Nunito", sans-serif;

}

.main-content-box .box-image-content .box-image-content-wrapper h3 {

  font-size: 32px;

  font-weight: bold;

  line-height: 42px;

  color: #11222c;

  font-family: "Amiri", Sans-serif;

}

.main-content-box .box-image-content .box-image-content-wrapper p {

  color: #545a67;

  font-size: 16px;

  line-height: 28px;

}

.main-content-box .box-image-wrapper img {

  height: auto;

  max-width: 100%;

  border: none;

  border-radius: 0;

}

.service-content {

  position: relative;

  transition: 0.5s;

  color: inherit;

  z-index: 1;

  display: flex;

}

section.pagesname-boxes .section-service .service-box-wrapper {

  padding: 0px 20px;

  margin-bottom: 30px;

}

section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon .service-box {

  min-height: 250px;

}

section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon {

  background: #10212b;

}

.page-boxes-wrapper {

  display: flex;

  align-items: center;

}

.service-content-heding {

  width: 100%;

  display: flex;

  align-items: center;

  border-bottom-right-radius: 6px;

  margin-left: -1px;

}

.service-content-icon span {

  padding: 20px 20px 20px 20px;

  background: #10212b;

  border-bottom-left-radius: 6px;

  display: flex;

  align-items: center;

}

.service-content-heding h4 {

  margin: 0px 30px 0px 0px;

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 800;

  line-height: 20px;

  color: #ffffff;

  text-align: left;

  word-break: break-word;

  transition: 0.4s;

}

section.pagesname-boxes .section-service {

  max-width: 1075px;

  display: flex;

  margin-right: auto;

  margin-left: auto;

  position: relative;

  padding: 0 27px;

  flex-direction: column;

}

.service-content:after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

  transition: all 0.5s;

  opacity: 0;

  box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 12%);

  border-radius: 6px 6px 6px 6px;

}

section.section-benifits {

  overflow-x: hidden;

}

section.section-benifits .benifits-wrapper {

  padding-top: 30px;

  padding-bottom: 30px;

  overflow-x: hidden;

}

section.section-benifits .benifits-wrapper .benifits-image-section {

  width: 43.989%;

  position: relative;

  padding: 0;

}

section.section-benifits .benifits-wrapper .benifits-content-section {

  width: 56.011%;

  padding: 0;

  padding: 0px 0px 0px 86px;

  max-width: 100%;

}

section.section-benifits .benifits-wrapper .benifits-image-section img {

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin: 0px 0px 0px 0px;

  object-fit: cover;

  object-position: left;

  width: 100%;

  height: 100%;

}

section.section-benifits .benifits-wrapper .benifits-image-section .img-items {

  padding: 10px 16px 2px 0px;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

  margin-top: 32px;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h4 {

  font-family: "Nunito", sans-serif;

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #c34a5a;

  margin: 0px 0px 13px 0px;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

  font-size: 48px;

  font-weight: bold;

  line-height: 42px;

  color: #ffffff;

  font-family: "Amiri", Sans-serif;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper {

  display: flex;

  justify-content: flex-start;

  padding: 0px 10px 16px 0px;

  position: relative;

  transition: 0.5s;

  color: inherit;

  z-index: 1;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper div {

  font-family: "Nunito Sans", Sans-serif;

  font-size: 18px;

  font-weight: normal;

  line-height: 40px;

  color: #ffffff;

  padding-left: 0;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper .icon-reason {

  margin: 5px 22px 0px 13px;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper .icon-reason i.fa.fa-check {

  background-color: #24313a;

  color: #fafafa;

  padding: 6px 7px 7px 7px;

  transform: rotate(0deg);

  font-size: 16px;

  border-radius: 50%;

  fill: #fff;

  transition: 0.5s;

}

section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper:hover .icon-reason i.fa.fa-check {

  background-color: var(--golden-color);

}

section.block-text .heding-wrapper h4 {

  font-size: 18px;

  font-weight: 700;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  text-transform: uppercase;

}

section.block-text .heding-wrapper h2 {

  font-size: 45px;

  font-weight: bold;

  line-height: 49px;

  color: #222222;

  font-family: "Amiri", Sans-serif;

  text-transform: capitalize;

}

section.block-text .heding-wrapper p {

  color: #545a67;

  font-family: "Poppins", Sans-serif;

  font-size: 18px;

  font-weight: normal;

  line-height: 28px;

  width: 100%;

  max-width: 100%;

}

section.link-section .heading-links-wrapper .heading-withlinks {

  max-width: 880px;

  margin: 0 auto;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper {

  padding: 0;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec {

  padding: 21px 20px 21px 20px;

  border-radius: 0px 10px 10px 0px;

  background-color: var(--golden-color);

  display: flex;

  justify-content: center;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:first-child .links-sec {

  padding: 21px 20px 21px 20px;

  border-radius: 10px 0px 0px 10px;

  background-color: var(--golden-color);

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec a {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 18px;

  margin: 0% 0% 0% 0%;

  padding: 0px 10px 0px 10px;

  color: #ffffff;

  transition: 0.4s;

  pointer-events: none;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:last-child {

  border-style: solid;

  border-width: 0px 0px 0px 1px;

  border-color: #ffffff;

}

section.link-section .heading-links-wrapper .heading-withlinks {

  max-width: 880px;

  margin: 0 auto;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper {

  padding: 0;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec {

  padding: 21px 20px 21px 20px;

  border-radius: 0px 10px 10px 0px;

  background-color: var(--golden-color);

  display: flex;

  justify-content: center;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:first-child {

  border-style: solid;

  border-width: 0px 1px 0px 0px;

  border-color: #ffffff;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:first-child .links-sec {

  padding: 21px 20px 21px 20px;

  border-radius: 10px 0px 0px 10px;

  background-color: var(--golden-color);

  transition: 0.4s;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec a {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 18px;

  margin: 0% 0% 0% 0%;

  padding: 0px 10px 0px 10px;

  color: #ffffff;

  transition: 0.4s;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:last-child {

  border-style: solid;

  border-width: 0px 0px 0px 1px;

  border-color: #ffffff;

}

section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec:hover {

  background-color: var(--golden-color);

}

section.info-bar {

  padding-top: 70px;

}

section.info-bar .info-bar-wrapper {

  background-color: #10212b;

  padding: 0px 0 45px 0;

}

section.info-bar .info-bar-wrapper h2 {

  color: #ffffff;

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  font-weight: 700;

  line-height: 42px;

  margin: 0;

  margin-bottom: 14px;

}

section.info-bar .info-bar-wrapper p {

  margin: 0;

}

section.info-bar .info-bar-wrapper h4 {

  color: #ffffff;

  font-family: "Amiri", Sans-serif;

  font-size: 32px;

  font-weight: 700;

  line-height: 32px;

}

section.info-bar {

  padding-top: 70px;

  padding-bottom: 30px;

}

section.info-bar .info-bar-wrapper {

  background-color: #10212b;

  padding: 10px 0 70px 0;

  max-width: 1230px;

  margin: 0 auto;

  border-radius: 6px;

}

section.info-bar .info-bar-wrapper p a img {

  margin-bottom: 20px;

  width: 240px;

}

section.info-bar .info-bar-wrapper h2 {

  color: #ffffff;

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  font-weight: 700;

  line-height: 42px;

  margin: 0;

  margin-bottom: 19px;

}

section.info-bar .info-bar-wrapper p {

  margin: 0;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide {

  display: flex;

  justify-content: center;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide img {

  justify-content: center;

  padding: 50px 55px 50px 55px;

  height: 100%;

  object-fit: contain;

}

.page-boxes-wrapper {

  display: flex;

  align-items: center;

}

section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon {

  border-radius: 10px;

}

section.pagesname-boxes .service-btn-wrapper {

  text-align: center;

}

section.pagesname-boxes .service-btn-wrapper a {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 18px;

  color: #ffffff;

  background-color: var(--golden-color);

  border-radius: 6px 6px 6px 6px;

  padding: 20px 93px 20px 93px;

  display: inline-block;

}

section.pagesname-boxes .service-btn-wrapper a span {

  display: flex;

}

footer.main-footer .main-footer__top .footer-topheading {

  display: flex;

}

footer.main-footer .main-footer__top .footer-topheading h2 {

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  line-height: 42px;

  color: #ffffff;

}

footer.main-footer .main-footer__top .cta-btn a {

  font-family: "Nunito", Sans-serif;

  font-size: 16px;

  font-weight: bold;

  text-transform: uppercase;

  color: #ffffff;

  background-color: var(--golden-color);

  border-radius: 6px 6px 6px 6px;

  padding: 11px 47px 11px 47px;

  display: flex;

}

footer.main-footer .main-footer__top .cta-btn a:hover {

  color: #14212b;

  background-color: #ffffff;

}

footer.main-footer .main-footer__top .cta-btn {

  display: flex;

  justify-content: end;

}

footer.main-footer .main-footer__top .footer-heading-wrapper {

  width: 78%;

  padding: 0;

}

footer.main-footer .main-footer__top .footer-cta-wrapper {

  width: 22%;

  padding: 0;

}

footer.main-footer .main-footer__top .footer-wrapper-heading {

  display: flex;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08235294117647059);

  padding: 0;

  padding-bottom: 36px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper {

  display: flex;

  padding: 0 16px;

  padding-top: 52px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details {

  display: flex;

  align-items: center;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details i {

  color: var(--golden-color);

  border-color: var(--golden-color);

  font-size: 26px;

  margin: 0px 27px 0px 0px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details span {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  margin: 0px 0px 10px 0px;

  color: #ffffff;

  display: block;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details p {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  color: #ffffff;

  margin-bottom: 0;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details:not(:last-child) {

  margin-bottom: 28px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:not(:last-child) {

  margin-bottom: 24px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a {

  color: #fff;

  display: block;

  position: relative;

  z-index: 1;

  width: fit-content;

  font-size: 14px;

  font-weight: 700;

  line-height: 18px;

  border: 0;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:before,

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:after {

  content: "";

  position: absolute;

  bottom: 0;

  height: 1px;

  width: 0;

  background: red;

  transition: 0s;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:hover:after {

  width: 100%;

  transition: 0s;

  background: transparent;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:hover:before {

  width: 100%;

  transition: width 0.4s;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:after {

  transition: width 0.4s;

  right: 0;

}

footer.main-footer .main-footer__bottom {

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  padding: 30px 0px 29px 0px;

}

footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .region.region-footer-bottom a {

  display: inline-block;

  max-width: 141px;

  width: 100%;

}

footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .region.region-footer-bottom a img {

  vertical-align: middle;

  display: inline-block;

  height: auto;

  max-width: 100%;

  border: none;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.main-footer .main-footer__bottom .container .copyright {

  color: #ffffff;

  font-family: "Nunito", Sans-serif;

  font-size: 14px;

  font-weight: bold;

  line-height: 18px;

  float: right;

}

.region-header .menu--utility .header-btn {

  display: none;

}

.is-scroll-top .region-header .menu--utility .header-btn {

  display: block;

}

.is-scroll-top .region-header .menu--utility ul.menu {

  display: none;

}

.region.region-header .logo-wrapper {

  width: 20%;

  height: auto;

  max-width: 100%;

  align-self: center;

  position: relative;

}

.region.region-header .menu--main {

  width: 55%;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0;

}

.region.region-header .menu--utility {

  width: 25%;

  margin: 0;

  justify-content: flex-start;

}

header.main-header .sticky-header {

  background: transparent;

  padding: 0;

}

header.main-header .sticky-header .region.region-header {

  max-width: 100%;

  padding: 0;

  display: flex;

}

header.main-header {

  border-top: 24px solid #11222b;

}

header.main-header:before {

  content: "";

  background: #11222b;

  position: absolute;

  height: 275px;

  width: 367px;

  border-radius: 19px;

  top: -196px;

  left: -55px;

  transform: skew(-29deg, 17deg);

  animation: 1s ease-out 0s 1 slideInFromtop;

}

.region-header .logo-wrapper a .arrow-icon-logo {
  width: 30px;
  height: 30px;
  transition: .4s;
}

.region-header .logo-wrapper a .default_logo {
  max-width: 115px;
  height: auto;
  transition: .4s;
  /* display: none; */
}

.region-header .logo-wrapper a:hover .arrow-icon-logo {
  width: 20px;
  height: 20px !important;
  transform: translateX(80px);
}

.region-header .logo-wrapper a:hover .arrow-icon-logo {
  transform: translate(117px, 19px);
}

.region-header .logo-wrapper a .default_logo {
  display: block;
}

.region-header .logo-wrapper a .default_logo.sticky_logo {
  display: none;
}

/* .region.region-header .logo-wrapper a {

  margin: 0px 0px 0px 110px;

  border: 0;

} */

/* .region.region-header .logo-wrapper img {

  padding: 0;

  max-width: 156px !important;

  width: 100%;

  height: auto !important;

} */

.region.region-header .menu--main ul#menu-main_menu {

  height: 100%;

  padding: 0;

}

.region-header .menu--main>ul.menu>li>a:before {

  content: "";

}

.region-header .menu--main>ul.menu>li:not(:last-child) {

  margin-right: 0;

  position: relative;

}

/* .region-header .menu--main > ul.menu > li > a,

.region-header .menu--main > ul.menu > li > span {

  display: flex;

  position: relative;

  z-index: 1;

  height: 100%;

  align-items: center;

  vertical-align: middle;

  padding: 0 20px;

  text-transform: initial;

  opacity: 1;

  transition: 0.2s;

  font-weight: 700;

  line-height: 30px;

  font-size: 14px;

  color: #fff;

  letter-spacing: 0.4px;

} */

.is-scroll-top header.main-header {

  border: 0;

}

/* .is-scroll-top header.main-header .sticky-header {

  background: #fff;

} */

.is-scroll-top header.main-header:before {

  display: none;

}

.region.region-header .menu--utility ul.menu {

  align-items: center;

  height: 100%;

}

.region.region-header .menu--utility ul.menu li.menu-item.top_search {

  padding: 0;

  margin: 0;

  height: 100%;

}

li.menu-item.top_search a.header-search {

  display: flex;

  height: 100%;

  align-items: center;

}

.region.region-header .menu--utility ul.menu li.menu-item.top_search i {

  display: inline-block;

  position: relative;

  font-size: 20px;

  cursor: pointer;

  transform-origin: center;

  transition: 0.3s;

  color: #fff;

  width: 20px;

}

.region.region-header .menu--utility ul.menu li.menu-item {

  margin: 0px 55px 0px 40px;

  padding: 0;

}

/* .region.region-header .menu--utility ul.menu li.menu-item a.menu-item {

  transition: 0.4s;

  color: #fff;

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 800;

  letter-spacing: 0px;

} */

/* .is-scroll-top .region.region-header .logo-wrapper a {

  margin: 0px 0px 0px 55px;

} */

.is-scroll-top .region-header .menu--main>ul.menu>li>a,

.is-scroll-top .region-header .menu--main>ul.menu>li>span {

  color: #000;

}

.is-scroll-top .region-header .menu--main>ul.menu>li>a,
.is-scroll-top .region-header .menu--main>ul.menu>li>span a {
  color: #000;
}

.is-scroll-top .region.region-header .menu--utility {

  justify-content: flex-end;

  margin: 0 50px 0 40px;

}

.is-scroll-top .region-header .menu--utility .header-btn .header-btn-wrapper a {

  color: #222222;

  background-color: rgba(255, 74, 23, 0);

  border-color: #ef5465;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  padding: 19.5px 34.5px 19.5px 34.5px;

  margin: 0;

  font-size: 14px;

  display: inline-block;

  position: relative;

  border-radius: 3px;

  line-height: 1.1;

  font-weight: 700;

  text-transform: uppercase;

}

.is-scroll-top .region-header .menu--utility .header-btn .header-btn-wrapper a:hover {

  color: #ffffff;

  background-color: #14212b;

  border-color: #14212b;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content {

  padding: 0;

  display: block;

  left: auto;

  right: 0;

  background: rgba(21, 34, 43, 1);

  border: 0;

  top: 100%;

  min-width: 280px;

  transition: 0.3s ease-in;

  padding: 12px 0;

  border-radius: 5px;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content li.menu-item ul.menu-links {

  width: auto;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu {

  display: block;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a {

  position: relative;

  width: max-content;

  padding: 3px 20px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 9px;

  color: #fff;

  font-size: 14px;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a:before,

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a:after {

  content: "";

  position: absolute;

  bottom: 0;

  height: 1px;

  width: 0;

  background: red;

  transition: 0s;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a:hover:before {

  width: 85%;

  transition: width 0.4s;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a:hover:after {

  width: 100%;

  transition: 0s;

  background: transparent;

}

li.menu-item.menu-item-object-ccs_custom_menu_item ul.sub-menu.dropdown-content li.menu-item ul.menu-links li.is-submenu .menulinks-content a:after {

  right: 0;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content li.menu-item {

  padding: 0;

  width: 100%;

  margin: 0;

}

li.menu-item.menu-item-object-ccs_custom_menu_item.active ul.sub-menu.dropdown-content li.menu-item:first-child {

  display: none;

}

.is-scroll-top header.main-header .sticky-header .region.region-header nav.navigation.menu--main {

  height: 100px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-social-wrapper {

  display: flex;

  align-items: center;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-social-wrapper .info-social a {

  background-color: #00000000;

  --icon-padding: 0.6em;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #ffffff1a;

  border-radius: 50% 50% 50% 50%;

  display: inline-block;

  transition: all 0.3s;

  color: #818a91;

  width: 44px;

  height: 44px;

  display: flex;

  justify-content: center;

  align-items: center;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-social-wrapper .info-social:not(:last-child) {

  margin-right: 12px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-social-wrapper .info-social a i {

  position: relative;

  display: block;

  color: #d94f5e;

  font-size: 20px;

}

footer.main-footer .main-footer__bottom .footer-bottom-logo-wrapper {

  padding: 0 16px;

}

footer.main-footer .main-footer__bottom .footer-bottom-text-wrapper {

  padding: 0 26px;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info {

  width: 40%;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links {

  width: 17%;

}

footer.main-footer .main-footer__top .footer-middle-wrapper .footer-map {

  width: 43.9%;

}

/* .region.region-header .logo-wrapper img:first-child {

  display: none;

} */



/* .is-scroll-top .region.region-header .logo-wrapper img:first-child {

  display: block;

} */



/* .is-scroll-top .region.region-header .logo-wrapper img:last-child {

  display: none;

} */

section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon .service-box img {

  width: 100%;

}

section.link-section .heading-links-wrapper .heading-withlinks {

  padding: 21px 0px 30px 0px;

  margin-top: 20px;

}

section.gallery_slider {

  padding-top: 20px;

  padding-bottom: 21px;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide:hover {

  box-shadow: 11px 10px 28px 0px rgb(0 0 0 / 10%);

  border-radius: 10px;

}

section.gallery_slider .gallery_slides .slick-slide:hover .g-slides .hoverimages+.main-images {

  opacity: 0;

  visibility: hidden;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide img.hoverimages {

  display: none;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

}

section.gallery_slider .gallery_slides .slick-slide:hover .g-slides .hoverimages {

  opacity: 1;

  visibility: visible;

  display: flex;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide .g-slides {

  position: relative;

  display: flex !important;

  z-index: 1;

  align-items: center;

  height: -webkit-max-content;

  height: max-content;

  max-height: 191px;

  min-height: 270px;

}

section.gallery_slider .gallery_slides .slick-track .slick-slide {

  margin-bottom: 20px;

  margin-top: 20px;

  transition: 0.3s;

}

section.testimoinial-sliders {

  background-color: #ffffff;

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin-top: 0px;

  margin-bottom: 0px;

  padding: 53px 20px 165px 20px;

  position: relative;

}

section.testimoinial-sliders .testimonial_heading h4 {

  font-family: "Nunito", sans-serif;

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  text-transform: uppercase;

}

section.testimoinial-sliders .testimonial_heading h3 {

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  font-weight: bold;

  line-height: 42px;

  color: #11222c;

}

section.testimoinial-sliders .testionial_slides .testimonialss {

  background-color: #ffffff;

  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 15%);

  margin: 0px 0px 0px 0px;

  padding: 25px 70px 27px 70px;

  border-radius: 6px 6px 6px 6px;

}

section.testimoinial-sliders .testionial_slides .testimonialss .wgl-testimonials_quote {

  margin-bottom: 34px;

}

section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap {

  display: flex;

  align-items: center;

  line-height: 1;

  justify-content: center;

}

section.testimoinial-sliders .testionial_slides .testimonialss .testi-svg img {

  width: 30px;

  height: 30px;

  margin-bottom: 23px;

  margin-left: auto;

  margin-right: auto;

}

section.testimoinial-sliders .testionial_slides .testimonialss .wgl-testimonials_quote p {

  font-size: 16px;

  font-weight: 300;

  line-height: 24px;

  padding: 0px 0px 26px 0px;

  color: #545a67;

  position: relative;

  margin: 0;

}

section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap h3 {

  padding: 0px 0px 0px 0px;

  color: #0a1d2d;

  font-family: "Nunito", Sans-serif;

  font-size: 16px;

  font-weight: 800;

  text-transform: capitalize;

  line-height: 19px;

  transition: 0.4s;

  text-align: center;

  margin: 0;

}

section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap span {

  padding: 0px 0px 0px 0px;

  color: #545a67;

  font-size: 12px;

  font-weight: normal;

  text-transform: capitalize;

  line-height: 19px;

  display: block;

}

section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap .name_wrap {

  display: flex;

  flex-direction: column;

  text-align: center;

}

section.testimoinial-sliders .testionial_slides .slick-prev {

  left: -25px !important;

  top: 50%;

}

section.testimoinial-sliders .testionial_slides .slick-arrow {

  display: block;

  position: absolute;

  bottom: 35px;

  z-index: 100;

  margin: 0;

  border: unset;

  border-radius: 0;

  padding: 0;

  font-size: 0;

  font-weight: 300;

  letter-spacing: 0;

  text-align: center;

  text-indent: 0;

  cursor: pointer;

  opacity: 1;

  background: transparent;

  width: 50px;

  transition: 0.5s;

  right: auto;

  line-height: unset;

  height: 40px;

  border: 19px solid rgba(255, 255, 255, 0);

  border-left: unset;

  border-right: unset;

  text-transform: uppercase;

  outline: 0;

}

section.testimoinial-sliders .testionial_slides .slick-next {

  left: initial;

  right: -25px !important;

  top: 45%;

  transform: rotateZ(180deg);

}

section.testimoinial-sliders .testionial_slides .slick-arrow:before,

section.testimoinial-sliders .testionial_slides .slick-arrow:after {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  transition: 0.4s;

  color: #000;

  border-color: #0a1d2d;

  opacity: 1;

}

section.testimoinial-sliders .testionial_slides .slick-arrow:before {

  bottom: 0;

  left: 0;

  border-bottom: 2px solid;

  transform: rotate(-45deg);

  transform-origin: 0 100%;

}

section.testimoinial-sliders .testionial_slides .slick-arrow:after {

  top: 0;

  left: 0;

  border-top: 2px solid;

  transform: rotate(45deg);

  transform-origin: 0 0;

}

section.testimoinial-sliders .testionial_slides .slick-list {

  overflow: visible;

}

section.testimoinial-sliders .container {

  max-width: 982px;

}

.region-header .menu--main>ul.menu>li>a:before,

.region-header .menu--main>ul.menu>li>span:before,

.region-header .menu--main>ul.menu>li>a:after,

.region-header .menu--main>ul.menu>li>span:after {

  content: "";

  position: absolute;

  left: 50%;

  margin-left: -1px;

  width: 2px;

  height: 0;

  background: red;

  transition: 0s;

}

.region-header .menu--main>ul.menu>li>a:before,

.region-header .menu--main>ul.menu>li>span:before {

  top: 0;

  background: var(--golden-color);

  color: var(--golden-color);

}

.region-header .menu--main>ul.menu>li:hover>a:before,

.region-header .menu--main>ul.menu>li:hover>span:before {

  height: 33%;

  transition: height 0.4s;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper {

  display: flex;

  align-items: center;

  color: #ff4a17;

  width: fit-content;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper p {

  font-size: 14px;

  color: #ff4a17;

  margin: 0;

  font-weight: 700;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper:hover .tab-icon-wrapper i {

  color: #ff4a17;

  margin-right: 10px;

  transition-delay: 0s;

  width: 50px;

  font-size: 50px;

  height: auto;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper .tab-icon-wrapper i {

  text-align: center;

  display: inline-block;

  line-height: 1;

  transition: all 0.5s, color 0.4s;

  width: 0;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper span.tab-icon {

  display: block;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper .tab-icon-wrapper i:before {

  opacity: 0;

}

.main-content-box .box-image-content .box-image-content-wrapper .tab-btn-wrapper:hover .tab-icon-wrapper i:before {

  opacity: 1;

}

section.muli-tabs .section-box-content .box-content-wrapper .main-content-box:nth-child(even) .box-image-content {

  order: 2;

  padding: 0px 0px 0px 30px;

}

section.muli-tabs .section-box-content .box-content-wrapper .main-content-box:nth-child(even) .box-image-wrapper {

  justify-content: flex-start;

}

header.main-header {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 35.56%, rgba(0, 0, 0, 0) 100%);

}

.region-mobile-nav {

  /* display: none; */

  visibility: hidden;

  opacity: 0;

}

header.main-header {

  position: absolute;

  width: 100%;

}



section.post_infoblock {

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-position: bottom center;

  background-color: #f2f2f4;

  height: 400px;

  /* margin-bottom: 60px; */

  padding-top: 110px;

  padding-bottom: 50px;

  background-color: #101d27;

}

section.post_infoblock .info-heading-post {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  padding: 0;

  margin-right: auto;

  margin-left: auto;

  width: 1170px;

  padding: 69px 0px;

}

section.post_infoblock .info-heading-post h1 {

  color: #ffffff;

  font-size: 42px;

  line-height: 62px;

  font-family: "Amiri", sans-serif;

  font-weight: 800;

  text-transform: capitalize;

  margin: 0;

}

section.post_infoblock .info-heading-post .breadcrumb {

  white-space: nowrap;

  letter-spacing: 0;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 14px;

  color: #fff;

  font-family: "Nunito Sans", sans-serif;

  margin: 20px 0 0 0;

}

section.post_infoblock .info-heading-post .breadcrumb a {

  position: relative;

  opacity: 0.5;

  color: #fff;

}

section.techSection .tectText {

  margin-bottom: 30px;

}

section.techSection .tectText h3 {

  font-family: "Amiri", Sans-serif;

  font-size: 32px;

  font-weight: 700;

  font-style: normal;

  line-height: 42px;

  color: #11222c;

  margin: 0;

  margin-bottom: 50px;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap {

  padding: 20px 10px 10px 10px;

  background: #fff;

  margin: 0;

  box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 15%);

  border-radius: 6px 6px 6px 6px;

  min-height: 151px;

  height: 100%;

}

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap {
  background-color: #ffc745;
}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .textblock-icon .Card-img svg {

  width: 50px;

  height: 50px;

  margin: 0 auto;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap h3 {

  font-family: "Nunito", Sans-serif;

  font-size: 14px;

  font-weight: 800;

  text-transform: uppercase;

  line-height: 17px;

  color: #11222c;

  text-align: center;

  margin-top: 15px;

}

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap .textblock-icon .Card-img svg path,

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap .textblock-icon .Card-img svg circle {

  fill: #fff;

}

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap .cardTitle h3 {

  color: #fff;

}

section.company_two.section-benifits .benifits-wrapper .benifits-image-section {

  width: 46%;

}

section.company_two.section-benifits .benifits-wrapper .benifits-image-section img {

  height: auto;

  width: auto;

  object-fit: scale-down;

}

section.company_two.section-benifits .benifits-wrapper .benifits-content-section {

  width: 54%;

  padding: 0 0 0 34px;

}

section.company_two.section-benifits .benifits-wrapper .row {

  margin: 0;

}

section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

  max-width: 660px;

}

section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h4 {

  font-size: 18px;

  line-height: 42px;

}

section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

  font-size: 32px;

  line-height: 42px;

}

section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

  color: #545a67;

  font-family: "Nunito", Sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

}

section.banner-section .site-banner .content-bannner .image-wrap .content {

  padding-left: 20px !important;

}

.is-scroll-top .region.region-header .menu--utility {

  margin: 0 0px 0 0px;

  width: 22%;

}

.is-scroll-top header.main-header .sticky-header .region.region-header nav.navigation.menu--main {

  width: 58%;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .headingss {

  max-width: 1170px;

  margin: 0 auto;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .headingss h4 {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  text-transform: uppercase;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .headingss h2 {

  font-family: "Amiri", Sans-serif;

  font-size: 32px;

  font-weight: 700;

  font-style: normal;

  line-height: 42px;

  color: #11222c;

  margin-bottom: 20px;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .headingss p {

  color: #545a67;

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

  max-width: 1208px;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox {

  margin-bottom: 20px;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox .link-box-wrapper {

  background-color: #f5f5f5;

  min-height: 102px;

  display: flex;

  max-width: 288px;

  align-items: center;

  justify-content: center;

  padding: 29px 20px 29px 20px;

  padding-top: 10px;

  padding-bottom: 10px;

  border-radius: 6px 6px 6px 6px;

  font-size: 18px;

  line-height: 18px;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox .link-box-wrapper .links-sec a {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 800;

  text-transform: none;

  line-height: 20px;

  color: #10212b;
  text-transform: uppercase;
  cursor: default;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox:hover .link-box-wrapper {

  background-color: #10212b;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox:hover .link-box-wrapper .links-sec a {

  color: #fff;

}

section.techSection {

  padding-top: 50px;

}

div#scrollToTop {

  position: fixed;

  z-index: 20;

  right: 30px;

  bottom: 30px;

  text-align: center;

  cursor: pointer;

  opacity: 0;

  transform: translateX(50px) rotate(-90deg);

  transform-origin: 50% -100%;

  transition: 0.4s;

  font-size: 14px;

  zoom: 1.01;

  font-weight: 700;

  color: var(--golden-color);

}

div#scrollToTop.scrollBtn-show {

  opacity: 1;

  transform: translateX(0) rotate(-90deg);

}

div#scrollToTop .scroll_up-arrow {

  background-color: var(--golden-color);

  position: absolute;

  bottom: 50%;

  left: 0;

  z-index: 1;

  width: 0;

  height: 2px;

  transition: 0.4s;

  transition-delay: 0.4s;

}

div#scrollToTop .scroll_up-arrow:before,

div#scrollToTop .scroll_up-arrow:after {

  border-color: var(--golden-color);

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  right: 0;

  transition: 0.4s;

  opacity: 0;

}

div#scrollToTop .scroll_up-arrow:before {

  bottom: 0;

  border-bottom: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 100%;

}



div#scrollToTop .scroll_up-arrow:after {

  top: 0;

  border-top: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 0;

  border-color: var(--golden-color);

}

div#scrollToTop:hover .scroll_up-arrow {

  width: 50px;

  transition-delay: 0s;

}

div#scrollToTop:hover .scroll_up-arrow:before,

div#scrollToTop:hover .scroll_up-arrow:after {

  opacity: 1;

}

div#scrollToTop:hover .scroll_up-arrow:after {

  transform: rotate(-45deg);

  transition-delay: 0.4s;

}

div#scrollToTop.scrollBtn-show .scroll_up-text {

  display: block;

  transform: translateX(0);

  transition: 0.4s;

  transition-delay: 0.4s;

}

div#scrollToTop:hover.scrollBtn-show .scroll_up-text {

  transform: translateX(60px);

  transition-delay: 0s;

}

div#scrollToTop:hover .scroll_up-arrow:before {

  transform: rotate(45deg);

  transition-delay: 0.4s;

}

section.content_contactform {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin-top: 0px;

  margin-bottom: 0px;

  padding: 180px 20px 100px 20px;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper {

  display: flex;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin: 0px 0px 0px 27px;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode {

  border-radius: 8px 8px 8px 8px;

  background: #fff;

  padding: 50px 40px 50px 40px;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode h3 {

  color: #11222c;

  font-family: "Arial", Sans-serif;

  font-size: 30px;

  font-weight: bold;

  text-transform: capitalize;

  line-height: 38px;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode p {

  color: #545a67;

  font-family: "Poppins", Sans-serif;

  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode div#contactforms-code {

  width: 100%;

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode p .wpcf7-submit {

  font-style: normal;

  font-weight: 800;

  line-height: 100%;

  background: var(--golden-color);

  border-radius: 6px;

  height: 48px;

  color: #fff;

  border-color: var(--golden-color);

  margin-bottom: 0;

  border-width: 0;

  border-style: solid;

}

.wpcf7 input:not([type="submit"]),

.wpcf7 select,

.wpcf7 textarea {

  width: 100%;

}

input:not([type="checkbox"]):not([type="submit"]),

select,

textarea {

  display: block;

  max-width: 100%;

  margin: 0;

  border: 0;

  font-weight: 400;

  outline: 0;

  background: #f5f5f5;

  transition: 0.3s;

}

.form-fields {

  display: flex;

  flex-wrap: wrap;

  margin: 0px -15px;

}

.form-fields .field {

  padding: 0 15px;

}

.form-fields .field input {

  font-size: 14px;

  line-height: 24px;

  font-family: "Poppins";

  padding: 10px 12px;

  border-radius: 6px;

}

.form-fields .field input::placeholder {

  font-size: 14px;

}

.form-fields .field.half-field {

  width: 50%;

}

.form-fields .field.full-field {

  width: 100%;

}

.form-fields .field.form-foot {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.form-fields .field input[type="submit"] {

  width: 100%;

  max-width: 200px;

  font-size: 16px;

  font-family: "Nunito";

  text-align: center;

  padding: 10px 20px;

}

.form-fields .field input[type="checkbox"] {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  margin: 0;

}

.form-fields .field input[type="checkbox"]+span {

  font-size: 14px;

  color: #fff;

  line-height: 100%;

}

.form-fields .field.form-foot .checkbox-field {

  width: 100%;

  max-width: calc(100% - 200px);

  padding-top: 12px;

}

.form-fields .field.form-foot .checkbox-field span {

  margin: 0px;

  vertical-align: -1.7px;

}

.form-fields .field.form-foot .checkbox-field label {

  margin: 0;

}

.form-fields .field.form-foot .checkbox-field a {

  font-size: 14px;

  line-height: 100%;

  color: #fff;

  padding-left: 6px;

  font-weight: bold;

  font-family: "Poppins";

  display: inline-block;

}

.light-form .form-fields .field.form-foot .checkbox-field a {

  color: #a4a4a4;

}

.light-form .form-fields .field.form-foot input[type="checkbox"]+span {

  color: #a4a4a4;

}

.form-fields .field.form-foot p {

  margin: 0;

  width: 100%;

  max-width: 200px;

  text-align: center;

}

.form-fields .field.half-field span {

  display: block;

  margin-bottom: 20px;

}

section.content_contactform .contactleft_col .leftside_content img {

  width: 100%;

  max-width: 100px;

  opacity: 0.7;

  margin: 0;

}

section.content_contactform .contactleft_col .leftside_content p {

  text-align: left;

  color: #ffffff;

  font-family: "Poppins", Sans-serif;

  font-size: 19px;

  font-weight: 400;

  line-height: 32px;

  margin-bottom: 0;

}

section.content_contactform .contactleft_col .leftside_content h3 {

  color: #ffffff;

  font-family: "Amiri", Sans-serif;

  font-size: 72px;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 72px;

  margin: 10px 0;

}

section.content_contactform .contactleft_col .leftside_content ul {

  list-style-type: disclosure-closed;

  padding: 0;

  margin-top: 24px;

  font-size: 19px;

  color: #fff;

  font-weight: 400;

}

section.content_contactform .contactleft_col .leftside_content ul li {

  line-height: 45px;

  margin: 0;

  font-family: "Poppins", sans-serif;

}

section.techSection .tectText h4 {

  font-family: "Nunito", sans-serif;

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

}

section.techSection .tectText h2 {

  font-family: "Amiri", Sans-serif;

  font-size: 45px;

  font-weight: bold;

  text-transform: capitalize;

  font-style: normal;

  margin-bottom: 0;

  line-height: 49px;

  color: #11222c;

}

section.techSection .tectText p {

  text-align: center;

  color: #545a67;

  font-family: "Poppins", Sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

}

section.techSection .tectText {

  max-width: 805px;

  margin: 0 auto;

  margin-bottom: 40px;

}

section.section-portfolio {

  padding-bottom: 30px;

}

.section-portfolio .community-about-left h4 {

  font-family: "Nunito", sans-serif;

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  text-transform: uppercase;

}

.section-portfolio .community-about-left h3 {

  font-family: "Amiri", Sans-serif;

  font-size: 45px;

  font-weight: bold;

  text-transform: capitalize;

  font-style: normal;

  line-height: 49px;

  color: #11222c;

}

.section-portfolio .community-about-right .rightshorts_text p {

  text-align: left;

  color: #545a67;

  font-family: "Poppins", Sans-serif;

  font-size: 17px;

  font-weight: 400;

  line-height: 30px;

  margin-bottom: 0;

}

section.serviceSection .serviceBoxWrapper .serviceBox-wrapper {

  margin-bottom: 30px;

}

section.serviceSection .serviceBoxWrapper .serviceBox-wrapper .serviceBox {

  padding: 30px 20px 30px 20px;

  border-style: solid;

  border-width: 1.5px 1.5px 1.5px 1.5px;

  border-color: #f0f0f0;

  border-radius: 8px 8px 8px 8px;

  box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 12%);

}

section.serviceSection .serviceBoxWrapper .serviceBox-wrapper .serviceText h3 {

  font-family: "Nunito Sans", Sans-serif;

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  font-style: normal;

  line-height: 32px;

  color: #11222c;

}

section.serviceSection .serviceBoxWrapper .serviceBox-wrapper .serviceText p {

  font-family: "Nunito", Sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 25px;

  color: #545a67;

  transition: 0.3s;

  margin: 0;

}

li.menu-item.top_search .header_search-field {

  position: absolute;

  z-index: 2;

  top: 100%;

  right: 0;

  padding: 20px;

  border-radius: 5px;

  box-shadow: 9px 12px 30px 0 rgb(0 0 0 / 10%);

  background-color: rgba(21, 34, 43, 1);

  color: #ffffff;

  opacity: 0;

  visibility: hidden;

  transform: scale3d(0.8, 0.8, 0.8);

  transition: 0.3s;

}

li.menu-item.top_search .header_search-field form.search-form {

  position: relative;

  z-index: 1;

}

li.menu-item.top_search .header_search-field form.search-form input#search-form-638c1b6360534 {

  color: #616161;

  width: 270px;

  padding: 12px 60px 11px 20px;

  font-family: "Nunito", sans-serif;

}

li.menu-item.top_search .header_search-field form.search-form input.search-button {

  position: absolute;

  z-index: 2;

  height: 100%;

  width: 56px;

  top: 0;

  right: 0;

  margin: 0;

  border: 0;

  outline: 0;

  padding: 0;

  font-size: 0;

  background: transparent;

  box-shadow: none;

  opacity: 0;

  cursor: pointer;

}

li.menu-item.top_search .header_search-field form .search-button {

  transition: 0.4s;

  -webkit-appearance: none;

  line-height: 28px;

  font-weight: 700;

  color: #fff;

  letter-spacing: 0;

  text-transform: uppercase;

  border-radius: 3px;

  font-family: inherit;

}

.region.region-header .menu--utility ul.menu li.menu-item.top_search .header_search-field form.search-form i {

  position: absolute;

  z-index: 1;

  top: 5px;

  right: 5px;

  width: 40px;

  height: 40px;

  border-radius: 3px;

  font-size: 19px;

  line-height: 40px;

  font-style: normal;

  text-align: center;

  color: #fff;

  transform: translate(0, 0);

  opacity: 1;

  transition: 0.4s;

  background: #14212b;

}

.region.region-header .menu--utility ul.menu li.menu-item.top_search .header_search-field form.search-form .search-button:hover+i {

  background: var(--golden-color);

}

li.menu-item.top_search.clicked .header_search-field {

  opacity: 1;

  visibility: visible;

  transform: scale3d(1, 1, 1);

}

li.menu-item.top_search a.header-search.clicked+.header_search-field {

  opacity: 1;

  visibility: visible;

  transform: scale3d(1, 1, 1);

}

.region-header .menu--main>ul.menu>li>span.dropbtn:before {

  transform: rotate(135deg) translateX(-2px);

  transform-origin: 50% 100%;

}

.region-header .menu--main>ul.menu>li>span.dropbtn:before,

.region-header .menu--main>ul.menu>li>span.dropbtn:after {

  content: "";

  border-bottom: 2px solid currentColor;

  opacity: 0.8;

  position: absolute;

  background: transparent;

  transition: 0.4s;

  top: 20px;

  right: 2px;

  width: 6px;

  height: 20px;

  left: auto;

  color: inherit;

}

.region-header .menu--main>ul.menu>li>span.dropbtn:after {

  transform: rotate(-135deg) translateX(2px);

  transform-origin: 50% 100%;

}

.region-header .menu--main>ul.menu>li.menu-item.active>span.dropbtn:before {

  transform: rotate(45deg) translateX(2px);

}

.region-header .menu--main>ul.menu>li.menu-item.active>span.dropbtn:after {

  transform: rotate(-45deg) translateX(-2px);

}

.is-scroll-top .region-header .menu--main>ul.menu>li>span.dropbtn:before,

.is-scroll-top .region-header .menu--main>ul.menu>li>span.dropbtn:after {

  top: 30px;

  color: #a4a4a4;

}

section.company_three.section-benifits .benifits-wrapper .benifits-image-section {

  order: 2;

  width: 46.358%;

}

section.company_three.section-benifits .benifits-wrapper .benifits-content-section {

  order: 1;

  justify-content: flex-end;

  display: flex;

  padding: 0 0 0 20px;

  width: 53.642%;

}

section.company_three.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

  max-width: 665px;

}

section.company_three.section-benifits .benifits-wrapper .benifits-image-section .img-items {

  padding: 0px 0px 0px 36px;

}

section.company_three.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

  font-size: 45px;

  line-height: 49px;

}

section.consult-form.content_contactform {

  padding: 40px 0;

}

section.consult-form.content_contactform .contactleft_col {

  padding: 0px 15px 0px 30px;

  order: 2;

}

section.consult-form.content_contactform .rightcontent_contact {

  padding: 0 6px;

}

section.consult-form.content_contactform .container {

  max-width: 1230px;

}

section.consult-form.content_contactform .rightcontent_contact .form-contact-wrapper {

  margin: 0;

  background-image: url(https://mpiresolutions.com/wp-content/uploads/2021/11/form-bg-img.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 15px 15px 15px 15px;

}

section.consult-form.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode {

  background: transparent;

  padding: 50px 50px 50px 50px;

  border-radius: 0;

}

section.consult-form.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode h3 {

  color: #ffffff;

  font-family: "Arial", Sans-serif;

  font-size: 30px;

  font-weight: bold;

  text-transform: capitalize;

  line-height: 38px;

  margin-bottom: 12px;

}

section.consult-form.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode p {

  color: #ffffff;

  font-family: "Poppins", Sans-serif;

  font-size: 16px;

  font-weight: 300;

  line-height: 26px;

}

section.consult-form.content_contactform .contactleft_col .leftside_content h4 {

  font-size: 18px;

  font-weight: bold;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  font-family: "Nunito", sans-serif;

}

section.consult-form.content_contactform .contactleft_col .leftside_content h3 {

  font-family: "Amiri", Sans-serif;

  font-size: 45px;

  font-weight: bold;

  text-transform: capitalize;

  font-style: normal;

  line-height: 49px;

  color: #11222c;

}

section.consult-form.content_contactform .contactleft_col .leftside_content p {

  color: #545a67;

  font-size: 16px;

  font-family: "Nunito", sans-serif;

  line-height: 30px;

}

section.consult-form.content_contactform .contactleft_col .leftside_content h6.email-info {

  margin: 0;

  color: #545a67;

  font-family: "Amiri", Sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 28px;

  display: block;

  margin-top: 15px;

}

section.consult-form.content_contactform .contactleft_col .leftside_content h6.email-info a {

  color: #545a67;

  font-family: "Poppins", Sans-serif;

  font-size: 20px;

  font-weight: 500;

  line-height: 28px;

  margin: 6px 0;

  border: 0;

  display: block;

}

section.serviceSection .serviceBoxWrapper .serviceBox-wrapper .serviceBox:hover {

  background: #fafafa;

}

header.main-header .sticky-header .region.region-header.landing-header {

  display: flex;

  height: 80px;

  align-items: center;

  transition: 0.4s;

}

header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper {

  width: 100%;

  max-width: 68%;

  margin: 0;

  display: flex;

  align-items: center;

  height: 100%;

  position: relative;

  align-self: center;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead {

  max-width: 32%;

  width: 100%;

}

header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a {

  display: inline-block;

  max-width: fit-content;

  height: auto;

  cursor: pointer;

}

header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a:last-child {

  display: none;

}

header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a:first-child img {

  display: block;

  padding: 0;

  max-width: 156px !important;

  width: 100%;

  height: auto !important;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a:last-child img {

  display: block;

  padding: 0;

  max-width: 156px !important;

  width: 100%;

  height: auto !important;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a:first-child {

  display: none;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .logo-wrapper a:last-child {

  display: block;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info .header-btn {

  display: none;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item.top_search {

  margin: 0;

  position: relative;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item {

  padding: 0;

  margin: 0;

  height: 100%;

  margin: 0px 55px 0px 40px;

  padding: 0;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item.top_search a.header-search i {

  display: inline-block;

  position: relative;

  font-size: 20px;

  cursor: pointer;

  transform-origin: center;

  transition: 0.3s;

  color: #fff;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item a.menu-item {

  transition: 0.4s;

  color: #fff;

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 800;

  letter-spacing: 0px;

  padding-left: 0;

  padding-right: 0;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item.top_search .header_search-field i {

  position: absolute;

  z-index: 1;

  top: 5px;

  right: 5px;

  width: 40px;

  height: 40px;

  border-radius: 3px;

  font-size: 19px;

  line-height: 40px;

  font-style: normal;

  text-align: center;

  color: #fff;

  transform: translate(0, 0);

  opacity: 1;

  transition: 0.4s;

  background: #14212b;

}

header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu li.menu-item.top_search .header_search-field input.search-button:hover+i {

  background: var(--golden-color);

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info .header-btn {

  display: block;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info ul.menu {

  display: none;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header {

  height: auto;

  width: 100%;

  max-width: 100%;

  padding: 10px 0;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info .header-btn .header-btn-wrapper {

  margin: 0px 50px 0px 40px;

}

.is-scroll-top header.main-header .sticky-header .region.region-header.landing-header .link-lead .landing-header-info .header-btn .header-btn-wrapper a {

  color: #222222;

  background-color: rgba(255, 74, 23, 0);

  border-color: #ef5465;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  padding: 19.5px 34.5px 19.5px 34.5px;

  margin: 0;

  font-size: 14px;

  display: inline-block;

  position: relative;

  border-radius: 3px;

  line-height: 1.1;

  font-weight: 700;

  text-transform: uppercase;

}



section.muli-tabs.othertabsclass .section-box-content {

  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 17%);

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box .box-wrapper {

  border-color: #e6e6e6;

  box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 15%);

  max-width: 100%;

  min-height: 100%;

  max-height: 115px;

  padding: 15px 24px 15px 24px;

  margin-bottom: 30px;

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box .tabs-title.is-active .box-wrapper {

  color: #ffffff;

  background-color: var(--golden-color);

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: var(--golden-color);

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box .tabs-title.is-active .box-wrapper h1 {

  color: #fff;

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box.is-active .box-wrapper {

  background-color: var(--golden-color);

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: var(--golden-color);

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box.is-active .box-wrapper span svg path {

  fill: #fff;

}

section.muli-tabs.othertabsclass .box-section .three-box.business-box.is-active .box-wrapper h1 {

  color: #fff;

}

section.our_teams .team-content span {

  font-family: "Nunito", sans-serif;

  font-size: 18px;

  font-weight: 700;

  line-height: 42px;

  color: #ffc745;

  margin: 0px 0px 14px 0px;

  text-transform: uppercase;

  margin-bottom: 10px;

  display: block;

}

section.our_teams .team-content h2.heading {

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  font-weight: bold;

  line-height: 42px;

  color: #11222c;

}

section.our_teams .team-section .slick-list .main-box.slick-slide {

  padding: 0px 12px 20px 12px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a {

  position: relative;

  z-index: 1;

  transition: 0.3s;

  padding-bottom: 30px;

  max-width: 275px;

  margin-left: auto;

  margin-right: auto;

  display: block;

  border: 0;

  pointer-events: none;

}

section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a .team-img {

  border-radius: 10px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a .team-name {

  background: #fff;

  position: absolute;

  z-index: 1;

  left: 30px;

  bottom: 0;

  width: calc(100% - 60px);

  border-radius: 5px;

  box-shadow: 6px 5px 16px 0 rgb(0 0 0 / 15%);

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.5s;

  padding: 15px;

  min-height: 72px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a .team-img img {

  border-radius: 10px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a .team-name h4 {

  font-family: "Amiri", Sans-serif;

  font-size: 24px;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 19px;

  color: #11222c;

  margin-bottom: 24px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide:hover a .team-name {

  bottom: 60px;

}

section.muli-tabs.othertabsclass {

  padding-bottom: 40px;

}

section.headingwith_content .headingwith_content-wrapper nav.sitemap_menu_links ul#menu-site_map {

  margin-left: 0.4em;

  padding: 0 0 20px 0;

  padding-left: 0.9em;

  display: block;

}

section.headingwith_content .headingwith_content-wrapper nav.sitemap_menu_links ul#menu-site_map li {

  font-size: 16px;

  line-height: 34px;

  font-weight: 700;

  padding: 0;

  display: block;

  position: relative;

}

section.headingwith_content .headingwith_content-wrapper nav.sitemap_menu_links ul#menu-site_map li a {

  display: block;

  color: #222222;

}

section.headingwith_content .headingwith_content-wrapper nav.sitemap_menu_links ul#menu-site_map li:before {

  content: "";

  display: block;

  position: absolute;

  top: 14px;

  left: -18px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: var(--golden-color);

}

section.headingwith_content .headingwith_content-wrapper nav.sitemap_menu_links ul#menu-site_map li ul.sub-menu {

  padding-left: 0.9em;

  margin-left: 0.1em;

  display: block;

}

section.headingwith_content .map-block-wrapper {

  max-width: 1170px;

  padding: 0;

  margin: 0 auto;

}

section.headingwith_content {

  padding: 40px 0;

}

section.headingwith_content .main_heading {

  margin: 0 0 18px;

  overflow: hidden;

  position: relative;

}

section.headingwith_content .main_heading h1 {

  padding-right: 20px;

  display: inline-block;

  color: #222222;

  font-family: "Amiri";

  font-size: 24px;

  font-weight: 700;

  text-transform: capitalize;

  position: relative;

  line-height: 1.2;

  margin-right: 10px;

}

section.headingwith_content .main_heading h1:before {

  content: "";

  position: absolute;

  z-index: 1;

  height: 1px;

  width: 1000px;

  right: 0;

  top: 50%;

  transform: translateX(100%);

  background: #dcdcdc;

}

section.headingwith_content .main_heading:before {

  content: "";

  position: absolute;

  z-index: 2;

  height: 3px;

  width: 30px;

  top: 50%;

  right: 0;

  margin-top: -1px;

  background: var(--golden-color);

}

section.post_infoblock.other_headingspace {

  height: 600px;

  background-position: center top;

}

section.post_infoblock.other_headingspace .info-heading-post {

  padding-top: 60px;

}

section.post_infoblock.other_headingspace .info-heading-post .breadcrumb {

  display: none;

}

section.post_infoblock.other_headingspace .info-heading-post h1 {

  line-height: 100px;

  letter-spacing: 0px;

  font-weight: 700;

  font-size: 94px;

  color: rgb(255, 255, 255);

}

section.headingwith_content .headingwith_content-wrapper .content-areatext h1 {

  font-size: 48px;

  line-height: 56px;

  font-family: "Amiri", sans-serif;

  margin: 0 0 20px 0;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext p {

  color: #545a67;

  font-family: "Nunito", Sans-serif;

  font-size: 17px;

  font-weight: 400;

  line-height: 34px;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext p:not(:last-child) {

  margin-bottom: 15px;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext h3 {

  color: #000000;

  font-family: "Nunito", Sans-serif;

  font-size: 20px;

  font-weight: 700;

  margin: 0 0 20px 0;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext ul {

  margin-left: 0.4em;

  padding: 0 0 20px 0;

  padding-left: 0.9em;

  margin-bottom: 0;

  list-style: disc;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext ul li {

  font-size: 17px;

  line-height: 41px;

  padding: 0 0 0 10px;

  margin: 0;

  color: #616161;

  font-family: "Nunito", sans-serif;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext p a {

  color: var(--golden-color);

  transition: all 0.4s;

  border: 0;

}

section.headingwith_content .headingwith_content-wrapper .content-areatext p a:hover {

  color: #707270;

}

section.company_four.section-benifits .benifits-wrapper,

section.company_five.section-benifits .benifits-wrapper {

  max-width: 1100px;

  margin: 0 auto;

  padding: 40px 0;

  overflow: visible;

}

section.company_four.section-benifits .benifits-wrapper .benifits-image-section,

section.company_five.section-benifits .benifits-wrapper .benifits-image-section {

  width: 50%;

}

section.company_four.section-benifits .benifits-wrapper .benifits-content-section,

section.company_five.section-benifits .benifits-wrapper .benifits-content-section {

  width: 50%;

}

section.company_four.section-benifits .benifits-wrapper .benifits-content-section {

  padding: 0px 50px 0px 10px;

}

section.company_four.section-benifits .benifits-wrapper .benifits-image-section .img-items,

section.company_five.section-benifits .benifits-wrapper .benifits-image-section .img-items {

  padding: 18px;

  padding-top: 0;

}

section.company_five.section-benifits .benifits-wrapper .benifits-content-section {

  padding: 0px 10px 0px 50px;

}

section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3,

section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3 {

  color: #11222c;

  font-family: "Amiri", Sans-serif;

  font-size: 32px;

  font-weight: 700;

  line-height: 40px;

  margin-bottom: 10px;

}

section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p,

section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

  color: #545a67;

  font-family: "Nunito", sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

}

section.company_four.section-benifits .benifits-wrapper .row,

section.company_five.section-benifits .benifits-wrapper .row {

  align-items: center;

}

section.block-text {

  padding: 50px 0px 50px 0px;

}

section.block-text .heding-wrapper {

  max-width: 800px;

  margin: 0 auto;

}

section.block-text .heding-wrapper h1 {

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  font-weight: bold;

  font-style: normal;

  line-height: 42px;

  color: #11222c;

  margin: 0;

  margin-bottom: 20px;

}

/*Contact-us-form*/

section.listing-sec.listing-landing {

  padding: 40px 0;

}

section.listing-sec.listing-landing .section-contact-wrapper {

  max-width: 1170px;

  margin-right: auto;

  margin-left: auto;

  padding: 0;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper {

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

  margin-top: 0px;

  margin-bottom: 0px;

  padding: 50px 60px 40px 60px;

  border-radius: 10px 10px 10px 10px;

  background-color: #131f2b;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading {

  padding: 10px;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading img {

  max-width: 250px;

  margin: 0 auto;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading h1 {

  font-family: "Amiri", Sans-serif;

  font-size: 48px;

  line-height: 42px;

  color: #ffffff;

  margin: 10px 0;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading h2 {

  color: #ffffff;

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: normal;

  line-height: 40px;

  margin-bottom: 20px;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .content_listing .contactform_shortcode {

  width: 856px;

  max-width: 856px;

  margin: 0 auto;

}

section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .content_listing .contactform_shortcode form br {

  display: none;

}

input[type="submit"],

button {

  display: inline-block;

  height: 50px;

  margin-bottom: 0;

  border-width: 0;

  border-style: solid;

  border-color: currentColor;

  border-radius: 3px;

  padding: 6px 26px;

  font-family: inherit;

  font-size: 14px;

  line-height: 28px;

  font-weight: 700;

  color: #fff;

  letter-spacing: 0;

  text-transform: uppercase;

  outline: 0;

  cursor: pointer;

  -webkit-appearance: none;

  background: transparent;

  transition: 0.4s;

}

.project-selection {

  margin-bottom: 20px;

}

.project-selection .project-selection-col .selection-column {

  padding: 0 8px;

}

.project-selection .project-selection-row .selection-tile {

  width: 100%;

  border: 2px solid #131f2b;

  border-radius: 5px;

  padding: 20px 15px;

  text-align: center;

  min-height: 180px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  flex-direction: column;

  background: #fff;

  cursor: pointer;

  max-width: 270px;

  margin: 0 auto;

}

.project-selection .project-selection-row .selection-tile .image {

  display: flex;

  margin-bottom: 10px;

  width: 100%;

  max-width: 100px;

  min-height: 90px;

  align-items: center;

  justify-content: center;

}

.project-selection .project-selection-row .selection-tile .image img {

  height: auto;

}

.project-selection .project-selection-row {

  display: flex;

  flex-wrap: wrap;

}

.project-selection .project-selection-row .selection-column {

  width: 33.33%;

  padding: 0 10px;

  margin-bottom: 10px;

}

.project-selection .project-selection-row .selection-tile .title .wpcf7-form-control-wrap {

  margin: 0;

}

.project-selection .project-selection-row .selection-tile .title .wpcf7-list-item-label {

  padding: 0;

  display: block;

  font-size: 18px;

  line-height: 20px;

  font-weight: 600;

}

.project-selection .selection-tile.checked .wpcf7-list-item-label {

  color: var(--golden-color);

}

.project-selection .project-selection-row .selection-tile .title .wpcf7-list-item {

  display: block;

  margin: 0;

}

.project-selection .project-selection-row .selection-tile .title .wpcf7-list-item input {

  display: none;

}

.project-selection label {

  font-size: 20px;

  color: #fff;

  margin-bottom: 10px;

  line-height: 28px;

}

@media (max-width: 767px) {

  .project-selection .project-selection-row .selection-column {

    width: 50%;

  }

}

@media (max-width: 480px) {

  .project-selection .project-selection-row .selection-column {

    width: 100%;

  }

}

.single_post_info {

  display: none;

}

/* Shoaib CSS */

.project-selection .project-selection-rows .wpcf7-list-item>span {

  color: #fff;

  font-weight: 500;

}

.project-selection label {

  margin-bottom: 25px;

}

.project-selection label {

  font-family: "Amiri";

  font-size: 34px;

  font-weight: bold;

  text-transform: uppercase;

}

.page-id-742 .wpcf7-form-control-wrap {

  margin-bottom: 32px;

}

.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input,

.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input {

  width: auto;

  height: auto;

  appearance: auto;

}

.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item,

.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {

  display: flex;

  align-items: center;

}

.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item,

.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {

  cursor: pointer;

}

.wpcf7-not-valid {

  border-color: red;

}

.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input+.wpcf7-list-item-label,

.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input+.wpcf7-list-item-label {

  padding-left: 0.5em;

}

.selection-column {

  display: block;

  width: auto;

  padding: 0;

}



.wpcf7-form-control-wrap {

  display: block;

}

.wpcf7-form .row [class*="wgl_col-"] {

  position: relative;

  padding-left: 10px;

  padding-right: 10px;

}

.row [class*="wgl_col-"] {

  display: block;

  width: 100%;

  /* padding-right: 15px;

  padding-left: 15px; */

}

.wpcf7 .dark-form .wpcf7-text,

.wpcf7 .dark-form .wpcf7-textarea {

  background-color: #ffffff;

}

.wpcf7 .dark-form .wpcf7-text,

.wpcf7 .dark-form .wpcf7-text::placeholder,

.wpcf7 .dark-form .wpcf7-textarea,

.wpcf7 .dark-form .wpcf7-textarea::placeholder {

  color: #10212b;

}

input:not([type="checkbox"]):not([type="submit"]) {

  font-family: Nunito Sans;

}

input:not([type="checkbox"]):not([type="submit"]),

select,

textarea {

  display: block;

  max-width: 100%;

  margin: 0;

  border: 0;

  border-radius: 3px;

  padding: 10px 18px;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.7;

  outline: 0;

  background: #f5f5f5;

  transition: 0.3s;

}

textarea {

  padding-top: 20px;

}

@media (min-width: 768px) {

  .row .wgl_col-12 {

    width: 100%;

  }

  .row .wgl_col-6 {

    width: 50%;

  }

  .row .wgl_portfolio_list-first>ul {

    font-size: 0.9vw;

    padding-bottom: 1vw;

  }

  .row .wgl_portfolio_list-first>ul li {

    line-height: 1.88vw;

  }

}



.wpcf7 input:not([type="submit"]),

.wpcf7 select,

.wpcf7 textarea {

  width: 100%;

}

.codedropz-upload-handler {

  border: 2px dashed #c5c5c5;

  border-radius: 5px;

  margin-bottom: 10px;

  position: relative;

}



.codedropz-upload-container {

  padding: 15px 20px;

}

.codedropz-upload-inner {

  overflow: hidden;

  width: 100%;

  text-align: center;

  text-overflow: ellipsis;

  font-weight: inherit;

}

.codedropz-upload-inner h3 {

  margin: 5px 0;

  font-size: 30px;

  line-height: 32px;

  word-break: break-word;

}

.codedropz-upload-inner h3 {

  color: #fff;

  font-family: Amiri;

  font-weight: 700;

}

.codedropz-upload-inner span {

  color: #616161;

}

span.dnd-upload-counter {

  font-family: "Nunito Sans";

  color: #616161;

}

.page-id-742 form.wpcf7-form.init>.submit-buttum-form {

  text-align: center;

}

/* .page-id-742 form input:not([type="checkbox"]):not([type="submit"])::placeholder,
.page-id-742 form textarea::placeholder {
  color: #000;
} */

.wpcf7-form.sent .wpcf7-response-output {
  color: #5de179 !important;
  border-color: #5de179 !important;
}

.page-id-742 form.wpcf7-form.init>.submit-buttum-form .wpcf7-submit {

  font-style: normal;

  font-weight: 800;

  font-size: 16px;

  line-height: 100%;

  background: var(--golden-color);

  padding: 10px 59px;

  border-radius: 6px;

  height: 48px;

}

.wpcf7 .wpcf7-submit {

  margin-top: 0;

  color: #fff;

}

.page-id-742 form.wpcf7-form.init>.submit-buttum-form .wpcf7-submit:hover {

  background-color: #fff;

  color: #222222;

}

section.casestudy_main.blogs_main .wrap {

  max-width: 1170px;

  display: block;

  margin: 0 auto;

  padding: 0;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video {

  position: relative;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name {

  padding: 15px 15px 15px 15px;

  background-color: #ffffff;

  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);

  opacity: 1;

  visibility: visible;

  z-index: 3;

  transition: 0.35s ease-out;

  width: calc(100% - 40px);

  background: #fff;

  border-radius: 10px;

  margin-left: 8px;

  margin-right: 8px;

  position: absolute;

  bottom: 20px;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title {

  transition: 0.3s;

  text-align: center;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title a h4 {

  font-family: "Amiri", Sans-serif;

  font-size: 24px;

  font-weight: 700;

  line-height: 26px;

  color: #222222;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title span.posts-categories ul {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  line-height: 20px;

  display: inline-block;

  text-align: center;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title span.posts-categories ul li {

  padding: 0;

  width: auto;

  display: inline-block;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title span.posts-categories ul li a {

  color: var(--golden-color);

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin: 0 5px;

  box-shadow: none;

  text-decoration: none;

  border: 0;

  width: auto;

  display: inline-block;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-img {

  border-radius: 10px;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-img:hover+.blog-name {

  bottom: -11px;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-img a {

  display: block;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-img a img {

  transform: translateY(0);

  transition: 0.5s;

  border-radius: 10px;

  height: 100%;

  min-height: 350px;

  object-fit: contain;

  object-position: center top;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name:hover {

  bottom: -11px;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper {

  margin: 30px 0px 0px 0px;

  text-align: center;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore {

  text-align: center;

  display: inline-block;

  position: relative;

  margin-bottom: 20px;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore a {

  position: relative;

  display: inline-block;

  margin: 0;

  border-width: 1px;

  border-style: solid;

  padding: 17px 40px;

  font-size: 14px;

  line-height: 17px;

  font-weight: 800;

  border-radius: 3px;

  white-space: nowrap;

  transition: 0.4s;

  text-transform: uppercase;

  border-color: var(--golden-color);

  color: #222222;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore a:hover {

  border-color: var(--golden-color);

  background: var(--golden-color);

  color: #fff;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore a:before {

  content: "\f2f1";

  display: inline-block;

  position: absolute;

  z-index: 99;

  top: 50%;

  left: 50%;

  margin: -10px 0 0 -8px;

  font-family: "Font Awesome 5 Free";

  line-height: 1;

  font-size: 19px;

  color: #fff;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  opacity: 0;

  transition: all 0.4s, color 0s;

  animation: rotating 2s linear infinite;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore.loading a:before {

  opacity: 1;

  color: inherit;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmore.news-loadmore.loading a span {

  opacity: 0;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore {

  text-align: center;

  display: inline-block;

  position: relative;

  margin-bottom: 20px;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore a {

  position: relative;

  display: inline-block;

  margin: 0;

  border-width: 1px;

  border-style: solid;

  padding: 17px 40px;

  font-size: 14px;

  line-height: 17px;

  font-weight: 800;

  border-radius: 3px;

  white-space: nowrap;

  transition: 0.4s;

  text-transform: uppercase;

  border-color: var(--golden-color);

  color: #222222;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore a:hover {

  border-color: var(--golden-color);

  background: var(--golden-color);

  color: #fff;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore a:before {

  content: "\f2f1";

  display: inline-block;

  position: absolute;

  z-index: 99;

  top: 50%;

  left: 50%;

  margin: -10px 0 0 -8px;

  font-family: "Font Awesome 5 Free";

  line-height: 1;

  font-size: 19px;

  color: #fff;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  opacity: 0;

  transition: all 0.4s, color 0s;

  animation: rotating 2s linear infinite;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore.loading a:before {

  opacity: 1;

  color: inherit;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper .loadmores.post-loadmore.loading a span {

  opacity: 0;

}

.wpcf7 form.sent .wpcf7-response-output {

  text-align: center;

  /*color: #fff;

  border-color: var(--golden-color); */
  color: #07c307;
  border-color: #07c307;

}

.form-fields .field.form-foot .checkbox-field input[type="checkbox"] {

  appearance: auto;

  float: left;

  margin-right: 12px;

  margin-top: -4px;

}

.form-fields .field.form-foot .checkbox-field span {

  display: inline-flex;

  float: left;

}

.form-fields .field.form-foot {

  flex-wrap: initial;

}

.form-fields .field.form-foot .letstak-btns {

  margin: 0;

  width: 100%;

  max-width: 200px;

  text-align: center;

}

/* .form-fields .field.form-foot .letstak-btns input.wpcf7-submit {

  font-style: normal;

  font-weight: 800;

  line-height: 100%;

  background: var(--golden-color);

  border-radius: 6px;

  height: 48px;

} */

.content_contactform .form-fields .field.form-foot input[type="checkbox"]+span {

  color: #a4a4a4;

}

.consult-form .form-fields .field.form-foot input[type="checkbox"]+span {

  color: #fff;

}

.principleSection {

  padding-top: 40px;

  padding-bottom: 40px;

}

.principleSection .maxWidth {

  max-width: 1200px;

  margin: 0 auto;

  align-items: center;

  padding: 20px 8px;

}

.principleSection .principleText {

  text-align: center;

  padding-bottom: 45px;

}

.principleSection .card-wrap .cardInner.ImageCardInner {

  box-shadow: none;

  padding: 0;

}

.principleSection .card-wrap .cardInner.ImageCardInner:hover {

  background: none;

}

.principleSection .card-wrap .cardInner {

  display: flex;

  flex-wrap: wrap;

  box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 12%);

  padding: 30px 20px 30px 20px;

  border-radius: 5px;

  transition: all 0.5s;

  align-items: flex-start;

}

.principleSection .card-wrap .cardInner .cardText {

  flex: 70%;

}

.principleSection .card-wrap .cardInner:hover {

  box-shadow: none;

  background-color: #f5f5f5;

}

.principleSection .card-wrap .cardInner .cardImage img {

  width: 100%;

  height: auto;

  object-fit: cover;

}

.cardText .card-title h3 {

  font-size: 18px;

  line-height: 19px;

  color: #545a67;

  font-weight: bold;

}

.cardText .card-content {

  font-size: 14px;

  font-weight: 400;

  line-height: 19px;

  color: #545a67;

}

.principleSection .card-wrap.leftSpace {

  margin-left: 9%;

  padding-bottom: 30px;

  margin-bottom: 20px;

}

.principleSection .card-wrap.leftSpace.emptySpace {

  padding-bottom: 0;

  margin-bottom: 0;

}

.principleSection .card-wrap.rightSpace.emptySpace {

  padding-bottom: 0;

  margin-bottom: 0;

}

.principleSection .card-wrap.imgCardWrap {

  margin-left: 0;

  padding-bottom: 0;

}

.principleSection .card-wrap.rightSpace {

  margin-right: 9%;

  padding-bottom: 30px;

  margin-bottom: 20px;

  margin-left: 0;

}

.principleSection .imgHeight {

  height: 100%;

  align-items: center;

}

.principleSection .principle-wrapper {

  max-width: 1200px;

  margin: 0 auto;

}

.cardImage {

  margin: 0px 15px 0px 0px;

}

section.techSection .tech-icon-wrapper .tech-icon-box.grey-boxess .tech-Wrap {

  padding: 23px 0px 23px 0px;

  min-height: auto;

}

section.techSection .tech-icon-wrapper .tech-icon-box.grey-boxess .tech-Wrap .cardTitle h3 {

  font-family: "Nunito", Sans-serif;

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 19px;

  color: #11222c;

  margin-top: 0;

}

section.techSection .tech-icon-wrapper .tech-icon-box.grey-boxess:hover .tech-Wrap .cardTitle h3 {

  color: #fff;

}

section.listing-sec.listing-landing .section-contact-wrapper .wpcf7-response-output {

  text-align: center;

  color: #fff;

  border-color: var(--golden-color);

}

section.listing-sec.listing-landing .submit-buttum-form.cons-btns {

  display: block;

  margin: 0 0 20px 0;

}

section.listing-sec.listing-landing .submit-buttum-form.cons-btns .wpcf7-submit {

  font-style: normal;

  font-weight: 800;

  font-size: 16px;

  line-height: 100%;

  background: var(--golden-color);

  padding: 10px 59px;

  border-radius: 6px;

  height: 48px;

  border-color: var(--golden-color);

}

section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode div#contactforms-code form .wpcf7-response-output {

  color: #222222;

}

section.content_contactform.consult-form .rightcontent_contact .form-contact-wrapper .contactform_shortcode div#contactforms-code .wpcf7-response-output {

  text-align: center;

  color: #fff;

  border-color: var(--golden-color);

  margin: 2em 0.4em 1em;

}

.tnp-widget {

  max-width: 590px;

  margin: 0 auto;

  width: 100%;

  display: block;

  box-sizing: border-box;

  padding-top: 30px;

}

.tnp-widget form {

  display: flex;

  align-items: center;

  margin: 0;

  max-width: 100%;

}

.tnp-widget form .tnp-field.tnp-field-email {

  max-width: calc(100% - 203px);

  width: 100%;

  padding-right: 14px;

  margin: 0;

}

.tnp-widget form .tnp-field.tnp-field-email .tnp-email {

  min-height: 48px;

}

.tnp-widget form .tnp-field.tnp-field-button {

  max-width: 203px;

  width: 100%;

  margin: 0;

}

.tnp-widget form .tnp-field.tnp-field-button .tnp-button {

  font-family: "Nunito", Sans-serif;

  font-size: 16px;

  font-weight: 800;

  text-transform: uppercase;

  line-height: 16px;

  color: #ffffff;

  background-color: var(--golden-color);

  border-color: var(--golden-color);

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  padding: 15px 40px 15px 40px;

}

.tnp-widget form .tnp-field.tnp-field-email label {

  display: none;

}

.tnp-widget form .tnp-field.tnp-field-email br {

  display: none;

}



.tnp-widget form .tnp-field.tnp-field-button .tnp-button:hover {

  color: #14212b;

  background-color: #ffffff;

  border: none;

}

section.post_infoblock.long_spacing .info-heading-post h1 {

  font-style: normal;

  font-weight: bold;

  font-size: 92px;

  line-height: 100%;

  color: #ffffff;

  text-shadow: 4px 4px 4px rgb(0 0 0 / 25%);

  letter-spacing: -0.37px;

  margin-bottom: 0;

  animation: 1s ease-out 0s 1 heroheadanimate;

}

section.post_infoblock.long_spacing .info-heading-post h1 {

  font-style: normal;

  font-weight: bold;

  font-size: 92px;

  line-height: 100%;

  color: #ffffff;

  text-shadow: 4px 4px 4px rgb(0 0 0 / 25%);

  letter-spacing: -0.37px;

  margin-bottom: 0;

  animation: 1s ease-out 0s 1 heroheadanimate;

}

section.post_infoblock.long_spacing .info-heading-post .main_heading p {

  font-style: normal;

  font-weight: normal;

  font-size: 20px;

  line-height: 34px;

  text-align: center;

  letter-spacing: -0.37px;

  text-shadow: 4px 4px 4px rgb(0 0 0 / 25%);

  color: #ffffff;

  margin: 10px 0 0;

  animation: 1s ease-out 0s 1 herotextanimate;

}

section.post_infoblock.long_spacing .info-heading-post .breadcrumb {

  display: block;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper {

  padding: 20px;

  padding-bottom: 14px;

  background: #fff;

  transition: 0.3s;

  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);

  border-radius: 10px;

  position: relative;

  margin-bottom: 30px;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-img {

  position: relative;

  border-radius: 10px;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-img a {

  display: block;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-img a img {

  border-radius: 10px;

  min-height: 270px;

  max-height: 270px;

  object-position: center;

  object-fit: cover;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title span.post_meta-categories {

  margin-top: 30px;

  margin-bottom: 8px;

  display: block;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title span.post_meta-categories span {

  display: inline-block;

  position: relative;

  margin-bottom: 0;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title span.post_meta-categories span a {

  color: #989898;

  display: inline-block;

  position: relative;

  font-size: 14px;

  font-weight: 700;

  line-height: inherit;

  text-transform: uppercase;

  font-family: Nunito Sans;

  border: 0;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title a h4 {

  font-family: Amiri;

  font-weight: 700;

  color: #222222;

  font-size: 30px;

  line-height: 32px;

  margin-bottom: 10px;

  transition: 0.3s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn {

  cursor: pointer;

  transition: 0.4s;

  color: var(--golden-color);

  font-size: 14px;

  font-weight: 700;

  position: relative;

  max-width: fit-content;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-arrow {

  background-color: var(--golden-color);

  position: absolute;

  bottom: 50%;

  left: 0;

  z-index: 1;

  width: 0;

  height: 2px;

  transition: 0.4s;

  transition-delay: 0.4s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-arrow:before {

  bottom: 0;

  border-bottom: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 100%;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-arrow:after {

  top: 0;

  border-top: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 0;

  border-color: var(--golden-color);

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-arrow:after,

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-arrow:before {

  border-color: var(--golden-color);

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  right: 0;

  transition: 0.4s;

  opacity: 0;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover span.scroll-btn-arrow:before {

  transform: rotate(45deg);

  transition-delay: 0.4s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover span.scroll-btn-arrow:before,

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover span.scroll-btn-arrow:after {

  opacity: 1;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover span.scroll-btn-arrow:after {

  transform: rotate(-45deg);

  transition-delay: 0.4s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover .scroll-btn-arrow {

  width: 50px;

  transition-delay: 0s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn span.scroll-btn-text {

  display: block;

  transform: translateX(0);

  transition: 0.4s;

  transition-delay: 0.4s;

  text-transform: uppercase;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .scrollBtn:hover span.scroll-btn-text {

  transform: translateX(60px);

  transition-delay: 0s;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper:hover {

  box-shadow: 6px 5px 30px 0 rgb(0 0 0 / 10%);

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title span.post_meta-categories span a:hover {

  color: var(--golden-color);

}

.post_meta-categories span a:not(:last-child):after {

  content: "_";

  display: inline-block;

  color: inherit;

  margin: 0 4px;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title a h4:hover {

  text-decoration: underline;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .case-study-btn-wrapper.blog-btn .loadmore a {

  font-family: "Nunito Sans";

  position: relative;

  display: inline-block;

  margin: 0;

  border-width: 1px;

  border-style: solid;

  padding: 17px 40px;

  font-size: 14px;

  line-height: 24px;

  font-weight: 800;

  border-radius: 3px;

  white-space: nowrap;

  transition: 0.4s;

  text-transform: uppercase;

  background: transparent;

  color: #222222;

  border-color: var(--golden-color);

  font-weight: 800;

}

section.casestudy_main.blogs_main.blog-section .wrap .content-area .case-study-btn-wrapper.blog-btn .loadmore a:hover {

  background: var(--golden-color);

  color: #fff;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-tabs-wrapper ul.nav-pills li a.nav-link {

  padding: 5px 10px 5px 10px;

  margin: 0px 10px 10px 10px;

  font-family: "Nunito", sans-serif;

  color: #222222;

  border-radius: 4px 4px 4px 4px;

  position: relative;

  font-size: 14px;

  line-height: 22px;

  font-weight: 800;

  text-transform: uppercase;

  transition: 0.5s;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-tabs-wrapper ul.nav-pills li a.nav-link.active {

  color: #ffffff;

  background-color: var(--golden-color);

}

section.floor-plan-tabs .floor-wrapper .floor-plan-tabs-wrapper ul.nav-pills li a.nav-link:hover {

  color: var(--golden-color);

}



section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box {

  padding-bottom: 30px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col {

  animation: slideInUp;

  animation-duration: 1800ms;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col {

  position: relative;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-imggallery {

  position: relative;

  transition: 0.6s ease-in-out;

  overflow: hidden;

  border-radius: 10px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description {

  padding: 15px 15px 15px 15px;

  background-color: #ffffff;

  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);

  opacity: 1;

  visibility: visible;

  text-align: center;

  z-index: 3;

  transition: 0.35s ease-out;

  width: calc(100% - 40px);

  background: #fff;

  border-radius: 10px;

  margin-left: 20px;

  margin-right: 20px;

  position: absolute;

  bottom: 20px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description a {

  display: block;

  border: 0;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description a h4 {

  font-family: "Amiri", Sans-serif;

  font-size: 24px;

  font-weight: 700;

  line-height: 26px;

  color: #222222;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-imggallery .floor-slider {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: 0.5s;

  border-radius: 10px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-imggallery a {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: 0.5s;

  font-size: 24px;

  color: #222222;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-imggallery img {

  height: auto;

  max-width: 100%;

  border: none;

  border-radius: 0;

  transition: 0.5s;

  object-fit: contain;

  object-position: center top;

  min-height: 360px;

  max-height: 360px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-imggallery:hover+.floor-description {

  bottom: -11px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description:hover {

  bottom: -11px;

}

section.floor-plan-tabs .floor-wrapper {

  max-width: 1170px;

  margin: 0 auto;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-tabs-wrapper {

  margin-bottom: 40px;

}

section.our_teams .team-section .slick-list .main-box.slick-slide:hover a .team-name h4 {

  color: var(--golden-color);

}

section.search-content-section .search-list-wrapper .search-content .blog-post.format-no_featured:not(.format-video),

.blog-post.format-quote,

.blog-post.format-audio,

.blog-post.format-link {

  margin-top: 30px;

}

.blog-post.format-no_featured:not(.format-video),

.blog-post.format-quote,

.blog-post.format-audio,

.blog-post.format-link {

  margin-bottom: 70px;

}

section.search-content-section .search-list-wrapper .search-content .blog-post {

  background: #fff;

  transition: 0.3s;

  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);

  border-radius: 10px;

  padding: 40px;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper {

  position: relative;

  transition: inherit;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper span.post_date {

  display: none;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content {

  padding: 0 !important;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content h3.blog-post_title {

  font-family: Amiri;

  font-weight: 700;

  display: block;

  word-wrap: break-word;

  clear: both;

  line-height: 1;

  font-size: 26px;

  margin-bottom: 10px;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content h3.blog-post_title>a {

  font-size: 36px;

  line-height: 42px;

  text-decoration: underline;

  text-decoration-color: transparent;

  font-family: Amiri;

  font-weight: 700;

  border: 0;

  color: #222222;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content h3.blog-post_title>a:hover {

  text-decoration: underline;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content .post_meta-wrap {

  padding-top: 10px;

  padding-bottom: 12px;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

  font-size: 16px;

  text-transform: capitalize;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content .post_meta-wrap .meta-wrapper {

  display: none;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content .blog-post_text {

  font-size: 16px;

  margin-top: 8px;

}

section.search-content-section .search-list-wrapper .search-content .blog-post .blog-post_wrapper .blog-post_content .blog-post_text p {

  margin-bottom: 0;

}

.blog-post_text+.button-read-more {

  margin-top: 20px;

}

.button-read-more {

  display: inline-block;

  position: relative;

  z-index: 1;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  overflow: hidden;

  color: var(--golden-color);

}

.button-read-more .read-more-arrow {

  background: var(--golden-color);

}

.button-read-more .read-more-arrow {

  position: relative;

  z-index: 1;

  width: 0;

  height: 2px;

  display: inline-block;

  vertical-align: middle;

  margin-top: -2px;

  transition: 0.5s;

  transition-delay: 0.4s;

}

.button-read-more .read-more-arrow:before {

  bottom: 0;

  border-bottom: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 100%;

}

.button-read-more .read-more-arrow:before,

.button-read-more .read-more-arrow:after {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  right: 0;

  transition: 0.4s;

}

.button-read-more .read-more-arrow:after {

  top: 0;

  border-top: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 0;

}

.button-read-more .read-more-arrow:before,

.button-read-more .read-more-arrow:after {

  border-color: var(--golden-color);

}

.button-read-more:hover .read-more-arrow {

  width: 50px;

  margin-right: 13px;

  transition-delay: 0s;

}

.button-read-more:hover .read-more-arrow:before {

  transform: rotate(45deg);

  transition-delay: 0.4s;

}

.button-read-more:hover .read-more-arrow:after {

  transform: rotate(-45deg);

  transition-delay: 0.4s;

}

section.search-content-section .container {

  margin-right: auto;

  margin-left: auto;

  width: 1170px;

}

section.search-content-section header.searсh-header {

  margin-bottom: 30px;

}

section.search-content-section header.searсh-header h1.page-title {

  font-size: 36px;

  line-height: 1.65;

  font-family: Amiri;

  font-weight: 700;

}

section.search-content-section header.searсh-header h1.page-title span {

  color: var(--golden-color);

  font-size: 1.15em;

  line-height: inherit;

  font-family: Amiri;

  font-weight: 700;

}

.region.region-header .menu--utility ul.menu {

  margin: 0px 0px 0px 44px;

}

section.search-content-section .search-list-wrapper .search-content .blog-post:hover {

  box-shadow: 6px 5px 30px 0 rgb(0 0 0 / 10%);

}

.case-sudy-body .container {

  max-width: 1170px;

  margin-left: auto;

  margin-right: auto;

  padding: 0;

}

article.detail-caseStudy .portfolio-image .portfolio-image-wrapper {

  margin-top: 40px;

  margin-bottom: 30px;

}

article.detail-caseStudy .portfolio-image .portfolio-image-wrapper img {

  border-radius: 10px;

}

article.detail-caseStudy .edi-caseStudy h1.portfolio-title {

  line-height: 1.25;

  margin-top: 8px;

  font-size: 32px;

  font-family: Amiri;

  font-weight: 700;

  color: #222222;

}

article.detail-caseStudy .portfolio__item-info {

  background: #14212b;

  margin-top: 22px;

  border-radius: 10px;

  padding: 30px 0;

  margin-bottom: 40px;

}

article.detail-caseStudy .portfolio__item-info .erp-content {

  padding: 0 5.5%;

}

article.detail-caseStudy .portfolio__item-info .erp-content h5 {

  line-height: 30px;

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  color: #fff;

  position: relative;

  font-family: Nunito Sans;

}

article.detail-caseStudy .portfolio__item-info .erp-content h5:before {

  content: "";

  position: absolute;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  left: -16px;

  top: 11px;

  background: var(--golden-color);

}

article.detail-caseStudy .portfolio__item-info .erp-content span {

  font-size: 16px;

  line-height: 30px;

  color: #dddfe1;

  font-family: Nunito Sans;

}

article.detail-caseStudy .portfolio-custom-content {

  padding-top: 20px;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content p {

  margin-bottom: 16px;

  font-size: 16px;

  font-family: "Nunito Sans";

  line-height: 30px;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content p span.dropcap-bg {

  color: var(--golden-color);

  box-shadow: 5px 4px 13px 0 rgb(145 145 145 / 30%);

  float: left;

  width: 1.334em;

  height: 1.334em;

  margin-top: 0.35em;

  margin-right: 0.667em;

  border: unset;

  border-radius: 5px;

  font-size: 1.875em;

  line-height: 1.45em;

  font-weight: 700;

  text-align: center;

  font-family: Amiri;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-images {

  padding-top: 40px;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-images .images-case-study {

  margin-bottom: 30px;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-images .images-case-study img {

  border-radius: 10px 10px 10px 10px;

}

article.detail-caseStudy .detail-content-case-study h2 {

  color: #222222;

  font-size: 28px;

  padding: 0;

  margin: 0;

  line-height: 1;

  font-family: Amiri;

  font-weight: 700;

}

article.detail-caseStudy .detail-content-case-study h2 {

  padding-bottom: 50px;

  padding-top: 40px;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content h2 {

  color: #222222;

  font-size: 28px;

  padding: 0;

  margin: 0;

  line-height: 1;

  font-family: Amiri;

  font-weight: 700;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content h2 {

  padding-bottom: 50px;

  padding-top: 40px;

}

article.detail-caseStudy .detail-content-case-study .detail-content-wrapper {

  padding-top: 30px;

}

article.detail-caseStudy .detail-content-case-study .detail-content-wrapper p {

  margin: 0 0 20px 0;

  font-size: 16px;

  line-height: 30px;

  font-family: "Nunito Sans";

}

article.detail-caseStudy .detail-content-case-study ul {

  margin-left: 0.4em;

  padding: 0 0 20px 0;

  padding-left: 0.9em;

  list-style: disc;

}

article.detail-caseStudy .related-project-case-study .blog-video {

  position: relative;

  padding-top: 30px;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name {

  padding: 15px 15px 15px 15px;

  background-color: #ffffff;

  box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);

  opacity: 1;

  visibility: visible;

  z-index: 3;

  transition: 0.35s ease-out;

  width: calc(100% - 40px);

  background: #fff;

  border-radius: 10px;

  margin-left: 8px;

  margin-right: 8px;

  position: absolute;

  bottom: 20px;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title {

  transition: 0.3s;

  text-align: center;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title a h4 {

  font-family: "Amiri", Sans-serif;

  font-size: 24px;

  font-weight: 700;

  line-height: 26px;

  color: #222222;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.posts-categories ul {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  line-height: 20px;

  display: inline-block;

  text-align: center;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.posts-categories ul li {

  padding: 0;

  width: auto;

  display: inline-block;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.posts-categories ul li a {

  color: var(--golden-color);

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin: 0 5px;

  box-shadow: none;

  text-decoration: none;

  border: 0;

  width: auto;

  display: inline-block;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-img {

  border-radius: 10px;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-img a {

  display: block;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-img a img {

  transform: translateY(0);

  transition: 0.5s;

  border-radius: 10px;

  height: 100%;

  min-height: 350px;

  object-fit: contain;

  object-position: center top;

}

article.detail-caseStudy .related-project-case-study {

  padding-top: 91px;

  margin-bottom: 50px;

  border-top: 1px solid #e5e5e5;

}

article.detail-caseStudy .related-project-case-study h4 {

  margin-bottom: 27px;

  font-size: 36px;

  font-family: Amiri;

  font-weight: 700;

  line-height: 28px;

  color: #222222;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-tabs-wrapper ul.nav-pills li a.nav-link.active:hover {

  color: #ffffff;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description span.post_meta-categories {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  line-height: 20px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description span.post_meta-categories a {

  display: inline-block;

  border: 0;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin: 0 5px;

  line-height: 20px;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.post_meta-categories {

  font-family: "Nunito", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  line-height: 20px;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.post_meta-categories span a {

  display: inline-block;

  border: 0;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  margin: 0 5px;

  line-height: 20px;

}

section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description span.post_meta-categories a:hover {

  color: #000000;

}

article.detail-caseStudy .related-project-case-study .blog-video .blog-name .blog-name-title span.post_meta-categories span a:hover {

  color: #000000;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content ul {

  margin: 0;

  margin-left: 0.4em;

  padding: 0 0 20px 0;

  padding-left: 0.9em;

  list-style: disc;

}

article.detail-caseStudy .portfolio-custom-content .caseStudy-content ul li {

  position: relative;

  z-index: 1;

  padding: 0;

  margin: 0;

  font-size: 16px;

  line-height: 40px;

  color: #616161;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper {

  margin: 50px 0px 20px 0px;

  text-align: center;

  position: relative;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore {

  position: relative;

  display: inline-block;

  margin: 0;

  border-width: 1px;

  border-style: solid;

  padding: 17px 40px;

  font-size: 14px;

  line-height: 17px;

  font-weight: 800;

  border-radius: 3px;

  white-space: nowrap;

  transition: 0.4s;

  text-transform: uppercase;

  border-color: var(--golden-color);

  color: #222222;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore:before {

  content: "\f2f1";

  display: inline-block;

  position: absolute;

  z-index: 99;

  top: 50%;

  left: 50%;

  margin: -10px 0 0 -8px;

  font-family: "Font Awesome 5 Free";

  line-height: 1;

  font-size: 19px;

  color: #fff;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  opacity: 0;

  transition: all 0.4s, color 0s;

  animation: rotating 2s linear infinite;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore:hover {

  border-color: var(--golden-color);

  background: var(--golden-color);

  color: #fff;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore.loading:before {

  opacity: 1;

  color: inherit;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore.loading span {

  opacity: 0;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-content .plan-load-more-wrapper button.loadmore span {

  position: relative;

  z-index: 1;

}

.blog-detail-body .edi-caseStudy span.post_meta-categories {

  font-family: Amiri;

  display: inline-block;

  position: relative;

  z-index: 1;

}

.blog-detail-body .edi-caseStudy span.post_meta-categories span {

  display: inline-block;

  position: relative;

  margin-bottom: 8px;

}

.blog-detail-body .edi-caseStudy span.post_meta-categories span a {

  font-family: Nunito Sans;

  display: inline-block;

  position: relative;

  font-size: 14px;

  font-weight: 700;

  line-height: inherit;

  text-transform: uppercase;

  color: #989898;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper {

  padding: 20px;

  padding-bottom: 14px;

  background: #fff;

  transition: 0.3s;

  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);

  border-radius: 10px;

  position: relative;

  margin-bottom: 30px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .blog-img {

  position: relative;

  border-radius: 10px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper span.post_meta-categories {

  margin-top: 30px;

  margin-bottom: 8px;

  display: block;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn {

  cursor: pointer;

  transition: 0.4s;

  color: var(--golden-color);

  font-size: 14px;

  font-weight: 700;

  position: relative;

  max-width: fit-content;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .blog-img a {

  display: block;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .blog-img a img {

  border-radius: 10px;

  min-height: 270px;

  max-height: 270px;

  object-position: center;

  object-fit: cover;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper span.title-wrapper h4 {

  font-family: Amiri;

  font-weight: 700;

  color: #222222;

  font-size: 30px;

  line-height: 32px;

  margin-bottom: 10px;

  transition: 0.3s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-arrow {

  background-color: var(--golden-color);

  position: absolute;

  bottom: 50%;

  left: 0;

  z-index: 1;

  width: 0;

  height: 2px;

  transition: 0.4s;

  transition-delay: 0.4s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-text {

  display: block;

  transform: translateX(0);

  transition: 0.4s;

  transition-delay: 0.4s;

  text-transform: uppercase;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-arrow:before,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-arrow:after {

  border-color: var(--golden-color);

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  right: 0;

  transition: 0.4s;

  opacity: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-arrow:before {

  bottom: 0;

  border-bottom: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 100%;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn span.scroll-btn-arrow:after {

  top: 0;

  border-top: 2px solid;

  transform: rotate(0);

  transform-origin: 100% 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-arrow {

  width: 50px;

  transition-delay: 0s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-arrow:before,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-arrow:after {

  opacity: 1;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-arrow:before {

  transform: rotate(45deg);

  transition-delay: 0.4s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-arrow:after {

  transform: rotate(-45deg);

  transition-delay: 0.4s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper .scrollBtn:hover span.scroll-btn-text {

  transform: translateX(60px);

  transition-delay: 0s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-main .blog-wrapper span.post_meta-categories a {

  color: #989898;

  display: inline-block;

  position: relative;

  font-size: 14px;

  font-weight: 700;

  line-height: inherit;

  text-transform: uppercase;

  font-family: Nunito Sans;

  border: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content {

  padding-bottom: 40px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next {

  padding: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper {

  display: flex;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a {

  display: flex;

  align-items: center;

  position: relative;

  transition: 0.8s;

  min-height: 145px;

  padding: 20px 40px;

  width: 100%;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a {

  background-color: #14212b;

  justify-content: flex-start;

  text-align: left;

  color: var(--golden-color);

  border-radius: 8px 0 0 8px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-info_wrapper {

  color: #222222;

  margin-left: 30px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-info_wrapper h4.prev_title {

  font-family: Nunito Sans;

  display: inline-block;

  position: relative;

  max-width: 280px;

  font-size: 16px;

  line-height: 1.5;

  font-weight: 700;

  word-wrap: break-word;

  transition: 0.45s;

  color: #fff;

  text-align: left;

  margin-bottom: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-info_wrapper .meta-wrapper,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-info_wrapper .meta-wrapper {

  font-size: 14px;

  line-height: 30px;

  font-weight: 700;

  color: rgba(255, 255, 255, 0.7);

  text-transform: uppercase;

  display: block;

  font-family: Nunito Sans;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-info_wrapper .meta-wrapper>*,

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-info_wrapper .meta-wrapper>* {

  display: inline-block;

  line-height: 30px;

  color: inherit;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a {

  background: var(--golden-color);

  justify-content: flex-end;

  text-align: right;

  color: var(--golden-color);

  border-radius: 0 8px 8px 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-icon_wrapper {

  margin-right: 30px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-info_wrapper {

  margin-right: 30px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-info_wrapper h4.next_title {

  display: inline-block;

  position: relative;

  max-width: 280px;

  font-size: 16px;

  line-height: 1.5;

  font-weight: 700;

  word-wrap: break-word;

  transition: 0.45s;

  color: #fff;

  text-align: right;

  font-family: Nunito Sans;

  margin-bottom: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-icon_wrapper {

  width: 75px;

  height: 50px;

  position: relative;

  flex-shrink: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-icon_wrapper {

  width: 75px;

  height: 50px;

  position: relative;

  flex-shrink: 0;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-icon_wrapper:before {

  content: "";

  position: absolute;

  top: 23px;

  left: 0;

  display: block;

  width: 48px;

  height: 1px;

  border-bottom: 1px solid #fff;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-icon_wrapper:after {

  content: "";

  position: absolute;

  left: 1px;

  top: 20px;

  width: 8px;

  height: 8px;

  border: 1px solid #fff;

  border-right-width: 0;

  border-bottom-width: 0;

  transform: rotate(-45deg);

  display: block;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a .prev-link-icon_wrapper span {

  width: 50px;

  height: 50px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 3px;

  position: absolute;

  display: block;

  right: 0;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-icon_wrapper span {

  width: 50px;

  height: 50px;

  border: 1px solid rgba(255, 255, 255, 0.4);

  border-radius: 3px;

  position: absolute;

  display: block;

  left: 0;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-icon_wrapper:before {

  content: "";

  position: absolute;

  top: 23px;

  right: 0;

  display: block;

  width: 48px;

  height: 1px;

  border-bottom: 1px solid #fff;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a .next-link-icon_wrapper:after {

  content: "";

  position: absolute;

  right: 1px;

  top: 20px;

  width: 8px;

  height: 8px;

  border: 1px solid #fff;

  border-right-width: 0;

  border-bottom-width: 0;

  transform: rotate(135deg);

  display: block;

  transition: 0.5s;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-prev .info_wrapper a:hover .prev-link-icon_wrapper span {

  right: 48px;

}

.blog-detail-body article.blog-deatil-post .related-project-case-study .blog-custom-content .blog-detail-next .info_wrapper a:hover .next-link-icon_wrapper span {

  left: 48px;

}

.blog-detail-body article.side-bar-wrapper {

  position: sticky;

  width: 100%;

  top: 20%;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title {

  font-family: Amiri;

  margin-bottom: 15px;

  margin: 0 0 18px;

  font-size: 24px;

  line-height: 1.5;

  font-weight: 700;

  text-transform: capitalize;

  overflow: hidden;

  position: relative;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog ul {

  margin-left: 0;

  list-style: none;

  padding: 0;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title span.widget-title_wrapper {

  color: #222222;

  position: relative;

  padding-right: 20px;

  margin-right: 10px;

  display: inline-block;

  line-height: 1.2;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title:before {

  content: "";

  position: absolute;

  z-index: 2;

  height: 3px;

  width: 30px;

  top: 50%;

  right: 0;

  margin-top: -1px;

  background: var(--golden-color);

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title span.widget-title_wrapper:after {

  content: "";

  position: absolute;

  z-index: 1;

  height: 1px;

  width: 1000px;

  right: 0;

  top: 50%;

  transform: translateX(100%);

  background: #dcdcdc;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog ul li {

  color: #222222;

  padding: 1px 0 1px 0;

  font-weight: 800;

  font-size: 14px;

  text-transform: uppercase;

  line-height: 36px;

  position: relative;

  z-index: 1;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog ul li a {

  color: #222222;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog ul li:before {

  content: "\f0ea";

  top: 2px;

  margin-right: 8px;

  display: inline-block !important;

  position: relative;

  z-index: 1;

  width: auto;

  height: auto;

  font-size: 1.2em;

  font-weight: 300;

  vertical-align: baseline;

  background-color: transparent !important;

  border-radius: 50%;

  background: var(--golden-color);

  left: 2px;

  color: var(--golden-color);

  font-family: "Font Awesome 6 Free";

  font-weight: 300;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog ul li a:hover {

  color: var(--golden-color);

}

section.casestudy_main.blogs_main.tech-section .case-study-btn-wrapper .loadmore.case-loadmore.news-loadmore a {

  font-family: "Poppins", Sans-serif;

  font-size: 18px;

  font-weight: 600;

  color: #ffffff;

  background: var(--golden-color);

  border-radius: 8px 8px 8px 8px;

  padding: 20px 40px;

}

section.post_infoblock .info-heading-post .breadcrumb .bread-divider {

  display: inline-block;

  color: inherit;

  margin: 0 7px;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

}

section.post_infoblock .info-heading-post .breadcrumb .bread-divider:before {

  content: "\3e";

  display: inline-block;

  font-size: 9px;

  line-height: 1;

  transition: 0.3s;

  font-weight: bold;

  transform: translateY(-2px);

  opacity: 0.7;

}

section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-content-section {

  padding: 34px 0 0 65px;

}

section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

  max-width: 500px;

}

section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-image-section .img-items img {

  width: 100%;

  object-fit: contain;

}

section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

  font-size: 32px;

}

section.post_infoblock .info-heading-post .breadcrumb a:hover {

  opacity: 1;

}

section.post_infoblock .info-heading-post .breadcrumb a:hover:before {

  transition: width 0.4s;

  width: 100%;

}

section.post_infoblock .info-heading-post .breadcrumb a:before,

section.post_infoblock .info-heading-post .breadcrumb a:after {

  content: "";

  position: absolute;

  bottom: 0;

  height: 1px;

  width: 0;

  background: currentColor;

  transition: 0s;

}

section.post_infoblock .info-heading-post .breadcrumb a:hover:after {

  width: 100%;

  transition: 0s;

  background: transparent;

}

section.post_infoblock .info-heading-post .breadcrumb a:before {

  left: 0;

}

section.post_infoblock .info-heading-post .breadcrumb a:after {

  transition: width 0.4s;

  right: 0;

}



.dropcap,

.dropcap-bg {

  float: left;

  width: 1.334em;

  height: 1.334em;

  margin-top: 0.35em;

  margin-right: 0.667em;

  border: unset;

  border-radius: 5px;

  font-size: 1.875em;

  line-height: 1.45em;

  font-weight: 700;

  color: #fff;

  text-align: center;

}



p.comment-form-url {

  display: none;

}



nav.navigation.pagination,

.page-nav-container {

  margin-bottom: 25px;

  margin-left: 0;

  padding-left: 0;

  padding-bottom: 30px;

  list-style: none;

}

span.page-numbers.current {

  border-color: #14212b;

  position: relative;

  z-index: 1;

  cursor: default;

  color: #fff;

  background: #14212b;

  display: inline-block;

  height: 45px;

  min-width: 45px;

  line-height: 45px;

  vertical-align: middle;

  border: 1px solid #e5e5e5;

  padding: 0 5px;

  font-size: 18px;

  font-weight: 700;

  text-align: center;

  transition: 0.4s;

  border-radius: 5px;

  outline: 0;

  margin: 0;

  font-style: inherit;

  font-family: inherit;

  list-style: none;

  margin-left: 0;

}

a.page-numbers,

span.dots {

  margin: 0 2px;

  color: #222222;

  display: inline-block;

  height: 45px;

  min-width: 45px;

  line-height: 45px;

  vertical-align: middle;

  border: 1px solid #e5e5e5;

  padding: 0 5px;

  font-size: 18px;

  font-weight: 700;

  text-align: center;

  transition: 0.4s;

  border-radius: 5px;

  font-style: inherit;

}

.search-list-wrapper .search-content .tnp.tnp-subscription {

  display: none;

}

a.page-numbers:hover,

span.dots:hover {

  border-color: #14212b;

}

section.muli-tabs.othertabsclass .container {

  max-width: 1125px;

}

body .solution_content ol>li:before {

  color: var(--golden-color);

  font-family: Amiri;

  font-weight: 700;

  display: inline-block;

  position: static;

  width: auto;

  height: auto;

  margin-left: calc(-1em - 1px);

  margin-right: 15px;

  font-size: 1.25em;

  line-height: inherit;

}

.solution_content ol li {

  font-family: "Nunito Sans";

  font-size: 16px;

}

.detail-caseStudy p a {

  color: var(--golden-color);

}

.detail-caseStudy p a:hover {

  color: inherit;

}

section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox .link-box-wrapper .links-sec a[href="#"] {

  pointer-events: none;

}

section.post_infoblock .info-heading-post .breadcrumb i {

  height: 100%;

  line-height: 21px;

}

/*case-study blog detail*/

body.archive main.content.container {

  max-width: 100%;

  padding: 0;

  margin: 0;

}

body.archive main.content.container h1 {

  display: none;

}

body.archive main.content.container section.post_infoblock .info-heading-post h2 {

  color: #ffffff;

  font-size: 42px;

  line-height: 62px;

  font-family: "Amiri", sans-serif;

  font-weight: 800;

  text-transform: capitalize;

  margin: 0;

}

body.archive main.content.container section.posts.manisihere.blogs_main div.content-area .blog-main .blog-wrapper {

  padding: 40px;

}

body.archive main.content.container section.posts.manisihere.blogs_main div.content-area .blog-main .blog-wrapper .blog-img img {

  max-width: 100%;

  max-height: 100%;

  width: 100%;

}

body.archive main.content.container section.posts.manisihere.blogs_main div.content-area .blog-main .blog-wrapper .blog-name-title span.title-wrapper h4 {

  font-size: 36px;

  line-height: 42px;

}



body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper {

  padding: 40px;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-img img {

  max-width: 100%;

  max-height: 657px;

  width: 100%;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title {

  margin-top: 30px;

  margin-bottom: 0px;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title span.title-wrapper h4 {

  font-size: 36px;

  line-height: 42px;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .archive_data p {

  font-size: 16px;

  line-height: 30px;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .archive_data p span.dropcap-bg {

  color: var(--golden-color);

  box-shadow: 5px 4px 13px 0 rgb(145 145 145 / 30%);

  float: left;

  width: 1.334em;

  height: 1.334em;

  margin-top: 0.35em;

  margin-right: 0.667em;

  border: unset;

  border-radius: 5px;

  font-size: 1.875em;

  line-height: 1.45em;

  font-weight: 700;

  text-align: center;

  font-family: Amiri;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .archive_data h2 {

  margin-bottom: 12px;

  font-size: 28px;

  line-height: 40px;

  font-family: Amiri;

  font-weight: 700;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .archive_data p a {

  color: var(--golden-color);

  border: 0;

}

body.archive section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title .archive_data p a:hover {

  color: inherit;

}

body.archive .wrapper-pagination {

  max-width: 1170px;

  display: block;

  margin: 0 auto;

  padding: 0;

}

.page-id-928 section.techSection {

  /* padding-top: 0; */

}

.page-id-928 section.techSection .tectText p {

  font-family: "Nunito", Sans-serif;

}

section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-tabs-wrapper ul.nav-pills {

  justify-content: center;

}

.page-id-928 section.block-text .heding-wrapper p {

  font-size: 18px;

  list-style: 34px;

}

section.casestudy_main.blogs_main .wrap .case-study-btn-wrapper {

  margin-bottom: 100px;

}

.page-id-656 section.pagesname-boxes {

  position: relative;

  padding-top: 40px;

}

.page-id-656 section.block-text .heding-wrapper p {

  font-family: "Nunito Sans", sans-serif;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

  position: relative;

  padding-top: 46%;

}

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap .techCard .Card-img {

  visibility: hidden;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard .Card-img-hover {

  padding: 80px 10px 26px 10px;

  background-position: 50% 10px !important;

  background-repeat: no-repeat !important;

  background-size: 100% 50% !important;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard .Card-img-hover {

  visibility: hidden;

}

section.techSection .tech-icon-wrapper .tech-icon-box:hover .tech-Wrap .techCard .Card-img-hover {

  visibility: visible;

}

section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard>div {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

}

section.techSection.simple-hover .grey-boxess.tech-icon-box .tech-Wrap .textblock-icon .techCard {

  padding-top: 0;

}

body section.techSection .tech-Wrap .textblock-icon .techCard .Card-img {

  padding: 80px 10px 26px 10px;

  background-position: 50% 10px !important;

  background-repeat: no-repeat !important;

  background-size: 100% 50% !important;

}



body section.techSection .tech-Wrap .textblock-icon .techCard .Card-img-hover:hover {

  display: block;

  background-position: 50% 26px !important;

  background-repeat: no-repeat !important;

}

.page-id-742 form input:not([type="checkbox"]):not([type="submit"]),
select,
textarea {

  font-size: 15px;

}

.case-sudy-body.padding-blog {

  padding-top: 100px;

}

.blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title:after {

  content: "";

  position: absolute;

  z-index: 1;

  height: 1px;

  width: 100%;

  right: 0;

  top: 50%;

  transform: translateX(60%);

  background: #dcdcdc;

}


@media (min-width: 1024px) and (max-width: 1200px) {
  section.post_infoblock {
    height: 300px;
    padding-top: 55px;
  }
}

@media (min-width: 1441px) {

  section.testimoinial-sliders {

    padding-top: 150px !important;

  }

  section.banner-section .site-banner .content-bannner {

    margin-top: 0;

  }

}

@media (min-width: 1350px) {

  header.main-header {

    position: absolute;

    width: 100%;

  }

  .is-scroll-top header.main-header {

    position: sticky;

  }

  .principleSection .principle-wrapper .principle-content-wrapper:first-child .cardInner,

  .principleSection .principle-wrapper .principle-content-wrapper:last-child .cardInner {

    width: 100%;

    min-width: 361px;

  }

}

@media (min-width: 1400px) {

  .is-scroll-top .region.region-header .menu--main ul#menu-main_menu {

    margin-right: 0;

  }

}

@media (max-width: 1600px) {

  section.banner-section .site-banner .content-bannner .image-wrap {

    padding: 100px 0;

    background-position: right 65%;

    background-size: 40%;

    padding-top: 175px;

  }

}

@media (max-width: 1350px) {

  .page-id-926 section.content_contactform {

    margin-top: -2px;

  }

  section.post_infoblock.long_spacing .info-heading-post h1 {

    font-size: 70px;

  }

  header.main-header .sticky-header .region.region-header.landing-header .link-lead {

    display: none;

  }

  .animation-images {

    font-size: 90px;

  }

  .animation-images div {

    line-height: 130px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content .link a {

    padding: 15px 30px !important;

  }

  .is-scroll-top header.main-header {

    position: initial;

  }

  .is-scroll-top section.banner-section .site-banner .content-bannner {

    margin-top: 0 !important;

  }

  .region-header button.menu-toggle {

    display: block;

  }

  .region.region-header .menu--utility {

    display: none;

  }

  .is-scroll-top .region.region-header .logo-wrapper a {

    margin: 0;

  }

  /* .is-scroll-top .region.region-header .logo-wrapper img:last-child {

    display: block;

  } */

  /* .is-scroll-top .region.region-header .logo-wrapper img:first-child {

    display: none;

  } */

  /* header.main-header {

    border: 0;

    background: #10212B;

    position: relative;

  } */

  header.main-header:before {

    display: none;

  }

  .region.region-header .menu--main {

    display: none;

  }

  header.main-header .sticky-header .region.region-header {

    height: 80px;

    justify-content: space-between;

    /* width: 1170px; */

    margin: 0 auto;

  }

  .region.region-header .logo-wrapper {

    width: 100%;

  }

  .region.region-header .logo-wrapper a {

    margin: 0;
display: contents;
    max-width: max-content;

  }

  .region-header button.menu-toggle {

    background: #fff;

  }

  .region-header button.menu-toggle:before {

    background: #fff;

  }

  .region-header button.menu-toggle:after {

    background: #fff;

  }

  .region-mobile-nav .region-mobile-nav-wrapper {

    background-color: #003332;

    color: #ffffff;

    position: fixed;

    z-index: 999;

    width: 100%;

    max-width: 400px;

    height: 100%;

    top: 0;

    padding: 30px;

    visibility: hidden;

    opacity: 0;

    transition: all 1s ease;

    transform: translateX(-100%);

  }

  .region-mobile-nav.active .region-mobile-nav-wrapper {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

  }

  .region-mobile-nav.active .mobile-overlay {

    opacity: 1;

    visibility: visible;

    background-color: rgba(21, 34, 43, 0.8);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: 0.45s ease-in-out;

  }

  .region.region-mobile-nav.active {

    top: 0;

    padding: 0;

    background: none;

    height: 100%;

  }

  .region-mobile-nav.active .region-mobile-nav-wrapper .mobile-nav-logo a img {

    max-width: 156px !important;

    width: 100%;

    height: auto !important;

  }

  .region-mobile-nav.active .region-mobile-nav-wrapper nav.menu--main {

    padding-top: 20px;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child {

    font-family: "Nunito", sans-serif;

    margin: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span {

    padding: 0;

    padding: 10px 0;

    margin: 0;

    font-family: "Nunito", sans-serif;

    font-weight: 700;

    line-height: 30px;

    font-size: 14px;

    color: #fff;

    cursor: pointer;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span.accordian:after {

    content: "";

    display: inline-block;

    border-top-width: 1px;

    border-top-style: solid;

    border-left-width: 1px;

    border-left-style: solid;

    transform: translate(-50%, -50%) rotate(135deg);

    opacity: 0.8;

    transition: all 0.3s ease;

    background: none !important;

    position: absolute;

    top: 50%;

    left: auto;

    margin: auto;

    width: 8px;

    height: 8px;

    visibility: visible;

    margin-top: 0;

    border-radius: 0;

    color: inherit;

    margin-left: 0 !important;

    right: 0;

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child span.accordian.active:after {

    transform: translate(-50%, -50%) rotate(225deg);

  }

  .region.region-mobile-nav nav.block.block-menu.navigation.menu--main ul.mobileMenu.menu-item--expanded li.menu-item-child ul.mobile-content-link.active {

    background: none;

    padding: 0;

    margin: 0;

  }

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper .menu-close-humburger {

    transition-delay: 0.22s;

    background-color: transparent;

    margin-top: 10px;

    margin-left: 6px;

    width: 30px;

    height: 5px;

    top: 0;

    transition: background-color 0s 0.13s linear;

    position: absolute;

    display: block;

  }

  .mobile-nav-menu-close {

    position: absolute;

    top: 12px;

    right: -41px;

  }

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper {

    width: 40px;

    height: 40px;

    display: inline-block;

    cursor: pointer;

  }

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper .menu-close-humburger:before {

    background: #fff;

    top: 0;

    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),

      transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);

    transform: translate3d(0, 6px, 0) rotate(45deg);

  }

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper .menu-close-humburger:after {

    background: #fff;

    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),

      transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);

    transform: translate3d(0, 6px, 0) rotate(-45deg);

    bottom: -6px;

  }

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper .menu-close-humburger:after,

  .mobile-nav-menu-close .mobile-nav-menu-close-wrapper .menu-close-humburger:before {

    content: "";

    display: block;

    top: 0px;

    width: 30px;

    height: 3px;

    position: absolute;

    z-index: 999;

  }

  .is-scroll-top header.main-header .sticky-header {

    background: transparent;

  }

  .region-header button.menu-toggle {

    cursor: pointer;

    position: relative;

    z-index: 0;

    width: 30px;

    height: 3px;

    display: block;

    transition: all 300ms ease-in-out;

    text-indent: -9999px;

    margin: 10px 0;

    border-radius: 0;

    outline: 0;

    padding: 0;

  }

  .region-header button.menu-toggle:before,

  .region-header button.menu-toggle:after {

    transition: all 300ms ease-in-out;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    content: "";

    display: block;

    width: 100%;

    height: 3px;

    opacity: 1;

    position: absolute;

    z-index: 0;

    left: 0;

  }

  .region-header button.menu-toggle:after {

    bottom: -10px;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

  }

  .region-header button.menu-toggle:before {

    top: -10px;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

  }

  section.banner-section .site-banner .content-bannner .image-wrap {

    padding: 80px 0;

    min-height: 550px;

    background-size: 39%;

    background-position: right center;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content {

    max-width: 600px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content h1.head {

    font-size: 48px;

    line-height: 58px;

  }

  section.banner-section .site-banner .content-bannner {

    margin-top: 0px;

  }

}

@media (max-width: 1300px) {

  section.section-benifits .benifits-wrapper .benifits-content-section {

    padding-left: 30px;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap {

    min-height: 185px;

  }

}

@media (min-width: 1200px) {

  .page-id-656 section.pagesname-boxes .pagebox-overlay {

    background-image: url(https://mpiresolutions.com/wp-content/uploads/2021/04/nitki2.svg);

    background-position: 88.5em -10px;

    background-repeat: no-repeat;

    background-size: auto;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

  }

  section.muli-tabs .container {

    width: 100%;

    max-width: 1235px;

  }

}

@media (max-width: 1200px) {

  .case-sudy-body.blog-detail-body .content-col-left {

    /* width: 100%;

    max-width: 100%; */

  }

  .case-sudy-body.blog-detail-body .content-col-right {

    width: 100%;

    max-width: 33%;

  }

  body.archive .wrapper-pagination {

    max-width: 950px;

  }

  section.muli-tabs.othertabsclass .container {

    max-width: 950px;

  }

  .case-sudy-body .container {

    max-width: 950px;

  }

  section.floor-plan-tabs .floor-wrapper {

    max-width: 950px;

  }

  .principleSection .principle-wrapper {

    max-width: 950px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper {

    max-width: 950px;

  }

  section.casestudy_main.blogs_main .wrap {

    max-width: 950px;

  }

  section.company_four.section-benifits .benifits-wrapper,

  section.company_five.section-benifits .benifits-wrapper {

    max-width: 950px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 950px;

  }

  section.info-bar .info-bar-wrapper {

    max-width: 950px;

  }

  footer.main-footer .main-footer__top .container {

    width: 950px;

  }

  .main-footer .main-footer__bottom .container {

    width: 950px;

  }

  /* header.main-header .sticky-header .region.region-header {

    width: 950px;

  } */

  section.techSection .tectText {

    max-width: 950px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content {

    max-width: 500px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content h1.head {

    font-size: 40px;

  }

  .main-content-box .box-image-wrapper img {

    object-fit: cover;

  }

  section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-img a img {

    object-fit: contain;

  }

  section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name {

    width: 92%;

  }

  .blog-detail-body article.side-bar-wrapper .side-bar-blog .widget-title:after {

    content: "";

    position: absolute;

    z-index: 1;

    height: 1px;

    width: 100%;

    right: 0;

    top: 50%;

    transform: translateX(60%);

    background: #dcdcdc;

  }

}

@media (max-width: 1024px) {

  .case-sudy-body.blog-detail-body .content-col-left {

    width: 100%;

    max-width: 100%;

  }


  header.main-header {
    border: 0;
    background: transparent;
    position: absolute;
  }


  .case-sudy-body.blog-detail-body .content-col-right {

    width: 100%;

    max-width: 100%;

  }

  section.headingwith_content {

    padding-top: 0;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext p img {

    object-fit: none;

    width: 100%;

    height: 100%;

    object-position: center;

    line-height: normal;

    max-height: 400px;

  }

  .page-id-815 section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h4 {

    font-size: 18px;

  }

  .page-id-815 section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 34px;

  }

  section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box {

    width: 100%;

    max-width: 50%;

  }



  section.heading_fontfamily.block-text .heding-wrapper h2 {

    font-family: "Amiri", Sans-serif;

    font-size: 48px;

    font-weight: bold;

    line-height: 42px;

    color: #11222c;

  }

  section.post_infoblock.heading_spacing {

    height: 414px;

  }

  section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title a h4 {

    font-size: 26px;

    line-height: 34px;

  }

  section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main {

    width: 50%;

  }

  section.post_infoblock.long_spacing .info-heading-post h1 {

    font-size: 60px;

  }

  .principleSection .card-wrap .cardInner.ImageCardInner {

    justify-content: center;

    margin: 8%;

  }

  .principleSection .principle-wrapper .principle-content-wrapper {

    width: 100%;

  }

  section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video {

    width: 50%;

    margin-bottom: 30px;

  }

  section.block-text .heding-wrapper h1 {

    font-size: 32px;

    line-height: 34px;

  }

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section {

    padding: 0 10px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section {

    padding: 0 10px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3,

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3 {

    font-size: 28px;

    line-height: 32px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p,

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

    font-size: 16px;

    line-height: 24px;

  }

  section.headingwith_content .map-block-wrapper {

    max-width: 1024px;

  }

  .section-portfolio .community-about-left {

    width: 100%;

  }

  .section-portfolio .community-about-right {

    width: 100%;

    margin-bottom: 10px;

  }

  .section-portfolio .community-about-left h4 {

    font-size: 16px;

    line-height: 32px;

    margin-bottom: 10px;

  }

  .section-portfolio .community-about-left h3 {

    font-size: 34px;

    line-height: 34px;

    margin-bottom: 10px;

  }

  .section-portfolio .community-about-right .rightshorts_text p {

    font-size: 18px;

    line-height: 30px;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-image-section {

    width: 100%;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-content-section {

    width: 100%;

    justify-content: flex-start;

    padding: 0 30px;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

    max-width: 100%;

  }

  section.section-benifits.company_three .benifits-wrapper .benifits-content-section .benifits-content h4 {

    font-size: 16px;

    line-height: 32px;

    text-align: center;

    margin-bottom: 5px;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 34px;

    line-height: 34px;

    text-align: center;

  }



  section.consult-form.content_contactform .contactleft_col .leftside_content {

    padding-top: 15px;

  }

  section.consult-form.content_contactform .contactleft_col .leftside_content h4 {

    font-size: 16px;

    line-height: 32px;

    margin-bottom: 10px;

  }

  section.consult-form.content_contactform .contactleft_col .leftside_content h3 {

    font-size: 34px;

    line-height: 34px;

  }

  section.content_contactform {

    padding: 50px 20px 50px 20px;

  }

  section.content_contactform .contactleft_col {

    width: 100%;

  }

  section.content_contactform .rightcontent_contact {

    width: 100%;

  }

  section.content_contactform .rightcontent_contact .form-contact-wrapper {

    margin: 0;

  }

  section.techSection .tectText h4 {

    font-size: 16px;

    line-height: 32px;

  }

  section.techSection .tectText h2 {

    font-size: 34px;

    line-height: 34px;

  }

  section.techSection .tectText p {

    font-size: 18px;

    line-height: 30px;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box {

    width: 50%;

    margin-bottom: 40px;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap {

    width: 100%;

    min-height: 151px;

  }

  section.techSection .tech-icon-wrapper {

    /* max-width: 600px; */

    display: flex;

    margin: 0 auto;

    justify-content: flex-start !important;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .headingss h4 {

    font-size: 16px;

    line-height: 16px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox {

    width: 100%;

    max-width: 50%;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox .link-box-wrapper {

    max-width: 100%;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section {

    width: 100%;

  }

  section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper {

    width: 100%;

  }

  section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec {

    border-radius: 6px 6px 6px 6px !important;

  }

  section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper:first-child {

    margin-bottom: 10px;

  }

  section.pagesname-boxes .section-service .service-box-wrapper {

    width: 50%;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info {

    width: 50%;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links {

    width: 50%;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper {

    flex-wrap: wrap;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-map {

    width: 100%;

    margin-top: 30px;

  }

  footer.main-footer .main-footer__top .container {

    transition: background 0.3s, border 0.3s, border-radius 0.3s,

      box-shadow 0.3s;

    padding: 87px 20px 48px 20px;

  }

  section.block-text .heding-wrapper h4 {

    font-size: 16px;

  }

  .main-content-box {

    display: flex;

    flex-wrap: wrap;

  }

  section.block-text .heding-wrapper h2 {

    font-size: 34px;

    line-height: 34px;

  }



  section.block-text .heding-wrapper p {

    font-size: 18px;

    line-height: 30px;

  }

  .box-section .business-box {

    width: 33%;

  }

  .main-content-box .box-image-content {

    order: 2;

    width: 100%;

    max-width: 100%;

    padding-top: 20px;

  }

  .main-content-box .box-image-wrapper {

    width: 100%;

    height: auto;

    justify-content: center;

  }

  .section-box-content {

    padding: 26px 40px 36px 40px;

  }

  section.section-benifits .benifits-wrapper .benifits-image-section {

    width: 100%;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-image-section {

    width: 100%;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section {

    width: 100%;

  }

  footer.main-footer .main-footer__top .footer-topheading h2 {

    font-size: 40px;

    line-height: 42px;

  }

  section.info-bar .info-bar-wrapper h2 {

    font-size: 34px;

    line-height: 34px;

  }

  section.info-bar .info-bar-wrapper h4 {

    font-size: 24px;

    line-height: 30px;

  }

  section.testimoinial-sliders {

    padding: 50px 40px 50px 40px;

    overflow: hidden;

  }

  section.testimoinial-sliders .testimonial_heading h4 {

    font-size: 16px;

    line-height: 32px;

  }

  section.testimoinial-sliders .testimonial_heading h3 {

    font-size: 38px;

    line-height: 38px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss {

    padding: 20px 20px 20px 20px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .wgl-testimonials_quote p {

    font-size: 16px;

    padding: 10px 0px 20px 0px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap h3 {

    font-size: 16px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap span {

    font-size: 12px;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

    max-width: 100%;

    padding: 0;

  }

  section.link-section .heading-links-wrapper .heading-withlinks {

    padding: 21px 20px 30px 20px;

  }

  section.muli-tabs.othertabsclass .section-box-content .box-content .box-content-wrapper .main-content-box .box-image-content .box-image-content-wrapper h3 {

    max-width: 100%;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 25%;

  }

  section.our_teams .team-section .slick-list .main-box.slick-slide .team-box a {

    max-width: 540px;

  }

}

@media (max-width: 992px) {

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .content_listing .contactform_shortcode {

    width: 100%;

    max-width: 100%;

  }

  body.archive .wrapper-pagination {

    max-width: 728px;

  }

  section.muli-tabs.othertabsclass .container {

    max-width: 728px;

  }

  .case-sudy-body .container {

    max-width: 728px;

  }

  section.floor-plan-tabs .floor-wrapper {

    max-width: 728px;

  }

  .principleSection .principle-wrapper {

    max-width: 728px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper {

    max-width: 728px;

  }

  section.casestudy_main.blogs_main .wrap {

    max-width: 728px;

  }

  section.company_four.section-benifits .benifits-wrapper,

  section.company_five.section-benifits .benifits-wrapper {

    max-width: 728px;

  }

  .animation-images div {

    line-height: 115px;

  }

  .animation-images {

    transform: rotate(-30deg) translatey(-40%);

    font-size: 80px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap {

    background-image: none !important;

    min-height: auto;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content {

    margin: 0 auto;

    text-align: center;

    padding: 0;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content h1.head {

    text-align: center;

  }

  section.techSection .tectText {

    max-width: 728px;

  }

  section.techSection .tech-icon-wrapper {

    max-width: 728px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 728px;

  }

  section.info-bar .info-bar-wrapper {

    max-width: 728px;

  }

  /* header.main-header .sticky-header .region.region-header {

    width: 728px;

  } */

  footer.main-footer .main-footer__top .container {

    width: 728px;

  }

  .main-footer .main-footer__bottom .container {

    width: 728px;

  }

  footer.main-footer .main-footer__top .footer-heading-wrapper {

    width: 100%;

  }

  footer.main-footer .main-footer__top .footer-cta-wrapper {

    width: 100%;

    padding-top: 20px;

  }

  footer.main-footer .main-footer__top .footer-wrapper-heading {

    display: flex;

    flex-wrap: wrap;

  }

  section.section-benifits .benifits-wrapper .row {

    margin: 0;

  }

}

@media (max-width: 767px) {

  .case-sudy-body.padding-blog {

    padding-top: 70px;

  }

  .page-id-815 section.info-bar .info-bar-wrapper h2 {

    display: none;

  }

  section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box {

    width: 100%;

    max-width: 100%;

  }

  body.archive .wrapper-pagination {

    max-width: 560px;

  }

  section.techSection .container {

    padding: 0 22px;

  }

  section.muli-tabs.othertabsclass .box-content .box-content-wrapper .main-content-box .box-image-content-wrapper {

    text-align: center;

  }

  section.muli-tabs.othertabsclass .section-box-content {

    box-shadow: none;

  }

  section.muli-tabs.othertabsclass .container {

    max-width: 560px;

  }

  section.muli-tabs.othertabsclass .box-section .business-box {

    width: 100%;

  }

  section.muli-tabs.othertabsclass .box-section .three-box.business-box .box-wrapper {

    max-height: 140px;

  }

  section.muli-tabs.othertabsclass .box-section .three-box.business-box .box-wrapper h1 {

    font-size: 14px;

    line-height: 19px;

  }

  section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    text-align: center;

    font-size: 26px;

    line-height: 26px;

  }

  section.extra-company-padding.company_two.section-benifits .benifits-wrapper .benifits-content-section {

    padding: 24px 12px 20px 12px;

  }

  section.heading_fontfamily.block-text .heding-wrapper h2 {

    font-size: 26px;

    line-height: 26px;

  }

  .principleSection {

    padding-top: 0;

  }

  section.post_infoblock.heading_spacing {

    height: 192px;

    padding-top: 54px;

    padding-bottom: 20px;

  }

  section.post_infoblock.heading_spacing .info-heading-post {

    padding: 0;

  }

  section.post_infoblock.heading_spacing .info-heading-post h1 {

    font-size: 28px;

    line-height: 33px;

  }

  section.post_infoblock.heading_spacing .info-heading-post .breadcrumb {

    margin-top: 0;

    font-size: 12px;

    line-height: 18px;

  }

  .case-sudy-body .container {

    max-width: 560px;

  }

  section.floor-plan-tabs .floor-wrapper .floor-plan-tabs-wrapper ul.nav-pills li a.nav-link {

    margin: 0px 5px 10px 5px;

    font-size: 14px;

    line-height: 20px;

  }

  section.floor-plan-tabs .floor-wrapper .floor-plan-content div.tabs-content .floorplans-box-wrapper .floorplans-box .floor-col .floor-description a h4 {

    font-size: 20px;

    line-height: 20px;

  }

  section.floor-plan-tabs .floor-wrapper {

    max-width: 560px;

  }

  section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-img a img {

    max-height: none;

  }

  section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main .blog-wrapper .blog-name-title a h4 {

    font-size: 24px;

    line-height: 32px;

  }

  section.casestudy_main.blogs_main.blog-section .wrap .content-area .blog-posts .blog-main {

    width: 100%;

  }

  section.techSection .tech-icon-wrapper .grey-boxess.tech-icon-box {

    width: 100%;

  }

  section.post_infoblock.long_spacing .info-heading-post h1 {

    font-size: 36px;

  }

  section.post_infoblock.long_spacing .info-heading-post .main_heading p {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 18px;

  }

  .cardText .card-title h3 {

    margin: 0px 0px 10px 0px;

    font-size: 18px;

    line-height: 19px;

  }

  .cardText .card-content {

    font-size: 12px;

    line-height: 14px;

  }

  .principleSection .principle-wrapper .principle-content-wrapper .card-wrap {

    padding-bottom: 0;

    margin-bottom: 14px;

  }

  .principleSection .card-wrap.leftSpace {

    margin-left: 0;

  }

  .principleSection .card-wrap.rightSpace {

    margin-right: 0;

  }

  .principleSection .principle-wrapper {

    max-width: 560px;

  }

  .principleSection .imgHeight {

    display: none;

  }

  .principleSection .card-wrap .cardInner {

    padding: 14px 10px 10px 10px;

    min-height: 141px;

  }

  section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video .blog-name .blog-name-title a h4 {

    font-size: 20px;

    line-height: 20px;

  }

  section.casestudy_main.blogs_main .wrap {

    max-width: 560px;

  }

  section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video {

    width: 100%;

  }

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .content_listing .contactform_shortcode {

    width: 100%;

    max-width: 100%;

  }

  .project-selection label {

    font-size: 27px;

  }

  .contact-us-form .wpcf7-form-control-wrap {

    margin-bottom: 14px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper {

    margin-top: 0px;

    margin-bottom: 0px;

    padding: 32px 14px 20px 14px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading h2 {

    margin-bottom: 15px;

    font-size: 14px;

    line-height: 20px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading h1 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper .contact-wrapper .shortcode_section .shortcode_heading img {

    max-width: 128px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper {

    max-width: 560px;

  }

  section.block-text {

    padding: 20px 0px 50px 0px;

  }

  section.block-text .heding-wrapper h1 {

    font-size: 28px;

    line-height: 34px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

    margin-top: 10px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p,

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

    font-size: 14px;

    line-height: 20px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3,

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h3 {

    font-size: 24px;

    line-height: 30px;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-image-section,

  section.company_five.section-benifits .benifits-wrapper .benifits-image-section {

    width: 100%;

    display: block;

  }

  section.company_four.section-benifits .benifits-wrapper .benifits-content-section,

  section.company_five.section-benifits .benifits-wrapper .benifits-content-section {

    width: 100%;

    order: 2 !important;

  }

  section.company_four.section-benifits .benifits-wrapper,

  section.company_five.section-benifits .benifits-wrapper {

    max-width: 560px;

  }

  section.our_teams .team-content span {

    font-size: 16px;

    line-height: 16px;

  }

  section.our_teams .team-content h2.heading {

    font-size: 26px;

    line-height: 26px;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext {

    padding: 65px;

    padding-top: 0;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext {

    padding: 65px;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext h1 {

    font-size: 28px;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext p {

    font-size: 14px;

  }

  section.headingwith_content .headingwith_content-wrapper .content-areatext ul li {

    font-size: 14px;

  }

  section.post_infoblock.other_headingspace .info-heading-post h1 {

    font-size: 42px;

    line-height: 52px;

  }

  section.post_infoblock.other_headingspace {

    height: 350px;

  }

  section.post_infoblock.long_spacing.other_headingspace {

    padding-top: 30px;

  }

  section.post_infoblock.other_headingspace .info-heading-post {

    padding-top: 55px;

    padding-bottom: 0;

  }

  section.headingwith_content .map-block-wrapper {

    max-width: 767px;

  }

  .section-portfolio .community-about-left h3 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  .section-portfolio .community-about-right .rightshorts_text p {

    font-size: 14px;

    line-height: 20px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

    font-size: 14px;

    line-height: 20px;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 14px;

    line-height: 20px;

  }

  section.consult-form.content_contactform .contactleft_col .leftside_content h3 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  section.consult-form.content_contactform .rightcontent_contact {

    width: 90%;

    margin: 0 auto;

    padding: 0 6px;

  }

  section.consult-form.content_contactform .contactleft_col {

    width: 90%;

    margin: 0 auto;

    padding: 0 6px;

  }

  section.consult-form.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode {

    padding: 50px 15px 50px 15px;

  }

  section.gallery_slider {

    display: none;

  }

  section.company_three.section-benifits .benifits-wrapper .benifits-content-section {

    width: 100%;

    padding: 0 15px;

  }

  section.content_contactform {

    padding: 40px 15px 40px 15px;

  }

  section.content_contactform .contactleft_col .leftside_content h3 {

    font-size: 36px;

    line-height: 46px;

  }

  section.content_contactform .contactleft_col .leftside_content p {

    font-size: 16px;

  }

  section.content_contactform .contactleft_col .leftside_content ul {

    font-size: 16px;

  }

  .form-fields .field.half-field {

    width: 100%;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap h3 {

    font-size: 10px;

    line-height: 16px;

  }

  section.techSection .tectText {

    max-width: 560px;

  }

  section.techSection .tectText h2 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  section.techSection .tectText p {

    font-size: 14px;

    line-height: 20px;

  }

  section.techSection .tech-icon-wrapper {

    max-width: 560px;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content p {

    font-size: 14px;

    line-height: 20px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 560px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox {

    max-width: 100%;

    padding: 0;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks .infoBox .link-box-wrapper .links-sec a {

    font-size: 17px;

  }

  section.pagesname-boxes {

    padding-bottom: 20px;

  }

  section.info-bar+section.height-block {

    display: none;

  }

  section.info-bar .info-bar-wrapper p a img {

    width: 140px;

    margin: 0 auto;

  }

  section.info-bar .info-bar-wrapper {

    padding: 30px 29px;

  }

  .block-text .heding-wrapper {

    width: 90%;

    margin: 0 auto;

  }

  section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec {

    padding: 15px 0px 15px 0px !important;

    border-radius: 6px 6px 6px 6px !important;

  }

  section.link-section .heading-links-wrapper .heading-withlinks .link-btn-wrapper .links-sec a {

    font-size: 16px;

    margin: 0px 0px 0px 0px;

    padding: 0px 8px 0px 8px;

  }

  .main-content-box .box-image-content {

    padding-right: 0;

  }

  section.block-text .heding-wrapper p {

    font-size: 14px;

    line-height: 20px;

  }

  section.block-text .heding-wrapper h2 {

    font-size: 26px;

    line-height: 26px;

  }

  section.block-text .heding-wrapper h4 {

    font-size: 16px;

    line-height: 16px;

  }

  section.info-bar .info-bar-wrapper {

    max-width: 560px;

  }

  section.pagesname-boxes .container {

    padding: 0;

  }

  section.testimoinial-sliders .testionial_slides .slick-next {

    right: 0 !important;

    top: 47%;

  }

  section.testimoinial-sliders .testionial_slides .slick-prev {

    left: 0 !important;

  }

  section.banner-section .site-banner .content-bannner {

    margin-top: 0px !important;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content h1.head {

    font-size: 26px !important;

    line-height: 38px !important;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h4 {

    font-size: 16px;

    line-height: 16px;

    text-align: center !important;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 26px;

    line-height: 26px;

    text-align: center;

  }

  section.company_two.section-benifits .benifits-wrapper .benifits-content-section {

    text-align: center;

    padding: 0 20px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper div {

    font-size: 14px;

    line-height: 20px;

    text-align: left;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section {

    padding: 0 15px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content div.reason-wrapper .icon-reason {

    margin-left: 0;

  }

  section.section-benifits .benifits-wrapper .benifits-image-section {

    display: none;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h4 {

    font-size: 14px;

    line-height: 18px;

    margin: 0px 0px 22px 0px;

  }

  section.section-benifits .benifits-wrapper .benifits-content-section .benifits-content h2 {

    font-size: 28px;

    line-height: 34px;

  }

  section.testimoinial-sliders {

    padding: 64px 15px 30px 15px;

    background-image: none !important;

    background-color: #fafafa;

    overflow-x: hidden;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss {

    margin: 0px 0px 0px 0px;

    padding: 24px 25px 21px 25px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .wgl-testimonials_quote p {

    font-size: 12px;

    line-height: 14px;

    margin: 0px 0px 0px 0px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap h3 {

    font-size: 14px;

    line-height: 19px;

  }

  section.testimoinial-sliders .testionial_slides .testimonialss .meta_wrap span {

    font-size: 12px;

    line-height: 19px;

  }

  body.home section.gallery_slider .gallery_slides {

    display: none;

  }

  /* header.main-header .sticky-header .region.region-header {

    width: 560px;

  } */

  .service-content-heding {

    border-radius: 0 0 6px 6px;

    margin-left: 0;

    min-height: 80px;

    padding: 10px 8px;

    text-align: center;

  }

  .service-content-heding h4 {

    margin: 0;

    font-size: 14px;

    line-height: 14px;

    max-width: 117px;

    margin: 0 auto;

    text-align: center;

    padding: 10px 0;

  }

  .page-boxes-wrapper {

    display: block;

  }

  section.pagesname-boxes .section-service .service-box-wrapper {

    padding: 0 10px;

  }

  section.pagesname-boxes .section-service {

    padding: 0;

    max-width: 80%;

  }

  section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon .service-box {

    min-height: auto;

  }

  section.pagesname-boxes .section-service .service-box-wrapper .service-content-icon .service-box .page-boxes-wrapper .service-content {

    display: none;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links {

    width: 100%;

    padding-top: 30px;

    order: 3;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info {

    width: 100%;

  }

  footer.main-footer .main-footer__top .container {

    width: 560px;

  }

  footer.main-footer .main-footer__top .footer-topheading h2 {

    font-size: 18px;

    line-height: 22px;

    letter-spacing: -0.37px;

  }

  footer.main-footer .main-footer__top .cta-btn a {

    display: block;

    width: 100%;

    text-align: center;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details span,

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details p {

    font-size: 14px;

    line-height: 14px;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-info .info-details i {

    font-size: 22px;

  }

  .section-box-content {

    padding: 26px 10px 26px 10px;

  }

  .main-content-box .box-image-content .box-image-content-wrapper h1 {

    font-size: 16px;

    line-height: 16px;

  }

  .main-content-box .box-image-content .box-image-content-wrapper h3 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  .main-content-box .box-image-content .box-image-content-wrapper p {

    font-size: 14px;

    line-height: 20px;

  }

  .box-section .business-box {

    width: 50%;

  }

  .box-section {

    max-width: 560px;

    margin: 0 auto;

  }

  .box-wrapper h1 {

    font-size: 12px;

    line-height: 19px;

  }

  .box-wrapper {

    padding: 22px 15px 23px 15px;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:not(:last-child) {

    margin-bottom: 15px;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus {

    display: flex;

    flex-wrap: wrap;

  }



  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a {

    color: #fff;

    margin-bottom: 15px;

    display: inline-block;

    width: 33.33%;

    text-align: center;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:before,

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:after {

    display: none;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:hover {

    text-decoration: underline;

  }

  footer.main-footer .main-footer__bottom .container {

    width: 100%;

  }

  footer.main-footer .main-footer__bottom .footer-bottom-region-wrapper .region.region-footer-bottom {

    text-align: center;

  }

  .main-footer .main-footer__bottom .container .copyright {

    float: none;

    font-size: 12px;

    padding-top: 18px;

  }

  section.pagesname-boxes .service-btn-wrapper a {

    font-size: 16px;

    line-height: 20px;

    padding: 14px 40px 14px 40px;

    width: 100%;

  }

  section.pagesname-boxes .service-btn-wrapper a span {

    justify-content: center;

  }

  section.info-bar .info-bar-wrapper h2 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  section.info-bar .info-bar-wrapper h4 {

    font-size: 20px;

    line-height: 24px;

  }

  section.testimoinial-sliders .testimonial_heading h4 {

    font-size: 16px;

    line-height: 16px;

  }

  section.testimoinial-sliders .testimonial_heading h3 {

    font-size: 26px;

    line-height: 26px;

  }

  .section-box-content {

    max-width: 560px;

    margin: 0 auto;

  }

  section.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 560px;

  }

  footer.main-footer .main-footer__top .footer-middle-wrapper .footer-links .footer-menus a:last-child {

    display: none;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .headingss p {

    font-size: 14px;

    line-height: 20px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .headingss h2 {

    font-size: 26px;

    line-height: 26px;

    letter-spacing: -0.5px;

  }

  .page-id-926 section.headingwith_content .headingwith_content-wrapper .content-areatext {

    padding: 0;

  }

  .form-fields .field.form-foot .checkbox-field,

  .form-fields .field.form-foot .letstak-btns {

    max-width: 100%;

    width: 100%;

  }

  .form-fields .field.form-foot {

    display: block;

  }

  .form-fields .field.form-foot .checkbox-field span.wpcf7-form-control-wrap {

    margin-bottom: 15px;

  }

  section.section-portfolio {

    padding-top: 30px;

  }

  section.content_contactform .rightcontent_contact .form-contact-wrapper .contactform_shortcode {

    padding: 35px 20px 35px 20px;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 35%;

  }

}

@media (max-width: 600px) {

  section.floor-plan-tabs .floor-wrapper .floor-planContent-wrapper .floor-plan-tabs-wrapper ul.nav-pills li {

    text-align: center;

  }

  section.listing-sec.listing-landing .submit-buttum-form.cons-btns .wpcf7-submit {

    width: 90%;

  }

  body.archive .wrapper-pagination {

    max-width: 420px;

  }

  section.muli-tabs.othertabsclass .container {

    max-width: 420px;

  }

  .case-sudy-body .container {

    max-width: 420px;

  }

  section.floor-plan-tabs .floor-wrapper {

    max-width: 420px;

  }

  .principleSection .principle-wrapper {

    max-width: 420px;

  }

  section.casestudy_main.blogs_main .wrap {

    max-width: 420px;

  }

  section.listing-sec.listing-landing .section-contact-wrapper {

    max-width: 420px;

  }

  section.company_four.section-benifits .benifits-wrapper,

  section.company_five.section-benifits .benifits-wrapper {

    max-width: 420px;

  }

  .animation-images {

    font-size: 50px;

  }

  .animation-images div {

    line-height: 80px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap {

    padding: 50px 0;

  }

  section.techSection .tectText {

    max-width: 420px;

  }

  section.techSection .tech-icon-wrapper {

    max-width: 420px;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 420px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap .content .link a {

    padding: 14px 20px !important;

    font-size: 16px !important;

  }

  section.info-bar .info-bar-wrapper {

    max-width: 420px;

  }

  /* header.main-header .sticky-header .region.region-header {

    width: 420px;

  } */

  footer.main-footer .main-footer__top .container {

    width: 420px;

  }

  section.banner-section .site-banner .content-bannner .image-wrap {

    padding-top: 50px !important;

    padding-bottom: 83px !important;

  }

  section.muli-tabs.othertabsclass .box-section,

  section.muli-tabs.othertabsclass .section-box-content {

    max-width: 90%;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 45%;

  }

  body section.techSection .tech-Wrap .textblock-icon .techCard>div {

    background-size: 50% 42% !important;

  }

}

@media (max-width: 560px) {

  .box-section {

    max-width: 290px;

    margin: 0 auto;

  }

  .section-box-content {

    max-width: 290px;

    margin: 0 auto;

  }

  section.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 290px;

  }



}

@media (max-width: 480px) {

  section.post_infoblock.heading_spacing .info-heading-post .breadcrumb {

    white-space: normal;

  }

  section.post_infoblock.heading_spacing {

    padding-top: 35px;

  }

  body.archive .wrapper-pagination {

    max-width: 90%;

  }

  section.muli-tabs.othertabsclass .container {

    max-width: 90%;

  }

  section.muli-tabs.othertabsclass .box-section,

  section.muli-tabs.othertabsclass .section-box-content {

    max-width: 90%;

  }

  .case-sudy-body .container {

    max-width: 90%;

  }

  section.content_contactform .rightcontent_contact .form-contact-wrapper {

    justify-content: center;

  }

  section.floor-plan-tabs .floor-wrapper {

    max-width: 90%;

  }

  .tnp-widget form {

    display: block;

  }

  .tnp.tnp-widget {

    width: 90%;

  }

  .tnp-widget form .tnp-field.tnp-field-button {

    max-width: 100%;

  }

  .tnp-widget form .tnp-field.tnp-field-email {

    max-width: 100%;

    padding-right: 0px;

    margin-bottom: 25px;

  }

  .principleSection .principle-wrapper {

    max-width: 90%;

  }

  section.casestudy_main.blogs_main .wrap {

    max-width: 90%;

  }

  section.listing-sec.listing-landing .section-contact-wrapper {

    max-width: 90%;

  }

  section.company_four.section-benifits .benifits-wrapper,

  section.company_five.section-benifits .benifits-wrapper {

    max-width: 100%;

    width: 90%;

  }

  section.techSection .tectText {

    max-width: 90%;

  }

  section.techSection .tech-icon-wrapper {

    max-width: 90%;

  }

  section.otherlinks_boxes.link-section .heading-links-wrapper .heading-withlinks {

    max-width: 90%;

    padding: 0;

  }

  .region.region-header .logo-wrapper img {

    max-width: 136px !important;

  }

  section.info-bar .info-bar-wrapper {

    max-width: 85%;

  }

  footer.main-footer .main-footer__top .container {

    width: 84%;

  }

  /* header.main-header .sticky-header .region.region-header {

    width: 90%;

  } */

  .service-content-heding {

    padding-right: 5px;

    padding-left: 5px;

  }

  .region-mobile-nav.active .region-mobile-nav-wrapper {

    width: 90%;

  }

  .mobile-nav-menu-close {

    right: -30px;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 57%;

  }

  body section.techSection .tech-Wrap .textblock-icon .techCard>div {

    background-size: 50% 40% !important;

  }

}

@media (max-width:390px) {

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 65%;

  }

  body section.techSection .tech-Wrap .textblock-icon .techCard>div {

    background-size: 100% 30% !important;

  }

}

@media (min-width:767px) and (max-width:1024px) {

  section.techSection .tech-icon-wrapper .tech-icon-box {

    width: 33%;

  }

  section.techSection .tech-icon-wrapper .tech-icon-box .tech-Wrap .techCard {

    padding-top: 38%;

  }

  section.techSection.simple-hover .grey-boxess.tech-icon-box {

    width: 50%;

  }

}

@media (min-width:1024px) and (max-width:1200px) {

  .page-id-734 section.company_two.section-benifits .benifits-wrapper .benifits-image-section {

    width: 50%;

  }

  .page-id-734 section.company_two.section-benifits .benifits-wrapper .benifits-content-section {

    width: 50%;

  }

  .page-id-734 section.company_two.section-benifits .benifits-wrapper .benifits-content-section .benifits-content {

    margin-right: 20px;

  }

  .page-id-734 section.company_two.section-benifits .benifits-wrapper .row {

    align-items: center;

  }

}


/*key-frame*/

@keyframes oddwordsmoves {

  0% {

    transform: translateX(-300px);

  }

  50% {

    transform: translateX(0px);

  }

  100% {

    transform: translateX(-300px);

  }

}

@keyframes evenwordsmoves {

  0% {

    transform: translateX(300px);

  }

  50% {

    transform: translateX(0px);

  }

  100% {

    transform: translateX(300px);

  }

}



@keyframes rotating {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(1turn);

  }

}

@keyframes heroheadanimate {

  0% {

    transform: translateY(-30px);

    opacity: 0;

  }

  100% {

    transform: translateY(0px);

  }

}

@keyframes herotextanimate {

  0% {

    transform: translateY(30px);

    opacity: 0;

  }

  100% {

    transform: translateY(0px);

  }

}



/*animation*/

section.muli-tabs .section-box-content .box-content-wrapper .main-content-box {

  animation: slideInUp;

  animation-duration: 1s;

}

/* section.muli-tabs .section-box-content .box-content-wrapper .main-content-box .animate__slideInLeft img {

animation: slideInleft;

animation-duration: 2s;

}

section.muli-tabs .section-box-content .box-content-wrapper .main-content-box .animate__slideInRight img {

animation: slideInRight;

animation-duration: 2s;

} */

section.company_two.section-benifits .benifits-wrapper .benifits-image-section img {

  animation: zoomIn;

  animation-duration: 1500ms;

}

.principleSection .principle-wrapper .principle-content-wrapper:first-child {

  animation: slideInLeft;

  animation-duration: 1800ms;

}

.principleSection .principle-wrapper .principle-content-wrapper:last-child {

  animation: slideInRight;

  animation-duration: 1800ms;

}

.principleSection .principle-wrapper .principle-content-wrapper:nth-child(2) {

  animation: slideInUp;

  animation-duration: 1800ms;

}

section.company_three.section-benifits .benifits-wrapper .benifits-image-section {

  animation: zoomIn;

  animation-duration: 1800ms;

}

section.casestudy_main.blogs_main .wrap div.content-area .blog-posts .blog-video {

  animation: slideInUp;

  animation-duration: 1800ms;

}

.thankyoubox {
  background: #fff;
  padding-top: 0;
  padding: 50px;
  margin-top: 130px;
  border-radius: 10px;
  text-align: center;
}

/* body .thankyoubox h2
{
  color:#fff !important;
}
body .thankyoubox p
{
  color:#fff !important;
} */


.tbl-content-sec .content-list li {
  color: #222222;
  padding: 1px 0 1px 0;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 25px;
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
  list-style: none;
}

.tbl-content-sec .content-list li a {
  color: #222222;
  text-decoration: underline;
}

.tbl-content-sec ul.content-list {
  padding-left: 0;
}

article.detail-caseStudy .edi-caseStudy h1.portfolio-title {
  display: none !important;
}





/* landing page styling start*/


.container-lg {
  padding-inline: 16px;
}

.container-lg>.row {
  margin-inline: -16px;
}

.row>* {
  padding-inline: 16px;
}

.primary-color {
  color: var(--golden-color);
}

.dark-color {
  color: #11222C;
}

.light-grey {
  color: #545A67;
}

.light-grey-color {
  color: #545A67;
}

.head-h1 {
  font-size: 60px;
  line-height: 72px;
}

.head-h2-lg {
  font-size: 56px;
  line-height: 72px;
}

.head-h2 {
  font-size: 48px;
  line-height: 62px;
}

.head-h3 {
  font-size: 30px;
  line-height: 40px;
}

.head-h6 {
  font-size: 20px;
  line-height: 30px;
}

.text-lg {
  font-size: 18px;
  line-height: 28px;
}

.text-md {
  font-size: 16px;
  line-height: 26px;
}

.text-sm {
  font-size: 14px;
  line-height: 20px;
}




.custom-btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  padding: 16px 32px;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  transition: all .3s ease;
}

.primary-btn {
  border-color: var(--golden-color);
  background-color: var(--golden-color);
  color: #FFF;
}

.primary-btn:hover {
  color: var(--golden-color);
  background-color: transparent;
}

.hubspot-main-header .sticky-header .landing-header .link-lead .landing-header-info .menu {
  display: none !important;
}

header.main-header.hubspot-main-header {
  border-top: 0px !important;
}

header.main-header.hubspot-main-header:before {
  display: none;
}

.is-scroll-top header.main-header.hubspot-main-header .sticky-header {
  background-color: #fff;
  backdrop-filter: blur(10px);
}

.is-scroll-top .main-header.hubspot-main-header .sticky-header .landing-header .logo-wrapper a {
  margin: 0px 0px 0px 110px;
}


.hubspot-main-header .sticky-header .landing-header .link-lead .landing-header-info .header-btn .header-btn-wrapper a {
  color: #ffffff;
  background-color: #ef5465;
  border-color: #ef5465;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 16px 32px 16px 32px;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  position: relative;
  border-radius: 8px;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.is-scroll-top header.main-header.hubspot-main-header .sticky-header .landing-header .link-lead .landing-header-info .header-btn .header-btn-wrapper a {
  color: #ffffff !important;
  background-color: #ef5465 !important;
  border-color: #ef5465;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 16px 32px 16px 32px !important;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  position: relative;
  border-radius: 8px !important;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.is-scroll-top .main-header.hubspot-main-header .sticky-header .landing-header .logo-wrapper a {
  display: none !important;
}

.is-scroll-top .main-header.hubspot-main-header .sticky-header .landing-header .logo-wrapper a.altrtnate-site-logo {
  display: block !important;
}

header.main-header.hubspot-main-header .sticky-header .landing-header .link-lead .landing-header-info .header-btn {
  display: block !important;
}

.hubspot-main-header .sticky-header .landing-header .link-lead .landing-header-info .header-btn .header-btn-wrapper {
  margin: 0px 50px 0px 40px;
}

.hubSpot-tabs .nav-pills .nav-link {
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px #0000000D;
  border: 1px solid #EAEAEA;
  background: #FFFFFF;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  color: #11222C;
  height: auto;
  text-transform: capitalize;
}

.hubSpot-tabs .nav-pills .nav-link:last-child {
  margin-bottom: 0px;
}

.hubSpot-tabs .nav-pills .nav-link.active {
  border-color: var(--golden-color);
  box-shadow: 0px 12px 16px -4px #00000014;
}

.hubSpot-tabs .tab-content .tab-pane .text-list {
  font-weight: 400;
  color: #545A67;
  padding-left: 28px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li {
  position: relative;
  margin-bottom: 8px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li:not(:last-child) {
  margin-bottom: 8px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 4px;
  margin-right: 12px;
  background: var(--golden-color);
  border-radius: 50px;
  vertical-align: middle;
  margin-left: -28px;
}

.testimonials-section {
  position: relative;
  padding-block: 60px;
}

.testimonials-section:before {
  content: "";
  background: #F6F7F8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.testimonials-slider .slick-list {
  padding-inline: 140px;
}

.testimonials-slider .slick-slide {
  padding: 12px;
}

.testimonials-slider .slider-item {
  padding-inline: 24px;
  padding-block: 32px;
  border-radius: 16px;
  box-shadow: 0px 1px 3px 0px #0000001A;
  background: #FFF;
}

.testimonials-slider .slick-arrow {
  position: absolute;
  width: 48px;
  height: 48px;
  border: 2px solid var(--golden-color);
  border-radius: 100%;
  color: var(--golden-color);
  top: auto;
  right: 40px;
  left: auto;
  bottom: 100%;
  margin-bottom: 30px;
}

.testimonials-slider .slick-arrow:before {
  content: "\f061";
  opacity: 1 !important;
  font-family: 'Font Awesome 6 Free';
  color: inherit;
  font-size: 20px;
}

.testimonials-slider .slick-arrow.slick-prev:before {
  content: "\f060";
}

.testimonials-slider .slick-arrow.slick-disabled {
  border-color: #DCDCDC;
  color: #DCDCDC;
}

.testimonials-slider .slick-arrow.slick-prev {
  margin-right: 62px;
}

.footer-cta {
  background-image: url('/wp-content/uploads/2024/09/cta-bg-image.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-block: 96px;
  text-align: center;
  color: #FFF;
}








.hubSpot-tabs .tab-content .tab-pane .text-list {
  font-weight: 400;
  color: #545A67;
  padding-left: 28px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li {
  position: relative;
  margin-bottom: 8px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li:not(:last-child) {
  margin-bottom: 8px;
}

.hubSpot-tabs .tab-content .tab-pane .text-list li:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 4px;
  margin-right: 12px;
  background: var(--golden-color);
  border-radius: 50px;
  vertical-align: middle;
  margin-left: -28px;
}

.testimonials-slider .slick-slide {
  padding: 12px;
}

.testimonials-slider .slider-item {
  padding-inline: 24px;
  padding-block: 32px;
  border-radius: 16px;
  box-shadow: 0px 1px 3px 0px #0000001A;
}

.hubspot-offer,
.hubspot-challenge {
  padding-block: 50px;
}

.hubspot-challenge h3 {
  min-height: 85px;
  color: #fff;
}

.hubspot-offer h3 {
  min-height: 85px;
}

.hubspot-challenge {
  background-color: #11222C;
  background: url('/wp-content/uploads/2024/09/challenges-bg-image.png') center no-repeat;
  background-size: cover;
}

.hubspot-challenge .hubspot-challenge-box {
  border: 1px solid #FFFFFF1F;
  background: #FFFFFF0D;
  border-radius: 8px;
  padding: 32px;
}

/* .hubspot-challenge .hubspot-challenge-box .title:before {
  content: "";
  width: 32px;
  height: 4px;
  background: var(--golden-color);
  display: inline-block;
  position: absolute;
  right: calc(100% + 12px);
  top: 16px;
  border-radius: 4px;
} */

.hubspot-flexible-content {
  display: flex;
  flex-wrap: wrap;
}

.hubspot-flexible-content .icon {
  background: var(--golden-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  padding: 10px;
}

.hubspot-flexible-content .content {
  padding-left: 24px;
  width: 100%;
  max-width: calc(100% - 80px);
}



.hubspot-banner {
  background-color: #10212B80;
  padding-top: 180px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.huspost-banner-form {
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 24px 0px #04212B3D;
}

/* .hubspot-banner .hubspot-banner-content .sub-head {
  background: var(--golden-color);
  padding: 10px 16px;
  display: inline-block;
  border-radius: 100px;
  color: #FFF;
  text-align: center;
} */

.hubspot-banner .hubspot-review .review-wrap {
  display: flex;
  align-items: center;
}

/* .hubspot-banner .hubspot-review .review-wrap .star-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--golden-color);
  font-size: 20px;
} */



.hubspot-feature-listing {
  padding: 104px 0;
  background-color: #F6F7F8;
}

/* .hubspot-feature-listing.dark-section {
  background: url('/wp-content/uploads/2024/09/benefits-bg-image.png') center no-repeat;
  background-size: cover;
  background-color: #11222C;
} */

.hubspot-feature-listing .hubspot-features-box {
  padding: 32px 24px;
  box-shadow: 0px 1px 3px 0px #0000001A;
  border-radius: 16px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #FFF;
}

.hubspot-feature-listing .hubspot-features-box .title {
  color: #05070D;
  min-height: 85px;
}

.hubspot-feature-listing .hubspot-features-box .desc {
  color: #05070D;
}

.hubspot-feature-listing .hubspot-features-box .arrow-link {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: var(--golden-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid var(--golden-color);
  padding-bottom: 10px;
  align-self: end;
}

.hubspot-feature-listing .hubspot-features-box .arrow-link span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 280px;
}

.hubspot-feature-listing .hubspot-features-box .arrow-link svg {
  width: 32px;
}

.hubspot-feature-listing.dark-section .hubspot-features-box {
  border: 1px solid #FFFFFF1F;
  background: #FFFFFF0D;
}

.hubspot-feature-listing.dark-section .hubspot-features-box .title {
  color: #FFF;
}

.hubspot-feature-listing.dark-section .hubspot-features-box .desc {
  color: #FFF;
}

/* .faq-section {
  padding: 96px 0px;
} */


.hubSpot-accordion .accordion-item {
  border: 1px solid transparent;
  box-shadow: 0px 12px 16px -4px #00000014;
  padding: 24px;
  height: auto;
  border-radius: 16px;
  margin-bottom: 16px;
}

.hubSpot-accordion .accordion-item:last-child {
  margin-bottom: 0px;
}

.hubSpot-accordion .accordion-item.active {
  border-color: var(--golden-color);
}

.hubSpot-accordion .accordion-item .accordion-button {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #11222C;
  outline: none;
  box-shadow: none;
  background: none;
  padding: 0;
  height: auto;
}

.hubSpot-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: '\f106';
}

.hubSpot-accordion .accordion-item .accordion-button:after {
  content: '\f107';
  font-family: 'Font Awesome 6 Free';
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--golden-color);
  transform: none;
}

.hubSpot-accordion .accordion-item .accordion-body {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #545A67;
  padding: 0;
  margin-top: 8px;
}

.huspost-banner-form .wpcf7-form label {
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
  text-align: left;
  margin-bottom: 8px;
}


.huspost-banner-form .wpcf7-form label .wpcf7-form-control-wrap .wpcf7-form-control {
  border: 1px solid #11222C0D;
  margin-top: 6px;
}

.huspost-banner-form .wpcf7-form label .wpcf7-form-control-wrap .wpcf7-textarea {
  padding: 10px 18px;
}

.huspost-banner-form .wpcf7-form .submit-btn-wrap {
  width: 100%;
  position: relative;
}

.huspost-banner-form .wpcf7-form .submit-btn-wrap .wpcf7-spinner {
  position: absolute;
  top: 14px;
  right: 11px;
  margin: 0;
}

.huspost-banner-form .wpcf7-form .wpcf7-list-item {
  margin-left: 0;
}

.huspost-banner-form .wpcf7-form .wpcf7-radio {
  display: flex;
  gap: 15px;
}

.huspost-banner-form .wpcf7-form .wpcf7-radio .wpcf7-list-item {
  display: inline-block;
}

.huspost-banner-form .wpcf7-form .wpcf7-radio .wpcf7-list-item label {
  display: inline-flex;
}

/* .huspost-banner-form .wpcf7-form input[type=submit] {
  width: 100%;
  background-color: var(--golden-color);
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
} */

.hubspot-banner .banner-form {
  margin-bottom: -56px;
}

.hubspot-certified {
  padding-top: 100px;
  padding-bottom: 50px;
}

.hubspot-challenge .hubspot-challenge-box p {
  color: #fff;
}

.hubspot-challenge .hubspot-challenge-box p {
  color: #fff;
}

.hubspot-challenge.challenge-baclground-light {
  background: none;
  background-color: #fff;
}

.hubspot-challenge.challenge-baclground-light h2.head-h2-lg {
  color: #37414b;
}

.hubspot-challenge h2.head-h2-lg {
  color: #fff;
}

.hubspot-challenge.challenge-baclground-light .hubspot-challenge-box {
  border: 1px solid #11222C;
}

.hubspot-challenge.challenge-baclground-light .hubspot-challenge-box .title {
  color: #000 !important;
  min-height: 85px;
}

.hubspot-challenge.challenge-baclground-light .hubspot-challenge-box p {
  color: #000;
}

@media (max-width: 991px) {

  .head-h1 {
    font-size: 52px;
    line-height: 64px;
  }

  .head-h2-lg {
    font-size: 48px;
    line-height: 62px;
  }

  .head-h2 {
    font-size: 44px;
    line-height: 58px;
  }

  .head-h3 {
    font-size: 26px;
    line-height: 36px;
  }

  .hubspot-feature-listing {
    padding: 80px 0;
  }

  /* .faq-section {
    padding: 80px 0px;
  } */



  .testimonials-slider .slick-list {
    padding-inline: 60px;
  }

  .testimonials-slider .slick-arrow {
    width: 40px;
    height: 40px;
  }

  .testimonials-slider .slick-arrow:before {
    font-size: 18px;
  }


}

@media (max-width: 767px) {

  .head-h1 {
    font-size: 46px;
    line-height: 58px;
  }

  .head-h2-lg {
    font-size: 40px;
    line-height: 56px;
  }

  .head-h2 {
    font-size: 40px;
    line-height: 54px;
  }

  .head-h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .head-h6 {
    font-size: 18px;
    line-height: 28px;
  }

  .hubspot-feature-listing {
    padding: 60px 0;
  }

  /* .faq-section {
    padding: 60px 0px;
  } */

  .huspost-banner-form .wpcf7-form.invalid label {
    max-width: 100%;
  }


  .huspost-banner-form .wpcf7-form input[type=submit] {
    font-size: 14px;
  }

  .hubspot-banner {
    padding-block: 60px;
  }

  .hubSpot-tabs .nav-pills .nav-link {
    font-size: 18px;
    text-align: center;
    padding: 16px;
  }



  .hubSpot-tabs .nav-pills .nav-link {
    font-size: 18px;
    text-align: center;
    padding: 16px;
  }

  .testimonials-slider .slick-list {
    padding-left: 16px;
  }

  .testimonials-slider .slick-arrow {
    width: 32px;
    height: 32px;
  }

  .testimonials-slider .slick-arrow:before {
    font-size: 16px;
  }
}

/* landing page styling end */


.dropbtn a,
.dropbtn a:hover,
.dropbtn a:focus {
  color: #fff;
}


body div#scrollToTop {
  bottom: 130px;
}

@media (max-width: 450px) {
  body div#scrollToTop {
    bottom: 130px !important;
  }
}

/* start thank you page extra styling */

.page-id-16186 section.block-text .heding-wrapper {
  max-width: unset;
}

@media only screen and (max-width: 800px) {
  .thankyoubox {
    margin-top: 0;
    padding: 25px 15px;
  }
}

/* end thank you page extra styling */

.hubspot-main-header .landing-header-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.phonenum a {
  transition: 0.4s;
  color: #fff;
  font-family: "Nunito", Sans-serif;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0px;
}

.is-scroll-top .phonenum a {
  color: #EF5465;
}

/* start intent popup styling */

body .sg-popup-container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

h2.popupheading {
  font-family: "Amiri", Sans-serif !important;
  font-size: 37px !important;
  font-weight: bold !important;
  line-height: 35px !important;
  color: #11222C !important;
  padding-top: 25px !important;
}

/* end intent popup styling */


.hubspot-review .text-md {
  font-family: "Amiri";
}
.single-casestudies ul:not([class]) li
{
   padding: 0 0 0 0px;
}