@charset "utf-8";
/*
Theme Name : CSM 
Theme URI : 
Author : Ensight
Author URI :
Description : 
Version : 1.0
License : GNU General Public License v2 or later
License URI : http://www.gnu.org/licenses/gpl-2.0.html
Text Domain : csm

*/
@font-face {
  font-family: "Arial";
  src: url("assets/fonts/Arial-BoldMT.eot");
  src: url("assets/fonts/Arial-BoldMT.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/Arial-BoldMT.woff2") format("woff2"),
    url("assets/fonts/Arial-BoldMT.woff") format("woff"),
    url("assets/fonts/Arial-BoldMT.ttf") format("truetype"),
    url("assets/fonts/Arial-BoldMT.svg#Arial-BoldMT") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Bw Darius DEMO";
  src: url("assets/fonts/BwDariusDEMO-LightItalic.eot");
  src: url("assets/fonts/BwDariusDEMO-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/BwDariusDEMO-LightItalic.woff2") format("woff2"),
    url("assets/fonts/BwDariusDEMO-LightItalic.woff") format("woff"),
    url("assets/fonts/BwDariusDEMO-LightItalic.ttf") format("truetype"),
    url("assets/fonts/BwDariusDEMO-LightItalic.svg#BwDariusDEMO-LightItalic")
      format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Bw Darius DEMO";
  src: url("assets/fonts/BwDariusDEMO-Light.eot");
  src: url("assets/fonts/BwDariusDEMO-Light.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/BwDariusDEMO-Light.woff2") format("woff2"),
    url("assets/fonts/BwDariusDEMO-Light.woff") format("woff"),
    url("assets/fonts/BwDariusDEMO-Light.ttf") format("truetype"),
    url("assets/fonts/BwDariusDEMO-Light.svg#BwDariusDEMO-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Bw Darius Stencil DEMO";
  src: url("assets/fonts/BwDariusStencilDEMO-Regular.eot");
  src: url("assets/fonts/BwDariusStencilDEMO-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/BwDariusStencilDEMO-Regular.woff2") format("woff2"),
    url("assets/fonts/BwDariusStencilDEMO-Regular.woff") format("woff"),
    url("assets/fonts/BwDariusStencilDEMO-Regular.ttf") format("truetype"),
    url("assets/fonts/BwDariusStencilDEMO-Regular.svg#BwDariusStencilDEMO-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bw Darius DEMO";
  src: url("assets/fonts/BwDariusDEMO-Regular.eot");
  src: url("assets/fonts/BwDariusDEMO-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/BwDariusDEMO-Regular.woff2") format("woff2"),
    url("assets/fonts/BwDariusDEMO-Regular.woff") format("woff"),
    url("assets/fonts/BwDariusDEMO-Regular.ttf") format("truetype"),
    url("assets/fonts/BwDariusDEMO-Regular.svg#BwDariusDEMO-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bw Darius DEMO";
  src: url("assets/fonts/BwDariusDEMO-Bold.eot");
  src: url("assets/fonts/BwDariusDEMO-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/BwDariusDEMO-Bold.woff2") format("woff2"),
    url("assets/fonts/BwDariusDEMO-Bold.woff") format("woff"),
    url("assets/fonts/BwDariusDEMO-Bold.ttf") format("truetype"),
    url("assets/fonts/BwDariusDEMO-Bold.svg#BwDariusDEMO-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Acumin Pro";
  src: url("assets/fonts/AcuminPro-Bold.eot");
  src: url("assets/fonts/AcuminPro-Bold.eot?#iefix") format("embedded-opentype"),
    url("assets/fonts/AcuminPro-Bold.woff2") format("woff2"),
    url("assets/fonts/AcuminPro-Bold.woff") format("woff"),
    url("assets/fonts/AcuminPro-Bold.ttf") format("truetype"),
    url("assets/fonts/AcuminPro-Bold.svg#AcuminPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Acumin Pro";
  src: url("assets/fonts/AcuminPro-Light.eot");
  src: url("assets/fonts/AcuminPro-Light.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/AcuminPro-Light.woff2") format("woff2"),
    url("assets/fonts/AcuminPro-Light.woff") format("woff"),
    url("assets/fonts/AcuminPro-Light.ttf") format("truetype"),
    url("assets/fonts/AcuminPro-Light.svg#AcuminPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Acumin Pro";
  src: url("assets/fonts/AcuminPro-Regular.eot");
  src: url("assets/fonts/AcuminPro-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/AcuminPro-Regular.woff2") format("woff2"),
    url("assets/fonts/AcuminPro-Regular.woff") format("woff"),
    url("assets/fonts/AcuminPro-Regular.ttf") format("truetype"),
    url("assets/fonts/AcuminPro-Regular.svg#AcuminPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Default Reset Css Starts Here
===============================================================*/
html,
body {
  margin: 0;
  padding: 0;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
textarea {
  overflow: hidden;
}
table {
  font-size: inherit;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type="button"] {
  width: auto;
  overflow: visible;
}
ul {
  padding-left: 15px;
  margin-bottom: 15px;
}
ul > li {
  list-style: circle;
}
ol {
  padding-left: 15px;
  display: inline-block;
  margin-bottom: 15px;
}
.about-details ul li a,
p a {
  color: #b35e4e;
}
.about-details ul li a:hover,
p a:hover {
  color: #123c5c;
}
.about-details ul li a {
  text-decoration: underline !important;
}
/* input form
===================================================*/
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%;
  font-family: "Bw Darius DEMO";
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  color: #fff;
  opacity: 0.8;
  background-color: transparent;
  box-sizing: border-box;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 10px 21px;
  line-height: 1.2;
  border: 1px solid #b35e4e;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
  opacity: 1;
  outline: none;
}
select {
  background-image: url("assets/images/blog-filter.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #133c5c;
  text-transform: capitalize;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
input[type="search"] {
  color: #133c5c;
}

/* Let's Clear Some Floats
===================================================*/
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* Default Css Start Here
===================================================*/
body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  letter-spacing: 0px;
  font-family: "Acumin Pro";
  font-weight: 300;
  font-style: normal;
  color: #133c5c;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.col {
  padding-left: 20px;
  padding-right: 20px;
}

/*Flex Box Values*/
.d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*Justify Content*/
.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-content-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* Align Items */
.align-items-start {
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-items-end {
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-items-center {
  -ms-flex-align: center;
  align-items: center;
}
.align-items-baseline {
  -ms-flex-align: baseline;
  align-items: baseline;
}
.align-items-stretch {
  -ms-flex-align: stretch;
  align-items: stretch;
}

.align-self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/*Align Content*/
.align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}
.align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.mr-auto {
  margin-right: auto;
}
.ml-auto {
  margin-left: auto;
}

.text-center {
  text-align: center;
}

/*typography*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 20px;
}

h1 {
  font-family: "Bw Darius Stencil DEMO";
  font-weight: normal;
  font-style: normal;
  font-size: 52px;
  color: #fff;
}
h2 {
  font-size: 38px;
  font-family: "Bw Darius Stencil DEMO";
  font-weight: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.4px;
  color: #123c5c;
}
h5 {
  font-size: 20px;
  color: #b35e4e;
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
}
/*placeholder css*/
:-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}
::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
}
::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
}
:-ms-input-placeholder {
  opacity: 0.8;
  color: #fff;
}

input[type="search"]:-moz-placeholder {
  color: #133c5c;
  opacity: 0.8;
}
input[type="search"]::-webkit-input-placeholder {
  color: #133c5c;
  opacity: 0.8;
}
input[type="search"]::-moz-placeholder {
  color: #133c5c;
  opacity: 0.8;
}
input[type="search"]:-ms-input-placeholder {
  opacity: 0.8;
  color: #133c5c;
}
/*placeholder css*/

a {
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
a:hover {
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}

.bg-set {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*btn default*/
a.btn,
input[type="submit"],
button[type="submit"] {
  display: inline-block;
  border: 1px solid #b45e4f;
  padding: 10px 66px 11px 27px;
  font-size: 15px;
  color: #b45e4f;
  background-color: transparent;
  font-family: "Bw Darius DEMO";
  font-weight: 300;
  font-style: normal;
  position: relative;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="submit"]:hover {
  background-color: #b45e4f;
}
input[type="submit"],
button[type="submit"] {
  background-image: url(assets/images/arrow-btn.svg),
    url(assets/images/btn-arrow.jpg);
  background-position: calc(100% - 10px) center, center right;
  background-repeat: no-repeat;
  min-width: 201px;
  color: #fff;
  background-size: 17px, contain;
}
button[type="submit"] {
  color: #b45e4f;
}
button[type="submit"]:hover {
  background-color: #b45e4f;
  color: #fff;
}
a.btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background-color: #b45e4f;
}
a.btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  background-image: url("assets/images/arrow-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  width: 18px;
  height: 13px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.btn:hover {
  background-color: #b45e4f;
  color: #fff;
}

a.linktag {
  font-size: 14px;
  font-family: "Bw Darius DEMO";
  font-weight: 300;
  font-style: normal;
  line-height: 1.4;
  color: #b35e4e;
  letter-spacing: 0.2px;
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
  text-decoration: none !important;
}
a.linktag > img {
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 5px;
}
a.linktag:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #d4a59b;
}
a.linktag:hover {
  color: #000;
}

figure {
  margin: 0px;
}
p {
  margin-bottom: 20px;
}
blockquote {
  font-size: 25px;
  line-height: 1.68;
  letter-spacing: 0.17px;
  margin-bottom: 0px;
  font-family: "Bw Darius DEMO";
  font-weight: 300;
  font-style: italic;
  padding: 40px 0 0 42px;
  border-top: 1px solid #fff;
  position: relative;
}
blockquote:before {
  content: "";
  position: absolute;
  top: -19px;
  left: -40px;
  background-image: url("assets/images/quote_marks.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 60px;
  background-color: #133c5c;
}

/*line css*/
.top-line {
  position: relative;
}
.top-line:before {
  content: "";
  position: absolute;
  top: -70.5px;
  height: 141px;
  width: 2px;
  background-color: #b35e4e;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 9;
}
.bottom-line {
  position: relative;
}
.bottom-line:after {
  content: "";
  position: absolute;
  bottom: -70.5px;
  height: 141px;
  width: 2px;
  background-color: #b35e4e;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 9;
}

/* Header Css Start Here
===================================================*/
.enumenu_ul {
  display: block;
  margin-bottom: 0px;
}
.menu-icon {
  display: none;
}
.inner-header {
  max-width: 1753px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
a.logo {
  width: 202px;
  height: 37px;
}

.enumenu_ul > li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}
.enumenu_ul > li:first-of-type {
  margin-left: 0px;
}
.enumenu_ul > li > a {
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0.1px;
  display: block;
  color: #fff;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  padding-top: 5px;
}
.enumenu_ul > li > a:hover,
.enumenu_ul > li.current_page_item > a,
.enumenu_ul > li.current_page_parent > a {
  color: #b45e4f;
  border-bottom: 1px solid #b45e4f;
}
.enumenu_ul > li > a > svg {
  display: none;
}
.enumenu_ul > li:hover ul.sub-menu {
  display: block;
}

ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0px;
  margin: 0px;
  padding-top: 10px;
  min-width: 170px;
  display: none;
}
ul.sub-menu > li {
  list-style: none;
  margin-bottom: 3px;
}
ul.sub-menu > li > a {
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0.1px;
  color: #fff;
  font-family: "Acumin Pro";
  font-weight: 300;
  font-style: normal;
  display: block;
}
ul.sub-menu > li > a:hover,
ul.sub-menu > li.current-menu-item > a {
  color: #b45e4f;
}

span.arrow {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: #b45e4f;
  cursor: pointer;
}
span.arrow:after {
  content: "";
  box-sizing: border-box;
  height: 5px;
  width: 5px;
  border-style: solid;
  border-color: white;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 12px;
}

/* hero banner Css Start Here
===================================================*/

.home header#header {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 99;
}

.home header#header .inner-header {
  background-color: transparent;
}

header#header .inner-header {
  background-color: #133c5c;
}

@media (max-width: 1023px) {
  .home #header.header--inverted,
  #header.header--inverted {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 50;
  }

  .home #header.header--inverted .inner-header > div,
  #header.header--inverted .inner-header > div {
    border-bottom: 1px solid transparent;
    color: white;
    transition-property: background-color;
    transition-duration: 300ms;
    background-color: #133c5c;
    animation: test-animation 0.5s ease-in-out;
  }
}

.home header#header.header--inverted .inner-header > div {
  position: absolute;
  padding: 38px 20px;
  top: 0;
  left: 0;
  width: 100%;
}

.home header#header .inner-header > div,
header#header .inner-header > div {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hero-banner {
  position: relative;
}
.hero-banner-inner {
  padding-top: 21%;
  padding-bottom: 6.85%;
}
.hero-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}
.hero-banner .container {
  position: relative;
  z-index: 9;
}
.hero-banner a.btn {
  color: #fff;
}
.hero-banner h1 {
  margin-bottom: 55px;
  letter-spacing: -0.5px;
}
.hero-banner figure {
  width: 122px;
  -webkit-transform: translateY(41px);
  -moz-transform: translateY(41px);
  -ms-transform: translateY(41px);
  -o-transform: translateY(41px);
  transform: translateY(41px);
  margin-right: 80px;
}

/* welcome text Css Start Here
===================================================*/
.welcome-text {
  background-color: #f2f4f5;
  overflow: hidden;
}
.inner-welcome-text {
  padding-bottom: 123px;
  padding-top: 123px;
  max-width: 775px;
  margin: 0 auto;
}
.right-white .container {
  position: relative;
}
.right-white .container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 99%;
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.welcome-text p {
  font-size: 24px;
  color: #123c5c;
  line-height: 1.4;
  letter-spacing: -0.2px;
  font-family: "Acumin Pro";
  font-weight: 300;
  font-style: normal;
}

/* our work Css Start Here
===================================================*/
.our-work-home {
  padding-top: 127px;
  padding-bottom: 143px;
}
.our-work-home .col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.ourwork-slid {
  padding-right: 11.6%;
}
#ourwork-slider {
  margin-bottom: 50px;
}
.our-work-home .owl-carousel figure {
  padding-bottom: 58%;
}
.owl-dots {
  position: absolute;
  left: 0;
  right: 0px;
  bottom: 18px;
  z-index: 999;
  right: 0px;
  text-align: center;
}
.owl-dots > button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.owl-dots > button > span {
  width: 8px;
  height: 8px;
  display: block;
  border: 1px solid #fff;
  border-radius: 50%;
}
.owl-dots > button.active > span {
  background-color: #fff;
}
.ourwork-text {
  padding-left: 12.3%;
  font-family: "Acumin Pro";
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
}
.ourwork-text p {
  line-height: 1.7;
  letter-spacing: -0.3px;
  margin-bottom: 15px;
}
.ourwork-text h2 {
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  color: #b35e4e;
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: -0.3px;
  margin-bottom: 30px;
}

/* services Css Start Here
===================================================*/
.sectitle {
  margin-bottom: 66px;
}
.sectitle > h2 {
  margin-bottom: 0px;
}
.our-services {
  padding-bottom: 92px;
}
.our-services .container {
  padding-left: 20px;
  padding-right: 20px;
}
.our-services .row {
  margin-left: -20px;
  margin-right: -20px;
}
.our-services .col {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}
.services-box {
  background-color: #fff;
}
.services-box > a {
  display: block;
  position: relative;
}
.services-box figure {
  /*padding-bottom: 60.6%;*/
  height: 266px;
}

.services-box h3 {
  margin-top: -80px;
  background-color: #fff;
  max-width: 67.5%;
  min-height: 80px;
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #b35e4e;
  padding: 28px 28px 0px 33px;
  margin-bottom: 10px;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
}
.services-box h3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: auto;
  width: 67.5%;
}
.services-box h3:hover {
  color: #133c5c;
}
.services-box .services-text {
  padding: 10px 28px 27px 33px;
  background-color: #fff;
}
.services-box .services-text > p {
  letter-spacing: -0.15px;
  line-height: 1.65;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 300;
}

.blog-listing .pagetitle p {
  font-size: 18px;
  color: #fff;
}
.services-cat-dec {
  margin-top: 0px;
}
.services-cat-dec p {
  font-size: 18px;
}

/* Quality is key Css Start Here
===================================================*/

.quality-key .col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.quality-keyinnr {
  padding-top: 109px;
  padding-bottom: 148px;
  color: #fff;
  position: relative;
}
.quality-keyinnr:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background-color: #133c5c;
  height: 100%;
  width: 100%;
}
.quality-keyinnr:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 78.5%;
  background-color: #133c5c;
  height: 100%;
}
.quality-keyinnr .row {
  position: relative;
  z-index: 1;
}
.quality-keyinnr h2 {
  color: #fff;
  font-size: 39px;
  letter-spacing: -1px;
  margin-bottom: 71px;
}
.quality-text {
  padding: 0px 0 0 39px;
}
.quality-imgs {
  padding: 0 0 0 84px;
}
.quality-key figure.round-logo {
  -webkit-transform: translateY(33px);
  -moz-transform: translateY(33px);
  -ms-transform: translateY(33px);
  -o-transform: translateY(33px);
  transform: translateY(33px);
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: 80px;
}

/* Accreditations */

.accreditations-home {
  padding-top: 156px;
  padding-bottom: 125px;
}

@media (max-width: 991px) {
  .accreditations-home {
    padding-top: 80px;
    padding-bottom: 65px;
  }
}

@media (max-width: 767px) {
  .accreditations-home {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.accreditations-home .accreditations-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.accreditations-home .accreditations-wrap .accreditation {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.accreditations-home .accreditations-wrap .accreditation img {
  min-width: 60px;
  height: auto;
}

.accreditations-home
  .accreditations-wrap
  .accreditation
  .accreditation__text-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 20px;
}

.accreditations-home
  .accreditations-wrap
  .accreditation
  .accreditation__text-wrap
  h2 {
  margin-bottom: 0;
  font-size: 24px;
}

@media (max-width: 1024px) {
  .accreditations-home
    .accreditations-wrap
    .accreditation
    .accreditation__text-wrap
    h2 {
    font-size: 20px;
  }
}

@media (max-width: 1024px) {
  .accreditations-home
    .accreditations-wrap
    .accreditation
    .accreditation__text-wrap {
    font-size: 18px;
  }
}

/* case study Css Start Here
===================================================*/
.case-study-home {
  padding-top: 156px;
  padding-bottom: 125px;
  background-color: #f3f4f6;
}
.case-study-home h2 {
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.case-study-home .col {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin-bottom: 30px;
}
.case-study-home .sectitle {
  max-width: 985px;
  margin: 0 auto 59px;
}
.case-study-home .sectitle p {
  font-size: 20px;
}

@media (max-width: 640px) {
  .case-study-home .sectitle p {
    font-size: 18px;
  }
}

.casestudy-box {
  background-color: #f3f4f6;
  padding-bottom: 15px;
}
.casestudy-box > a {
  display: block;
}
.casestudy-box > a.linktag {
  display: inline-block;
}
.casestudy-box figure {
  padding-bottom: 60%;
}
.casestudy-box h3 {
  margin-top: -50px;
  background-color: #f3f4f6;
  max-width: 68%;
  min-height: 77px;
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #b35e4e;
  padding: 27px 28px 23px 39px;
}
.casestudy-box h3:hover {
  color: #133c5c;
}
.casestudy-box a.linktag {
  margin-left: 40px;
}
.case-studies .pagetitle {
  padding-bottom: 74px;
}
.breadcrumbs {
  margin: 50px 0 0 0;
}
.breadcrumbs > li {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs > li.separator {
  color: #b35e4e;
  padding: 0 3px;
  font-size: 12px;
}
.breadcrumbs > li > a {
  color: #fff;
  text-decoration: none !important;
}
.breadcrumbs > li > a:hover {
  color: #b35e4e;
}
.breadcrumbs > li > strong {
  color: #fff;
}
.about-details a,
.case-studies a {
  text-decoration: underline;
}
.about-details a.btn,
.case-studies a.btn {
  text-decoration: none;
}

/* clients logo Css Start Here
===================================================*/
.section-clients-logo {
  padding: 150px 0;
}
.client-logo-img {
  height: 162px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#clients-slider .owl-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#clients-slider button {
  width: 28px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#clients-slider button:hover,
#clients-slider button:focus {
  opacity: 0.7;
  outline: none;
}
#clients-slider .owl-prev {
  font-size: 0px;
  background-image: url(assets/images/left-arrow-black.svg);
  left: -60px;
}
#clients-slider .owl-next {
  font-size: 0px;
  background-image: url(assets/images/right-arrow-black.svg);
  right: -60px;
}
/* Footer Css Start Here
===================================================*/
footer#footer {
  background-color: #0b2d47;
  padding-top: 82px;
  padding-bottom: 20px;
  color: #fff;
  font-size: 16px;
}
footer#footer h4 {
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #b35e4e;
}
footer#footer .row {
  justify-content: space-between;
}
footer#footer .row .col:first-of-type {
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-bottom: 60px;
}
footer#footer .row .col:last-of-type {
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
  display: flex;
  justify-content: flex-end;
}
.contactfooter .contactfooter__title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: "Acumin Pro", sans-serif;
  margin-bottom: 0;
  display: none;
}
.contactfooter address,
.contactfooter ul {
  vertical-align: top;
  padding-left: 0px;
}
.contactfooter ul > li {
  list-style: none;
}
address {
  font-style: normal;
  font-family: "Acumin Pro";
  font-weight: 300;
  font-style: normal;
  line-height: 1.35;
}
address > strong {
  font-family: "Acumin Pro";
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
}
.contactfooter address {
  display: block;
  margin-right: 110px;
  letter-spacing: -0.15px;
  margin-top: -5px;
}
.contactfooter address::first-line {
  line-height: 2.8;
}

.contactfooter ul {
  margin-top: 12px;
}
.contactfooter ul > li {
  margin-bottom: 0.5rem;
}
.contactfooter ul > li > strong {
  font-family: "Acumin Pro";
  font-weight: bold;
  font-style: normal;
  margin-right: 5px;
}
.contactfooter ul > li > a {
  color: #fff;
  margin: 0 0 0 -3px;
  text-decoration: underline;
}
.contactfooter ul > li > a:hover {
  color: #b35e4e;
}
.footer-menu .footer-links .footer__link-group-title {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 6px;
  font-family: "Acumin Pro";
}
.footer-menu .footer-links .footer__link-group-title.hide-desktop {
  display: none;
}
.footer-menu .footer-links .footer__link-group-links {
  padding-left: 0px;
}
.footer-menu .footer-links .footer__link-group-links li {
  list-style: none;
  line-height: 1.35;
}
.footer-menu .footer-links .footer__link-group-links li a {
  color: #fff;
}
.social-ul {
  margin-bottom: 30px;
  padding-left: 0px;
}
.social-ul > li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 15px;
}
.social-ul > li > a > img {
  width: 26px;
  height: 26px;
}
.social-ul > li > a:hover > img {
  opacity: 0.6;
}
footer#footer h6 {
  font-weight: 300;
  letter-spacing: -0.15px;
}
footer#footer h6 > a {
  color: #fff;
}
footer#footer h6 > a:hover {
  text-decoration: underline;
}
.social-footer {
  text-align: right;
  margin: 0 0 -10px 0;
}
footer#footer .row .col.align-self-end .social-footer {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
footer#footer .row .col.align-self-end .social-footer .logo-area {
  max-width: 370px;
}
.logo-area {
  margin-bottom: 45px;
  padding-left: 0;
  font-size: 0;
  display: flex;
  justify-content: space-between;
}
.logo-area li {
  list-style: none;
  vertical-align: middle;
  padding: 0 15px;
}
.logo-area .logo-img {
  height: 55px;
  object-fit: contain;
}
.logo-area li:last-of-type {
  padding-right: 0px;
}
.logo-area li:first-of-type {
  padding-left: 0px;
}
/* inner page title css */
.pagetitle {
  background-color: #133c5c;
  padding-top: 107px;
  padding-bottom: 100px;
  text-align: center;
}
.pagetitle > h1 {
  margin-bottom: 0px;
  letter-spacing: -0.5px;
}

/* About Css Start Here
===================================================*/
.about-introtext {
  position: relative;
  overflow: hidden;
}
.about-introtext:before {
  content: "";
  background-color: #133c5c;
  width: 100%;
  position: absolute;
  height: 29.6%;
  top: 0;
  left: 0;
  z-index: 1;
}
.about-intro {
  padding-bottom: 107px;
  background-color: #f3f4f6;
  position: relative;
}
.about-intro:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  background-color: #f3f4f6;
  width: 100%;
  z-index: -1;
}
.about-intro > figure {
  padding-bottom: 32.2%;
  max-width: 1079px;
  margin: 0 auto 73px auto;
  position: relative;
  z-index: 1;
}
.about-intro p {
  font-size: 24px;
  line-height: 1.45;
  text-align: center;
  color: #133c5c;
  letter-spacing: -0.3px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1110px;
  margin: 0 auto;
}
.about-details {
  max-width: 762px;
  margin: 0 auto;
  padding-top: 104px;
  letter-spacing: -0.3px;
  color: #133c5c;
  padding-bottom: 129px;
}
.about-details > p {
  line-height: 1.7;
  font-weight: 400;
  margin-bottom: 13px;
}
.about-details .see-also {
  margin-top: 50px;
}
.see-also > ul {
  margin-top: 25px;
  padding-left: 0px;
}
.see-also > ul > li {
  margin-bottom: 16px;
  list-style: none;
}
.see-also ul li a {
  text-decoration: none !important;
}

.container-sm {
  max-width: 800px;
  margin: 0 auto;
}
.small-cnt-section {
  padding-top: 121px;
  padding-bottom: 40px;
}
.small-cnt-section p {
  line-height: 1.7;
  font-weight: 400;
  margin-bottom: 13px;
}

/* Case Gallery Css Start Here
===================================================*/
.case-studies p {
  letter-spacing: -0.3px;
}
.case-studies .about-intro > figure {
  margin: 0 auto 66px auto;
}
.case-studies .about-intro {
  padding-bottom: 104px;
}
.case-background.small-cnt-section {
  padding-top: 118px;
  padding-bottom: 133px;
}
.case-gallery {
  overflow: hidden;
}
.case-gallery-inner {
  padding-top: 110px;
  padding-bottom: 110px;
  position: relative;
}
.case-gallery-inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 78.6%;
  height: 100%;
  background-color: #133c5c;
  z-index: -1;
}
.case-gallery-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #133c5c;
}
.case-gallery-inner .row {
  max-width: 960px;
  margin: 0 auto;
}
.case-gallery-inner .col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.case-gallery-inner .bg-set {
  padding-bottom: 60%;
}
.the-challenge.small-cnt-section {
  padding-top: 126px;
  padding-bottom: 130px;
}
.blog-details .the-challenge.small-cnt-section {
  padding-bottom: 0px;
}

.the-solution {
  overflow: hidden;
}
.the-solution-inner {
  padding-top: 110px;
  background-color: #f3f4f6;
  position: relative;
}
.the-solution-inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background-color: #f3f4f6;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.the-solution-inner .container-sm {
  max-width: 759px;
}
.the-solutionset {
  margin: 0px auto 0 auto;
  padding-top: 82px;
  position: relative;
}
.the-solutionset:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 70%;
  background-color: #f3f4f6;
  left: 0;
  z-index: -1;
}
.the-solutionset:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 70%;
  background-color: #f3f4f6;
  right: 100%;
  z-index: -1;
}
.the-solutionset .bg-set {
  padding-bottom: 27.4%;
  max-width: 920px;
  margin: 0 auto;
}
.the-solution-inner p {
  line-height: 1.7;
  letter-spacing: -0.15px;
  margin-bottom: 0px;
}
.the-results.small-cnt-section {
  padding-top: 77px;
}
.navigation {
  border-top: 1px solid #ddd;
  max-width: 65.5%;
  margin: 44px auto 0 auto;
  padding-bottom: 153px;
}
.navigation .nav-links {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  margin-top: 38px;
}
.navigation .nav-links .nav-previous > a {
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  color: #b35e4e;
  font-size: 14px;
  background-image: url("assets/images/left-arrow.svg");
  background-position: 0px 7px;
  background-repeat: no-repeat;
  padding: 0 0 7px 7px;
  display: inline-block;
  position: relative;
  background-size: 5px;
  text-decoration: none !important;
}
.navigation .nav-links .nav-previous > a:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: #b35e4e;
  left: 0px;
}
.navigation .nav-links .nav-next > a {
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  color: #b35e4e;
  font-size: 14px;
  background-image: url("assets/images/right-arrow.svg");
  background-position: 100% 7px;
  background-repeat: no-repeat;
  padding: 0px 7px 7px 0;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  background-size: 5px;
  text-decoration: none !important;
}
.navigation .nav-links .nav-next > a:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: #b35e4e;
  left: 0px;
}

.navigation .nav-links .nav-previous > a:hover,
.navigation .nav-links .nav-next > a:hover {
  opacity: 0.7;
}

/* contact page Css Start Here
===================================================*/
.contact-details {
  padding-top: 157px;
  padding-bottom: 140px;
}
.contact-details .container {
  max-width: 1090px;
}
.contact-details .col {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.contact-details figure {
  text-align: center;
}
.contact-details figure > img {
  width: 198px;
  margin-bottom: 16px;
}
.contact-details figcaption > small {
  display: block;
  font-size: 100%;
  margin: 0 0 11px 0;
}
.contact-details figcaption > a,
.contact-details figcaption > h6 {
  font-family: "Acumin Pro";
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  padding: 0 0 3px 0;
  position: relative;
  color: #133c5c;
  display: inline-block;
}
.contact-details figcaption > h6 a {
  color: #133c5c;
}
.contact-details figcaption > a:after,
.contact-details figcaption > h6:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: #133c5c;
  left: 0;
}
.contact-details figcaption > a.email-us {
  font-size: 18px;
  padding-top: 4px;
}
.contact-details figcaption > a.email-us:hover,
.contact-details figcaption > a:hover {
  opacity: 0.8;
}
.make-enquiry {
  overflow: hidden;
}
.make-enquiry-inner {
  background-color: #133c5c;
  padding-top: 140px;
  padding-bottom: 108px;
  position: relative;
}
.make-enquiry-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  background-color: #133c5c;
  width: 100%;
  z-index: -1;
}
.make-enquiry-inner h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 70px;
  padding-left: 20px;
  padding-right: 20px;
}
.make-enquiry form {
  max-width: 762px;
  margin: 0 auto;
}
.make-enquiry form ul {
  padding: 0px;
  margin: 0px -20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.make-enquiry form ul > li {
  list-style: none;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  margin-bottom: 40px;
}
.make-enquiry form ul > li .wpcf7-form-control-wrap {
  display: block;
}
.make-enquiry form ul > li.half {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}
.make-enquiry form ul > li:last-of-type {
  text-align: center;
}
.where-to-find {
  padding-top: 92px;
  padding-bottom: 172px;
}
.where-to-find .col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.find-address {
  max-width: 337px;
  margin: 80px auto 0 35.2%;
}
.find-address h2 {
  color: #b35e4e;
  margin-bottom: 47px;
}
.find-address address {
  line-height: 1.65;
  color: #133c5c;
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.find-address address > strong {
  display: block;
}
.where-to-find iframe {
  width: 100%;
  height: 361px;
  margin: 0;
  padding: 0 11px 0 69px;
}
.where-to-find figure {
  margin-right: 80px;
  text-align: right;
  margin-bottom: -36px;
  position: relative;
  z-index: 1;
  line-height: 0;
}
.where-to-find figure > img {
  width: 120px;
  height: 120px;
}
.where-to-find a.linktag {
  padding-bottom: 8px;
  letter-spacing: -0.1px;
}
.our-services {
  overflow: hidden;
}
.our-services .our-services-inner {
  position: relative;
  padding-top: 133px;
}
/*contact page and home page same css*/
.our-services .our-services-inner:after,
.our-services .our-services-inner:before {
  height: 518px;
}
.our-services .our-services-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 78.7%;
  /* height: 67%; */
  z-index: -1;
}
.contact-page .our-services .our-services-inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 88.7%;
  /* height: 67%; */
  background-color: #f3f4f6;
  z-index: -1;
}
#map {
  height: 360px;
  margin-left: 78px;
}
span.wpcf7-not-valid-tip {
  margin-top: 5px;
  font-weight: 300;
}
div.wpcf7-mail-sent-ok {
  color: #fff;
  font-weight: 300;
  border: 1px solid #398f14;
  color: #fff;
  font-weight: 300;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 20px;
  line-height: 1;
  text-align: center;
  margin-top: 0px;
}
div.wpcf7 .ajax-loader {
  display: block;
  margin: 5px auto 0 auto;
  text-align: center;
}
div.wpcf7-validation-errors {
  display: none !important;
}

/* blog page Css Start Here
===================================================*/
.blog-listing {
  padding-bottom: 158px;
}
.page-template-services .blog-listing {
  padding-bottom: 100px;
}

/*.blog-listing .pagetitle{padding-bottom: 50px;}*/
.filter_catego {
  max-width: 335px;
  margin: 0 auto 91px auto;
}
.blog-listinginner {
  position: relative;
}
.blog-listinginner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 266px;
  background-color: #133c5c;
  z-index: -1;
}
.blog-listing .col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 33.33%;
  margin-bottom: 56px;
}
/*.blog-listing .col:nth-last-child(-n+2){margin-bottom: 0px;}*/
.blog-listing .container {
  max-width: 961px;
}
.blog-listing .blog-listinginner .container {
  max-width: 1440px;
}
/*.blog-listing .services-box figure{padding-bottom: 60%;}*/
.blog-listing .services-box h3 {
  margin-top: 0px;
  padding: 27px 28px 0px 40px;
  letter-spacing: -0.2px;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}

.service-listing {
  padding-top: 126px;
  padding-bottom: 74px;
}

.service-listing__inner {
  position: relative;
}

.service-listing .col {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin-bottom: 56px;
}

@media (max-width: 991px) {
  .service-listing .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 576px) {
  .service-listing .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}

/*.service-listing .col:nth-last-child(-n+2){margin-bottom: 0px;}*/
.service-listing .container {
  max-width: 961px;
}
.service-listing .service-listing__inner .container {
  max-width: 1440px;
}
/*.service-listing .services-box figure{padding-bottom: 60%;}*/
.service-listing .services-box h3 {
  margin-top: 0px;
  padding: 27px 28px 0px 40px;
  letter-spacing: -0.2px;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}

.service-listing .services-box .services-text {
  padding: 10px 28px 27px 40px;
}
.service-listing a.linktag {
  padding-bottom: 6px;
}
.service-listing a.linktag > img {
  margin-left: 0px;
}

.page-id-73 .blog-listing .services-box h3 {
  position: static;
  width: 100%;
}
.blog-listing .services-box .services-text {
  padding: 10px 28px 27px 40px;
}
.blog-listing a.linktag {
  padding-bottom: 6px;
}
.blog-listing a.linktag > img {
  margin-left: 0px;
}
.pagination {
  margin: 13px 0 0 0;
  text-align: center;
}
.pagination > li {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0 8px;
  font-weight: 500;
  font-size: 16px;
  color: #9dabb6;
  cursor: pointer;
}
.pagination > li.inactive {
  display: none;
}
.pagination > li:hover {
  color: #0b2d47;
}
.pagination > li.selected {
  font-weight: 600;
  color: #0b2d47;
  cursor: auto;
}
.pagination > li:first-of-type {
  background-image: url("assets/images/left-pagi.png");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
  width: 14px;
  height: 18px;
  margin-right: 6px;
  vertical-align: 14px;
}
.pagination > li:last-of-type {
  background-image: url("assets/images/right-pagi.png");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0px;
  width: 14px;
  height: 18px;
  margin-left: 6px;
  vertical-align: 14px;
}
#loader_id {
  display: none;
  width: 40px;
}
#loader_id.loader {
  display: block;
}
#loader_id {
  position: fixed;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
  margin-top: 40px;
}
#loader_id > img {
  width: 5%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.no-post {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-family: "Bw Darius Stencil DEMO";
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1.5px;
}

/* blog details Css Start Here
===================================================*/
.blog-details .about-intro {
  padding-bottom: 98px;
}
.blog-details .about-details {
  padding-bottom: 14px;
  padding-top: 115px;
}
.blog-details .about-details > p {
  margin-bottom: 15px;
}
.blog-details .pagetitle > h1 {
  max-width: 46%;
  margin: 0 auto;
}
.blog-details .about-introtext:before {
  height: 36.8%;
}
.blog-details .about-intro > figure {
  padding-bottom: 32.15%;
  margin: 0 auto 85px auto;
}
.blog-details .category {
  margin-top: 53px;
  font-weight: bold;
  color: #8697a4;
  font-size: 15px;
  letter-spacing: 0.1px;
}
.blog-details .category > span,
.blog-details .category > ul {
  display: inline-block;
  vertical-align: middle;
}
.blog-details .category > ul {
  margin-left: -2px;
  margin-bottom: 0px;
}
.blog-details .category > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: -2px;
}
.blog-details .category > ul > li > a {
  color: #8697a4;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-details .category > ul > li > a:hover {
  color: #b35e4e;
}
.blog-details .navigation {
  margin: 30px auto 0 auto;
  max-width: 100%;
}
.blog-details .navigation .nav-links {
  margin-top: 46px;
}
.blog-details blockquote {
  margin-top: 40px;
  font-size: 22px;
  padding: 40px 0 0 0px;
  border-top: 1px solid #b35e4e;
  margin-bottom: 40px;
}
.blog-details blockquote:before {
  background-color: #fff;
  top: -19px;
  left: -11px;
}
.blog-details .about-intro a {
  color: #b35e4e;
  text-decoration: underline;
}
.blog-details .about-intro a:hover {
  color: #133c5c;
}
.blog-details .about-details > p > a {
  color: #b35e4e;
  text-decoration: underline;
}
.blog-details .about-details > p > a:hover {
  color: #133c5c;
}
.blog-details .category {
  display: none;
}
.blog-details img {
  height: auto !important;
}
/* 404 Css Start Here
===================================================*/
.error-page .about-introtext {
  margin-bottom: 40px;
}
.error-page .about-introtext:before {
  display: none;
}

.error-page .about-intro {
  padding-top: 80px;
}
.search-form {
  max-width: 50%;
  margin: 0 auto 0 0;
}
.search-form label {
  font-size: 17px;
  line-height: 1.45;
  color: #133c5c;
  letter-spacing: -0.3px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
button.search-submit {
  margin-top: 20px;
}
button.search-submit > svg {
  display: none;
}

/* Search page Css Start Here
===================================================*/
.entry-header > h2 {
  margin-bottom: 10px;
  font-size: 1.8em;
  margin: 10px 0;
}
.entry-header > h2 > a {
  color: #123c5c;
}
.entry-header > h2 > a:hover {
  color: #000;
}
.search-body {
  padding-top: 40px;
  padding-bottom: 40px;
}
.search-body article {
  margin-bottom: 40px;
}
.entry-meta > a {
  color: #b35e4e;
}

.default-nav .navigation {
  max-width: 100%;
}
.default-nav .navigation .nav-links {
  display: block !important;
}
.default-nav .navigation .nav-links > .page-numbers {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0 8px;
  font-weight: 500;
  font-size: 16px;
  color: #9dabb6;
  cursor: pointer;
}
.default-nav .navigation .nav-links > .page-numbers.current {
  font-weight: 600;
  color: #0b2d47;
  cursor: auto;
}

.small-cnt-section a.btn {
  margin-top: 40px;
}
.date-fild {
  padding: 27px 28px 0px 40px;
  position: relative;
  display: block;
  color: #133c5c;
  margin-bottom: 0px;
}

/***********home pagen:what we do section css start*************/
.our-work-home .header-text {
  max-width: 775px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 31px;
}
.our-work-home .header-text p {
  font-size: 24px;
  color: #133c5c;
  font-weight: 300;
  letter-spacing: -0.4px;
  line-height: 1.4;
}
.our-work-home .header-text h2 {
  margin-bottom: 65px;
}
.video-wrapper img.play-icon {
  opacity: 0.6;
}
.video-wrapper .videopart-thumb:hover img.play-icon {
  opacity: 0.8;
}
.videoCov {
  position: relative;
  overflow: hidden;
  margin: 40px 0 0 0;
}
.video-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  min-height: 441px;
  max-width: 699px;
  margin: 0 auto;
}
.video-wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videopart-thumb img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  height: 86px;
  width: 75px;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.videopart-thumb {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover !important;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-position: center center;
  background-repeat: no-repeat;
}

/***************home-page:our gallery section***************/
.our-gallery {
  padding: 170px 0 147px;
  background-color: #f3f4f6;
}
.our-gallery .header-text {
  text-align: center;
  margin-bottom: 63px;
  max-width: 985px;
  margin: 0 auto 63px;
}
.our-gallery .header-text h2 {
  margin-bottom: 20px;
}
.our-gallery .header-text p {
  font-size: 20px;
}

@media (max-width: 640px) {
  .our-gallery .header-text p {
    font-size: 18px;
  }
}
.ourGallery-img {
  background-repeat: no-repeat;
  background-size: cover;
  height: 312px;
  background-position: center center;
}
#ourGallery-slider .owl-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#ourGallery-slider button {
  width: 28px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#ourGallery-slider button:hover,
#clients-slider button:focus {
  opacity: 0.7;
  outline: none;
}
#ourGallery-slider .owl-prev {
  font-size: 0px;
  background-image: url(assets/images/left-arrow-black.svg);
  left: -60px;
}
#ourGallery-slider .owl-next {
  font-size: 0px;
  background-image: url(assets/images/right-arrow-black.svg);
  right: 60px;
}
#ourGallery-slider .ourGallery-img-box img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  object-fit: cover;
}
#ourGallery-slider .owl-stage-outer {
  z-index: 2;
}
.service-blog-list .blog-listinginner:before {
  display: none;
}
.service-page-banner span {
  color: #b35e4e;
  font-size: 26px;
  font-family: "Bw Darius DEMO";
  font-weight: 400;
  display: block;
  margin-bottom: 40px;
  line-height: 1.5;
}
.service-page-banner p {
  color: #fff;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 1.3px;
}
.service-page-banner {
  background-color: #133c5c;
  padding-top: 107px;
  padding-bottom: 63px;
  text-align: center;
}
.service-page-banner .pagetitle {
  background-color: transparent;
  padding: 0;
  max-width: 1143px;
  margin: 0 auto;
  padding: 0 15px;
}
.service-page-banner .pagetitle > h1 {
  letter-spacing: -2.6px;
}
.service-blog-list.blog-listing {
  padding: 60px 0 29px 0;
}
.our-gallery + .section-clients-logo {
  background-color: #fff;
}
.career-page .pagetitle h1 {
  max-width: 1100px;
  margin: 0 auto;
}
.career-page .about-details {
  max-width: 982px;
}
.career-detail p {
  font-size: 16px;
  color: #133c5c;
  line-height: 1.6;
}
.career-detail {
  border-bottom: 1px solid #f2f4f6;
  padding-bottom: 21px;
}
.topTitle h2 {
  color: #b35e4e;
  font-size: 26px;
  margin-bottom: 16px;
  font-family: "Bw Darius DEMO";
  font-weight: 400;
}
.topTitle {
  padding-top: 44px;
}
.topTitle p {
  line-height: 1.6;
  font-size: 16px;
}
.topTitle {
  padding-bottom: 30px;
}
.career-page h3 {
  font-size: 20px;
  font-family: "Bw Darius DEMO";
  font-weight: 400;
  color: #b35e4e;
}
.opportunity-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -17px;
  max-width: 957px;
  padding-top: 14px;
  width: 100%;
}
.opportunity-box .col {
  width: 50%;
  padding: 0 17px;
  margin-bottom: 50px;
}
.opportunity-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 264px;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.opportunity-img:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(179, 94, 78, 0.8);
}
.opportunity-img h4 {
  position: relative;
  margin-top: 0px;
  padding: 31px 28px 0px 40px;
  letter-spacing: -0.2px;
  max-width: 300px;
  background: #fff;
  margin-bottom: 0;
  font-size: 20px;
  color: #b35e4e;
  font-family: "Bw Darius DEMO";
  font-weight: 400;
}
.opportunity-text p {
  font-size: 16px;
  line-height: 1.65;
  margin-bottom: 12px;
}
.opportunity-text {
  padding: 34px 70px 0 40px;
}
.current-opportunity {
  border-bottom: 1px solid #f2f4f6;
  padding-bottom: 15px;
}
.accordion-wrap .header-text {
  text-align: center;
  max-width: 985px;
  margin: 0 auto;
}
.accordion-wrap .header-text h2 {
  letter-spacing: -1.1px;
}
.accordion-wrap .header-text p {
  font-size: 20px;
}

@media (max-width: 640px) {
  .accordion-wrap .header-text p {
    font-size: 18px;
  }
}

.high-quality-common h3 {
  font-size: 26px;
  color: #b35e4e;
  font-family: "Bw Darius DEMO";
  font-weight: 400;
  margin-bottom: 20px;
}
.high-quality-common p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 14px;
}
.high-quality-common p:last-child {
  margin-bottom: 0;
}
.high-quality-common p span {
  color: #b35e4e;
}
.accordions {
  max-width: 985px;
  margin: 0 auto;
  padding-top: 40px;
}
.accordion-wrap {
  padding: 128px 0 148px;
  background-color: white;
}
.accordion-wrap.techniques-accordion-wrap {
  background-color: #f3f4f6;
}
.high-quality-common {
  border-bottom: 1px solid #f2f4f6;
  padding-bottom: 58px;
  margin-bottom: 53px;
}
.high-quality-common:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.accordion-wrap .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.accordion-wrap .tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.accordion-wrap .tab input:checked ~ .tab__content {
  max-height: 1000px;
  overflow: auto;
}

/* Accordion styles */
.accordion-wrap .accordion {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.accordion-wrap .tab__label,
.accordion-wrap .tab__close {
  display: flex;
  color: white;
  cursor: pointer;
  font-size: 26px;
  color: #b35e4e;
  font-family: "bw darius demo";
  font-weight: 400;
}
.accordion-wrap .tab__label {
  justify-content: space-between;
  padding: 1rem 0;
}
.accordion-wrap .tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.accordion-wrap .tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.accordion-wrap .tab__content p {
  font-size: 16px;
  line-height: 1.5;
}

.accordion-wrap .accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.accordion-wrap .tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}

@media screen and (max-width: 1024px) {
  .accordion-wrap .tab__label,
  .accordion-wrap .tab__close {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .accordion-wrap .tab__label,
  .accordion-wrap .tab__close {
    font-size: 18px;
  }
}
.our-gallery .container {
  overflow-x: hidden;
}
.career-opening p {
  line-height: 1.6;
}
.ft-enquiry-btn {
  display: inline-block;
  font-size: 15px;
  font-family: "Bw Darius DEMO";
  font-weight: 300;
  color: #fff;
  background-position: calc(100% - 10px) center, center right;
  background-repeat: no-repeat;
  min-width: 125px;
  color: #fff;
  background-size: 17px, contain;
  background-image: url(assets/images/arrow-btn.svg),
    url(assets/images/btn-arrow.jpg);
  border: 1px solid #b45e4f;
  padding: 10px 66px 11px 27px;
  margin-top: 24px;
  width: fit-content;
}
.ft-enquiry-btn:hover {
  background-color: #b45e4f;
}
.ourGallery-slider {
  padding: 0 60px;
}

/* FORCE STYLES */

#breadcrumbs {
  padding: 5px !important;
  font-family: "Acumin Pro" !important;
}

#breadcrumbs span {
  display: inline-block !important;
  font-family: "Acumin Pro" !important;
  font-size: 16px !important;
  color: #ffffff !important;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs .breadcrumb_last {
  font-size: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Latest News Styles */
.latest-news-home {
  padding-top: 156px;
  padding-bottom: 125px;
  background-color: #f2f4f5;
}
.latest-news-home:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 78.7%;
  /* height: 67%; */
  background-color: #f2f4f5;
  z-index: -1;
}
.latest-news-home h2 {
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.latest-news-home .col {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin-bottom: 30px;
}
.latest-news-home .sectitle {
  max-width: 985px;
  margin: 0 auto 59px;
}
.latest-news-home .sectitle p {
  font-size: 20px;
}

@media (max-width: 640px) {
  .latest-news-home .sectitle p {
    font-size: 18px;
  }
}

.news-box {
  background-color: #f2f4f5;
  padding-bottom: 15px;
}
.news-box > a {
  display: block;
}
.news-box > a.linktag {
  display: inline-block;
}
.news-box figure {
  padding-bottom: 60%;
}
.news-box h3 {
  margin-top: -50px;
  background-color: #f2f4f5;
  max-width: 68%;
  min-height: 77px;
  font-family: "Bw Darius DEMO";
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #b35e4e;
  padding: 27px 28px 23px 39px;
}
.news-box h3:hover {
  color: #133c5c;
}
.news-box a.linktag {
  margin-left: 40px;
}
.latest-news .pagetitle {
  padding-bottom: 74px;
}