@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");
@font-face {
  font-family: 'Good Times';
  src: url("../fonts/goodtimesrg.eot");
  src: url("../fonts/goodtimesrg.eot") format("embedded-opentype"), url("../fonts/goodtimesrg.woff2") format("woff2"), url("../fonts/goodtimesrg.woff") format("woff"), url("../fonts/goodtimesrg.ttf") format("truetype"), url("../fonts/goodtimesrg.svg#goodtimesrg") format("svg");
}
* {
  box-sizing: border-box;
}

:root {
  --bs-body-color: #000;
  --bs-link-color: #5263F7;
  --bs-link-hover-color: #2a38ad;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 226, 228, 238;
  --bs-dark-rgb: 51, 51, 51;
  --bs-primary-rgb: 47, 128, 237;
}

.load-completed .body-spiner-main-cls {
  opacity: 0;
  visibility: hidden;
}

.loaded .body-spiner-main-cls img {
  animation: 2.5s loaderScale linear;
}

@keyframes loaderScale {
  0% {
    opacity: 1;
    scale: 1;
  }
  100% {
    opacity: 0;
    scale: 2.5;
  }
}
body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  background-color: #fff;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--bs-link-hover-color);
}

a,
button {
  -webkit-transition: all 250ms ease 0s;
  -moz-transition: all 250ms ease 0s;
  -ms-transition: all 250ms ease 0s;
  -o-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
}

input,
select,
textarea {
  font-size: 16px;
  line-height: 37px;
}

input[type=number] {
  -moz-appearance: textfield;
  /*For FireFox*/
}

input[type=number]::-webkit-inner-spin-button {
  /*For Webkits like Chrome and Safari*/
  -webkit-appearance: none;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

/* label {
    margin: 0;
} */
.btn {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  outline: none !important;
  text-transform: uppercase;
  transition: 500ms;
}
.btn img {
  margin: 0 4px 0 0;
  transition: 500ms;
  position: relative;
}
.btn:hover img {
  transform: rotate(45deg);
}
.btn:not(.btn-shadow) {
  box-shadow: none !important;
}
.btn.btn-xs {
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.07em;
  min-height: 46px;
}
.btn.btn-xs img {
  max-height: 16px;
  width: auto;
  margin: 0 0 0 10px;
}
.btn.btn-sm {
  padding: 15px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0.07em;
  min-height: 50px;
}
.btn.btn-sm img {
  max-height: 18px;
  width: auto;
  margin: 0 0 0 10px;
}
.btn.btn-md {
  padding: 15px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0.07em;
  min-height: 60px;
}
.btn.btn-md img {
  max-height: 20px;
  width: auto;
  margin: 0 0 0 10px;
}
.btn.btn-light {
  --bs-btn-color: #232C7A;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #232C7A;
  --bs-btn-hover-bg: #eaecff;
  --bs-btn-hover-border-color: #eaecff;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #232C7A;
  --bs-btn-active-bg: #eaecff;
  --bs-btn-active-border-color: #eaecff;
  --bs-btn-disabled-color: #232C7A;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}
.btn.btn-primary {
  --bs-btn-bg: #232C7A;
  --bs-btn-border-color: #232C7A;
  --bs-btn-hover-bg: #606ac3;
  --bs-btn-hover-border-color: #606ac3;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-bg: #606ac3;
  --bs-btn-active-border-color: #606ac3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-bg: #c4c5d4;
  --bs-btn-disabled-border-color: #c4c5d4;
}
.btn.btn-primary img {
  filter: brightness(0) invert(1);
}
.btn.btn-outline-primary {
  border-width: 2px;
  --bs-btn-color: #232C7A;
  --bs-btn-border-color: #232C7A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #232C7A;
  --bs-btn-hover-border-color: #232C7A;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #232C7A;
  --bs-btn-active-border-color: #232C7A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #232C7A;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #232C7A;
  --bs-gradient: none;
}
.btn.btn-outline-primary:hover img {
  filter: brightness(0) invert(1);
}
.btn.btn-outline-light {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #232C7A;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #232C7A;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
  --bs-gradient: none;
  border-width: 2px;
}
.btn.btn-outline-light img {
  filter: brightness(0) invert(1);
}
.btn.btn-outline-light:hover img {
  filter: none;
}

.form-control,
.form-select {
  height: 55px;
  border-radius: 15px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  background-color: #fff;
  border-color: #BEBEBE;
  outline: none !important;
  box-shadow: none !important;
  padding-left: 1.25rem;
}
.form-control:not(.form-select),
.form-select:not(.form-select) {
  padding-right: 1.25rem;
}
.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder {
  color: #C6C6C6;
}
.form-control::placeholder,
.form-select::placeholder {
  color: #C6C6C6;
}

.contact-form-box .form-group {
  display: block;
  margin-bottom: 36px;
}
.contact-form-box .form-group p br {
  display: none;
}
.contact-form-box .form-label {
  display: block;
  color: #737779;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}
.contact-form-box .form-control,
.contact-form-box .form-select {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #A4A7A9;
  transition: 500ms;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: #737779 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px 0;
  min-height: 34px;
  margin: 6px 0 0 0;
}
.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus {
  border-color: #232C7A;
  box-shadow: 0px 1px 0px #232C7A !important;
}
.contact-form-box textarea.form-control {
  height: 80px;
  resize: none;
}

.main-page {
  display: block;
}

.wrapper {
  display: block;
  width: 1600px;
  max-width: 100%;
  padding: 0 60px;
  margin: 0 auto;
}
.wrapper.md {
  width: 1500px;
}

.banner-section{
  display: block;;
}
.main-banner {
  display: block;
  position: relative;
  position: sticky;
  top: 0;
  z-index:1;
}
.main-banner .banner-area {
  display: block;
  border-radius: 0 0 70px 70px;
  overflow: hidden;
  position: relative;
}
/* .main-banner .banner-area:before, 
.main-banner .banner-area:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 326px;
  background: linear-gradient(180deg, #232C7A 0%, rgba(35, 44, 122, 0) 100%);
}
.main-banner .banner-area:after {
  top: auto;
  bottom: 0;
  height: 521px;
  opacity: 0.9;
  border-radius: 0 0 70px 70px;
  background: linear-gradient(0deg, rgba(30, 31, 39, 0.8) 0%, rgba(30, 31, 39, 0) 100%);
} */

.main-banner .banner-area:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, #000000 100%);
}


.main-banner .banner-video {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}

.loaded .main-banner .banner-video {
  opacity: 1 !important;
}

.header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}
.header .header-area {
  display: block;
  transition: 200ms;
  background: transparent;
  position: relative;
}
.header .header-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  transition: 500ms;
}
.header .header-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header .header-container .logo {
  display: block;
  float: left;
}
.header .header-container .logo img {
  display: block;
  height: 93px;
  width: auto;
  filter: brightness(0) invert(1);
  transition: 500ms;
}
.header .header-container .header-right {
  display: flex;
  flex-wrap: wrap;
  float: left;
  padding: 0 0 0 30px;
}
.header .header-container .header-right .header-search {
  display: flex;
  float: left;
  position: relative;
}
.header .header-container .header-right .header-search:not(:first-child) {
  margin-left: 32px;
}
.header .header-container .header-right .header-search .srch-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 10px;
  outline: none !important;
  box-shadow: none !important;
}
.header .header-container .header-right .header-search .srch-btn img {
  display: block;
  width: 28px;
  height: auto;
  filter: brightness(0) invert(1);
  transition: 500ms;
}
.header .header-container .header-right .header-search .srch-btn img.close {
  display: none;
}
.header .header-container .header-right .header-search .header-search-box {
  display: block;
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  width: 0px;
  overflow: hidden;
  z-index: 1;
  transition: 300ms;
}
.header .header-container .header-right .header-search .header-search-box .form-control {
  height: 51px;
  border-radius: 0px;
}
.header .header-container .header-right .header-search .header-search-box .srch-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.header .header-container .header-right .header-search .header-search-box .srch-btn img {
  filter: none;
}
.header .header-container .header-right .header-search.open > .srch-btn img {
  display: none;
}
.header .header-container .header-right .header-search.open > .srch-btn img.close {
  display: block;
}
.header .header-container .header-right .header-search.open .header-search-box {
  width: 392px;
}
.header .header-container .header-right > .btn {
  align-self: center;
}
.header .header-container .header-right > .btn:not(:first-child) {
  margin-left: 32px;
}
.header .header-container .header-right .sm-nav-click {
  justify-content: center;
  align-items: center;
  padding: 10px 0 10px 10px;
}
.header .header-container .header-right .sm-nav-click img {
  display: block;
  width: 24px;
  height: auto;
  filter: brightness(0) invert(1);
  transition: 500ms;
}

.header.sticky .header-area,
.header:hover .header-area {
  background-color: #fff;
}

.header.sticky .header-area:after,
.header:hover .header-area:after,
body:not(.single-project) .inner-page .header .header-area:after {
  border-color: #EBEFF1;
}
.header.sticky .header-container .logo img,
.header:hover .header-container .logo img,
body:not(.single-project) .inner-page .header .header-container .logo img {
  filter: inherit;
}
.header.sticky .header-container .header-right .header-search .srch-btn img,
.header:hover .header-container .header-right .header-search .srch-btn img,
body:not(.single-project) .inner-page .header .header-container .header-right .header-search .srch-btn img {
  filter: inherit;
}
.header.sticky .header-container .header-right .sm-nav-click img,
.header:hover .header-container .header-right .sm-nav-click img,
body:not(.single-project) .inner-page .header .header-container .header-right .sm-nav-click img {
  filter: inherit;
}
@media (min-width: 1024px) {
  .header.sticky .main-menu > li > a,
  .header:hover .main-menu > li > a,
  body:not(.single-project) .inner-page .header .main-menu > li > a {
    color: #737779;
  }
  .header.sticky .main-menu > li > a:after,
  .header:hover .main-menu > li > a:after,
  body:not(.single-project) .inner-page .header .main-menu > li > a:after {
    filter: inherit;
  }
  .header.sticky .main-menu > li > a:hover, .header.sticky .main-menu > li > a.active,
  .header:hover .main-menu > li > a:hover,
  .header:hover .main-menu > li > a.active,
  body:not(.single-project) .inner-page .header .main-menu > li > a:hover,
  body:not(.single-project) .inner-page .header .main-menu > li > a.active {
    color: #232C7A;
  }
  .header.sticky .main-menu > li > a:before,
  .header:hover .main-menu > li > a:before,
  body:not(.single-project) .inner-page .header .main-menu > li > a:before {
    background-color: #232C7A;
  }
  .header.sticky .main-menu > li.active > a,
  .header:hover .main-menu > li.active > a,
  body:not(.single-project) .inner-page .header .main-menu > li.active > a {
    color: #232C7A;
  }
  .header.sticky .main-menu > li.active > a:before,
  .header:hover .main-menu > li.active > a:before,
  body:not(.single-project) .inner-page .header .main-menu > li.active > a:before {
    width: 100%;
  }
  .header.sticky .main-menu > li .sub-menu,
  .header:hover .main-menu > li .sub-menu,
  body:not(.single-project) .inner-page .header .main-menu > li .sub-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .header.sticky .main-menu > li .sub-menu .menu-image img,
  .header:hover .main-menu > li .sub-menu .menu-image img,
  body:not(.single-project) .inner-page .header .main-menu > li .sub-menu .menu-image img {
    border-top-right-radius: 0px;
  }
}

.single-project .inner-banner.p-details-banner {
  padding-top: 0 !important;
}

@media (min-width: 1024px) {
  .sm-nav-click,
  .nav-overlay {
    display: none;
  }

  .main-menu-c {
    display: inline-flex;
  }

  .main-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .main-menu > li {
    display: block;
    float: left;
  }
  .main-menu > li:not(:last-child) {
    margin-right: 42px;
  }
  .main-menu > li > a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.07em;
    color: #E7E7E7;
    text-transform: uppercase;
    position: relative;
    min-height: 142px;
    transition: 500ms;
  }
  .main-menu > li > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: #fff;
    transition: 500ms;
    z-index: 3;
  }
  .main-menu > li > a:hover:before, .main-menu > li > a.active:before {
    width: 100%;
  }
  .main-menu > li.submenuCls > a:after {
    content: "";
    display: inline-flex;
    width: 16px;
    height: 16px;
    background: url(../images/down-arrow.svg) no-repeat center center;
    background-size: 100% auto;
    margin: 0 0 0 5px;
    filter: brightness(0) invert(1);
    transition: 500ms;
  }
  .main-menu > li .sub-menu {
    display: flex !important;
    flex-wrap: nowrap;
    padding: 0;
    border-radius: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    transition-duration: .45s;
    transition-delay: 250ms;
    transition-property: opacity, visibility;
    transition-timing-function: ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  .main-menu > li .sub-menu .sub-menu-box {
    display: flex;
    float: left;
    width: 60%;
    padding: 42px;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-title {
    display: block;
    float: left;
    width: 40%;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-title h3 {
    display: block;
    color: #232C7A;
    font-family: "Good Times", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 35.28px;
    text-transform: uppercase;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-listing {
    display: block;
    float: left;
    width: 57%;
    padding: 0 0 0 40px;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list {
    display: block;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li {
    display: block;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li:not(:first-child) {
    margin-top: 24px;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li a {
    display: inline-flex;
    color: #73787B;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    transition: 500ms;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li a .ico {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #232C7A;
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 100px;
    margin: 0 0 0 16px;
    opacity: 0;
    visibility: hidden;
    transition: 600ms;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li a .ico:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/btn-arrow.svg) no-repeat center center;
    background-size: 20px auto;
    filter: brightness(0) invert(1);
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li a:hover {
    color: #232C7A;
  }
  .main-menu > li .sub-menu .sub-menu-box .sub-menu-list li a:hover .ico {
    opacity: 1;
    visibility: visible;
  }
  .main-menu > li .sub-menu .menu-image {
    display: block;
    float: left;
    width: 636px;
    height: 100%;
    max-width: 43%;
    border-radius: 0 20px 20px 0;
    margin-left: auto;
  }
  .main-menu > li .sub-menu .menu-image img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0 20px 20px 0;
    object-fit: cover;
    object-position: top center;
  }
  .main-menu > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
.banner-content {
  display: block;
  position: absolute;
  bottom: 70px;
  width: 100%;
  z-index: 1;
}
.banner-content .banner-txt {
  display: block;
  float: left;
  /*max-width: 556px;*/
}
.banner-content .banner-txt h2 {
  display: block;
  font-family: "Good Times", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 70.4px;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  background-image: -webkit-linear-gradient(left,#fff 50%,transparent 50%);
  background-position: 100%;
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;
  transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transition: 500ms;
}
.banner-content .banner-txt .btn {
  margin: 40px 0 0 0;
}
.banner-content .banner-txt .btns {
  display: block;
  margin: 40px 0 0 0;
}
.banner-content .banner-txt .btns .btn {
  margin: 0;
}

.page-section {
  display: block;
  padding: 100px 0;
  background: url(../images/bg-circle.png) no-repeat right center;
  background-color: #fff;
  overflow: hidden;
}
.page-section.no-bg {
  background: transparent;
  background-color: #fff;
}
.page-section.reverse {
  background-position: left center;
}
.page-section .section-txt {
  display: block;
}
.page-section h3 {
  display: block;
  color: #A4A7A9;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.page-section h2 {
  display: block;
  color: #232C7A;
  font-family: "Good Times", serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 66px;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  padding: 0 0 24px 0;
  position: relative;
}
.page-section h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 3px;
  background-color: #232C7A;
}
.page-section p {
  display: block;
  color: #737779;
  font-size: 18px;
  font-weight: 400;
  line-height: 30.6px;
  margin: 34px 0 0 0;
}
.page-section p strong {
  font-weight: 600;
}
.page-section .btn {
  margin: 44px 0 0 0;
}
.page-section .btns {
  display: block;
  margin: 44px 0 0 0;
}
.page-section .btns .btn {
  margin: 0;
}
.page-section.featured-work {
  background-position: right bottom -200px;
}
.page-section.featured-work .section-txt {
  max-width: 490px;
}
.page-section.services-section {
  background: url(../images/services-section-bg.jpg) no-repeat top center;
  background-size: cover;
  background-color: #A4A7A9;
  border-radius: 70px;
}
.page-section.services-section .services-section-c {
  display: block;
  overflow: hidden;
}
.page-section.services-section h3 {
  color: #F8F8F8;
  text-align: center;
}
.page-section.services-section h2 {
  color: #fff;
  text-align: center;
}
.page-section.services-section h2:after {
  left: 50%;
  transform: translate(-50%, 0);
}
.page-section.services-section .wrapper {
  padding: 0 60px;
}
.page-section.services-section .btns {
  margin: 70px 0 0 0;
}
.page-section.services-section .btns .btn {
  margin: 0;
}
.page-section.commitments-section {
  border-radius: 70px;
  background: url(../images/commitments-bg.jpg) no-repeat bottom center;
  background-size: cover;
  position: relative;
}
.page-section.commitments-section .wrapper {
  width: 1150px;
}
.page-section.commitments-section h3 {
  color: #F8F8F8;
  text-align: center;
}
.page-section.commitments-section h2 {
  color: #fff;
  text-align: center;
}
.page-section.commitments-section h2:after {
  left: 50%;
  transform: translate(0, -50%);
  background-color: #fff;
}
.page-section.commitments-section p {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 40.8px;
  text-align: center;
  margin: 30px 0 0 0;
}
.page-section.commitments-section .btns {
  margin: 40px 0 0 0;
  text-align: center;
}
.page-section.commitments-section .btns .btn {
  margin: 0;
}
.page-section.team-section, .page-section.gray-section {
  background: url(../images/team-bg.png) no-repeat top center;
  background-color: #F3F6F8;
  position: relative;
}
.page-section.team-section:after, .page-section.gray-section:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 545px;
  max-height: 40%;
  background: linear-gradient(0deg, #FFFFFF 10.26%, rgba(255, 255, 255, 0) 86.08%);
  z-index: 0;
}
.page-section.team-section .wrapper, .page-section.gray-section .wrapper {
  position: relative;
  z-index: 1;
}
.page-section.team-section h3, .page-section.gray-section h3 {
  text-align: center;
}
.page-section.team-section h2, .page-section.gray-section h2 {
  text-align: center;
}
.page-section.team-section h2:after, .page-section.gray-section h2:after {
  left: 50%;
  transform: translate(-50%, 0);
}
.page-section.team-section .btns, .page-section.gray-section .btns {
  display: flex;
  justify-content: center;
  margin: 60px 0 0 0;
}
.page-section.team-section .btns .btn, .page-section.gray-section .btns .btn {
  margin: 0;
}
.page-section.contact-section {
  background-position: right center;
}
.page-section.with-gray {
  background-color: #F3F6F8;
  border-radius: 70px;
}
.page-section.with-gray .img-border:after {
  background-color: #f3f6f8;
}
.page-section.center-tl h3 {
  text-align: center;
}
.page-section.center-tl h2 {
  text-align: center;
}
.page-section.center-tl h2:after {
  left: 50%;
  transform: translate(-50%, 0);
}

.text-section-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.text-section-row .colm {
  display: block;
  float: left;
  width: 50%;
  padding-right: 50px;
}
.text-section-row .colm:last-child {
  padding-right: 0;
  padding-left: 50px;
}

.section-img-container {
  display: block;
  position: relative;
}
.section-img-container .section-img-area {
  display: block;
  position: relative;
  padding: 18px;
  overflow: hidden;
  border-radius: 1000px;
}
.section-img-container .view {
  display: block;
  position: absolute;
  bottom: 32px;
  right: 30px;
  z-index: 1;
}
.section-img-container .view-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 168px;
  height: 168px;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 100px;
  box-shadow: 0px 0px 63px 0px rgba(0, 0, 0, 0.1);
  color: #232C7A;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.07em;
  text-align: center;
  text-transform: uppercase;
  padding: 16px;
  transition: 500ms;
}
.section-img-container .view-link img {
  display: block;
  width: 24px;
  height: auto;
  margin: 0 0 10px 0;
}
.section-img-container .view-link:hover {
  background-color: #232C7A;
  color: #fff;
}
.section-img-container .view-link:hover img {
  filter: brightness(0) invert(1);
}
.section-img-container img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: top center;
  border-radius: 1000px;
  position: relative;
  z-index: 1;
}

.img-border-c {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-cover {
  display: block;
  border-radius: 1000px;
  overflow: hidden;
}
.img-cover img {
  transition: 500ms;
}
.img-cover:hover img {
  transform: scale(1.2);
}

.img-border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* .img-border:not(.no-animate) {
  transform: rotate(0deg);
  -webkit-animation: rotating 14s linear infinite;
  -moz-animation: rotating 14s linear infinite;
  -ms-animation: rotating 14s linear infinite;
  -o-animation: rotating 14s linear infinite;
  animation: rotating 14s linear infinite;
} */
.aos-animate .img-border:not(.no-animate) {
  transform: rotate(0deg);
  -webkit-animation: rotating 14s linear;
  -moz-animation: rotating 14s linear;
  -ms-animation: rotating 14s linear ;
  -o-animation: rotating 14s linear ;
  animation: rotating 14s linear ;
}
.img-border:before, .img-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  border: 6px solid #232C7A;
}
.img-border:after {
  border: none;
  background-color: #fff;
  border-radius: 0px;
  width: 50%;
  left: auto;
  right: 0;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.crestview {
  display: block;
  margin: 90px 0 0 0;
}
.crestview h5 {
  display: block;
  color: #232C7A;
  font-size: 28px;
  font-weight: 500;
  line-height: 47.6px;
}
.crestview h4 {
  display: block;
  font-family: "Good Times", serif;
  color: #737779;
  font-size: 46px;
  font-weight: 400;
  line-height: 55.2px;
  text-align: left;
  margin: 12px 0 0 0;
}

.featured-work-slide .owl-nav,
.details-slider .owl-nav {
  display: inline-flex;
  align-items: center;
}
.featured-work-slide .owl-nav .owl-prev,
.featured-work-slide .owl-nav .owl-next,
.details-slider .owl-nav .owl-prev,
.details-slider .owl-nav .owl-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100px;
  border: 1px solid #A4A7A9 !important;
  transition: 500ms;
}
.featured-work-slide .owl-nav .owl-prev span,
.featured-work-slide .owl-nav .owl-next span,
.details-slider .owl-nav .owl-prev span,
.details-slider .owl-nav .owl-next span {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../images/slider-arrow.svg) no-repeat center;
  background-size: 100% auto;
  font-size: 0px;
  transition: 500ms;
}
.featured-work-slide .owl-nav .owl-prev:hover,
.featured-work-slide .owl-nav .owl-next:hover,
.details-slider .owl-nav .owl-prev:hover,
.details-slider .owl-nav .owl-next:hover {
  border-color: #232C7A;
  background-color: #232C7A;
}
.featured-work-slide .owl-nav .owl-prev:hover span,
.featured-work-slide .owl-nav .owl-next:hover span,
.details-slider .owl-nav .owl-prev:hover span,
.details-slider .owl-nav .owl-next:hover span {
  filter: brightness(0) invert(1);
}
.featured-work-slide .owl-nav .owl-next,
.details-slider .owl-nav .owl-next {
  margin-left: 10px;
}
.featured-work-slide .owl-nav .owl-next span,
.details-slider .owl-nav .owl-next span {
  transform: rotate(180deg);
}

.details-slider .owl-nav {
  display: flex;
  justify-content: center;
  margin: 40px 0 0 0;
}

.owl-nav button.owl-prev, .owl-nav button.owl-next {
  outline: none !important;
  box-shadow: none !important;
}

.services-list {
  display: block;
  margin: 30px 0 0 0;
}
.services-list .service-box {
  display: block;
  width: 454px;
  max-width: 25vw;
}
.services-list .service-box .service-image {
  display: block;
  width: 100%;
  padding: 14px;
  position: relative;
  border-radius: 1000px;
  overflow: hidden;
}
.services-list .service-box .service-image .img-border:before {
  border-color: #fff;
}
.services-list .service-box .service-image .img-border:after {
  background-color: #b0b4b5;
}
.services-list .service-box .service-image .img-box {
  display: block;
  border-radius: 1000px;
  position: relative;
  overflow: hidden;
}
.services-list .service-box .service-image .img-box > img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 1000px;
  object-fit: cover;
  object-position: top center;
  position: relative;
  z-index: 1;
}
.services-list .service-box .service-image .img-box .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  background-color: rgba(35, 44, 122, 0.81);
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  overflow: hidden;
  transition: 700ms;
}
.services-list .service-box .service-image .img-box .overlay .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  background-color: #fff;
  border-radius: 100px;
}
.services-list .service-box .service-image .img-box .overlay .icon img {
  display: block;
  width: 20px;
  height: auto;
}
.services-list .service-box .service-image .img-box:hover .overlay {
  transform: translate(-50%, -50%) scale(1);
}
.services-list .service-box h4 {
  display: block;
  text-align: center;
  font-family: "Good Times", serif;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  text-transform: uppercase;
  margin: 24px 0 0 0;
}
.services-list.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.services-list.owl-carousel .owl-nav button.owl-prev, .services-list.owl-carousel .owl-nav button.owl-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  margin-top: -40px;
}
.services-list.owl-carousel .owl-nav button.owl-prev span, .services-list.owl-carousel .owl-nav button.owl-next span {
  display: block;
  width: 20px;
  height: auto;
  font-size: 0;
  background: url(../images/slider-arrow-blue.svg) no-repeat center center;
  background-size: 100% auto;
}
.services-list.owl-carousel .owl-nav button.owl-prev:hover, .services-list.owl-carousel .owl-nav button.owl-next:hover {
  background-color: #232C7A;
}
.services-list.owl-carousel .owl-nav button.owl-prev:hover span, .services-list.owl-carousel .owl-nav button.owl-next:hover span {
  filter: brightness(0) invert(1);
}
.services-list.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0;
}
.services-list.owl-carousel .owl-nav button.owl-next span {
  transform: rotate(180deg);
}
.services-list .owl-item .img-border-c {
  transform: rotate(90deg);
}
.services-list .owl-item:nth-child(2n) .img-border-c {
  transform: rotate(-90deg);
}

.footer {
  display: block;
  border-top: 1px solid #D9D9D9;
}
.footer .footer-top {
  display: flex;
  flex-wrap: wrap;
  padding: 64px 0 48px 0;
}
.footer .footer-top > .colm {
  display: block;
  float: left;
  max-width: 25%;
  flex: 0 0 25%;
}
.footer .footer-top > .colm:last-child {
  max-width: 75%;
  flex: 0 0 75%;
  border-left: 1px solid #ECECEC;
  padding-left: 120px;
}
.footer .footer-top .footer-logo {
  display: inline-flex;
  align-items: center;
}
.footer .footer-top .footer-logo img {
  display: block;
  float: left;
  max-width: 186px;
}
.footer .footer-top .f-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -15px;
}
.footer .footer-top .f-row .f-colm {
  display: block;
  float: left;
  padding: 0 15px;
  max-width: 35%;
  flex: 0 0 35%;
}
.footer .footer-top .f-row .f-colm:first-child {
  max-width: 25%;
  flex: 0 0 25%;
}
.footer .footer-top .f-row .f-colm:last-child {
  max-width: 40%;
  flex: 0 0 40%;
}
.footer .footer-top .f-row .f-colm h2 {
  color: #232C7A;
  font-family: "Good Times", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.footer .footer-top .f-row .f-colm h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 41px;
  height: 2px;
  background-color: #232C7A;
}
.footer .footer-top .footer-menu {
  display: block;
  margin: 0;
}
.footer .footer-top .footer-menu li {
  display: block;
}
.footer .footer-top .footer-menu li:not(:first-child) {
  margin: 6px 0 0 0;
}
.footer .footer-top .footer-menu li a {
  display: inline-block;
  color: #A4A7A9;
  font-size: 16px;
  font-weight: 500;
  line-height: 27.2px;
}
.footer .footer-top .footer-menu li a:hover {
  color: #232C7A;
}
.footer .footer-top .footer-menu li.active a {
  color: #232C7A;
}
.footer .footer-top .adrs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 500;
  line-height: 27.2px;
  color: #A4A7A9;
  min-height: 32px;
  position: relative;
  padding-left: 44px;
  word-break: break-all;
}
.footer .footer-top .adrs:not(:first-child) {
  margin-top: 20px;
}
.footer .footer-top .adrs .icon {
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #A4A7A9;
  border-radius: 100px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.footer .footer-top .adrs .icon img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
}
.footer .copyright {
  display: block;
  border-top: 1px solid #ECECEC;
  padding: 20px 0;
  overflow: hidden;
}
.footer .copyright .copyright-sec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 110px;
}
.footer .copyright .copyright-sec .txt {
  display: block;
  float: left;
  color: #A4A7A9;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}
.footer .copyright .copyright-sec .copyright-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0 0 0 30px;
}
.footer .copyright .copyright-sec .copyright-links li {
  display: block;
  float: left;
}
.footer .copyright .copyright-sec .copyright-links li:not(:first-child) {
  margin-left: 24px;
}
.footer .copyright .copyright-sec .copyright-links li a {
  display: block;
  color: #A4A7A9;
  font-size: 16px;
  font-weight: 500;
  line-height: 27.2px;
}
.footer .copyright .copyright-sec .copyright-links li a:hover {
  color: #232C7A;
}

.social-links {
  display: flex;
  align-items: flex-start;
  margin: 44px 0 0 0;
}
.social-links li {
  display: block;
  float: left;
}
.social-links li:not(:last-child) {
  margin-right: 6px;
}
.social-links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: #fff;
  border: 1px solid #A4A7A9;
  border-radius: 100px;
  transition: 500ms;
}
.social-links li a img {
  display: block;
  width: 100%;
  height: auto;
  transition: 500ms;
}
.social-links li a:hover {
  background-color: #232C7A;
}
.social-links li a:hover img {
  filter: brightness(0) invert(1);
}

.inner-banner {
  display: block;
  background: url(../images/inner-banner-bg.jpg) no-repeat bottom center;
  background-size: cover;
  border-radius: 0 0 70px 70px;
  overflow: hidden;
}
.inner-banner > img {
  display: block;
  width: 100%;
  height: auto;
}
.inner-banner .inner-banner-area {
  display: block;
  position: relative;
}
.inner-banner .inner-banner-area .banner-img {
  display: block;
  float: left;
  margin-left: auto;
  max-width: 45%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.inner-banner .inner-banner-area .banner-img img {
  display: block;
  width: auto;
}
.inner-banner .inner-banner-area .inner-banner-text {
  display: flex;
  flex-wrap: wrap;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  min-height: 610px;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box .text {
  display: flex;
  flex-flow: column;
  max-width: 516px;
  position: relative;
  justify-content: center;
  height: 100%;
  padding: 60px 0;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box .text .arrow-btns {
  display: inline-flex;
  position: absolute;
  bottom: 40px;
  left: 0;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box .text .arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box .text .arrow img {
  display: block;
  width: 52px;
  height: auto;
  transition: 500ms;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box .text .arrow:hover img {
  transform: translate(0, 16px);
}
.inner-banner .inner-banner-area .inner-banner-text .text-box h2 {
  display: block;
  color: #232C7A;
  font-family: "Good Times", serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 54.88px;
  text-transform: uppercase;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box p {
  display: block;
  font-family: Inter;
  font-size: 22px;
  font-weight: 400;
  line-height: 37.4px;
  color: #737779;
  margin: 36px 0 0 0;
}
.inner-banner .inner-banner-area .inner-banner-text .text-box p strong {
  font-weight: 700;
}
.inner-banner.p-details-banner {
  position: relative;
}
.inner-banner.p-details-banner:before, .inner-banner.p-details-banner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 326px;
  background: linear-gradient(180deg, #232C7A 0%, rgba(35, 44, 122, 0) 100%);
}
.inner-banner.p-details-banner:after {
  top: auto;
  bottom: 0;
  height: 521px;
  opacity: 0.9;
  border-radius: 0 0 70px 70px;
  background: linear-gradient(0deg, rgba(30, 31, 39, 0.8) 0%, rgba(30, 31, 39, 0) 100%);
}

.page-nav-section {
  display: block;
  background-color: #fff;
  border-bottom: 1px solid #D8DCDF;
  border-radius: 0 0 70px 70px;
  position: sticky;
  top: 142px;
  z-index: 2;
}
.page-nav-section .page-navbar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-nav-section .page-navbar li,
.page-nav-section .page-navbar .list {
  display: block;
  float: left;
}
.page-nav-section .page-navbar li:not(:last-child),
.page-nav-section .page-navbar .list:not(:last-child) {
  margin-right: 60px;
}
.page-nav-section .page-navbar li a,
.page-nav-section .page-navbar .list a {
  display: flex;
  align-items: center;
  color: #A4A7A9;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 17.64px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: 500ms;
  min-height: 82px;
}
.page-nav-section .page-navbar li a:hover, .page-nav-section .page-navbar li a.active,
.page-nav-section .page-navbar .list a:hover,
.page-nav-section .page-navbar .list a.active {
  color: #232C7A;
}
.page-nav-section .slide-tab {
  display: block;
  padding: 0 26px;
}
.page-nav-section .slide-tab .owl-nav .owl-prev,
.page-nav-section .slide-tab .owl-nav .owl-next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: -26px;
}
.page-nav-section .slide-tab .owl-nav .owl-prev.disabled,
.page-nav-section .slide-tab .owl-nav .owl-next.disabled {
  display: none!important;
}
.page-nav-section .slide-tab .owl-nav .owl-prev span,
.page-nav-section .slide-tab .owl-nav .owl-next span {
  font-size: 0;
  width: 16px;
  height: 80px;
  background: url(../images/arrow-left.svg) no-repeat left center;
  background-size: 8px auto;
}
.page-nav-section .slide-tab .owl-nav .owl-next {
  left: auto;
  right: -26px;
}
.page-nav-section .slide-tab .owl-nav .owl-next span {
  transform: rotate(180deg);
}

.core-values-list {
  display: block;
  overflow: hidden;
  margin: 40px 0 0 0;
}
.core-values-list .core-values-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
.core-values-list .core-values-row .colm {
  display: block;
  float: left;
  max-width: 25%;
  flex: 0 0 25%;
  padding: 0 30px;
}
.core-values-list .core-values-row .colm:nth-child(2n) .core-value-box .core-circle .img-border-c {
  transform: rotate(-135deg);
}

.core-value-box {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.core-value-box .core-circle {
  display: block;
  width: 286px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  padding: 12px;
  overflow: hidden;
  border-radius: 1000px;
}
.core-value-box .core-circle .img-border-c {
  transform: rotate(45deg);
}
.core-value-box .core-circle .img-border:before {
  border-width: 4px;
  border-color: #fff;
}
.core-value-box .core-circle .img-border:after {
  background-color: #a8acaf;
  width: 80%;
}
.core-value-box .core-circle .circle-icon {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background-color: #232C7A;
  border-radius: 1000px;
  position: relative;
  z-index: 1;
}
.core-value-box .core-circle .circle-icon img {
  display: block;
  width: auto;
  max-width: 120px;
  height: auto;
}
.core-value-box h4 {
  display: block;
  color: #fff;
  font-family: "Good Times", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  text-transform: uppercase;
  margin: 18px 0 0 0;
}
.core-value-box p {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: center;
  margin: 16px 0 0 0;
}

.team-list-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.team-list-row .colm {
  display: block;
  float: left;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
  padding: 60px 15px 0 15px;
}
.team-list-row .colm .team-box {
  display: block;
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.team-list-row .colm .team-box .image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 1000px;
  padding: 12px;
  position: relative;
}
.team-list-row .colm .team-box .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 1000px;
  position: relative;
  z-index: 1;
}
.team-list-row .colm .team-box .image .img-border-c {
  transform: rotate(45deg);
}
.team-list-row .colm .team-box .image .img-border:before {
  border-width: 4px;
}
.team-list-row .colm .team-box .image .img-border:after {
  background-color: #F3F6F8;
}
.team-list-row .colm .team-box h4 {
  display: block;
  color: #232C7A;
  font-family: "Good Times", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30.8px;
  text-transform: uppercase;
  text-align: center;
  margin: 20px 0 0 0;
}
.team-list-row .colm .team-box .designation {
  display: block;
  color: #737779;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: center;
  margin: 6px 0 0 0;
}
.team-list-row .colm:nth-child(2n) .team-box .image .img-border-c {
  transform: rotate(225deg);
}

.service-list-row {
  display: flex;
  flex-wrap: wrap;
  margin: 38px -15px 0 -15px;
}
.service-list-row .colm {
  display: flex;
  flex-wrap: wrap;
  float: left;
  max-width: 50%;
  flex: 0 0 50%;
  padding: 15px;
}
.service-list-row .colm .service-list-box {
  display: block;
  border: 1px solid #D6D9DC;
  padding: 32px;
  border-radius: 10px;
  transition: 500ms;
}
.service-list-row .colm .service-list-box:hover {
  background-color: #fff;
}
.service-list-row .colm .service-list-box h4 {
  display: block;
  color: #232C7A;
  font-size: 26px;
  font-weight: 600;
  line-height: 28.6px;
  margin: 0;
}
.service-list-row .colm .service-list-box h4 a {
  color: #232C7A;
  transition: 500ms;
}
.service-list-row .colm .service-list-box h4 a:hover {
  color: #3a4ad7;
}
.service-list-row .colm .service-list-box p {
  display: block;
  color: #737779;
  font-size: 16px;
  font-weight: 500;
  line-height: 27.2px;
}
.service-list-row .colm .service-list-box p:not(:first-child) {
  margin: 16px 0 0 0;
}

.project-listing {
  display: block;
  overflow: hidden;
  margin: 28px 0 0 0;
}
.project-listing .project-listing-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
.project-listing .project-listing-row .colm {
  display: block;
  float: left;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
  padding: 30px;
}
.project-listing .project-listing-row .colm .project-box {
  display: flex;
  flex-flow: column;
  text-align: center;
  align-items: center;
}
.project-listing .project-listing-row .colm .project-box .project-image-c {
  display: block;
}
.project-listing .project-listing-row .colm .project-box .project-image-c .project-image {
  display: block;
  position: relative;
  border-radius: 1000px;
  padding: 16px;
  overflow: hidden;
}
.project-listing .project-listing-row .colm .project-box .project-image-c .project-image .img-border-c {
  transform: rotate(45deg);
}
.project-listing .project-listing-row .colm .project-box .project-image-c .project-image .img-border:before {
  border-width: 4px;
}
.project-listing .project-listing-row .colm .project-box .project-image-c .project-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: top center;
  border-radius: 1000px;
  position: relative;
  z-index: 1;
}
.project-listing .project-listing-row .colm .project-box h4 {
  display: block;
  color: #737779;
  font-family: "Good Times", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30.8px;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  max-width: 354px;
}
.project-listing .project-listing-row .colm .project-box .loc {
  display: block;
  color: #232C7A;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  max-width: 330px;
  margin: 30px 0 0 0;
}
.project-listing .project-listing-row .colm .project-box .btns {
  margin: 30px 0 0 0;
}
.project-listing .project-listing-row .colm:nth-child(2n) .project-box .project-image-c .project-image .img-border-c {
  transform: rotate(225deg);
}

.project-list-header {
  display: flex;
  flex-wrap: wrap;
}
.project-list-header .project-search {
  display: block;
  float: left;
  flex: 1;
  max-width: 384px;
  position: relative;
}
.project-list-header .project-search .screen-reader-text {
  display: none;
}
.project-list-header .project-search .form-control {
  display: block;
  border: 1px solid #DCE0E3;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.02);
  color: #646464;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  height: 48px;
  padding: 8px 24px 8px 60px;
  border-radius: 100px;
  transition: 500ms;
}
.project-list-header .project-search .form-control:focus {
  border-color: #232C7A;
}
.project-list-header .project-search .srch-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent !important;
  border: none !important;
  padding: 0;
  width: 60px;
  height: 48px;
  border-radius: 100px 0 0 100px;
  outline: none !important;
}
.project-list-header .project-search .srch-btn img {
  display: block;
  width: 24px;
  height: 24px;
}
.project-list-header .rgt-box {
  display: block;
  float: left;
  margin-left: auto;
  padding: 0 0 0 30px;
}
.project-list-header .rgt-box .form-select {
  height: 48px;
  border-color: #DCE0E3;
  border-radius: 100px;
  color: #646464;
  font-size: 14px;
}
.project-list-header .rgt-box .form-select:focus {
  border-color: #232C7A;
}

.border-btn {
  display: inline-flex;
  align-items: center;
  border: 1px solid #DCE0E3;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.02);
  border-radius: 100px;
  padding: 8px 30px;
  min-height: 48px;
  color: #232C7A;
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: 500ms;
}
.border-btn img {
  display: inline-block;
  margin: 0 10px 0 0;
  transition: 500ms;
}
.border-btn:hover {
  background-color: #232C7A;
  color: #fff;
}
.border-btn:hover img {
  filter: brightness(0) invert(1);
}

.load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #232C7A;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.94px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.load-more:not(:first-child) {
  margin: 40px 0 0 0;
}
.load-more .spinner-border {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0;
  border: none;
}
.load-more .spinner-border img {
  display: block;
  width: 100%;
  height: auto;
}

.project-details-section {
  display: block;
  padding: 100px 0;
}
.project-details-section .project-details {
  display: block;
  background: url(../images/bg-circle.png) no-repeat right bottom;
  background-color: #fff;
  background-size: auto 496px;
}
.project-details-section .project-details .project-details-row {
  display: flex;
  flex-wrap: wrap;
}
.project-details-section .project-details .project-details-row .colm {
  display: block;
  float: left;
  max-width: 60%;
  flex: 0 0 60%;
  padding: 0 90px 0 0;
}
.project-details-section .project-details .project-details-row .colm:last-child {
  max-width: 40%;
  flex: 0 0 40%;
  border-left: 1px solid #DEDEDE;
  padding: 0 0 0 90px;
}
.project-details-section .project-details .project-details-row .details-data {
  display: block;
  max-width: 675px;
}
.project-details-section .project-details .project-details-row h3 {
  display: block;
  color: #232C7A;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.project-details-section .project-details .project-details-row h2 {
  display: block;
  color: #232C7A;
  font-family: "Good Times", serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 72px;
  text-align: left;
  text-transform: uppercase;
}
.project-details-section .project-details .project-details-row p {
  display: block;
  color: #737779;
  font-size: 18px;
  font-weight: 500;
  line-height: 30.6px;
}
.project-details-section .project-details .project-details-row p:not(:first-child) {
  margin: 34px 0 0 0;
}
.project-details-section .project-details .project-details-row .details-infos {
  display: block;
}
.project-details-section .project-details .project-details-row .details-infos .info-list {
  display: block;
}
.project-details-section .project-details .project-details-row .details-infos .info-list:not(:first-child) {
  margin: 60px 0 0 0;
}
.project-details-section .project-details .project-details-row .details-infos .info-list h4 {
  display: block;
  color: #232C7A;
  font-size: 18px;
  font-weight: 600;
  line-height: 23.4px;
  text-transform: uppercase;
}
.project-details-section .project-details .project-details-row .details-infos .info-list p {
  display: block;
  color: #737779;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin: 6px 0 0 0;
}

.next-link {
  display: flex;
  flex-wrap: wrap;
  margin: 120px 0 0 0;
}
.next-link a {
  display: inline-flex;
  align-items: center;
  color: #737779;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  position: relative;
}
.next-link a:before {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  background: url(../images/slider-arrow-white-right.svg) no-repeat center center;
  background-size: 22px auto;
  background-color: #232C7A;
  border-radius: 100px;
  margin: 0 12px 0 0;
  transition: 500ms;
}
.next-link a:hover {
  color: #232C7A;
}
.next-link a:hover:before {
  background-color: #606ac3;
}

.details-slider-section {
  display: block;
  max-width: 1260px;
  margin: 60px auto 0 auto;
}
.details-slider-section .owl-stage-outer {
  border-radius: 30px;
}
.details-slider-section .item {
  border-radius: 30px;
  overflow: hidden;
}
.details-slider-section .item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}

.contact-infos {
  display: block;
  border-bottom: 1px solid #A4A7A9;
  padding: 0 0 78px 0;
  margin: 0 0 78px 0;
}
.contact-infos .contact-info-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.contact-infos .contact-info-row .colm {
  display: flex;
  float: left;
  padding: 15px;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
}
.contact-infos .contact-info-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  border: 1px solid #D2D5D7;
  padding: 24px;
  border-radius: 20px;
  width: 100%;
}
.contact-infos .contact-info-box .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  border-radius: 100px;
  background-color: #232C7A;
}
.contact-infos .contact-info-box .icon img {
  display: block;
  float: left;
  width: 44px;
  height: auto;
  filter: brightness(0) invert(1);
}
.contact-infos .contact-info-box h4 {
  display: block;
  color: #212121;
  font-family: "Good Times", serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 33.8px;
  text-align: center;
  margin: 24px 0 0 0;
}
.contact-infos .contact-info-box .txt {
  display: block;
  text-align: center;
  color: #A4A7A9;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  max-width: 256px;
  margin: 16px 0 0 0;
  word-break: break-all;
}
.contact-infos .contact-info-box .txt a {
  color: #232C7A;
}
.contact-infos .contact-info-box .txt a:hover {
  text-decoration: underline;
}
.contact-infos .contact-info-box .view {
  display: block;
  text-align: center;
  margin: 16px 0 0 0;
}
.contact-infos .contact-info-box .view a {
  display: inline-flex;
  color: #232C7A;
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
.contact-infos .contact-info-box .view a:hover {
  text-decoration: underline;
}

.contact-form-box {
  display: block;
  margin: 40px 0 0 0;
}

.job-listing {
  display: block;
  width: 894px;
  max-width: 100%;
  margin: 40px auto 0 auto;
}
.job-listing .job-list {
  display: block;
  border: 1px solid #D6D9DC;
  padding: 22px;
  border-radius: 10px;
}
.job-listing .job-list:not(:first-child) {
  margin: 24px 0 0 0;
}
.job-listing .job-list h4 {
  display: block;
  color: #232C7A;
  font-family: Inter;
  font-size: 26px;
  line-height: 28px;
  font-weight: 600;
}
.job-listing .job-list h4 a {
  display: inline-flex;
  color: #232C7A;
}
.job-listing .job-list h4 a:hover {
  text-decoration: underline;
}
.job-listing .job-list p {
  display: block;
  color: #737779;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  margin: 14px 0 0 0;
}
.job-listing .job-list .post-info {
  display: flex;
  flex-wrap: wrap;
  margin: 14px 0 0 0;
}
.job-listing .job-list .post-info .info {
  display: inline-flex;
  color: #A4A7A9;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  padding: 0 16px 0 0;
}
.job-listing .job-list .post-info .info span {
  color: #232C7A;
}
.job-listing .job-list .post-info .info:not(:first-child) {
  position: relative;
  padding: 0 0 0 20px;
}
.job-listing .job-list .post-info .info:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #D9D9D9;
  border-radius: 100px;
}
.job-listing .job-list .btns {
  margin: 16px 0 0 0;
}

.no-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.no-data p {
  display: block;
  background-color: #f2f2f2;
  margin: 0;
  padding: 10px 22px;
  border-radius: 100px;
  color: #232c7a;
  font-weight: 600;
}

.tab-data-area:not(.active) {
  display: none;
}

/* .contact-form-box .wpcf7-response-output{
  background-color: #f6fff7;
  color: #2e8436;
  border: 1px solid #46b450;
  border-radius: 6px;
  font-size: 16px;
  line-height: 19px;
  padding: 12px 16px;
  text-align: center;
} */

.page-content ul,
.page-content ol{
  display: block;
  margin: 24px 0 0 0;
}
.page-content ul li{
  display: block;
  color: #737779;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 30px;
  margin: 12px 0 0 0;
}
.page-content ul li:before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../images/list-check.svg) no-repeat center center;
  background-size: 10px auto;
  background-color: #232C7A;
  border-radius: 100px;
}
.page-content h3:not(:first-child),
.page-content h4:not(:first-child),
.page-content h5:not(:first-child),
.page-content h6:not(:first-child){
  margin: 24px 0 0 0;
}