@import url("https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@300;400;500;600;700;800;900&display=swap");



body {

  font-family: 'Saira Semi Condensed', sans-serif;

  font-size:16px;

  font-weight:400;

  color:#74787C;

  line-height:1.62;
  overflow-x: hidden;

}



img,

.img {

  max-width: 100%;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}



a,

button {

  color:#0c4069;

  outline: none;

  text-decoration: none;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}



a:focus,

.btn:focus,

.button:focus {

  text-decoration: none;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}



a:hover,

button:hover {

  color: #0c4069;

  text-decoration: none;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

  outline: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Saira Semi Condensed', sans-serif;

  color:#121212;

  margin-top: 0px;

  font-weight:600;

  line-height:1.2;

  text-transform: unset;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 2.5rem;

}



h2 {

  font-size: 2rem;

}



h3 {

  font-size: 1.75rem;

}



h4 {

  font-size: 1.5rem;

}



h5 {

  font-size: 1.25rem;

}



h6 {

  font-size: 1rem;

}



.list-wrap {

  margin: 0px;

  padding: 0px;

}

.list-wrap li {

  list-style: none;

}



p {

  font-family: 'Saira Semi Condensed', sans-serif;

  font-size:16px;

  line-height:1.62;

  font-weight:400;

  color:#74787C;

  margin-bottom: 15px;

}



hr {

  border-bottom: 1px solid gray;

  border-top: 0 none;

  margin: 30px 0;

  padding: 0;

}



label {

  color:#121212;

  cursor: pointer;

  font-size:16px;

  font-weight:400;

}



input[type=color] {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: none;

  border: 0;

  cursor: pointer;

  height: 100%;

  width: 100%;

  padding: 0;

  border-radius: 50%;

}



*::-moz-selection {

  background:#0c4069;

  color:#ffffff;

  text-shadow: none;

}



::-moz-selection {

  background:#0c4069;

  color:#ffffff;

  text-shadow: none;

}



::selection {

  background:#0c4069;

  color:#ffffff;

  text-shadow: none;

}





input,

textarea {

  color:#74787C;

}



*::-moz-placeholder {

  color:#74787C;

  font-size:16px;

  opacity: 1;

}



*::placeholder {

  color:#74787C;

  font-size:16px;

  opacity: 1;

}





.fix {

  overflow: hidden;

}



.clear {

  clear: both;

}



container {

  padding-left: 15px;

  padding-right: 15px;

}



.row {

  --bs-gutter-x: 30px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



.gx-0 {

  --bs-gutter-x: 0;

}



.gutter-20 {

  --bs-gutter-x: 20px;

}



.gutter-24 {

  --bs-gutter-x: 24px;

}



.container {

  max-width: 1410px;

}

@media (max-width: 1500px) {

  .container {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .container {

    max-width: 960px;
        overflow-x: hidden;

  }

}

@media (max-width: 991.98px) {

  .container {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .container {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .container {

    max-width: 540px;

  }

}



.west-wrap {

  max-width: 1750px;

}

@media (max-width: 1800px) {

  .west-wrap {

    max-width: 1680px;

  }

}

@media (max-width: 1500px) {

  .west-wrap {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .west-wrap {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .west-wrap {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .west-wrap {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .west-wrap {

    max-width: 540px;

  }

}



.west-wrap-two {

  max-width: 1900px;

}

@media (max-width: 1800px) {

  .west-wrap-two {

    max-width: 1680px;

  }

}

@media (max-width: 1500px) {

  .west-wrap-two {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .west-wrap-two {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .west-wrap-two {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .west-wrap-two {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .west-wrap-two {

    max-width: 540px;

  }

}



.west-wrap-three {

  max-width: 1530px;

}

@media (max-width: 1800px) {

  .west-wrap-three {

    max-width: 1530px;

  }

}

@media (max-width: 1500px) {

  .west-wrap-three {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .west-wrap-three {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .west-wrap-three {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .west-wrap-three {

    max-width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .west-wrap-three {

    max-width: 540px;

  }

}



.include-bg {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}





.westtech-btn-w {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.btn {

  user-select: none;

  -moz-user-select: none;

  background:#ffffff none repeat scroll 0 0;

  border: 1px solid#EDEDED;

  color: #0c4069;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  font-size: 16px;

  font-weight:600;

  font-family: 'Saira Semi Condensed', sans-serif;

  letter-spacing: 0;

  line-height: 1;

  margin-bottom: 0;

  padding: 19px 30px 18px;

  text-align: center;

  text-transform: uppercase;

  touch-action: manipulation;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  vertical-align: middle;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  white-space: nowrap;

  overflow: hidden;

  --arrow-hover-move-x: 110%;

  --arrow-hover-move-y: 100%;

  gap: 15px;

}

.btn svg {

  transition: all 0.3s ease-out 0s;

  width: 14px;

}

.btn svg path {

  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;

}

.btn svg path:nth-of-type(1) {

  transform: translateX(0) translateY(0);

  opacity: 1;

  transition-delay: 0.15s, 0.15s;

}

.btn svg path:nth-of-type(2) {

  transform: translateX(calc(-1 * var(--arrow-hover-move-x))) translateY(var(--arrow-hover-move-y));

  opacity: 0.5;

  transition-delay: 0s, 0s;

}

.btn:hover, .btn:focus-visible {

  background: #0c4069;

  color:#ffffff;

 /* border-color:#0c4069;*/

}

.btn:hover svg path:nth-of-type(1), .btn:focus-visible svg path:nth-of-type(1) {

  transform: translateX(var(--arrow-hover-move-x)) translateY(calc(-1 * var(--arrow-hover-move-y)));

  opacity: 0;

  transition-delay: 0s, 0s;

}

.btn:hover svg path:nth-of-type(2), .btn:focus-visible svg path:nth-of-type(2) {

  transform: translateX(0) translateY(0);

  opacity: 1;

  transition-delay: 0.15s, 0.15s;

}

.btn.white-btn {

  background:#ffffff;

  color:#171717;

}

.btn.white-btn svg path {

  stroke:#171717;

}

.btn-two {

    background: #19476c;

    /* border-color:#0c4069; */

    color:#ffffff;

}

.btn-two:hover, .btn-two:focus-visible {

  background:#0c4069;

  color:#ffffff;

  border-color:#0c4069;

}

.btn-three {

  background:#171717;

  color:#ffffff;

  border-color:#171717;

}

.btn-three:hover, .btn-three:focus-visible {

  background: #0c4069;

  color:#ffffff;

  border-color: #0c4069;

}



.transparent-btn {

  border: 1px solid rgba(255, 255, 255, 0.12);

  background: rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(7px);

  color:#ffffff;

}



.arrow-btn {

  --arrow-hover-move-x: -110%;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  transition: 0.3s linear;

}

.arrow-btn svg {

  color:#ffffff;

  width: 15px;

  transition: all 0.3s ease-out 0s;

  transform: translateY(-1px);

}

.arrow-btn svg path {

  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;

}

.arrow-btn svg path:nth-of-type(1) {

  transform: translateX(0);

  opacity: 1;

  transition-delay: 0.15s, 0.15s;

}

.arrow-btn svg path:nth-of-type(2) {

  transform: translateX(calc(1 * var(--arrow-hover-move-x)));

  opacity: 0.5;

  transition-delay: 0s, 0s;

}

.arrow-btn:focus-visible svg, .arrow-btn:hover svg {

  color:#121212;

}

.arrow-btn:focus-visible svg path:nth-of-type(1), .arrow-btn:hover svg path:nth-of-type(1) {

  transform: translateX(calc(-1 * var(--arrow-hover-move-x)));

  opacity: 0;

  transition-delay: 0s, 0s;

}

.arrow-btn:focus-visible svg path:nth-of-type(2), .arrow-btn:hover svg path:nth-of-type(2) {

  transform: translateX(0) translateY(0);

  opacity: 1;

  transition-delay: 0.15s, 0.15s;

}



.border-btn {

  font-size: 16px;

  font-weight: 600;

  border: 1px solid#0c4069;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  background: transparent;

  text-transform: uppercase;

  color:#0c4069;

  padding: 18px 29px;

}

.border-btn:hover {

  color:#ffffff;

      background: #7d7e7f;
    border-color: #7d7e7f;

}





#preloader {

  background-color:#ffffff;

  height: 100%;

  width: 100%;

  position: fixed;

  margin-top: 0px;

  top: 0px;

  z-index: 9999;

}

#preloader .loader .loader-container {

  position: absolute;

  top: 50%;

  left: 50%;

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

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

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

  width: 100px;

  height: 100px;

  border: 3px solid rgba(240, 240, 240, 0.7);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

#preloader .loader .loader-container::before {

  position: absolute;

  content: "";

  display: block;

  top: 50%;

  left: 50%;

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

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

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

  width: 100px;

  height: 100px;

  border-top: 3px solid#0c4069;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  animation: loaderspin 1.8s infinite ease-in-out;

  -webkit-animation: loaderspin 1.8s infinite ease-in-out;

}

#preloader .loader .loader-icon {

  position: absolute;

  top: 50%;

  left: 50%;

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

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

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

  width: 280px;

  text-align: center;

}

#preloader .loader .loader-icon img {

  animation: loaderpulse alternate 900ms infinite;

  width: 200px;

}



@keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@-webkit-keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes loaderpulse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}



.grey-bg {

  background:#F0EFEB;

}



.grey-bg-two {

  background:#F6F6F6;

}



.grey-bg-three {

  background:#F2F2F2;

}



.white-bg {

  background:#ffffff;

}



.black-bg {

  background: black;

}





.offCanvas-toggle {

  position: relative;

  margin-right: 40px;

  padding-right: 40px;

}

@media (max-width: 991.98px) {

  .offCanvas-toggle {

    margin-right: 25px;

    padding-right: 25px;

  }

}

@media (max-width: 767.98px) {

  .offCanvas-toggle {

    display: none;

  }

}

.offCanvas-toggle::before {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 60px;

  background:#D9D9D9;

}

.offCanvas-toggle .menu-tigger {

  color:#121212;

}

.offCanvas-toggle .menu-tigger:hover {

  color:#0c4069;

}

.offCanvas-toggle-two {

  margin-right: 0;

  padding-right: 0;

  padding-left: 40px;

}

.offCanvas-toggle-two::before {

  right: auto;

  left: 0;

  height: 104px;

}



.offCanvas__info {

  background:#ffffff none repeat scroll 0 0;

  height: 100%;

  padding: 30px;

  position: fixed;

  right: 0;

  top: 0;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  width: 340px;

  z-index: 999;

  overflow-y: scroll;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}

.offCanvas__info.active {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.offCanvas__info::-webkit-scrollbar {

  width: 0px;

}

.offCanvas__close-icon {

  margin-top: -16px;

  text-align: right;

}

.offCanvas__close-icon button {

  background: transparent;

  border: 0 none;

  color:#0c4069;

  cursor: pointer;

  font-size: 20px;

  padding: 0;

}

.offCanvas__logo img {

  max-height: 34px;

}

.offCanvas__side-info {

  border-top: 1px solid#0c4069;

  padding-top: 25px;

}

.offCanvas__side-info .contact-list h4 {

  color:#121212;

  font-weight: 700;

  font-size: 18px;

}

.offCanvas__side-info .contact-list p {

  color:#74787C;

  margin: 0;

  margin-bottom: 2px;

  line-height: 26px;

}

.offCanvas__social-icon a {

  color:#0c4069;

  display: inline-block;

  margin-right: 20px;

  text-align: center;

}

.offCanvas__social-icon a:hover {

  color:#171717;

}

.offCanvas__overly {

  position: fixed;

  background: #000;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.offCanvas__overly.active {

  opacity: 0.7;

  visibility: visible;

}





.breadcrumb__bg {

  background-size: cover;

  background-position: center;

  padding: 120px 0;

}

@media (max-width: 1199.98px) {

  .breadcrumb__bg {

    padding: 100px 0;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__bg {

    padding: 80px 0;

  }

}

.breadcrumb__content {

  display: inline-block;

  /* border: 1px solid #FFF;

  background: rgba(255, 255, 255, 0.03);

  backdrop-filter: blur(18px); */

  padding: 55px 90px 55px 60px;

}

@media (max-width: 1199.98px) {

  .breadcrumb__content {

    padding: 40px 70px 40px 40px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__content {

    padding: 25px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .breadcrumb__content {

    padding: 30px 35px;

  }

}

.breadcrumb__content .title {

  margin-bottom: 12px;

    font-size: 48px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1;
      background: #13456d;
    color: #fff;
    padding: 5px;
    display: inline-block;

}
.contact a {
    color: #0c4069;
}
.contact .manual__item span a{
    font-weight: 600;
        text-decoration: auto;
}
.bg-gry {
    background: #c3c3c3;
}
@media (max-width: 1500px) {

  .breadcrumb__content .title {

    font-size: 56px;

  }

}

@media (max-width: 1199.98px) {

  .breadcrumb__content .title {

    font-size: 52px;

  }

}

@media (max-width: 991.98px) {

  .breadcrumb__content .title {

    font-size: 48px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__content .title {

    font-size: 20px;

  }
  .breadcrumb__content .breadcrumb {
    background: #ffffff8a;
}

}

.breadcrumb__content .breadcrumb {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  margin-bottom: 0;

  gap: 6px;

}

.breadcrumb__content .breadcrumb > * {

  font-size: 16px;

  color:#0c4069;

  font-weight: 600;

  text-transform: uppercase;

}

.breadcrumb__content .breadcrumb > * a {

  color:#0d0e0e;

}

.breadcrumb__content .breadcrumb > * a:hover {

  color:#0c4069;

}

.breadcrumb__content .breadcrumb .breadcrumb-separator {

  line-height: 1;

  font-size: 16px;

  font-weight: 700;

  color:#74787C;

}





.westnav__search-form .select2-container {

  margin-left: -29px;

}

.westnav__search-form .select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 37px;

  padding-right: 28px;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: right 0.75rem center;

  background-size: 16px 12px;

  font-size: 14px;

  font-family: 'Saira Semi Condensed', sans-serif;

  color:#121212;

  font-weight: 500;

}

.westnav__search-form .select2-container .select2-selection--single {

  height: auto;

}



.course-category-dropdown {

  background:#ffffff;

  border: 1px solid#EDEDED;

  margin: 0 0;

}

.course-category-dropdown .select2-results__options {

  margin-top: 7px;

}

.course-category-dropdown .select2-results__option {

  padding: 1px 10px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.course-category-dropdown .select2-results__option--selectable:hover {

  background:#0c4069;

  color:#ffffff;

}





.mouse__up {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 0;

  position: fixed;

  bottom: -10%;

  right: 50px;

  font-size: 16px;

  border-radius: 0;

  z-index: 99;

  color:#121212;

  text-align: center;

  cursor: pointer;

  background:#ffffff;

  transition: 1s ease;

  border: 1px solid#E8E8E8;

}

@media (max-width: 1199.98px) {

  .mouse__up {

    right: 25px;

    bottom: 25px;

  }

}

@media (max-width: 991.98px) {

  .mouse__up {

    right: 30px;

  }

}

@media (max-width: 767.98px) {

  .mouse__up {

    right: 15px;

    width: 35px;

    height: 35px;

    font-size: 14px;

  }

}

.mouse__up.open {

  bottom: 30px;

}

@media (max-width: 767.98px) {

  .mouse__up.open {

    bottom: 15px;

  }

}

.mouse__up::after {

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.mouse__up:hover {

  background:#171717;

  border-color:#171717;

  color:#ffffff;

}





.section__title {

  position: relative;

  padding-top: 65px;

}

@media (max-width: 1199.98px) {

  .section__title {

    padding-top: 30px;

  }

}

.section__title-two {

  padding-top: 0;

}

.section__title .title {

  font-size: 48px;

  line-height: 1.2;

  margin: 0 0;

  text-transform: uppercase;

  font-weight: 600;

}

@media (max-width: 1500px) {

  .section__title .title {

    font-size: 45px;

  }

}

@media (max-width: 1199.98px) {

  .section__title .title {

    font-size: 42px;

  }

}

@media (max-width: 767.98px) {

  .section__title .title {

    font-size: 36px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .section__title .title {

    font-size: 36px;

  }

}

.section__title .number {

  font-size: 160px;

  font-weight: 600;

  line-height: 0.75;

  margin-bottom: 0;

  color:#F0F0F0;

  z-index: -1;

  position: absolute;

  left: -60px;

  top: 0;

}

@media (max-width: 1500px) {

  .section__title .number {

    left: -30px;

  }

}

@media (max-width: 1199.98px) {

  .section__title .number {

    font-size: 115px;

    left: -20px;

  }

}

@media (max-width: 767.98px) {

  .section__title .number {

    font-size: 100px;

    left: 0;

  }

}

.section__title p {

  margin-bottom: 0;

  margin-top: 15px;

}

@media (max-width: 767.98px) {

  .section__title p br {

    display: none;

  }

}

.section__title-three {

  padding-top: 0;

}

.section__title-three .sub-title {

  display: block;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  color:#0c4069;

  line-height: 1;

  margin-bottom: 15px;

}

.section__title-three .title {

  font-weight: 500;

  text-transform: capitalize;

}

.section__title.white-title .title {

  color:#ffffff;

}

.section__title.white-title .number {

  color:#121212;

}

.section__title.white-title p {

  color: #ACAACC;

}

.section__title .desc {

  margin: 10px 0 0;

}



@media (max-width: 991.98px) {

  .section__title.mb-70,

  .section__title.mb-60 {

    margin-bottom: 40px;

  }

}





.westnavmobile__search {

  padding: 0 20px 25px 25px;

}

.westnavmobile__search form {

  position: relative;

}

.westnavmobile__search input {

  display: block;

  width: 100%;

  border: none;

  padding: 10px 45px 10px 20px;

  font-size: 15px;

  height: 45px;

  background:#F6F6F6;

  color:#121212;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}

.westnavmobile__search input::placeholder {

  font-size: 15px;

  color:#74787C;

}

.westnavmobile__search button {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border: none;

  padding: 0;

  right: 20px;

  line-height: 1;

  background: transparent;

  color:#121212;

}

.westnavmobile__menu {

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  padding-right: 30px;

  max-width: 100%;

  height: 100%;

  z-index: 99;

  border-radius: 0px;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transform: translateX(101%);

  -moz-transform: translateX(101%);

  -ms-transform: translateX(101%);

  -o-transform: translateX(101%);

  transform: translateX(101%);

}

.westnavmobile__menu .navbar-collapse {

  display: block !important;

}

.westnavmobile__menu .nav-logo {

  position: relative;

  padding: 30px 25px;

  text-align: left;

}

.westnavmobile__menu .nav-logo img {

  width: 150px;

}

.westnavmobile__menu .navigation {

  position: relative;

  display: block;

  width: 100%;

  float: none;

  margin: 0;

  padding: 0;

}

.westnavmobile__menu .navigation li {

  position: relative;

  display: block;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.westnavmobile__menu .navigation li.active > a {

  color:#0c4069;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn {

  position: absolute;

  right: 20px;

  top: 6px;

  width: 32px;

  height: 32px;

  text-align: center;

  font-size: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#121212;

  background:#F0F0F0;

  cursor: pointer;

  border-radius: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 5;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {

  position: absolute;

  left: 50%;

  top: 50%;

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

  -ms-transform: translate(-50%, -50%) rotate(0);

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

  border-radius: 10px;

  width: 12px;

  height: 2px;

  background-color:#171717;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

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

  -ms-transform: translate(-50%, -50%) rotate(0);

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

  border-radius: 10px;

  width: 2px;

  height: 12px;

  background-color:#171717;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {

  background-color:#0c4069;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {

  background-color:#ffffff;

}

.westnavmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {

  display: none;

}

.westnavmobile__menu .navigation li > a {

  position: relative;

  display: block;

  padding: 10px 60px 10px 25px;

  font-size: 15px;

  font-weight: 600;

  color:#121212;

  text-transform: uppercase;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: none;

  letter-spacing: 1px;

}

.westnavmobile__menu .navigation li > a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  width: 2px;

  background:#0c4069;

  pointer-events: none;

}

.westnavmobile__menu .navigation li ul li > a {

  margin-left: 20px;

}

.westnavmobile__menu .navigation li ul li ul li a {

  margin-left: 40px;

}

.westnavmobile__menu .navigation li ul li ul li ul li a {

  margin-left: 60px;

}

.westnavmobile__menu .navigation li > ul {

  display: none;

}

.westnavmobile__menu .navigation li > ul > li > ul {

  display: none;

}

.westnavmobile__menu .navigation ul {

  padding: 0;

  margin: 0;

}

.westnavmobile__menu .navigation ul li a {

  display: block;

}

.westnavmobile__menu .navigation ul li ul li > a {

  font-size: 16px;

  margin-left: 20px;

  text-transform: capitalize;

}

.westnavmobile__menu .navigation:last-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.westnavmobile__menu .navigation > li > ul > li:first-child {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.westnavmobile__menu .navigation > li.active > a::before {

  height: 100%;

}

.westnavmobile__menu .close-btn {

  position: absolute;

  right: 15px;

  top: 28px;

  line-height: 30px;

  width: 35px;

  text-align: center;

  font-size: 14px;

  color:#0c4069;

  cursor: pointer;

  padding: 8px;

  z-index: 10;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.westnavmobile__menu .close-btn i[class^=flaticon-]:before {

  font-weight:700 !important;

}

.westnavmobile__menu-backdrop {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -webkit-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  opacity: 0;

  visibility: hidden;

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

}

.westnavmobile__menu .social-links ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  text-align: center;

  padding: 30px 20px 20px;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.westnavmobile__menu .social-links ul li {

  position: relative;

  display: inline-block;

  margin: 0px 6px 10px;

}

.westnavmobile__menu .social-links ul li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  position: relative;

  line-height: 32px;

  font-size: 16px;

  color:#171717;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: 1px solid #efefef;

  border-radius: 0;

}

.westnavmobile__menu .social-links ul li a:hover {

  border-color:#0c4069;

  background:#0c4069;

  color:#ffffff;

}

.westnavmobile__menu .westnav__action {

  padding: 0 0;

  margin: 0 0;

}

.westnavmobile__menu .westnav__action > ul {

  margin: 0 0;

  padding: 30px 20px 0;

  justify-content: center;

  gap: 0 15px;

}

.westnavmobile__menu .westnav__action > ul li {

  margin: 0 0;

}

.westnavmobile__menu .westnav__action > ul .header-btn {

  display: block;

}

.westnavmobile__menu-box {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  background:#ffffff;

  padding: 0px 0px;

  z-index: 5;

  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);

}

.westnavmobile__menu-outer .small-menu-hambuger {

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  display: none;

  color:#ffffff;

  margin-right: 30px;

  top: 15px;

}



.mobile-menu-visible {

  overflow: hidden;

}

.mobile-menu-visible .westnavmobile__menu {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%);

}

.mobile-menu-visible .westnavmobile__menu-backdrop {

  opacity: 1;

  visibility: visible;

}

.mobile-menu-visible .westnavmobile__menu .close-btn {

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

}





@-webkit-keyframes hoverShine {

  100% {

    left: 125%;

  }

}

@keyframes hoverShine {

  100% {

    left: 125%;

  }

}

.rotateme {

  -webkit-animation-name: rotateme;

  animation-name: rotateme;

  -webkit-animation-duration: 180s;

  animation-duration: 180s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}

.alltuchtopdown {

  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;

  animation-duration: 3s;

}



@keyframes alltuchtopdown {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

  50% {

    -webkit-transform: rotateX(0deg) translateY(-20px);

    -moz-transform: rotateX(0deg) translateY(-20px);

    -ms-transform: rotateX(0deg) translateY(-20px);

    -o-transform: rotateX(0deg) translateY(-20px);

    transform: rotateX(0deg) translateY(-20px);

  }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}

@-webkit-keyframes alltuchtopdown {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

  50% {

    -webkit-transform: rotateX(0deg) translateY(-20px);

    -moz-transform: rotateX(0deg) translateY(-20px);

    -ms-transform: rotateX(0deg) translateY(-20px);

    -o-transform: rotateX(0deg) translateY(-20px);

    transform: rotateX(0deg) translateY(-20px);

  }

  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -moz-transform: rotateX(0deg) translateY(0px);

    -ms-transform: rotateX(0deg) translateY(0px);

    -o-transform: rotateX(0deg) translateY(0px);

    transform: rotateX(0deg) translateY(0px);

  }

}

.img-custom-anim-left {

  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

  opacity: 0;

}



@keyframes img-anim-left {

  0% {

    transform: translateX(-5%);

    clip-path: inset(0 100% 0 0);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.img-custom-anim-right {

  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

  opacity: 0;

}



@keyframes img-anim-right {

  0% {

    transform: translateX(5%);

    clip-path: inset(0 0 0 100%);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

.img-custom-anim-top {

  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);

  opacity: 0;

}



@keyframes img-anim-top {

  0% {

    transform: translateY(-5%);

    clip-path: inset(0 0 100% 0);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}

@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}

.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes fadeRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -ms-transform: translateX(100px);

    transform: translateX(100px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

  }

}

.fadeRight2 {

  -webkit-animation-name: fadeRight2;

  animation-name: fadeRight2;

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@-webkit-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}



.type__modal {

  padding-top: 70px;

  padding-bottom: 100px;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background:#ffffff;

  backdrop-filter: blur(10px);

  z-index: 99;

  -webkit-transform: translateY(calc(-100% - 80px));

  -moz-transform: translateY(calc(-100% - 80px));

  -ms-transform: translateY(calc(-100% - 80px));

  -o-transform: translateY(calc(-100% - 80px));

  transform: translateY(calc(-100% - 80px));

  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition-delay: 0.5s;

}

.type__modal.search-opened {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%);

  transition-delay: 0s;

  z-index: 99999999;

}

.type__modal.search-opened .search__input {

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 0.3s;

}

.type__modal.search-opened .search__input::after {

  width: 100%;

  transition-delay: 0.5s;

}

.search__input {

  position: relative;

  height: 80px;

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  transition-delay: 0.5s;

  opacity: 0;

}

.search__input::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 0%;

  height: 1px;

  background-color:#0c4069;

  transition-delay: 0.3s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.search__input input {

  width: 100%;

  height: 100%;

  background-color: transparent;

  border: 0;

  outline: 0;

  font-size: 24px;

  color:#121212;

  border-bottom: 1px solid transparent;

  padding: 0;

  padding-right: 30px;

}

.search__input input::placeholder {

  font-size: 24px;

}

.search__input button {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 18px;

  color:#0c4069;

  border: none;

  padding: 0 0;

  background: transparent;

}

.search__close {

  position: absolute;

  top: 10%;

  right: 2%;

  z-index: 2;

}

.search-close-btn {

  margin: 0;

  padding: 0;

  border: none;

  color:#0c4069;

  cursor: pointer;

  background: transparent;

}

.search-popup-overlay {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 4;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  transition-delay: 0.5s;

  opacity: 0;

  visibility: hidden;

  background: #000d25;

}

.search-popup-overlay.search-popup-overlay-open {

  opacity: 0.55;

  visibility: visible;

  transition-delay: 0s;

}



.search-input-field ~ .search-focus-border {

  position: absolute;

  bottom: 0;

  left: auto;

  right: 0;

  width: 0;

  height: 1px;

  background-color:#0c4069;

  transition: all 0.5s;

}

.search-input-field:focus ~ .search-focus-border {

  width: 100%;

  left: 0;

  right: auto;

  transition: all 0.5s;

}





.transparent-header {

  position: absolute;

  left: 0;

  top: 0px;

  width: 100%;

  z-index: 9;

  height: auto;

}

@media (max-width: 767.98px) {

  .transparent-header {

    top: 0;

  }

}



.west-header__up {

  background-color: #19476c;

  padding: 7px 0;

}

@media (max-width: 991.98px) {

  .west-header__up-menu {

    display: none;

  }

}

.west-header__up-menu .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

}

.west-header__up-menu .list-wrap li a {

  color:#ffffff;

  text-transform: uppercase;

  font-size: 12px;

  position: relative;

  font-weight: 600;

}

.west-header__up-menu .list-wrap li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  /*height: 1px;*/

  background:#ffffff;

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.west-header__up-menu .list-wrap li a:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.west-header__up-delivery p {

  margin-bottom: 0;

  text-align: center;

  color:#ffffff;

  font-weight: 500;

  font-size: 14px;

}

@media (max-width: 991.98px) {

  .west-header__up-social {

    display: none;

  }

}

.west-header__up-social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 20px;

}

.west-header__up-social .list-wrap li a {

  font-size: 12px;

  font-weight: 600;

  color:#ffffff;

  position: relative;

}

.west-header__up-social .list-wrap li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background:#ffffff;

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

  -webkit-transform: scale(0, 1);

  -ms-transform: scale(0, 1);

  transform: scale(0, 1);

  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.west-header__up-social .list-wrap li a:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.westesch-headers__phone {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

  color: #E6EAEF;

  font-size: 14px;

  font-weight:500;

}

.westesch-headers__phone a {

  color: #E6EAEF;

}

.westesch-headers__phone a:hover {

  color:#ffffff;

}

.westesch-headers__phone img {

  opacity: 0.6;

}

@media (max-width: 1199.98px) {

  .west-header__posti {

    padding: 20px 0;

  }

}

.west-header__posti .small-menu-hambuger {

  position: relative;

  font-size: 30px;

  cursor: pointer;

  line-height: 1;

  color:#0c4069;

  display: none;

}

@media (max-width: 1199.98px) {

  .west-header__posti .small-menu-hambuger {

    display: block;

  }

}

.west-header__posti.sticky-menu {

  padding: 0 0;

}

@media (max-width: 1199.98px) {

  .west-header__posti.sticky-menu {

    padding: 20px 0;

  }

}

.westesch-headers__style-two .westnav__search-form {

  width: 450px;

}

@media (max-width: 1500px) {

  .westesch-headers__style-two .westnav__search-form {

    width: 360px;

  }

}

@media (max-width: 1199.98px) {

  .westesch-headers__style-two .westnav__search-form {

    width: 400px;

  }

}

@media (max-width: 991.98px) {

  .westesch-headers__style-two .westnav__search-form {

    width: auto;

  }

}

.west-header__posti-two {

  background:#F6F6F6;

}

.west-header__posti-three.sticky-menu .westnav__navbar-wrap > ul, .west-header__posti-three .westnav__navbar-wrap > ul {

  margin: 0 0 0 0;

}

.west-header__posti-three.sticky-menu .westnav__navbar-wrap > ul > li, .west-header__posti-three .westnav__navbar-wrap > ul > li {

  margin-right: 50px;

}

.west-header__posti-three.sticky-menu .westnav__navbar-wrap > ul > li:last-child, .west-header__posti-three .westnav__navbar-wrap > ul > li:last-child {

  margin-right: 0;

}

.west-header__posti-three.sticky-menu .westnav__navbar-wrap > ul > li > a, .west-header__posti-three .westnav__navbar-wrap > ul > li > a {

  padding: 18px 0;

}

.west-header__posti-three .offCanvas-toggle-two::before {

  height: 52px;

}

@media (max-width: 991.98px) {

  .westesch-headers__logo-area {

    display: none;

  }

}

.westesch-headers__logo-area-inner {

  border-bottom: 1px solid#D9D9D9;

  padding: 30px 0;

}

@media (max-width: 1199.98px) {

  .westesch-headers__logo-area-inner {

    padding: 20px 0;

  }

}

@media (max-width: 1199.98px) {

  .westesch-headers__logo-area .logo {

    display: none;

  }

}

.westesch-headers__logo-area .logo img {

  max-height: 45px;

}

.westesch-headers__logo-area-right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 40px;

  justify-content: flex-end;

}

@media (max-width: 1199.98px) {

  .westesch-headers__logo-area-right {

    justify-content: space-between;

  }

}

.westesch-headers__logo-area-two {

  border-bottom: 1px solid #F1EFE8;

}

.westesch-headers__logo-area-two .westesch-headers__logo-area-inner {

  border-bottom: none;

}

.westesch-headers__logo-area-two .westesch-headers__logo-area-right {

  gap: 60px;

}

@media (max-width: 1500px) {

  .westesch-headers__logo-area-two .westesch-headers__logo-area-right {

    gap: 40px;

  }

}

@media (max-width: 1199.98px) {

  .westesch-headers__logo-area-two .westesch-headers__logo-area-right {

    gap: 30px;

  }

}

@media (max-width: 1199.98px) {

  .westesch-headers__logo-area-two .westesch-headers__logo-area-right .header-btn-two {

    margin-right: 0;

  }

}

.westesch-headers__info-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px 60px;

}

@media (max-width: 1500px) {

  .westesch-headers__info-wrap {

    gap: 20px 40px;

  }

}

@media (max-width: 1199.98px) {

  .westesch-headers__info-wrap {

    gap: 20px 30px;

  }

}

.westesch-headers__info-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px;

}

.westesch-headers__info-item .icon {

  width: 45px;

  height: 45px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  color:#121212;

  line-height: 0;

  font-size: 18px;

  flex: 0 0 auto;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.westesch-headers__info-item .content span {

  display: block;

  font-size: 14px;

  line-height: 1;

  margin-bottom: 4px;

}

.westesch-headers__info-item .content .title {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 500;

}

.westesch-headers__info-item:hover .icon {

  color:#0c4069;

}

.westesch-headers__info-item-two .icon {

  background:#F0EFEB;

}



.westnav__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-start;

}

@media (max-width: 991.98px) {

  .westnav__nav {

    justify-content: space-between;

  }

}

.westnav__nav .logo img {

  max-height: 53px;

}

.westnav__navbar-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-grow: 1;

}

.westnav__navbar-wrap ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding: 0;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 0 auto;

}

@media (max-width: 1500px) {

  .westnav__navbar-wrap ul {

    margin: 0 auto 0 40px;

  }

}

.westnav__navbar-wrap ul li {

  display: block;

  position: relative;

  list-style: none;

}

.westnav__navbar-wrap ul li a {

  font-size: 16px;

  font-weight:600;

  text-transform: uppercase;

  color:#0c4069;

  font-family: 'Saira Semi Condensed', sans-serif;

  padding: 52px 24px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  line-height: 1;

  position: relative;

  z-index: 1;

  letter-spacing: 1.2px;

}

@media (max-width: 1500px) {

  .westnav__navbar-wrap ul li a {

    padding: 42px 13px;

  }

}

.westnav__navbar-wrap ul li .sub-menu {

  position: absolute;

  left: 0;

  top: 100%;

  min-width: 327px;

  border: 1px solid #f5f5f5;

  background:#ffffff;

  margin: 0;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  transform-origin: 0 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

  -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

  box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

  border-radius: 0;

  padding: 18px 0;

 /* display: block;*/

  visibility: hidden;

  opacity: 0;

  z-index: 9;

}

.westnav__navbar-wrap ul li .sub-menu.sub-menu-right {

  right: 0;

  left: auto;

}

.westnav__navbar-wrap ul li .sub-menu .sub-menu {

  right: auto;

  left: 100%;

  top: 0;

}

.westnav__navbar-wrap ul li .sub-menu li {

  margin-left: 0;

  text-align: left;

  display: block;

}

.westnav__navbar-wrap ul li .sub-menu li a {

  padding: 8px 15px 8px 25px;

  display: block;

  color:#0c4069;

  font-size: 15px;

  letter-spacing: 1px;

  text-transform: unset;

  line-height: 1.2;

}

.westnav__navbar-wrap ul li .sub-menu li:hover > a, .westnav__navbar-wrap ul li .sub-menu li.active > a {

  color: #7d7e7f;

}

.westnav__navbar-wrap ul li .sub-menu li:hover > a {

  -webkit-transform: translateX(8px);

  -moz-transform: translateX(8px);

  -ms-transform: translateX(8px);

  -o-transform: translateX(8px);

  transform: translateX(8px);

}

.westnav__navbar-wrap ul li:hover > .sub-menu {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

}

.westnav__navbar-wrap > ul > li.active a, .westnav__navbar-wrap > ul > li:hover a {

  color: #0c4069;

}

.westnav__navbar-wrap-two > ul {

  margin: 0 0 0 auto;

}

.westnav__navbar-wrap-two > ul > li {

  margin-right: 50px;

}

.westnav__navbar-wrap-two > ul > li:last-child {

  margin-right: 0;

}

.westnav__navbar-wrap-two > ul > li a {

  padding: 35px 0;

}

.westnav__navbar-wrap-three ul li a {

  color:#ffffff;

}

.westnav__main-menu li.menu-item-has-children .dropdown-btn {

  display: none;

}

.westnav__main-menu li.menu-item-has-children > a::after {

  content: "\f078";

  display: block;

  font-family: "Font Awesome 5 Free";

  font-size: 12px;

  font-weight:700;

  margin-left: 6px;

}

.westnav__search {

  margin-inline-end: 25px;

}

@media (max-width: 1199.98px) {

  .westnav__search {

    margin-left: auto;

  }

}

.westnav__search-form {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  width: 535px;

  border-radius: 100px;

  border: 1px solid #D3D2DF;

}

@media (max-width: 1800px) {

  .westnav__search-form {

    width: 485px;

  }

}

@media (max-width: 1500px) {

  .westnav__search-form {

    width: 380px;

  }

}

@media (max-width: 1199.98px) {

  .westnav__search-form {

    width: 500px;

  }

}

@media (max-width: 991.98px) {

  .westnav__search-form {

    width: auto;

  }

}

.westnav__search-form .select-grp {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background: transparent;

  border: none;

  padding: 12px 0 12px 17px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  width: 153px;

  flex: 0 0 auto;

  position: relative;

}

.westnav__search-form .select-grp::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 1px;

  height: 20px;

  background: #BDBABB;

}

@media (max-width: 991.98px) {

  .westnav__search-form .select-grp::after {

    display: none;

  }

}

.westnav__search-form .select-grp svg {

  width: 16px;

  height: 16px;

  flex: 0 0 auto;

}

.westnav__search-form .select-grp path {

  fill:#0c4069;

}

.westnav__search-form .form-select {

  outline: none;

  box-shadow: none;

  border: none;

  padding-left: 8px;

  color:#121212;

  font-family: 'Saira Semi Condensed', sans-serif;

  font-size: 14px;

}

.westnav__search-form .input-grp {

  position: relative;

  flex-grow: 1;

  margin-left: -1px;

}

@media (max-width: 991.98px) {

  .westnav__search-form .input-grp {

    display: none;

  }

}

.westnav__search-form input {

  display: block;

  width: 100%;

  background: transparent;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  padding: 12px 50px 10px 20px;

  height: 50px;

  font-size: 15px;

  font-family: 'Saira Semi Condensed', sans-serif;

}

.westnav__search-form input::placeholder {

  color: #8D9DB5;

  font-size: 14px;

}

.westnav__search-form [type=submit] {

  position: absolute;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 4px;

  width: 44px;

  height: 44px;

  border: none;

  padding: 0 0;

  background:#0c4069;

  font-size: 20px;

  color:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.westnav__search-form [type=submit]:hover {

  background:#171717;

  color:#121212;

}

.westnav__search-bar {

  flex-grow: 1;

}

@media (max-width: 1500px) {

  .westnav__search-bar {

    max-width: 240px;

  }

}

@media (max-width: 1199.98px) {

  .westnav__search-bar {

    max-width: 100%;

  }

}

@media (max-width: 991.98px) {

  .westnav__search-bar {

    display: none;

  }

}

.westnav__search-bar form {

  position: relative;

}

.westnav__search-bar form input {

  display: block;

  width: 100%;

  background:#ffffff;

  border: 1px solid#EDEDED;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -o-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

  padding: 12px 50px 10px 20px;

  height: 45px;

  font-size: 15px;

  font-family: 'Saira Semi Condensed', sans-serif;

}

.westnav__search-bar form input::placeholder {

  color: #8D9DB5;

  font-size: 14px;

}

.westnav__search-bar form [type=submit] {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(-90deg);

  -moz-transform: translateY(-50%) rotate(-90deg);

  -ms-transform: translateY(-50%) rotate(-90deg);

  -o-transform: translateY(-50%) rotate(-90deg);

  transform: translateY(-50%) rotate(-90deg);

  right: 10px;

  border: none;

  padding: 0 0;

  background: transparent;

  font-size: 24px;

  color: #8D9DB5;

}

.westnav__search-bar form [type=submit]:hover {

  color:#0c4069;

}

@media (max-width: 1199.98px) {

  .westnav__action {

    margin: 0 30px 0 auto;

  }

}

@media (max-width: 767.98px) {

  .westnav__action {

    display: none;

  }

}

.westnav__action > ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

}

.westnav__action > ul li {

  position: relative;

  margin-left: 30px;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .westnav__action > ul li {

    margin-left: 20px;

  }

}

.westnav__action > ul li.header-search a {

  font-size: 18px;

  color:#121212;

  line-height: 0;

}

.westnav__action > ul li.header-search a:hover {

  color:#0c4069;

}

.westnav__action > ul li.header-search-two a {

  color:#ffffff;

}

.westnav__action > ul li .cart-count {

  color:#121212;

  font-size: 20px;

  line-height: 0;

  margin: 0;

  position: relative;

}

.westnav__action > ul li .cart-count span {

  position: absolute;

  bottom: -4px;

  right: -11px;

  width: 20px;

  height: 20px;

  font-size: 12px;

  font-weight: 500;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#0c4069;

  color:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  z-index: 1;

}

.westnav__action > ul li .cart-count:hover {

  color:#0c4069;

}

.westnav__action > ul li .cart-count-two {

  color:#ffffff;

}

.westnav__action > ul li.header-btn {

  margin-left: 50px;

}

@media (max-width: 1199.98px) {

  .westnav__action > ul li.header-btn {

    margin-left: 40px;

  }

}

@media (max-width: 991.98px) {

  .westnav__action > ul li.header-btn {

    margin-left: 30px;

  }

}

.westnav__action > ul li.header-btn-three .btn {

  color:#171717;

}

.westnav__action > ul li.header-btn-three .btn:hover {

  color:#ffffff;

}

.westnav__action > ul li:first-child {

  margin-left: 0;

}

@media (max-width: 1500px) {

  .westnav__action > ul li.free-btn {

    display: none;

  }

}

.westnav__action > ul li.login-btn {

  padding: 0 0;

  margin-inline-start: 15px;

}

@media (max-width: 1199.98px) {

  .westnav__action > ul li.login-btn {

    display: none;

  }

}

.westnav__action > ul li.login-btn a {

  display: block;

  border-radius: 50px;

  padding: 12px 26px;

  border: 1px solid rgba(6, 35, 91, 0.19);

  background:#171717;

  font-size: 15px;

  color:#121212;

  font-weight: 600;

  line-height: 18px;

}

.westnav__action > ul li.login-btn a:hover {

  background:#0c4069;

  color:#ffffff;

}



.sticky-menu {

  position: fixed;

  left: 0;

  margin: auto;

  top: 0;

  width: 100%;

  z-index: 99;

  background:#ffffff;

  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

  border-radius: 0;

}

.sticky-menu ul li .sub-menu {

  -webkit-border-radius: 0 0 0 0px;

  -moz-border-radius: 0 0 0 0px;

  -o-border-radius: 0 0 0 0px;

  -ms-border-radius: 0 0 0 0px;

  border-radius: 0 0 0 0px;

}

.sticky-menu .westnav__navbar-wrap ul li a {

  padding: 40px 13px;

}

.sticky-menu .westnav__navbar-wrap-two ul li a {

  padding: 35px 0;

}



#header-fixed-height.active-height {

  display: block;

  height: 90px;

}



@media (max-width: 1199.98px) {

  .header-btn-two {

    margin-right: 40px;

  }

}

@media (max-width: 767.98px) {

  .header-btn-two {

    display: none;

  }

}

.header-btn-two .border-btn {

  padding: 14px 29px 13px;

}





.slider__bg {

  background-size: cover;

  background-position: center;

  min-height: 647px;

  padding: 20px 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

}

@media (max-width: 1500px) {

  .slider__bg {

    min-height: 600px;

  }

}

.slider__bg-two {

  background-size: cover;

  background-position: center;

  min-height: 900px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 120px 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 1500px) {

  .slider__bg-two {

    min-height: 620px;

  }

}

.slider__bg-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

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

  z-index: -1;

}

.slider__bg-three {

  background-size: cover;

  background-position: center;

  padding: 100px 0;

  border-bottom: 60px solid#0c4069;

  min-height: 850px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

@media (max-width: 1500px) {

  .slider__bg-three {

    min-height: 700px;

  }

}

@media (max-width: 1199.98px) {

  .slider__bg-three {

    min-height: 640px;

    border-bottom: 50px solid#0c4069;

  }

}

@media (max-width: 1199.98px) {

  .slider__bg-three {

    border-bottom: 30px solid#0c4069;

  }

}

.slider__content {

  /*background:#1D1D1D;*/

  position: relative;

  overflow: hidden;

  z-index: 1;

  padding: 95px 80px 100px;

  width: 100%;

}

@media (max-width: 1500px) {

  .slider__content {

    padding: 75px 80px 80px;

  }

}

@media (max-width: 1199.98px) {

  .slider__content {

    padding: 45px 50px 50px;

  }

}

@media (max-width: 991.98px) {

  .slider__content {

    text-align: center;

  }

}

@media (max-width: 767.98px) {

  .slider__content {

    padding: 35px 25px 40px;

  }

}

.slider__content::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  width: 180px;

  height: 965px;

  opacity: 0.55;

  /*background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);*/

  transform: translateY(-50%) rotate(135deg);

  z-index: -1;

}

.slider__content::after {

  content: "";

  position: absolute;

  left: 22%;

  top: 50%;

  width: 180px;

  height: 965px;

  opacity: 0.55;

 /* background: linear-gradient(180deg, #2E2E2E 0%, rgba(18, 18, 18, 0) 67.1%);*/

  transform: translateY(-50%) rotate(135deg);

  z-index: -1;

}

.slider__content .sub-title {

  font-size: 18px;

  font-weight: 500;

  text-transform: uppercase;

  color:#ffffff;

  display: inline-block;

  line-height: 1;

  position: relative;

  padding-right: 75px;

  margin-bottom: 22px;

}
.slider__content .text {
    color: #fcfcfc !important;
}


@media (max-width: 767.98px) {

  .slider__content .sub-title {

    margin-bottom: 15px;

  }

}

.slider__content .sub-title::before {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 62px;

  height: 2px;

  background:#ffffff;

}

.slider__content .title {

  margin-bottom: 48px;

  color:#ffffff;

  font-size: 60px;

  /*text-transform: uppercase;*/

  line-height: 1.15;

}

@media (max-width: 1500px) {

  .slider__content .title {

    font-size: 48px;

    margin-bottom: 40px;

  }

}

@media (max-width: 1199.98px) {

  .slider__content .title {

    font-size: 45px;

    margin-bottom: 30px;

  }

}

@media (max-width: 767.98px) {

    .slider__content .title {
        font-size: 28px;
    }
        .blog__post-content {
        padding: 30px 25px 13px !important;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .slider__content .title {

    font-size: 42px;

  }

}

.slider__content .btn {

  border-color:#ffffff;

}

.slider__content .btn:hover {

  border-color:#7d7e7f;
      color: #ffffff;
    background: #7d7e7f;
}

.slider__content-two {

  margin-left: 80px;

}
.blog__post-content h4.title a:hover {
    color: #7d7e7f;
}

@media (max-width: 1199.98px) {

  .slider__content-two {

    margin-left: 0;

  }

}

@media (max-width: 991.98px) {

  .slider__content-two {

    text-align: center;

  }

}

.slider__content-two .sub-title {

  display: block;

  font-size: 20px;

  font-weight: 600;

  color:#ffffff;

  text-transform: uppercase;

  letter-spacing: 1px;

  line-height: 1.2;

  margin-bottom: 28px;

}

@media (max-width: 767.98px) {

  .slider__content-two .sub-title {

    font-size: 18px;

    margin-bottom: 12px;

  }

}

.slider__content-two .title {

  margin-bottom: 70px;

  color:#ffffff;

  text-transform: uppercase;

  font-size: 90px;

  line-height: 1.1;

}

@media (max-width: 1500px) {

  .slider__content-two .title {

    font-size: 75px;

    margin-bottom: 50px;

  }

}

@media (max-width: 1199.98px) {

  .slider__content-two .title {

    font-size: 65px;

    margin-bottom: 40px;

  }

}

@media (max-width: 991.98px) {

  .slider__content-two .title {

    font-size: 60px;

    margin-bottom: 35px;

  }

}

@media (max-width: 767.98px) {

  .slider__content-two .title {

    font-size: 48px;

    margin-bottom: 30px;

  }

}

.slider__content-three {

  border: 1px solid rgba(255, 255, 255, 0.43);

  background: rgba(255, 255, 255, 0.4);

  backdrop-filter: blur(15px);

  padding: 100px 100px;

  margin-right: 65px;

}

@media (max-width: 1500px) {

  .slider__content-three {

    margin-right: 0;

    padding: 80px 80px;

  }

}

@media (max-width: 1199.98px) {

  .slider__content-three {

    padding: 60px 50px;

  }

}

@media (max-width: 991.98px) {

  .slider__content-three {

    padding: 50px 50px;

    text-align: center;

  }

}

@media (max-width: 767.98px) {

  .slider__content-three {

    padding: 40px 30px;

  }

}

.slider__content-three .sub-title {

  display: block;

  letter-spacing: 1.6px;

  text-transform: uppercase;

  line-height: 1;

  font-weight: 600;

  color:#0c4069;

  margin-bottom: 15px;

}

.slider__content-three .title {

  margin-bottom: 35px;

  font-size: 48px;

  font-weight: 500;

  line-height: 1.2;

}

@media (max-width: 1199.98px) {

  .slider__content-three .title {

    font-size: 42px;

  }

}

@media (max-width: 991.98px) {

  .slider__content-three .title {

    margin-bottom: 30px;

  }

}

@media (max-width: 767.98px) {

  .slider__content-three .title {

    font-size: 36px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .slider__content-three .title {

    font-size: 38px;

  }

}

.slider__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .slider__btn {

    justify-content: center;

  }

}

.slider__shape {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-position: center;

  background-size: cover;

}

.slider-active-two {

  position: relative;

}

.slider__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

@media (max-width: 991.98px) {

  .slider__nav {

    top: auto;

    transform: translateY(0);

    bottom: 0;

  }

}

.slider__nav button {

  width: 65px;

  height: 65px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  color:#ffffff;

  background:#171717;

  padding: 0;

}

@media (max-width: 991.98px) {

  .slider__nav button {

    width: 50px;

    height: 50px;

  }

}

.slider__nav button svg {

  width: 30px;

  height: 30px;

}

@media (max-width: 991.98px) {

  .slider__nav button svg {

    width: 24px;

    height: 24px;

  }

}

.slider__nav button:hover {

  background:#0c4069;

}

.slider__nav button.slider-button-next {

  background:#0c4069;

  margin-top: 65px;

}

@media (max-width: 991.98px) {

  .slider__nav button.slider-button-next {

    margin-top: 50px;

  }

}

.slider__nav button.slider-button-next:hover {

  background:#171717;

}



.slider__bg-three.swiper-slide-active .slider__content-three .sub-title, .slider__bg-three.swiper-slide-active .slider__content-two .sub-title, .slider__bg-three.swiper-slide-active .slider__content .sub-title,

.slider__bg-two.swiper-slide-active .slider__content-three .sub-title,

.slider__bg-two.swiper-slide-active .slider__content-two .sub-title,

.slider__bg-two.swiper-slide-active .slider__content .sub-title,

.slider__bg.swiper-slide-active .slider__content-three .sub-title,

.slider__bg.swiper-slide-active .slider__content-two .sub-title,

.slider__bg.swiper-slide-active .slider__content .sub-title {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

.slider__bg-three.swiper-slide-active .slider__content-three .title, .slider__bg-three.swiper-slide-active .slider__content-two .title, .slider__bg-three.swiper-slide-active .slider__content .title,

.slider__bg-two.swiper-slide-active .slider__content-three .title,

.slider__bg-two.swiper-slide-active .slider__content-two .title,

.slider__bg-two.swiper-slide-active .slider__content .title,

.slider__bg.swiper-slide-active .slider__content-three .title,

.slider__bg.swiper-slide-active .slider__content-two .title,

.slider__bg.swiper-slide-active .slider__content .title {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

.slider__bg-three.swiper-slide-active .slider__content-three .btn, .slider__bg-three.swiper-slide-active .slider__content-two .btn, .slider__bg-three.swiper-slide-active .slider__content .btn,

.slider__bg-two.swiper-slide-active .slider__content-three .btn,

.slider__bg-two.swiper-slide-active .slider__content-two .btn,

.slider__bg-two.swiper-slide-active .slider__content .btn,

.slider__bg.swiper-slide-active .slider__content-three .btn,

.slider__bg.swiper-slide-active .slider__content-two .btn,

.slider__bg.swiper-slide-active .slider__content .btn {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

.slider__bg-three.swiper-slide-active .slider__shape,

.slider__bg-two.swiper-slide-active .slider__shape,

.slider__bg.swiper-slide-active .slider__shape {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

  -webkit-animation-duration: 0.6s;

  animation-duration: 0.6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeRight2;

  animation-name: fadeRight2;

}





.banner__area {

  position: relative;

  background-size: cover;

  background-position: center;

  padding: 100px 0;

}

.banner__bg {

  background-size: cover;

  background-position: center;

  position: relative;

  z-index: 1;

}

.banner__bg-two {

  background-size: cover;

  background-position: center;

  position: relative;

  min-height: 800px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

  padding: 110px 0;

  z-index: 1;

}

@media (max-width: 1500px) {

  .banner__bg-two {

    min-height: 600px;

  }

}

@media (max-width: 991.98px) {

  .banner__bg-two {

    min-height: 500px;

  }

}

.banner__bg-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.5;

  background: #232323;

  mix-blend-mode: multiply;

  z-index: -1;

}

.banner__content {

  background:#ffffff;

  padding: 110px 100px 120px 115px;

  position: relative;

}

@media (max-width: 1800px) {

  .banner__content {

    padding: 110px 90px 120px 90px;

    margin-left: 0;

  }

}

@media (max-width: 1500px) {

  .banner__content {

    padding: 70px 50px 70px 60px;

  }

}

@media (max-width: 1199.98px) {

  .banner__content {

    padding: 70px 30px 70px 40px;

  }

}

@media (max-width: 991.98px) {

  .banner__content {

    padding: 70px 50px 70px 50px;

  }

}

@media (max-width: 767.98px) {

  .banner__content {

    padding: 40px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .banner__content {

    padding: 40px 40px 40px 40px;

  }

}

.banner__content .sub-title {

  display: block;

  line-height: 1;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  letter-spacing: 1.5px;

  color:#0c4069;

  margin-bottom: 14px;

}

.banner__content .title {

  margin-bottom: 30px;

  font-size: 60px;

  font-weight: 500;

  line-height: 1.1;

}

@media (max-width: 1500px) {

  .banner__content .title {

    font-size: 48px;

  }

}

@media (max-width: 1199.98px) {

  .banner__content .title {

    font-size: 42px;

    margin-bottom: 20px;

  }

}

@media (max-width: 767.98px) {

  .banner__content .title {

    font-size: 36px;

  }

}

.banner__content-two {

  text-align: right;

}

@media (max-width: 767.98px) {

  .banner__content-two {

    text-align: left;

  }

}

.banner__content-two .title-one {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 20px;

  justify-content: end;

  gap: 35px;

  align-items: center;

  color:#ffffff;

  text-transform: uppercase;

  font-size: 120px;

  line-height: 0.8;

  font-weight: 600;

  flex-wrap: wrap;

}

@media (max-width: 1500px) {

  .banner__content-two .title-one {

    font-size: 100px;

    gap: 30px;

  }

}

@media (max-width: 1199.98px) {

  .banner__content-two .title-one {

    font-size: 90px;

  }

}

@media (max-width: 991.98px) {

  .banner__content-two .title-one {

    font-size: 65px;

    gap: 20px;

  }

}

@media (max-width: 767.98px) {

  .banner__content-two .title-one {

    justify-content: flex-start;

    font-size: 50px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .banner__content-two .title-one {

    font-size: 60px;

  }

}

.banner__content-two .title-two {

  color:#ffffff;

  text-transform: uppercase;

  font-size: 120px;

  line-height: 0.8;

  font-weight: 600;

  margin-bottom: 0;

}

@media (max-width: 1500px) {

  .banner__content-two .title-two {

    font-size: 100px;

  }

}

@media (max-width: 1199.98px) {

  .banner__content-two .title-two {

    font-size: 90px;

  }

}

@media (max-width: 991.98px) {

  .banner__content-two .title-two {

    font-size: 65px;

  }

}

@media (max-width: 767.98px) {

  .banner__content-two .title-two {

    font-size: 50px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .banner__content-two .title-two {

    font-size: 60px;

  }

}

.banner__content-two .overlay-title {

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);

  color: transparent;

  margin-bottom: 0;

  font-size: 180px;

  text-transform: uppercase;

  line-height: 0.8;

  font-weight: 500;

  position: absolute;

  bottom: 26%;

  right: 15%;

  z-index: -1;

}

@media (max-width: 1800px) {

  .banner__content-two .overlay-title {

    right: 8%;

  }

}

@media (max-width: 1500px) {

  .banner__content-two .overlay-title {

    font-size: 150px;

    bottom: 35%;

    right: 6%;

  }

}

@media (max-width: 1199.98px) {

  .banner__content-two .overlay-title {

    font-size: 120px;

  }

}

@media (max-width: 991.98px) {

  .banner__content-two .overlay-title {

    font-size: 100px;

    bottom: 40%;

    right: 6%;

  }

}

@media (max-width: 767.98px) {

  .banner__content-two .overlay-title {

    font-size: 55px;

    bottom: 52%;

    right: auto;

    left: 2%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .banner__content-two .overlay-title {

    font-size: 65px;

    bottom: 52%;

    right: auto;

    left: 10%;

  }

}

.banner__list-box {

  margin-bottom: 50px;

}

@media (max-width: 1500px) {

  .banner__list-box {

    margin-bottom: 35px;

  }

}

@media (max-width: 767.98px) {

  .banner__list-box {

    margin-bottom: 25px;

  }

}

.banner__list-box li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: baseline;

  gap: 12px;

  margin-bottom: 4px;

}

.banner__list-box li:last-child {

  margin-bottom: 0;

}

.banner__list-box li i {

  transform: translateY(2px);

}

.banner__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

.banner__shape {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  z-index: -2;

}





.serv__container-three {

  background:#1D1D1D;

}

@media (max-width: 991.98px) {

  .serv__container-three {

    padding: 100px 0 70px;

  }

}

.features__item {

  margin-bottom: 30px;

  background:#F6F6F6;

  border: 1px solid#EDEDED;

  overflow: hidden;

  position: relative;

  z-index: 1;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.features__item:hover {

  border-color:#0c4069;

}

.features__item:hover .features__icon {

  border-color:#0c4069;

  color:#0c4069;

}

.features__item-two {

  background:#ffffff;

  padding: 60px 40px 60px 60px;

  margin-bottom: 25px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-direction: row-reverse;

  gap: 50px;

}

@media (max-width: 1500px) {

  .features__item-two {

    padding: 60px 40px;

    gap: 30px;

  }

}

@media (max-width: 1199.98px) {

  .features__item-two {

    padding: 30px 25px;

  }

}

@media (max-width: 767.98px) {

  .features__item-two {

    flex-wrap: wrap;

    gap: 25px;

  }

}

.features__item-three {

  background:#ffffff;

  margin-bottom: 25px;

}

.features__item-four {

  position: relative;

  z-index: 1;

  padding: 120px 0 115px;

}

@media (max-width: 991.98px) {

  .features__item-four {

    padding: 0;

    margin-bottom: 30px;

  }

}

.features__item-four::before {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 0;

  width: 1px;

  height: 200%;

  background: #2B2B2B;

  z-index: -1;

}

@media (max-width: 991.98px) {

  .features__item-four::before {

    display: none;

  }

}

.features__item-four:hover .features__content-four .number {

  color:#ffffff;

}

.features__thumb-two {

  width: 335px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .features__thumb-two {

    width: 270px;

  }

}

@media (max-width: 767.98px) {

  .features__thumb-two {

    width: 100%;

  }

}

.features__thumb-two img {

  width: 100%;

  height: 242px;

  object-fit: cover;

}

.features__thumb-three {

  position: relative;

}

.features__thumb-three img {

  height: 252px;

  object-fit: cover;

  width: 100%;

  clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);

}

.features__thumb-three:hover .features__icon-three {

  transform: translateX(-50%) translateY(7px);

}

.features__thumb-four img {

  height: 639px;

  clip-path: polygon(50% 9%, 100% 0, 100% 100%, 0 100%, 0 0);

}

@media (max-width: 1199.98px) {

  .features__thumb-four img {

    height: 600px;

  }

}

@media (max-width: 991.98px) {

  .features__thumb-four img {

    height: 350px;

    clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);

  }

}

@media (max-width: 991.98px) {

  .features__thumb-four img {

    height: 250px;

    clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);

  }

}

.features__icon {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 50px;

  line-height: 1;

  background:#ffffff;

  border-right: 1px solid#EDEDED;

  border-bottom: 1px solid#EDEDED;

  color:#121212;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.features__icon-two a {

  width: 60px;

  height: 60px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background:#0c4069;

  color:#ffffff;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 20px;

  box-shadow: 0px -13px 41px 0px rgba(0, 0, 0, 0.15) inset;

  line-height: 0;

}

.features__icon-two a::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100%;

  height: 100%;

  border: 1px solid#0c4069;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

  -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

  -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

  animation: pulse-border 1500ms ease-out infinite;

}

.features__icon-three {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#0c4069;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 0;

  color:#ffffff;

  font-size: 45px;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 767.98px) {

  .features__icon-three {

    width: 80px;

    height: 80px;

  }

}

.features__content {

  padding: 35px 50px 50px;

}

@media (max-width: 1199.98px) {

  .features__content {

    padding: 30px 25px 35px;

  }

}

@media (max-width: 991.98px) {

  .features__content {

    padding: 30px 30px 35px;

  }

}

.features__content .title {

  margin-bottom: 12px;

  font-size: 24px;

  font-weight: 500;

  text-transform: capitalize;

}

.features__content p {

  margin-bottom: 22px;

}

.features__content .btn {

  gap: 10px;

  padding: 14px 20px 13px;

}

.features__content-two .title {

  margin-bottom: 15px;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .features__content-two .title {

    font-size: 26px;

  }

}

.features__content-two .list-wrap {

  margin-bottom: 22px;

}

.features__content-two .list-wrap li {

  position: relative;

  font-size: 16px;

  padding-left: 15px;

  margin-bottom: 5px;

}

.features__content-two .list-wrap li:last-child {

  margin-bottom: 0;

}

.features__content-two .list-wrap li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 5px;

  height: 5px;

  background: #C4C4C4;

}

.features__content-two .btn {

  gap: 10px;

  padding: 14px 22px 13px;

}

.features__content-three {

  text-align: center;

  padding: 42px 20px;

}

@media (max-width: 1199.98px) {

  .features__content-three {

    padding: 30px 20px;

  }

}

.features__content-three .title {

  margin-bottom: 0;

  font-size: 24px;

  font-weight: 500;

}

.features__content-four {

  width: 80%;

}

@media (max-width: 1500px) {

  .features__content-four {

    width: 90%;

  }

}

@media (max-width: 1199.98px) {

  .features__content-four {

    width: 100%;

  }

}

.features__content-four .number {

  margin-bottom: 12px;

  color: rgba(240, 240, 240, 0.07);

  font-size: 48px;

  font-weight: 600;

  line-height: 0.8;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.features__content-four .title {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 20px;

  color:#ffffff;

}

@media (max-width: 1199.98px) {

  .features__content-four .title {

    font-size: 22px;

    margin-bottom: 15px;

  }

}

.features__content-four p {

  margin-bottom: 0;

}



.section-py-120 {

  padding: 60px 0;

}

@media (max-width: 767.98px) {

  .section-py-120 {

    padding: 32px 0;

  }

}



.section-pt-120 {

  padding-top: 120px;

}

@media (max-width: 767.98px) {

  .section-pt-120 {

    padding-top: 100px;

  }

}



.section-pb-90 {

  padding-bottom: 90px;

}

@media (max-width: 767.98px) {

  .section-pb-90 {

    padding-bottom: 70px;

  }

}



.section-pb-95 {

  padding-bottom: 95px;

}

@media (max-width: 767.98px) {

  .section-pb-95 {

    padding-bottom: 75px;

  }

}



.section-pb-120 {

  padding-bottom: 120px;

}

@media (max-width: 767.98px) {

  .section-pb-120 {

    padding-bottom: 100px;

  }

}





.whowe__area-three {

  background:#F8F8F8;

}

.westt__img-outer {

  position: relative;

  margin-right: 75px;

}

@media (max-width: 1199.98px) {

  .westt__img-outer {

    margin-right: 0;

  }

}

@media (max-width: 991.98px) {

  .westt__img-outer {

    margin-bottom: 50px;

  }

}

.westt__img-outer img {

 /* min-height: 450px;*/

  object-fit: cover;

  width: 100%;

}

.westt__img-outer-two {

  position: relative;

  text-align: right;

  margin-right: 60px;

}

@media (max-width: 1199.98px) {

  .westt__img-outer-two {

    margin-right: 0;

  }

}

@media (max-width: 991.98px) {

  .westt__img-outer-two {

    margin-bottom: 50px;

  }

}

.westt__img-outer-two img:nth-child(2) {

  position: absolute;

  width: 190px;

  height: 205px;

  object-fit: cover;

  left: 0;

  top: 35px;

  border: 5px solid#ffffff;

}

@media (max-width: 1199.98px) {

  .westt__img-outer-two img:nth-child(2) {

    width: 170px;

    height: 190px;

    top: 30px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-two img:nth-child(2) {

    display: none;

  }

}

.westt__img-outer-two img:nth-child(3) {

  position: absolute;

  width: 338px;

  height: 235px;

  object-fit: cover;

  left: 0;

  bottom: 60px;

  border: 5px solid#ffffff;

}

@media (max-width: 1199.98px) {

  .westt__img-outer-two img:nth-child(3) {

    width: 300px;

    height: 200px;

    bottom: 35px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-two img:nth-child(3) {

    display: none;

  }

}

.westt__img-outer-five {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 30px;

  position: relative;

  margin-right: 80px;

}

@media (max-width: 1500px) {

  .westt__img-outer-five {

    margin-right: 40px;

  }

}

@media (max-width: 1199.98px) {

  .westt__img-outer-five {

    margin-right: 0;

  }

}

@media (max-width: 991.98px) {

  .westt__img-outer-five {

    margin-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-five {

    padding-left: 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .westt__img-outer-five {

    padding-left: 0;

  }

}

.westt__img-outer-five img:nth-child(2) {

  position: absolute;

  bottom: 0;

  left: 0;

  border: 5px solid#ffffff;

}

@media (max-width: 1199.98px) {

  .westt__img-outer-five img:nth-child(2) {

    width: 250px;

  }

}

@media (max-width: 991.98px) {

  .westt__img-outer-five img:nth-child(2) {

    width: 290px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-five img:nth-child(2) {

    display: none;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .westt__img-outer-five img:nth-child(2) {

    display: block;

  }

}

@media (max-width: 1199.98px) {

  .westt__img-outer-five img:nth-child(3) {

    width: 200px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-five img:nth-child(3) {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .westt__img-outer-five img:nth-child(3) {

    width: 200px;

  }

}

.westt__img-outer-six {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  align-items: flex-start;

}

@media (max-width: 1199.98px) {

  .westt__img-outer-six {

    gap: 20px;

  }

}

@media (max-width: 991.98px) {

  .westt__img-outer-six {

    margin-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-six {

    flex-wrap: wrap;

  }

}

.westt__img-outer-six img {

  -webkit-border-radius: 0px 60px;

  -moz-border-radius: 0px 60px;

  -o-border-radius: 0px 60px;

  -ms-border-radius: 0px 60px;

  border-radius: 0px 60px;

  width: 320px;

  object-fit: cover;

}

@media (max-width: 1500px) {

  .westt__img-outer-six img {

    width: 290px;

  }

}

@media (max-width: 1199.98px) {

  .westt__img-outer-six img {

    width: 210px;

    height: 350px;

    -webkit-border-radius: 0px 40px;

    -moz-border-radius: 0px 40px;

    -o-border-radius: 0px 40px;

    -ms-border-radius: 0px 40px;

    border-radius: 0px 40px;

  }

}

@media (max-width: 767.98px) {

  .westt__img-outer-six img {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .westt__img-outer-six img {

    width: 240px;

  }

}

.westt__img-outer-six img:nth-child(1) {

  margin-top: 35px;

}

@media (max-width: 767.98px) {

  .westt__img-outer-six img:nth-child(1) {

    margin-top: 0;

  }

}

@media (max-width: 991.98px) {

  .whowe__img-three {

    margin-bottom: 50px;

  }

}

.whowe__img-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

  justify-content: space-between;

  background: #0c4069;

  padding: 10px 18px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

}

@media (max-width: 1199.98px) {

  .whowe__img-content {

    padding: 30px 25px;

  }

}

.whowe__img-content .title {

  color:#ffffff;

  margin-bottom: 0;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .whowe__img-content .title {

    font-size: 24px;

  }

}

.whowe__img-content .btn {

  border-color:#ffffff;

}

.whowe__img-content .btn:hover {

  background:#7d7e7f;

  border-color:#7d7e7f;

}

@media (max-width: 991.98px) {

  .whowe__img-four {

    margin-bottom: 50px;

  }

}

.whowe__img-four img {

  width: 100%;

  height: 635px;

  object-fit: cover;

}

@media (max-width: 991.98px) {

  .whowe__img-four img {

    height: 500px;

  }

}

@media (max-width: 767.98px) {

  .whowe__img-four img {

    height: 400px;

  }

}

.who__descp > p {

  margin-bottom: 45px;

  font-size: 18px;

}

.who__descp-two p {

  margin-bottom: 30px;

}

.who__descp-bottom {

  background:#F8F8F8;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 25px 30px 25px 40px;

  gap: 20px;

  justify-content: space-between;

  flex-wrap: wrap;

}

@media (max-width: 1500px) {

  .who__descp-bottom {

    padding: 25px 30px 25px 30px;

  }

}

@media (max-width: 1199.98px) {

  .who__descp-bottom {

    padding: 20px;

  }

}

@media (max-width: 991.98px) {

  .who__descp-bottom {

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .who__descp-bottom {

    padding: 20px;

  }

}

.who__descp-bottom .btn:hover {

  background:#171717;

  border-color:#171717;

}

.who__descp-bottom-two {

  background:#ffffff;

  padding: 25px 30px;

}

@media (max-width: 767.98px) {

  .who__descp-bottom-two {

    padding: 20px;

  }

}

.who__descp-bottom-two .whowe__customer-box .title {

  font-size: 20px;

}

.who__descp-bottom-three {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

/*  align-items: center;*/

  gap: 20px 45px;

}

.ourprograms__details-content {

    text-align: justify;

}

@media (max-width: 1199.98px) {

  .who__descp-bottom-three {

    gap: 20px 30px;

  }

}

@media (max-width: 767.98px) {

  .who__descp-bottom-three {

    gap: 20px 20px;

    flex-wrap: wrap;

  }

}

.who__descp-bottom-three .btn:hover {

  background:#171717;

  border-color:#171717;

}

.who__descp-three p {

  margin-bottom: 50px;

}

.who__descp-four {

  margin-left: 30px;

}

@media (max-width: 1199.98px) {

  .who__descp-four {

    margin-left: 0;

  }

}

.who__descp-four p {

  margin-bottom: 40px;

}

.who__descp-four-inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 30px;

  margin-left: -135px;

  margin-bottom: 50px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .who__descp-four-inner {

    margin-left: 0;

    margin-bottom: 40px;

  }

}

.who__descp-four-inner img {

  height: 130px;

  width: 250px;

  object-fit: cover;

  box-shadow: 0px 14px 31px 0px rgba(0, 0, 0, 0.1);

  border-bottom: 5px solid#0c4069;

  z-index: 1;

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .who__descp-four-inner img {

    width: 210px;

  }

}

.who__descp-four-bottom {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 50px;

  flex-wrap: wrap;

}

@media (max-width: 1199.98px) {

  .who__descp-four-bottom {

    gap: 25px;

  }

}

.who__dets-five {

  margin-left: -40px;

}

@media (max-width: 1500px) {

  .who__dets-five {

    margin-left: 0;

  }

}

.who__dets-five p {

  margin-bottom: 25px;

}

.who__dets-five .banner__list-box {

  margin-bottom: 45px;

}

@media (max-width: 1199.98px) {

  .who__dets-five .banner__list-box {

    margin-bottom: 30px;

  }

}

.who__dets-five .banner__list-box li i {

  color:#121212;

}

.who__descp-six {

  margin-left: 50px;

}

@media (max-width: 1500px) {

  .who__descp-six {

    margin-left: 0;

  }

}

.who__descp-six p {

  margin-bottom: 40px;

  width: 80%;

}

@media (max-width: 1199.98px) {

  .who__descp-six p {

    width: 100%;

    margin-bottom: 25px;

  }

}

.whowe__customer-box {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px;

}

.whowe__customer-box .title {

  margin-bottom: 0;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 767.98px) {

  .whowe__customer-box .title {

    font-size: 25px;

  }

}

.whowe__customer-box .customer {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

.whowe__customer-box .customer li {

  width: 70px;

  flex: 0 0 auto;

  margin-left: -35px;

}

.whowe__customer-box .customer li:nth-child(1) {

  margin-left: 0;

}

.whowe__customer-box .customer li img {

  width: 70px;

  height: 70px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 5px solid#F8F8F8;

}

.whowe__list-box {

  padding: 0 30px;

}

@media (max-width: 1199.98px) {

  .whowe__list-box {

    padding: 0 10px;

  }

}

@media (max-width: 767.98px) {

  .whowe__list-box {

    padding: 0;

  }

}

.whowe__list-box-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  margin: 0 -30px;

}

@media (max-width: 1199.98px) {

  .whowe__list-box-wrap {

    margin: 0 -10px;

  }

}

@media (max-width: 767.98px) {

  .whowe__list-box-wrap {

    flex-wrap: wrap;

    gap: 20px 0;

    margin: 0;

  }

}

.whowe__list-box .icon {

  width: 90px;

  height: 90px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#F6F6F6;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 50px;

  line-height: 0;

  color:#0c4069;

  margin-bottom: 40px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 767.98px) {

  .whowe__list-box .icon {

    margin-bottom: 30px;

  }

}

.whowe__list-box .content {

  position: relative;

  border-top: 1px solid#ECECEC;

  padding-top: 20px;

}

.whowe__list-box .content .title {

  margin-bottom: 10px;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .whowe__list-box .content .title {

    font-size: 22px;

  }

}

.whowe__list-box .content p {

  margin-bottom: 0;

}

.whowe__list-box:hover .icon {

  transform: rotateY(180deg);

}

.whowe__list-box-two .list-wrap li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 10px;

}

.whowe__list-box-two .list-wrap li:last-child {

  margin-bottom: 0;

}

.whowe__list-box-two .list-wrap li::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 5px;

  height: 5px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background:#0c4069;

}

.whowe__inner-wrap {

  background:#F2F2F2;

  margin: 30px 30px;

  padding: 120px 0;

}

@media (max-width: 1500px) {

  .whowe__inner-wrap {

    margin: 20px 20px;

  }

}

@media (max-width: 767.98px) {

  .whowe__inner-wrap {

    padding: 100px 0;

    margin: 20px 10px;

  }

}

.whowe__inner-list li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: baseline;

  gap: 12px;

  margin-bottom: 5px;

}

.whowe__inner-list li:last-child {

  margin-bottom: 0;

}

.whowe__inner-list li i {

  color:#0c4069;

}

.whowe__author {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px;

}

.whowe__author .thumb {

  width: 60px;

  flex: 0 0 auto;

}

.whowe__author .thumb img {

  border-radius: 50%;

}

.whowe__author .content .title {

  margin-bottom: 5px;

  font-size: 22px;

}

.whowe__author .content span {

  display: block;

  line-height: 1;

}



.bestofus__wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 30px;

  margin-bottom: 40px;

}

@media (max-width: 767.98px) {

  .bestofus__wrap {

    flex-wrap: wrap;

  }

}

.bestofus__box {

  text-align: center;

  border: 1px solid#F2F2F2;

  background:#ffffff;

  box-shadow: 0px 13px 25px 0px rgba(0, 0, 0, 0.05);

  padding: 22px 23px;

  flex: 0 0 auto;

}

.bestofus__box .title {

  font-size: 40px;

  color:#0c4069;

  margin-bottom: 5px;

  font-weight: 600;

  line-height: 1;

}

.bestofus__box span {

  font-size: 16px;

  line-height: 1.3;

  display: block;

}

.bestofus__box-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background:#0c4069;

  padding: 38px 40px;

  position: absolute;

  left: 60px;

  top: 50px;

  gap: 10px;

}

@media (max-width: 1199.98px) {

  .bestofus__box-two {

    left: 15px;

    top: 40px;

  }

}

@media (max-width: 767.98px) {

  .bestofus__box-two {

    padding: 20px;

    left: 0;

  }

}

.bestofus__box-two .title {

  margin-bottom: 0;

  line-height: 0.8;

  font-size: 48px;

  font-weight: 600;

  color:#ffffff;

}

.bestofus__box-two span {

  display: block;

  font-size: 16px;

  font-weight: 600;

  color:#ffffff;

  text-transform: uppercase;

  line-height: 1.2;

}





.numbers__area {

  background: #19476c;

}

@media (max-width: 991.98px) {

  .numbers__area {

    padding: 20px 0;

  }

}

.numbers__area-three {

  background:#F6F6F6;

}

.numbers__area-four {

  position: relative;

}

.numbers__bg {

  background-size: cover;

  background-position: center;

  background-attachment: fixed;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 200px;

}

.numbers__bg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(2, 7, 13, 0.53);

}

.numbers__item {

  position: relative;

  padding: 60px 0;

  text-align: center;

}

@media (max-width: 1199.98px) {

  .numbers__item {

    gap: 10px;

  }

}

@media (max-width: 991.98px) {

  .numbers__item {

    padding: 20px 0;

  }

}

.numbers__item::before {

  content: "";

  position: absolute;

  right: -15px;

  top: 0;

  width: 1px;

  height: 100%;

  background: #ffffff;

}

@media (max-width: 991.98px) {

  .numbers__item::before {

    display: none;

  }

}

.numbers__item-wrap .row [class*=col-]:last-child .numbers__item::before {

  display: none;

}

.numbers__item-wrap-two {

  margin-right: 25px;

}

@media (max-width: 1199.98px) {

  .numbers__item-wrap-two {

    margin-right: 0;

  }

}

.numbers__item-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  position: relative;

  border: 1px solid#E8E8E8;

  background:#ffffff;

  margin-bottom: 60px;

  margin-top: 15px;

  padding: 18px 35px;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .numbers__item-two {

    padding: 18px 25px;

  }

}

@media (max-width: 767.98px) {

  .numbers__item-two {

    padding: 18px 20px;

  }

}

.numbers__item-two:last-child {

  margin-bottom: 15px;

}

.numbers__item-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: -15px;

  bottom: -15px;

  background:#0c4069;

  width: 183px;

  z-index: -1;

  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);

}

@media (max-width: 767.98px) {

  .numbers__item-two::before {

    width: 150px;

  }

}

.numbers__item-two .count {

  margin-bottom: 0;

  line-height: 0.8;

  font-size: 40px;

  font-weight: 600;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  color:#ffffff;

  min-width: 102px;

}

@media (max-width: 767.98px) {

  .numbers__item-two .count {

    font-size: 35px;

    min-width: 90px;

  }

}

.numbers__item-two .icon {

  width: 74px;

  height: 74px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid#0c4069;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 40px;

  line-height: 0;

  color:#0c4069;

  margin-right: 20px;

  background:#ffffff;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  flex: 0 0 auto;

}

@media (max-width: 767.98px) {

  .numbers__item-two .icon {

    width: 60px;

    height: 60px;

    font-size: 30px;

    margin-right: 10px;

  }

}

.numbers__item-two .title {

  margin-bottom: 0;

  font-size: 24px;

  font-weight: 500;

  text-transform: capitalize;

}

@media (max-width: 767.98px) {

  .numbers__item-two .title {

    font-size: 22px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .numbers__item-two .title {

    font-size: 24px;

  }

}

.numbers__item-two:hover .icon {

  transform: rotateY(180deg);

}

.numbers__item-three {

  border: 1px solid#EDEDED;

  background:#ffffff;

  margin-bottom: 30px;

  position: relative;

  overflow: hidden;

  z-index: 1;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.numbers__item-three:hover {

  border-color:#0c4069;

}

.numbers__item-three:hover .numbers__icon-three {

  border-color:#0c4069;

  color:#0c4069;

}

.numbers__item-four {

  background:#F8F8F8;

}

.numbers__item-five {

  background:#F8F8F8;

  border: 1px solid#EDEDED;

  padding: 45px 50px;

  margin-bottom: 25px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 1199.98px) {

  .numbers__item-five {

    padding: 30px 30px;

  }

}

.numbers__item-five:hover {

  background:#ffffff;

  transform: translateY(-5px);

}

.numbers__item-five .title {

  margin-bottom: 18px;

  font-size: 24px;

  font-weight: 500;

}

.numbers__item-five .count {

  margin-bottom: 45px;

  line-height: 0.8;

  font-size: 48px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .numbers__item-five .count {

    margin-bottom: 25px;

  }

}

@media (max-width: 767.98px) {

  .numbers__item-five .count {

    font-size: 42px;

  }

}

.numbers__item-five p {

  margin-bottom: 0;

}

.numbers__icon {

  width: 130px;

  height: 130px;

  flex: 0 0 auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 55px;

  color: #0c4069;

  line-height: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  /* background: linear-gradient(180deg, #0c4069 0%, rgb(23 23 23 / 0%) 100%); */

  margin: 0 auto -8px;

}

@media (max-width: 1199.98px) {

  .numbers__icon {

    width: 60px;

    height: 60px;

    font-size: 30px;

  }

}

@media (max-width: 991.98px) {

  .numbers__icon {

    width: 80px;

    height: 80px;

    font-size: 35px;

  }

}

.numbers__icon-three {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid#EDEDED;

  line-height: 0;

  color:#121212;

  font-size: 50px;

  margin-left: -1px;

  margin-top: -1px;

  background:#ffffff;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.numbers__content .count {

  margin-bottom: 8px;

  color:#ffffff;

  line-height: 0.8;

  font-size: 40px;

  font-weight: 600;

}

@media (max-width: 1199.98px) {

  .numbers__content .count {

    font-size: 36px;

  }

}

.numbers__content p {

  margin-bottom: 0;

  font-size: 18px;

  line-height: 1;

  text-transform: uppercase;

  color:#ffffff;

  font-weight: 600;

}

.numbers__content-three {

  padding: 45px 50px 45px;

}

@media (max-width: 1199.98px) {

  .numbers__content-three {

    padding: 35px 25px 35px;

  }

}

.numbers__content-three .count {

  margin-bottom: 10px;

  font-size: 48px;

  line-height: 0.8;

  font-weight: 500;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}

@media (max-width: 1199.98px) {

  .numbers__content-three .count {

    font-size: 42px;

  }

}

.numbers__content-three p {

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  color:#121212;

}





.ourprograms__inner-wrap {

  background:#171717;

  margin: 0 30px;

  padding: 120px 0 90px;

}

@media (max-width: 1500px) {

  .ourprograms__inner-wrap {

    margin: 0 20px;

  }

}

@media (max-width: 767.98px) {

  .ourprograms__inner-wrap {

    padding: 100px 0 70px;

    margin: 0 10px;

  }

}

.ourprogrm__lists {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  width: 100%;

  padding: 40px 60px;

}

@media (max-width: 1199.98px) {

  .ourprogrm__lists {

    padding: 25px 25px;

  }

}

@media (max-width: 991.98px) {

  .ourprogrm__lists {

    display: none;

  }

}

.ourprogrm__lists-hidden {

  opacity: 0;

  visibility: hidden;

  padding: 40px 40px;

}

@media (max-width: 1199.98px) {

  .ourprogrm__lists-hidden {

    padding: 25px 25px;

  }

}

@media (max-width: 991.98px) {

  .ourprogrm__lists-hidden {

    visibility: visible;

    opacity: 1;

    padding: 40px 40px;

  }

}

@media (max-width: 767.98px) {

  .ourprogrm__lists-hidden {

    padding: 30px 30px;

  }

}

.ourprogrm__lists-two {

  margin-bottom: 25px;

}

.ourprogrm__lists-four {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  padding: 25px 30px 30px;

  background:#ffffff;

  gap: 20px;

  border: 1px solid#EDEDED;

  margin-bottom: 10px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  box-shadow: 0px 8px 30px 0px rgba(106, 106, 106, 0.01);

  position: relative;

  z-index: 1;

}

@media (max-width: 1500px) {

  .ourprogrm__lists-four {

    padding: 25px 20px 30px;

    gap: 15px;

  }

}

.ourprogrm__lists-four:hover {

  border-color:#0c4069;

}

.ourprogrm__lists-four:hover .ourprograms__icon-four {

  transform: rotateY(180deg);

}

.ourprogrm__lists-wrap {

  margin-left: -190px;

}

@media (max-width: 991.98px) {

  .ourprogrm__lists-wrap {

    margin-left: 0;

  }

}

.ourprogrm__lists-wrap .row {

  --bs-gutter-x: 10px;

}

.ourprogrm__lists-five {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background:#ffffff;

  overflow: hidden;

  position: relative;

  margin-bottom: 25px;

}

.ourprogrm__lists-five:hover .ourprograms__thumb-five {

  width: 100%;

}

.ourprogrm__lists-five:hover .ourprograms__thumb-five::before {

  opacity: 1;

}

.ourprogrm__lists-five:hover .ourprograms__content-five {

  position: absolute;

  left: 30px;

  right: 30px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  text-align: center;

  padding: 0;

}

.ourprogrm__lists-five:hover .ourprograms__content-five .title {

  color:#ffffff;

}

.ourprogrm__lists-five:hover .ourprograms__content-five .title a {

  text-decoration: underline;

}

.ourprogrm__lists-six {

  border: 1px solid #242424;

  background:#171717;

  margin-bottom: 30px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  margin-left: -1px;

}

.ourprogrm__lists-six:hover {

  border-color:#0c4069;

  z-index: 5;

}

.ourprogrm__lists-six:hover .ourprograms__icon-six {

  background:#0c4069;

}

.ourprogrm__lists-six:hover .ourprograms__thumb-seven img {

  transform: scale(1.03) translateX(5px);

}

.ourprograms__thumb {

  margin-bottom: 25px;

  overflow: hidden;

  visibility: hidden;

  opacity: 0;

  transform: translateY(5px);

  transition-delay: 0.4s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 991.98px) {

  .ourprograms__thumb {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

  }

}

.ourprograms__thumb img {

  width: 100%;

  object-fit: cover;

  height: 250px;

}

@media (max-width: 1199.98px) {

  .ourprograms__thumb img {

    height: 230px;

  }

}

@media (max-width: 991.98px) {

  .ourprograms__thumb img {

    height: 250px;

  }

}

.ourprograms__thumb-two img {

  width: 100%;

  height: 280px;

  object-fit: cover;

}

.ourprograms__thumb-three {

  margin-right: 50px;

}

@media (max-width: 1199.98px) {

  .ourprograms__thumb-three {

    margin-right: 0;

  }

}

@media (max-width: 991.98px) {

  .ourprograms__thumb-three {

    margin-bottom: 50px;

  }

}

.ourprograms__thumb-five {

  width: 80px;

  height: 80px;

  flex: 0 0 auto;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  position: relative;

}

.ourprograms__thumb-five::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background:#0c4069;

  mix-blend-mode: multiply;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  pointer-events: none;

}

.ourprograms__thumb-five img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.ourprograms__thumb-seven {

  position: relative;

  margin-bottom: 25px;

  overflow: hidden;

}

.ourprograms__thumb-seven::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(89, 83, 83, 0.4);

  mix-blend-mode: multiply;

  pointer-events: none;

}

.ourprograms__thumb-seven img {

  width: 100%;

  height: 88px;

  object-fit: cover;

  transform: scale(1.03);

}

.ourprograms__arrow {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid#EDEDED;

  background:#ffffff;

  color: #e79903;

  line-height: 0;

  font-size: 14px;

}

.ourprograms__content .title {

  margin-bottom: 30px;

  font-size: 24px;

  font-weight: 500;

  writing-mode: vertical-rl;

  transform: rotate(-180deg);

}

.ourprograms__content-hidden .title {

  margin-bottom: 15px;

  font-size: 24px;

  font-weight: 500;

  visibility: hidden;

  opacity: 0;

  transform: translateY(5px);

  transition-delay: 0.3s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 991.98px) {

  .ourprograms__content-hidden .title {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

  }

}

.ourprograms__content-hidden p {

  margin-bottom: 20px;

  visibility: hidden;

  opacity: 0;

  transform: translateY(5px);

  transition-delay: 0.2s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 991.98px) {

  .ourprograms__content-hidden p {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

  }

}

.ourprograms__content-hidden .ourprograms__btn {

  visibility: hidden;

  opacity: 0;

  transform: translateY(5px);

  transition-delay: 0.1s;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 991.98px) {

  .ourprograms__content-hidden .ourprograms__btn {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

  }

}

.ourprograms__content-hidden .btn {

  gap: 10px;

  padding: 14px 20px 13px;

}

.ourprograms__content-two {

  background:#171717;

  padding: 30px 40px 35px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .ourprograms__content-two {

    padding: 30px 25px 30px;

  }

}

.ourprograms__content-two::before {

  content: "";

  position: absolute;

  left: -30%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 178px;

  height: 964px;

  opacity: 0.55;

  background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);

  z-index: -1;

}

.ourprograms__content-two::after {

  content: "";

  position: absolute;

  left: 16%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 210px;

  height: 1030px;

  opacity: 0.5;

  background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);

  z-index: -1;

}

.ourprograms__content-two .title {

  margin-bottom: 15px;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .ourprograms__content-two .title {

    font-size: 22px;

  }

}

.ourprograms__content-two p {

  margin-bottom: 0;

}

.ourprograms__content-three .title {

  margin-bottom: 20px;

  font-size: 40px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .ourprograms__content-three .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .ourprograms__content-three .title {

    font-size: 32px;

  }

}

.ourprograms__content-three p {

  margin-bottom: 25px;

}

.ourprograms__content-four span {

  display: block;

  font-size: 12px;

  font-weight: 600;

  line-height: 1;

  color:#0c4069;

  text-transform: uppercase;

  margin-bottom: 5px;

}

.ourprograms__content-four .title {

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 11px;

}

.ourprograms__content-four p {

  margin-bottom: 0;

  line-height: 1.5;

}

.ourprograms__content-five {

  padding: 10px 30px;

  flex-grow: 1;

}

.ourprograms__content-five .title {

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.ourprograms__content-five .title a:hover {

  color:#ffffff;

}

@media (max-width: 1500px) {

  .ourprograms__content-six {

    padding: 30px 30px;

  }

}

.ourprograms__content-seven {

  padding: 35px 40px;

}

@media (max-width: 1199.98px) {

  .ourprograms__content-seven {

    padding: 25px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .ourprograms__content-seven {

    padding: 30px 30px;

  }

}

.ourprograms__content-seven .title {

  margin-bottom: 15px;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

}

.ourprograms__content-seven p {

  margin-bottom: 20px;

}

.ourprograms__content-seven .link-btn {

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  color:#ffffff;

}

.ourprograms__content-seven .link-btn:hover {

  color:#0c4069;

  text-decoration: underline;

}

.ourprograms__icon {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid#EDEDED;

  background:#ffffff;

  font-size: 50px;

  color:#121212;

  line-height: 0;

}

.ourprograms__icon-four {

  font-size: 50px;

  line-height: 0;

  color:#0c4069;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.ourprograms__icon-six {

  width: 120px;

  height: 120px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #242424;

  line-height: 0;

  font-size: 55px;

  color:#ffffff;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 1199.98px) {

  .ourprograms__icon-six {

    width: 100px;

    height: 100px;

    font-size: 45px;

  }

}

.ourprograms__list-wrap .list-wrap li {

  gap: 10px !important;

  margin-bottom: 15px !important;

}

.ourprograms__list-wrap .list-wrap li:last-child {

  margin-bottom: 0 !important;

}

.ourprograms__details-content .section__title .title {

  font-size: 40px;

}

@media (max-width: 1199.98px) {

  .ourprograms__details-content .section__title .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .ourprograms__details-content .section__title .title {

    font-size: 32px;

  }

}

.ourprograms__details-content p {

  margin-bottom: 25px;

}

.ourprograms__details-content p:last-child {

  margin-bottom: 0;

}

.ourprograms__details-content .numbers__item-wrap-two {

  margin-top: 60px;

}



.row-custom {

  display: flex;

  margin: 0 -25px;

}

@media (max-width: 1500px) {

  .row-custom {

    margin: 0 -15px;

  }

}

@media (max-width: 991.98px) {

  .row-custom {

    margin: 0;

    width: 100%;

    flex-direction: column;

  }

}



.col-custom {

  flex: 0.4;

  width: 220px;

  height: 542px;

  margin: 25px;

  transition: 0.3s;

  cursor: pointer;

  background:#F8F8F8;

  border: 1px solid#EDEDED;

}

@media (max-width: 1500px) {

  .col-custom {

    margin: 15px;

  }

}

@media (max-width: 1199.98px) {

  .col-custom {

    width: 150px;

  }

}

@media (max-width: 991.98px) {

  .col-custom {

    margin: 0 0 30px;

    width: 100%;

  }

}

.col-custom.active {

  flex: 7;

  background:#ffffff;

}

.col-custom.active .ourprogrm__lists {

  display: none;

}

.col-custom.active .ourprogrm__lists-hidden {

  opacity: 1;

  visibility: visible;

}

.col-custom.active .ourprogrm__lists-hidden .ourprograms__thumb {

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

  transition-delay: 0.4s;

}

.col-custom.active .ourprogrm__lists-hidden .ourprograms__content-hidden .title {

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

  transition-delay: 0.4s;

}

.col-custom.active .ourprogrm__lists-hidden .ourprograms__content-hidden p {

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

  transition-delay: 0.5s;

}

.col-custom.active .ourprogrm__lists-hidden .ourprograms__content-hidden .ourprograms__btn {

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

  transition-delay: 0.6s;

}





.cta__area {

  position: relative;

  z-index: 1;

}

.cta__area-two {

  padding: 110px 0;

}

@media (max-width: 1199.98px) {

  .cta__area-two {

    padding: 100px 0;

  }

}

@media (max-width: 767.98px) {

  .cta__area-two {

    padding: 80px 0;

  }

}

.cta__bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  z-index: -1;

}

.cta__bg::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.7;

  background:#171717;

  mix-blend-mode: multiply;

}

.cta__bg-two {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  z-index: -1;

}

.cta__bg-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(2, 7, 13, 0.53);

}

.cta__inner-wrap {

  position: relative;

  margin: 0 30px;

  padding: 120px 0;

}

@media (max-width: 1500px) {

  .cta__inner-wrap {

    margin: 0 20px;

  }

}

@media (max-width: 767.98px) {

  .cta__inner-wrap {

    padding: 100px 0;

    margin: 0 10px;

  }

}

.cta__content {

  padding: 130px 0 140px;

}

@media (max-width: 991.98px) {

  .cta__content {

    padding: 90px 0 60px;

    text-align: center;

  }

}

.cta__content .title {

  margin-bottom: 45px;

  color:#ffffff;

  font-size: 72px;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1.13;

}

@media (max-width: 1500px) {

  .cta__content .title {

    font-size: 68px;

  }

}

@media (max-width: 1199.98px) {

  .cta__content .title {

    font-size: 62px;

    margin-bottom: 40px;

  }

}

@media (max-width: 767.98px) {

  .cta__content .title {

    font-size: 45px;

    margin-bottom: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cta__content .title {

    font-size: 50px;

  }

}

@media (max-width: 991.98px) {

  .cta__content .title br {

    display: none;

  }

}

.cta__content-right {

  background:#0c4069;

  padding: 44px 50px;

}

@media (max-width: 1500px) {

  .cta__content-right {

    padding: 40px 35px;

  }

}

@media (max-width: 1199.98px) {

  .cta__content-right {

    padding: 30px 25px;

  }

}

@media (max-width: 991.98px) {

  .cta__content-right {

    text-align: center;

  }

}

.cta__content-right .title {

  margin-bottom: 0;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 991.98px) {

  .cta__content-two {

    text-align: center;

    margin-bottom: 40px;

  }

}

.cta__content-two .title {

  margin-bottom: 0;

  color:#ffffff;

  font-size: 48px;

  font-weight: 500;

  width: 95%;

}

@media (max-width: 1199.98px) {

  .cta__content-two .title {

    font-size: 40px;

    width: 100%;

  }

}

@media (max-width: 767.98px) {

  .cta__content-two .title {

    font-size: 36px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cta__content-two .title {

    font-size: 38px;

  }

}

@media (max-width: 991.98px) {

  .cta__content-three {

    text-align: center;

  }

}

.cta__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .cta__btn {

    justify-content: center;

  }

}

.cta__shape img {

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

  max-width: 454px;

}

@media (max-width: 1500px) {

  .cta__shape img {

    max-width: 400px;

  }

}

@media (max-width: 1199.98px) {

  .cta__shape img {

    max-width: 340px;

  }

}

@media (max-width: 767.98px) {

  .cta__shape img {

    max-width: 220px;

  }

}





.team__area {

  padding: 110px 0 90px;

}

@media (max-width: 767.98px) {

  .team__area {

    padding: 90px 0 70px;

  }

}

.team__area-five {

  margin-top: -570px;

}

.team__bg {

  background-size: cover;

  background-position: center;

  padding: 120px 0 90px;

}

@media (max-width: 767.98px) {

  .team__bg {

    padding: 100px 0 70px;

  }

}

.team__bg-two {

  background-size: cover;

  background-position: center;

  padding: 120px 0 660px;

}

@media (max-width: 767.98px) {

  .team__bg-two {

    padding: 100px 0 640px;

  }

}

.team__item {

  margin-bottom: 30px;

}

.team__item:hover .team__social .list-wrap {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}

.team__item:hover .team__thumb img {

  mix-blend-mode: luminosity;

  opacity: 0.45;

}

.team__item-two {

  margin-bottom: 30px;

}

.team__item-two:hover .team__social-two .list-wrap {

  margin-left: 0;

  opacity: 1;

}

.team__item-three {

  margin-bottom: 30px;

}

.team__item-three:hover .team__social .list-wrap {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}

.team__item-four {

  margin-bottom: 30px;

}

.team__thumb {

  position: relative;

  overflow: hidden;

  margin-bottom: 22px;

  background-color: #BEBEBE;

}

@media (max-width: 991.98px) {

  .team__thumb {

    margin-bottom: 15px;

  }

}

.team__thumb img {

  width: 100%;

  height: 450px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .team__thumb img {

    height: 400px;

  }

}

.team__thumb-two {

  position: relative;

  overflow: hidden;

  margin-bottom: 25px;

}

@media (max-width: 767.98px) {

  .team__thumb-two {

    font-size: 20px;

  }

}

.team__thumb-two img {

  width: 100%;

  height: 410px;

  object-fit: cover;

  -webkit-border-radius: 60px 0;

  -moz-border-radius: 60px 0;

  -o-border-radius: 60px 0;

  -ms-border-radius: 60px 0;

  border-radius: 60px 0;

}

@media (max-width: 767.98px) {

  .team__thumb-two img {

    height: 350px;

  }

}

.team__thumb-three {

  position: relative;

  overflow: hidden;

  margin-bottom: 22px;

}

.team__thumb-three img {

  width: 100%;

  height: 580px;

  object-fit: cover;

}

@media (max-width: 1500px) {

  .team__thumb-three img {

    height: 500px;

  }

}

@media (max-width: 1199.98px) {

  .team__thumb-three img {

    height: 480px;

  }

}

@media (max-width: 767.98px) {

  .team__thumb-three img {

    height: auto;

    min-height: 350px;

  }

}

.team__thumb-four {

  position: relative;

  margin-bottom: 30px;

}

@media (max-width: 1199.98px) {

  .team__thumb-four {

    margin-bottom: 20px;

  }

}

.team__thumb-four img {

  height: 500px;

  width: 100%;

  object-fit: cover;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

}

@media (max-width: 1500px) {

  .team__thumb-four img {

    height: 450px;

  }

}

@media (max-width: 1199.98px) {

  .team__thumb-four img {

    height: 400px;

  }

}

.team__thumb-four .icon a {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background:#ffffff;

  position: absolute;

  right: 30px;

  bottom: 30px;

  line-height: 1;

  color:#121212;

}

.team__thumb-four .icon a:hover {

  background:#0c4069;

  color:#ffffff;

}

.team__social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  padding: 28px 30px;

  gap: 10px;

  z-index: 1;

  transform: translateY(40px);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  backdrop-filter: blur(11px);

}

@media (max-width: 1199.98px) {

  .team__social .list-wrap {

    padding: 25px 25px;

  }

}

.team__social .list-wrap::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0.93;

  width: 100%;

  height: 100%;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);

  z-index: -1;

}

.team__social .list-wrap li a {

  width: 45px;

  height: 45px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  color:#121212;

  font-size: 16px;

}

.team__social .list-wrap li a:hover {

  background:#0c4069;

  color:#ffffff;

}

.team__social-two .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background:#0c4069;

  -webkit-border-radius: 20px 0;

  -moz-border-radius: 20px 0;

  -o-border-radius: 20px 0;

  -ms-border-radius: 20px 0;

  border-radius: 20px 0;

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  gap: 20px;

  padding: 22px 15px;

  flex-direction: column-reverse;

  margin-left: -40px;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.team__social-two .list-wrap li {

  line-height: 1;

}

.team__social-two .list-wrap li a {

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  color:#ffffff;

  writing-mode: vertical-rl;

  transform: rotate(-180deg);

  line-height: 1;

}

.team__content .title {

  margin-bottom: 8px;

  font-size: 30px;

  font-weight: 500;

  text-transform: capitalize;

}

@media (max-width: 991.98px) {

  .team__content .title {

    font-size: 26px;

  }

}

.team__content span {

  display: block;

  line-height: 1;

}

.team__content-two .title {

  margin-bottom: 10px;

  font-size: 30px;

  font-weight: 500;

  line-height: 1.1;

}

@media (max-width: 767.98px) {

  .team__content-two .title {

    font-size: 28px;

  }

}

.team__content-two span {

  display: block;

}

.team__content-three .title {

  margin-bottom: 5px;

  font-size: 30px;

  font-weight: 500;

  color:#ffffff;

}

@media (max-width: 767.98px) {

  .team__content-three .title {

    font-size: 28px;

  }

}

.team__content-three span {

  display: block;

  line-height: 1;

}

.team__content-four .title {

  margin-bottom: 10px;

  font-size: 30px;

  font-weight: 500;

  color:#ffffff;

  text-transform: capitalize;

}

.team__content-four span {

  display: block;

  line-height: 1;

}

@media (max-width: 991.98px) {

  .team__details-img {

    margin-bottom: 40px;

  }

}

@media (max-width: 991.98px) {

  .team__details-img img {

    max-height: 500px;

    width: 100%;

    object-fit: cover;

  }

}

.team__details-content {

  margin-left: 35px;

}

@media (max-width: 1199.98px) {

  .team__details-content {

    margin-left: 0;

  }

}

.team__details-content > .title {

  font-size: 36px;

  font-weight: 500;

  margin-bottom: 10px;

}

@media (max-width: 767.98px) {

  .team__details-content > .title {

    font-size: 32px;

  }

}

.team__details-content .sub-title {

  font-size: 16px;

  display: block;

  line-height: 1;

  color:#0c4069;

  margin-bottom: 25px;

}

.team__details-content > p {

  margin-bottom: 30px;

}

.team__details-content .btn {

  padding: 17px 30px 16px;

}

.team__details-content .btn:hover {

  background:#171717;

  border-color:#171717;

}

.team__details-skill {

  margin-bottom: 40px;

}

.team__details-skill > .title {

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 15px;

  border-bottom: 1px solid #F1F1F1;

  padding-bottom: 12px;

}

.team__details-skill p {

  margin-bottom: 25px;

}

.team__info-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 35px;

}

.team__info-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background:#1D1D1D;

  width: 50%;

  flex: 0 0 auto;

  border-bottom: 1px solid #2E2E2E;

}

@media (max-width: 767.98px) {

  .team__info-item {

    width: 100%;

  }

}

.team__info-item .icon {

  width: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto;

  border: 1px solid #2E2E2E;

  border-bottom: none;

  border-top: none;

  font-size: 20px;

  color:#0c4069;

  line-height: 1;

}

.team__info-item .content {

  padding: 20px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: center;

  flex-grow: 1;

  min-height: 95px;

}

.team__info-item .content span {

  display: block;

  line-height: 1;

  margin-bottom: 8px;

}

.team__info-item .content .title {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 600;

  color:#ffffff;

}



.team-social {

  position: absolute;

  right: 30px;

  bottom: 30px;

  background:#ffffff;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -o-border-radius: 30px;

  -ms-border-radius: 30px;

  border-radius: 30px;

}

.team-social .social-toggle-icon {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  color:#171717;

  font-size: 20px;

  line-height: 0;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.team-social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-direction: column;

  gap: 5px;

  padding: 15px 0 0;

  display: none;

  text-align: center;

}

.team-social .list-wrap a {

  font-size: 16px;

  color:#171717;

}

.team-social .list-wrap a:hover {

  color:#0c4069;

}





.steps__bg {

  padding: 40px 0;

  position: relative;

  z-index: 1;

}

@media (max-width: 767.98px) {

      .steps__bg {
        padding: 15px 0;
    }
    .meetus__area.section-py-120 {
        padding: 10px 0;
    }
    .breadcrumb__bg {
    background-position: center;
        height: 264px;
    }
    .westt__img-outer {
        margin-bottom: 7px;
    }
        .slider__bg {
        min-height: 306px;
    }
}

.steps__area-two {

  padding: 60px 0 95px;

}

@media (max-width: 767.98px) {

  .steps__area-two {

    padding: 30px 0 75px;

  }

}

.steps__insider-outer {

  margin: 30px 30px 0;

}

@media (max-width: 1500px) {

  .steps__insider-outer {

    margin: 20px 20px 0;

  }

}

@media (max-width: 767.98px) {

  .steps__insider-outer {

    margin: 20px 10px 0;

  }

}

.steps__insider-outer .col-34 {

  width: 34.3%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__insider-outer .col-34 {

    width: 100%;

  }

}

.steps__insider-outer .col-31 {

  width: 31.4%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__insider-outer .col-31 {

    width: 100%;

  }

}

.steps__insider-outer-two .col-26 {

  width: 26.5%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__insider-outer-two .col-26 {

    width: 50%;

  }

}

@media (max-width: 767.98px) {

  .steps__insider-outer-two .col-26 {

    width: 100%;

  }

}

.steps__insider-outer-two .col-47 {

  width: 47%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__insider-outer-two .col-47 {

    width: 100%;

  }

}

.steps__item {

  position: relative;

  z-index: 1;

}

.steps__item:hover .steps__thumb img {

  filter: grayscale(1);

}

.steps__item:hover .steps__thumb::after {

  opacity: 0.35;

  margin-right: 0px;

}

.steps__item:hover .steps__thumb::before {

  opacity: 0.55;

  margin-right: 0px;

}

.steps__item:hover .steps__content {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.steps__item-two {

  position: relative;

  z-index: 1;

  margin-bottom: 25px;

}

.steps__item-two:hover .steps__thumb-two img {

  filter: grayscale(1);

}

.steps__item-two:hover .steps__thumb-two::after {

  opacity: 0.5;

  margin-right: 0px;

}

.steps__item-two:hover .steps__thumb-two::before {

  opacity: 0.4;

}

.steps__item-two:hover .steps__thumb-two .shape {

  opacity: 0.55;

  margin-right: 0px;

}

.steps__item-two:hover .steps__content-two {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.steps__item-two:hover .steps__icon-two a {

  opacity: 1;

  visibility: visible;

  transform: translateX(0);

}

.steps__item-three {

  margin-bottom: 25px;

  border: 1px solid #DCDCDC;

  border-top: 3px solid#0c4069;

  margin-left: -1px;

}

.steps__item-three:hover .steps__content-three {

  background:#0c4069;

}

.steps__item-three:hover .steps__content-three .title {

  color:#ffffff;

}

.steps__item-four {

  border: 1px solid#EDEDED;

  min-height: 722px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

@media (max-width: 1500px) {

  .steps__item-four {

    min-height: 660px;

  }

}

@media (max-width: 991.98px) {

  .steps__item-four {

    min-height: 600px;

  }

}

@media (max-width: 767.98px) {

  .steps__item-four {

    min-height: auto;

  }

}

.steps__item-five {

  border: 1px solid#EDEDED;

  padding: 10px;

  margin-left: -1px;

}

@media (max-width: 991.98px) {

  .steps__item-five {

    margin-left: 0;

    margin-top: -1px;

  }

}

.steps__item-six {

  border: 1px solid#EDEDED;

  margin-left: -1px;

  min-height: 722px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

}

@media (max-width: 1500px) {

  .steps__item-six {

    min-height: 660px;

  }

}

@media (max-width: 991.98px) {

  .steps__item-six {

    min-height: 600px;

    margin-left: 0;

    margin-top: -1px;

  }

}

@media (max-width: 767.98px) {

  .steps__item-six {

    min-height: auto;

    margin-left: 0;

    margin-top: -1px;

  }

}

@media (max-width: 991.98px) {

  .steps__item-seven {

    margin: 20px 10px 0;

  }

}

@media (max-width: 767.98px) {

  .steps__item-seven {

    margin: 0 10px 0;

  }

}

.steps__item-wrap .row [class*=col-]:last-child .steps__item-three {

  margin-right: -1px;

}

.steps__thumb {

  position: relative;

  overflow: hidden;

}

.steps__thumb::before {

  content: "";

  position: absolute;

  right: -21%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 320px;

  height: 1030px;

  background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%);

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  margin-right: -60px;

  z-index: 1;

  pointer-events: none;

}

.steps__thumb::after {

  content: "";

  position: absolute;

  right: 32%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 240px;

  height: 964px;

  background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  margin-right: -90px;

  pointer-events: none;

}

.steps__thumb img {

  width: 100%;

  height: 370px;

  object-fit: cover;

}

.steps__thumb-two {

  position: relative;

  overflow: hidden;

}

.steps__thumb-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: #272727;

  z-index: 1;

  pointer-events: none;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.steps__thumb-two .shape {

  content: "";

  position: absolute;

  right: -60%;

  top: 20%;

  transform: translateY(-50%) rotate(135deg);

  width: 320px;

  height: 1030px;

  background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%);

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  margin-right: -60px;

  z-index: 1;

  pointer-events: none;

}

.steps__thumb-two::after {

  content: "";

  position: absolute;

  right: -2%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 240px;

  height: 964px;

  background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  margin-right: -90px;

  pointer-events: none;

}

.steps__thumb-two img {

  width: 100%;

  height: 450px;

  object-fit: cover;

}

@media (max-width: 767.98px) {

  .steps__thumb-two img {

    height: 400px;

  }

}

.steps__thumb-three {

  padding: 30px;

}

@media (max-width: 1199.98px) {

  .steps__thumb-three {

    padding: 20px;

  }

}

.steps__thumb-three img {

  width: 100%;

  height: 460px;

  object-fit: cover;

}

@media (max-width: 1500px) {

  .steps__thumb-three img {

    height: 400px;

  }

}

@media (max-width: 1199.98px) {

  .steps__thumb-three img {

    height: 350px;

  }

}

.steps__thumb-four {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px;

  border-top: 1px solid#EDEDED;

}

.steps__thumb-four img {

  height: 130px;

  object-fit: cover;

  width: 200px;

}

.steps__thumb-five img {

  width: 100%;

  height: 700px;

  object-fit: cover;

}

@media (max-width: 1500px) {

  .steps__thumb-five img {

    height: 638px;

  }

}

@media (max-width: 991.98px) {

  .steps__thumb-five img {

    height: 550px;

  }

}

@media (max-width: 767.98px) {

  .steps__thumb-five img {

    height: 450px;

  }

}

.steps__thumb-six {

  padding: 10px;

  border-top: 1px solid#EDEDED;

}

@media (max-width: 767.98px) {

  .steps__thumb-six {

    margin-top: -1px;

  }

}

.steps__thumb-six img {

  width: 100%;

  height: 290px;

  object-fit: cover;

}

.steps__thumb-seven {

  margin: 10px;

  margin-top: 0;

}

.steps__thumb-seven:last-child {

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .steps__thumb-seven:last-child {

    margin-bottom: 10px;

  }

}

.steps__thumb-seven img {

  width: 100%;

  height: 295px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .steps__thumb-seven img {

    height: 270px;

  }

}

.steps__thumb-eight {

  position: relative;

}

.steps__thumb-eight img {

  width: 100%;

  height: 600px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .steps__thumb-eight img {

    height: 550px;

  }

}

@media (max-width: 767.98px) {

  .steps__thumb-eight img {

    height: 500px;

  }

}

.steps__thumb-eight::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background:#121212;

  opacity: 0.7;

  pointer-events: none;

}

.steps__content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: absolute;

  left: 50px;

  bottom: 10px;

  right: 50px;

  border-top: 4px solid#ffffff;

  padding-top: 25px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  z-index: 2;

  gap: 15px 10px;

}

@media (max-width: 1199.98px) {

  .steps__content {

    left: 25px;

    bottom: 30px;

    right: 25px;

  }

}

@media (max-width: 767.98px) {

  .steps__content {

    left: 20px;

    bottom: 30px;

    right: 20px;

  }

}

.steps__content .title {

  margin-bottom: 2px;

  color:#ffffff;

  font-size: 18px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__content .title {

    font-size: 26px;

  }

}

.steps__content span {

  display: block;

  line-height: 1.1;

  color:#ffffff;

	padding-bottom: 20px;

}

.steps__content-two {

  position: absolute;

  left: 30px;

  right: 30px;

  bottom: 30px;

  border-top: 4px solid#ffffff;

  padding-top: 22px;

  opacity: 0;

  visibility: hidden;

  z-index: 3;

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

.steps__content-two .title {

  margin-bottom: 10px;

  color:#ffffff;

  font-size: 20px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__content-two .title {

    font-size: 26px;

  }

}

.steps__content-two span {

  display: block;

  line-height: 1;

  color:#ffffff;

}

.steps__content-three {

  text-align: center;

  background: #EFEFEF;

  padding: 30px 20px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 1199.98px) {

  .steps__content-three {

    padding: 20px 20px;

  }

}

.steps__content-three .title {

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

}

.steps__content-three .title a:hover {

  color:#ffffff;

  text-decoration: underline;

}

.steps__content-four {

  padding: 60px 60px 40px 60px;

}

@media (max-width: 1500px) {

  .steps__content-four {

    padding: 40px;

  }

}

@media (max-width: 1199.98px) {

  .steps__content-four {

    padding: 40px 25px;

  }

}

@media (max-width: 991.98px) {

  .steps__content-four {

    padding: 40px 40px;

  }

}

@media (max-width: 767.98px) {

  .steps__content-four {

    padding: 30px 30px;

  }

}

.steps__content-four .date {

  display: block;

  color:#0c4069;

  line-height: 1.4;

  margin-bottom: 6px;

}

.steps__content-four .title {

  margin-bottom: 20px;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__content-four .title {

    font-size: 26px;

  }

}

.steps__content-four p {

  margin-bottom: 15px;

}

.steps__content-four .banner__list-box {

  margin-bottom: 30px;

}

.steps__content-four .banner__list-box li i {

  color:#121212;

}

.steps__content-four .btn {

  gap: 10px;

  padding: 14px 19px 13px;

}

.steps__content-five {

  position: absolute;

  left: 80px;

  bottom: 80px;

  right: 30px;

}

@media (max-width: 1500px) {

  .steps__content-five {

    left: 50px;

    bottom: 50px;

  }

}

@media (max-width: 1199.98px) {

  .steps__content-five {

    left: 40px;

    bottom: 40px;

  }

}

@media (max-width: 767.98px) {

  .steps__content-five {

    left: 40px;

    bottom: 35px;

  }

}

.steps__content-five .title {

  margin-bottom: 20px;

  color:#ffffff;

  font-size: 36px;

  font-weight: 500;

}

@media (max-width: 1500px) {

  .steps__content-five .title {

    font-size: 32px;

  }

}

@media (max-width: 1199.98px) {

  .steps__content-five .title {

    font-size: 30px;

  }

}

@media (max-width: 1199.98px) {

  .steps__content-five .title br {

    display: none;

  }

}

.steps__content-five .link-btn {

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  color:#ffffff;

  text-decoration: underline;

}

.steps__content-five .link-btn:hover {

  color:#0c4069;

}

.steps__icon a {

  width: 30px;

  height: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background:#ffffff;

  font-size: 16px;

}

.steps__icon a:hover {

  color:#ffffff;

  background: #0c4069;

}

.steps__icon-two a {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background:#ffffff;

  font-size: 16px;

  position: absolute;

  right: 30px;

  top: 30px;

  opacity: 0;

  visibility: hidden;

  transform: translateX(30px);

  z-index: 2;

}

.steps__icon-two a:hover {

  color:#ffffff;

  background:#0c4069;

}

.steps__menu-nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px 35px;

  margin-bottom: 60px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .steps__menu-nav {

    gap: 15px 20px;

  }

}

@media (max-width: 767.98px) {

  .steps__menu-nav {

    margin-bottom: 40px;

  }

}

.steps__menu-nav button {

  border: none;

  background: transparent;

  padding: 0;

  line-height: 1;

  font-size: 16px;

  text-transform: uppercase;

  color:#171717;

  font-weight: 600;

  position: relative;

}

.steps__menu-nav button::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: currentColor;

  transform-origin: right top;

  transform: scale(0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.steps__menu-nav button.active, .steps__menu-nav button:hover {

  color:#0c4069;

}

.steps__menu-nav button.active::before, .steps__menu-nav button:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.steps__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin-bottom: 40px;

  gap: 15px;

}

@media (max-width: 767.98px) {

  .steps__nav {

    justify-content: flex-start;

  }

}

.steps__nav button {

  border: none;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 65px;

  height: 45px;

  -webkit-border-radius: 100px;

  -moz-border-radius: 100px;

  -o-border-radius: 100px;

  -ms-border-radius: 100px;

  border-radius: 100px;

  background:#ffffff;

  padding: 0 20px;

  line-height: 1;

  gap: 6px;

  font-size: 16px;

  color:#121212;

  transition: 0.5s;

}
.steps__nav button:hover {
    background: #7d7e7f;
    color: #fff;
}
.steps__nav-two button {

  width: 80px;

  height: 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  background:#ffffff;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

  font-size: 20px;

  color:#171717;

  padding: 0;

  line-height: 0;

}

@media (max-width: 1199.98px) {

  .steps__nav-two button {

    width: 60px;

    height: 60px;

  }

}

@media (max-width: 991.98px) {

  .steps__nav-two button {

    left: 10px;

  }
  .ftr__area-link {
    margin-bottom: 20px;
}
.about-hom {
    display: flex;
    position: relative;
    order: 2;
}
.serv__container.section-pt-120 {
    padding: 2px;
}
}

.steps__nav-two button.projectTwo-button-prev {

  transform: translateY(-50%) rotateY(180deg);

}

.steps__nav-two button.projectTwo-button-next {

  left: auto;

  right: 0;

}

@media (max-width: 991.98px) {

  .steps__nav-two button.projectTwo-button-next {

    left: auto;

    right: 10px;

  }

}

.steps__nav-two button:hover {

  background:#0c4069;

  color:#ffffff;

}

.steps__details-top-content {

  margin-bottom: 50px;

}

@media (max-width: 991.98px) {

  .steps__details-top-content {

    margin-bottom: 20px;

  }

}

.steps__details-top-content .row .col-29 {

  width: 29.5%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__details-top-content .row .col-29 {

    width: 100%;

  }

}

.steps__details-top-content .row .col-71 {

  width: 70.5%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .steps__details-top-content .row .col-71 {

    width: 100%;

  }

}

.steps__details-info {

  margin-bottom: 30px;

}

.steps__details-info .info-title {

  font-size: 24px;

  font-weight: 600;

  background:#0c4069;

  color:#ffffff;

  margin-bottom: 0;

  padding: 24px 40px;

}

@media (max-width: 1199.98px) {

  .steps__details-info .info-title {

    font-size: 22px;

    padding: 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .steps__details-info .info-title {

    padding: 20px 30px;

  }

}

.steps__details-content {

  margin-left: 30px;

  margin-bottom: 30px;

}

@media (max-width: 1500px) {

  .steps__details-content {

    margin-left: 10px;

  }

}

@media (max-width: 1199.98px) {

  .steps__details-content {

    margin-left: 0;

  }

}

.steps__details-content .sub-title {

  display: block;

  line-height: 1;

  color:#0c4069;

  font-weight: 500;

  margin-bottom: 12px;

}

.steps__details-content .title {

  font-size: 40px;

  margin-bottom: 22px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__details-content .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .steps__details-content .title {

    font-size: 32px;

  }

}

.steps__details-content p {

  margin-bottom: 22px;

}

.steps__details-content p:last-child {

  margin-bottom: 0;

}

.steps__details-content p.info-two {

  font-size: 18px;

  color:#121212;

}

.steps__details-img {

  margin-bottom: 60px;

}

@media (max-width: 991.98px) {

  .steps__details-img {

    margin-bottom: 30px;

  }

}

.steps__details-img .row {

  --bs-gutter-x: 10px;

}

.steps__details-img .row .col-67 {

  width: 67.4%;

  flex: 0 0 auto;

}

@media (max-width: 767.98px) {

  .steps__details-img .row .col-67 {

    width: 100%;

  }

}

.steps__details-img .row .col-33 {

  width: 32.6%;

  flex: 0 0 auto;

}

@media (max-width: 767.98px) {

  .steps__details-img .row .col-33 {

    width: 100%;

  }

}

.steps__details-img img {

  margin-bottom: 10px;

  width: 100%;

}

.steps__details-bottom-content .title {

  margin-bottom: 20px;

  font-size: 40px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__details-bottom-content .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .steps__details-bottom-content .title {

    font-size: 32px;

  }

}

.steps__details-bottom-content p {

  margin-bottom: 35px;

}

.steps__details-list .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px 0;

}

.steps__details-list .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 15px;

}

@media (max-width: 767.98px) {

  .steps__details-list .list-wrap li {

    width: 100%;

  }

}

.steps__details-list .list-wrap li i {

  font-size: 18px;

  color:#0c4069;

  transform: translateY(5px);

}

@media (max-width: 991.98px) {

  .steps__details-list-img {

    margin-bottom: 40px;

  }

}

.steps__details-list-img img {

  width: 100%;

  height: 174px;

  object-fit: cover;

}

.steps__info-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background:#F6F6F6;

  border: 1px solid #E9E9E9;

  margin-top: -1px;

}

.steps__info-item .icon {

  width: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  border-right: 1px solid #E9E9E9;

  color:#0c4069;

  font-size: 24px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .steps__info-item .icon {

    width: 70px;

  }

}

@media (max-width: 991.98px) {

  .steps__info-item .icon {

    width: 100px;

  }

}

.steps__info-item .content {

  padding: 25px 25px;

  flex-grow: 1;

  min-height: 100px;

}

@media (max-width: 1199.98px) {

  .steps__info-item .content {

    padding: 20px 15px;

  }

}

@media (max-width: 991.98px) {

  .steps__info-item .content {

    padding: 25px 25px;

  }

}

.steps__info-item .content span {

  display: block;

  font-size: 16px;

  line-height: 1;

  margin-bottom: 6px;

}

.steps__info-item .content .title {

  margin-bottom: 0;

  font-size: 20px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .steps__info-item .content .title {

    font-size: 18px;

  }

}

@media (max-width: 991.98px) {

  .steps__info-item .content .title {

    font-size: 20px;

  }

}

.steps__active-two {

  position: relative;

}



.steps__active-two .swiper-slide-active .steps__content-five .title {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}

.steps__active-two .swiper-slide-active .steps__content-five .link-btn {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s;

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}





.faq__img {

  position: relative;

}

@media (max-width: 991.98px) {

  .faq__img {

    margin-bottom: 50px;

  }

}

.faq__img img {

  min-height: 492px;

  object-fit: cover;

  width: 100%;

}

@media (max-width: 767.98px) {

  .faq__img img {

    min-height: 350px;

  }

}

.faq__img-content {

  position: absolute;

  left: 0;

  bottom: 0;

  background: rgba(23, 23, 23, 0.9);

  padding: 44px 50px;

}

@media (max-width: 1199.98px) {

  .faq__img-content {

    padding: 30px 30px;

  }

}

@media (max-width: 767.98px) {

  .faq__img-content {

    padding: 25px 25px;

  }

}

.faq__img-content .title {

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .faq__img-content .title br {

    display: none;

  }

}

.faq__content {

  margin-right: 10px;

}

@media (max-width: 1199.98px) {

  .faq__content {

    margin-right: 0;

  }

}

.faq__wrap {

  margin-left: 50px;

}

@media (max-width: 1199.98px) {

  .faq__wrap {

    margin-left: 0;

  }

}

.faq__wrap .accordion-item {

  border: none;

  border-bottom: 1px solid#F0F0F0;

}

.faq__wrap .accordion-item:first-of-type {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.faq__wrap .accordion-item:first-of-type .accordion-button {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.faq__wrap .accordion-item:last-of-type {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.faq__wrap .accordion-button {

  font-size: 24px;

  font-weight: 500;

  padding: 18px 25px 18px 0;

  color:#121212;

}

.faq__wrap .accordion-button::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 4px;

  background:#F0F0F0;

  opacity: 0;

}

.faq__wrap .accordion-button::after {

  content: "\f067";

  background-image: none;

  width: auto;

  height: auto;

  font-family: "Font Awesome 5 Free";

  font-size: 14px;

  position: absolute;

  font-weight: 700;

  right: 0;

  top: 25px;

  color:#121212;

}

.faq__wrap .accordion-button:not(.collapsed) {

  color:#121212;

  background-color: transparent;

  box-shadow: none;

}

.faq__wrap .accordion-button:not(.collapsed)::before {

  opacity: 1;

}

.faq__wrap .accordion-button:not(.collapsed)::after {

  content: "\f068";

  background-image: none;

  transform: rotate(0);

}

.faq__wrap .accordion-button:focus {

  border-color: transparent;

  box-shadow: none;

}

.faq__wrap .accordion-body {

  padding: 22px 0 35px;

}

.faq__wrap .accordion-body p {

  font-size: 16px;

  margin-bottom: 28px;

}

.faq__wrap .accordion-body span {

  display: block;

  line-height: 1;

  font-size: 50px;

  font-weight: 300;

  color:#0c4069;

}

@media (max-width: 1199.98px) {

  .faq__wrap .accordion-body span {

    font-size: 40px;

  }

}

.faq__wrap-two .accordion-item {

  border: none;

  margin-bottom: 20px;

}

.faq__wrap-two .accordion-item:last-child {

  margin-bottom: 0;

}

.faq__wrap-two .accordion-item:last-child .accordion-body {

  padding: 25px 0 0;

}

.faq__wrap-two .accordion-item:first-of-type {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.faq__wrap-two .accordion-item:first-of-type .accordion-button {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.faq__wrap-two .accordion-item:last-of-type {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.faq__wrap-two .accordion-button {

  font-size: 18px;

  font-weight: 500;

  padding: 19px 60px 19px 25px;

  color:#121212;

  background:#F6F6F6;

  position: relative;

}

.faq__wrap-two .accordion-button::after {

  content: "\e800";

  background-image: none;

  width: 40px;

  height: 40px;

  font-family: "fontello";

  font-size: 12px;

  position: absolute;

  font-weight: 400;

  right: 10px;

  top: 10px;

  color:#ffffff;

  transform: rotate(180deg);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#0c4069;

}

.faq__wrap-two .accordion-button:not(.collapsed) {

  color:#121212;

  background-color:#F6F6F6;

  box-shadow: none;

}

.faq__wrap-two .accordion-button:not(.collapsed)::after {

  background-image: none;

  transform: rotate(0);

}

.faq__wrap-two .accordion-button:focus {

  border-color: transparent;

  box-shadow: none;

}

.faq__wrap-two .accordion-body {

  padding: 25px 0 40px;

}

.faq__wrap-two .accordion-body img {

  width: 194px;

  height: 90px;

  object-fit: cover;

  float: left;

  margin-right: 30px;

}

@media (max-width: 1199.98px) {

  .faq__wrap-two .accordion-body img {

    margin-right: 20px;

  }

}

.faq__wrap-two .accordion-body p {

  font-size: 16px;

  margin-bottom: 0;

}

@media (max-width: 991.98px) {

  .faq__sidebar {

    margin-top: 100px;

  }

}



.sidebar__search {

  background:#F6F6F6;

  padding: 40px 40px;

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .sidebar__search {

    padding: 30px 20px;

  }

}

.sidebar__search-form {

  position: relative;

}

.sidebar__search-form input {

  width: 100%;

  border: none;

  background:#ffffff;

  padding: 15px 65px 15px 20px;

  line-height: 1;

  font-size: 16px;

  font-weight: 400;

  color:#171717;

}

.sidebar__search-form input::placeholder {

  font-size: 16px;

  font-weight: 400;

  color:#74787C;

}

.sidebar__search-form button {

  position: absolute;

  border: none;

  right: 0;

  top: 0;

  width: 55px;

  height: 55px;

  color:#ffffff;

  background:#0c4069;

  line-height: 0;

  font-size: 18px;

}

.sidebar__search-form button:hover {

  background:#171717;

}

.sidebar__discount {

  background:#171717;

  padding: 70px 40px 40px;

  text-align: center;

}

@media (max-width: 1199.98px) {

  .sidebar__discount {

    padding: 50px 20px 30px;

  }

}

.sidebar__discount .title {

  margin-bottom: 30px;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

  line-height: 1.4;

}

.sidebar__logo {

  text-align: center;

  margin-bottom: 35px;

}

.sidebar__logo img {

  max-height: 45px;

}

.sidebar__content {

  background:#ffffff;

  padding: 35px 40px 0;

}

@media (max-width: 1199.98px) {

  .sidebar__content {

    padding: 25px 20px 0;

  }

}

.sidebar__content .title-two {

  font-size: 18px;

  text-transform: uppercase;

  margin-bottom: 5px;

  font-weight: 700;

}

.sidebar__content span {

  display: block;

  font-size: 14px;

  color:#74787C;

  margin-bottom: 22px;

}

.sidebar__content span strong {

  color:#0c4069;

  font-weight: 600;

}

.sidebar__content .btn {

  padding: 17px 30px 16px;

}

.sidebar__content .btn:hover {

  background:#171717;

  border-color:#171717;

}





.countonus__area {

  background:#F6F6F6;

  padding: 195px 0 260px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .countonus__area {

    padding: 170px 0 200px;

  }

}

@media (max-width: 991.98px) {

  .countonus__area {

    padding: 140px 0 150px;

  }

}

@media (max-width: 767.98px) {

  .countonus__area {

    padding: 100px 0;

  }

}

.countonus__area-two {

  background:#171717;

}

.countonus__inner-wrap {

  margin: 0 30px;

  background:#171717;

}

@media (max-width: 1500px) {

  .countonus__inner-wrap {

    margin: 0 20px;

  }

}

@media (max-width: 767.98px) {

  .countonus__inner-wrap {

    margin: 0 10px;

  }

}

.countonus__item {

  text-align: center;

  margin-bottom: 30px;

  position: relative;

  padding-right: 85px;

}

@media (max-width: 1500px) {

  .countonus__item {

    padding-right: 70px;

  }

}

@media (max-width: 1199.98px) {

  .countonus__item {

    padding-right: 0;

  }

}

.countonus__item-wrap .row [class*=col-]:nth-child(odd) {

  margin-top: 90px;

}

@media (max-width: 991.98px) {

  .countonus__item-wrap .row [class*=col-]:nth-child(odd) {

    margin-top: 0;

  }

}

.countonus__item-wrap .row [class*=col-]:nth-child(even) .countonus__arrow {

  transform: rotate(22deg);

  top: 100px;

}

.countonus__item-wrap .row [class*=col-]:last-child .countonus__arrow {

  display: none;

}

.countonus__item:hover .countonus__icon {

  transform: translateY(5px);

}

.countonus__item-two {

  margin-bottom: 25px;

}

.countonus__thumb img {

  width: 100%;

  height: 320px;

  object-fit: cover;

}

@media (max-width: 767.98px) {

  .countonus__thumb img {

    height: 280px;

  }

}

.countonus__content {

  text-align: center;

}

.countonus__content .title {

  margin-bottom: 45px;

  font-size: 72px;

  font-weight: 500;

  line-height: 1.1;

}

@media (max-width: 1500px) {

  .countonus__content .title {

    font-size: 68px;

  }

}

@media (max-width: 1199.98px) {

  .countonus__content .title {

    font-size: 55px;

    margin-bottom: 30px;

  }

}

@media (max-width: 767.98px) {

  .countonus__content .title {

    font-size: 46px;

    margin-bottom: 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .countonus__content .title {

    font-size: 50px;

    margin-bottom: 25px;

  }

}

.countonus__content-two .title {

  font-size: 24px;

  color:#ffffff;

  margin-bottom: 10px;

  font-weight: 600;

}

.countonus__content-two p {

  margin-bottom: 15px;

}

.countonus__content-two .link-btn {

  display: inline-flex;

  align-items: center;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  gap: 5px;

}

.countonus__content-two .link-btn i {

  font-size: 14px;

}

.countonus__content-two .link-btn:hover {

  gap: 8px;

}

.countonus__content-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  background:#171717;

  position: relative;

}

.countonus__content-three {

  background:#171717;

  padding: 25px 30px;

  position: relative;

  position: absolute;

  left: 100px;

  bottom: 0;

  right: 0;

  z-index: 2;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .countonus__content-three {

    padding: 25px 20px;

    left: 80px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .countonus__content-three {

    padding: 25px 25px;

  }

}

.countonus__content-three::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 170px;

  height: 1030px;

  z-index: -2;

  opacity: 0.55;

  background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%);

}

.countonus__content-three span {

  display: block;

  text-transform: uppercase;

  color:#0c4069;

  letter-spacing: 0.65px;

  font-size: 13px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 10px;

}

.countonus__content-three .title {

  margin-bottom: 10px;

  font-size: 24px;

  font-weight: 500;

  color:#ffffff;

}

@media (max-width: 1199.98px) {

  .countonus__content-three .title {

    font-size: 22px;

  }

}

.countonus__content-three p {

  margin-bottom: 0;

}

.countonus__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-content: center;

  gap: 30px;

  justify-content: center;

  flex-wrap: wrap;

}

@media (max-width: 767.98px) {

  .countonus__btn {

    gap: 20px;

  }

}

.countonus__icon {

  width: 150px;

  height: 150px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 60px;

  color:#0c4069;

  line-height: 0;

  position: relative;

  margin: 0 auto 30px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

}

@media (max-width: 1199.98px) {

  .countonus__icon {

    width: 130px;

    height: 130px;

  }

}

.countonus__icon span {

  width: 40px;

  height: 40px;

  background:#0c4069;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#ffffff;

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  right: 0;

  top: 0;

}

.countonus__icon-two {

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto;

  background:#ffffff;

  line-height: 0;

  color:#0c4069;

  font-size: 55px;

}

@media (max-width: 1199.98px) {

  .countonus__icon-two {

    width: 80px;

    height: 80px;

    font-size: 45px;

  }

}

.countonus__arrow {

  position: absolute;

  right: -30px;

  top: 22px;

  transform: rotate(-22deg);

  color:#ffffff;

}

@media (max-width: 1500px) {

  .countonus__arrow {

    right: -40px;

  }

}

@media (max-width: 1199.98px) {

  .countonus__arrow {

    right: -55px;

  }

}

@media (max-width: 991.98px) {

  .countonus__arrow {

    display: none;

  }

}

@media (max-width: 1199.98px) {

  .countonus__arrow svg {

    width: 80px;

  }

}

.countonus__wrapper {

  position: relative;

}

@media (max-width: 767.98px) {

  .countonus__img-wrap {

    display: none;

  }

}

.countonus__img-wrap .list-wrap li {

  position: absolute;

  z-index: -1;

}

.countonus__img-wrap .list-wrap li img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  object-fit: cover;

}

.countonus__img-wrap .list-wrap li:nth-child(1) {

  left: 10%;

  top: -2%;

}

@media (max-width: 1199.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(1) {

    left: 5%;

    top: -56%;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(1) {

    display: none;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(1)::before {

  content: "";

  width: 184px;

  height: 184px;

  position: absolute;

  right: -10px;

  bottom: -10px;

  z-index: -1;

  border: 1px solid#D9D9D9;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.countonus__img-wrap .list-wrap li:nth-child(1) img {

  width: 150px;

  height: 150px;

}

.countonus__img-wrap .list-wrap li:nth-child(2) {

  left: -2%;

  bottom: 4%;

}

@media (max-width: 1500px) {

  .countonus__img-wrap .list-wrap li:nth-child(2) {

    left: 0;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(2) {

    bottom: auto;

    top: -63%;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(2)::before {

  content: "";

  width: 130px;

  height: 130px;

  position: absolute;

  right: -7px;

  bottom: -7px;

  z-index: -1;

  border: 1px solid#D9D9D9;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(2)::before {

    width: 100px;

    height: 100px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(2) img {

  width: 100px;

  height: 100px;

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(2) img {

    width: 80px;

    height: 80px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(3) {

  left: 210px;

  bottom: -140px;

}

@media (max-width: 1199.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(3) {

    left: 110px;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(3) {

    left: 30px;

    bottom: -90px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(3) img {

  width: 80px;

  height: 80px;

}

.countonus__img-wrap .list-wrap li:nth-child(4) {

  right: 10%;

  top: -2%;

}

@media (max-width: 1199.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(4) {

    right: 5%;

    top: -56%;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(4) {

    display: none;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(4)::before {

  content: "";

  width: 184px;

  height: 184px;

  position: absolute;

  left: -10px;

  bottom: -10px;

  z-index: -1;

  border: 1px solid#D9D9D9;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.countonus__img-wrap .list-wrap li:nth-child(4) img {

  width: 150px;

  height: 150px;

}

.countonus__img-wrap .list-wrap li:nth-child(5) {

  right: -2%;

  bottom: 4%;

}

@media (max-width: 1500px) {

  .countonus__img-wrap .list-wrap li:nth-child(5) {

    right: 0;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(5) {

    bottom: auto;

    top: -63%;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(5)::before {

  content: "";

  width: 130px;

  height: 130px;

  position: absolute;

  left: -7px;

  bottom: -7px;

  z-index: -1;

  border: 1px solid#D9D9D9;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(5)::before {

    width: 100px;

    height: 100px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(5) img {

  width: 100px;

  height: 100px;

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(5) img {

    width: 80px;

    height: 80px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(6) {

  right: 210px;

  bottom: -140px;

}

@media (max-width: 1199.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(6) {

    right: 110px;

  }

}

@media (max-width: 991.98px) {

  .countonus__img-wrap .list-wrap li:nth-child(6) {

    right: 30px;

    bottom: -90px;

  }

}

.countonus__img-wrap .list-wrap li:nth-child(6) img {

  width: 80px;

  height: 80px;

}





.video__area {

  background:#F6F6F6;

  padding: 390px 0 120px;

  margin-top: -390px;

}

@media (max-width: 767.98px) {

  .video__area {

    padding: 370px 0 100px;

  }

}

.video__img {

  position: relative;

}

.video__img img {

  -webkit-border-radius: 0 80px;

  -moz-border-radius: 0 80px;

  -o-border-radius: 0 80px;

  -ms-border-radius: 0 80px;

  border-radius: 0 80px;

  min-height: 650px;

  width: 100%;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .video__img img {

    min-height: 500px;

  }

}

@media (max-width: 991.98px) {

  .video__img img {

    min-height: 400px;

  }

}

@media (max-width: 767.98px) {

  .video__img img {

    min-height: 350px;

    -webkit-border-radius: 0 50px;

    -moz-border-radius: 0 50px;

    -o-border-radius: 0 50px;

    -ms-border-radius: 0 50px;

    border-radius: 0 50px;

  }

}

.video__img .play-btn {

  width: 130px;

  height: 130px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 130px;

  border: 1px solid#ffffff;

  background: rgba(255, 255, 255, 0.05);

  backdrop-filter: blur(8px);

  font-size: 24px;

  line-height: 0;

  color:#ffffff;

  position: absolute;

  left: 50%;

  top: 50%;

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

}

@media (max-width: 1199.98px) {

  .video__img .play-btn {

    width: 120px;

    height: 120px;

  }

}

@media (max-width: 767.98px) {

  .video__img .play-btn {

    width: 100px;

    height: 100px;

  }

}



.mfp-iframe-holder .mfp-content {

  max-width: 1250px;

}





.history__bg {

  background-size: cover;

  background-position: center;

}

@media (max-width: 991.98px) {

  .history__img {

    margin-bottom: 50px;

  }

}

.history__img img {

  width: 100%;

}

.history__content {

  margin-right: 60px;

}

@media (max-width: 1199.98px) {

  .history__content {

    margin-right: 0;

  }

}

.history__content p {

  margin-bottom: 30px;

}

.history__content .btn:hover {

  background:#ffffff;

  border-color:#ffffff;

  color:#0c4069;

}

.history__item {

  border: 1px solid #2E2E2E;

  background: #1E1E1E;

  padding: 30px 30px 25px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .history__item {

    padding: 25px 25px 25px;

  }

}

.history__item-content .date {

  display: block;

  font-size: 14px;

  font-weight: 500;

  color:#0c4069;

  line-height: 1;

  margin-bottom: 10px;

}

.history__item-content .title {

  margin-bottom: 12px;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

}

.history__item-content p {

  margin-bottom: 0;

}

.history__item:hover {

  border-color:#0c4069;

}

.history__item:hover::before {

  opacity: 0.7;

}

.history__top-date {

  position: relative;

}

.history__top-date::before {

  content: "";

  position: absolute;

  right: -50px;

  top: 50%;

  transform: translateY(-50%);

  background: #2E2E2E;

  width: 50px;

  height: 2px;

}

.history__top-date span {

  border: 1px solid #2E2E2E;

  background: #1E1E1E;

  display: block;

  text-align: center;

  font-size: 20px;

  font-weight: 600;

  color:#ffffff;

  padding: 13px 50px;

  margin-bottom: 40px;

}

.history__thumb {

  position: relative;

  margin-bottom: 30px;

}

.history__thumb img {

  width: 100%;

  height: 227px;

  object-fit: cover;

}

.history__icon {

  width: 80px;

  height: 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  border: 1px solid #E4E4E4;

  box-shadow: 0px 5px 37px 0px rgba(84, 84, 84, 0.18);

  color:#0c4069;

  font-size: 45px;

  line-height: 0;

  position: absolute;

  left: 0;

  top: 0;

}

.history__active {

  position: relative;

}

.history__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  width: 425px;

  justify-content: space-between;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 10px;

  z-index: 3;

}

@media (max-width: 1500px) {

  .history__nav {

    width: 380px;

  }

}

@media (max-width: 1199.98px) {

  .history__nav {

    width: 270px;

  }

}

.history__nav button {

  border: 1px solid #2E2E2E;

  background: #1E1E1E;

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  font-size: 14px;

  color:#ffffff;

}

.history__nav button.history-button-prev {

  transform: rotate(-180deg);

}

.history__nav button:hover {

  background:#0c4069;

  border-color:#0c4069;

}



.swiper-slide-active .history__item {

  border-color:#0c4069;

}

.swiper-slide-active .history__item::before {

  opacity: 0.7;

}





@media (max-width: 991.98px) {

  .community__img {

    margin-bottom: 50px;

  }

}

.community__content p {

  margin-bottom: 50px;

}

.community__content .whowe__list-box-wrap {

  margin-bottom: 50px;

}





.choose__inner-wrap {

  margin: 0 30px 30px;

  border: 1px solid#EDEDED;

  padding: 120px 0;

}

@media (max-width: 1500px) {

  .choose__inner-wrap {

    margin: 0 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .choose__inner-wrap {

    padding: 100px 0;

  }

}

@media (max-width: 767.98px) {

  .choose__inner-wrap {

    padding: 80px 0;

    margin: 0 10px 20px;

  }

}

.choose__content {

  width: 80%;

}

@media (max-width: 1199.98px) {

  .choose__content {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .choose__content {

    margin-bottom: 50px;

  }

}

.choose__tab-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

@media (max-width: 991.98px) {

  .choose__tab-wrap {

    flex-direction: column;

  }

}

.choose__tab-wrap .nav-tabs {

  width: 450px;

  flex: 0 0 auto;

  background:#171717;

  padding: 60px 60px;

  flex-direction: column;

  justify-content: center;

  border-right: 1px solid #2E2E2E;

  gap: 20px;

  border-bottom: none;

}

@media (max-width: 1500px) {

  .choose__tab-wrap .nav-tabs {

    width: 430px;

    padding: 50px 50px;

  }

}

@media (max-width: 1199.98px) {

  .choose__tab-wrap .nav-tabs {

    width: 310px;

    padding: 30px 20px;

  }

}

@media (max-width: 991.98px) {

  .choose__tab-wrap .nav-tabs {

    width: 100%;

    padding: 40px;

    flex-direction: row;

    border-right: none;

    border-bottom: 1px solid #2E2E2E;

  }

}

@media (max-width: 767.98px) {

  .choose__tab-wrap .nav-tabs {

    padding: 30px;

  }

}

.choose__tab-wrap .nav-link {

  border: 1px solid #2E2E2E;

  border-radius: 0;

  display: block;

  font-size: 24px;

  font-weight: 500;

  padding: 20px 30px;

  min-width: 330px;

  text-align: left;

  background: #1E1E1E;

  color:#ffffff;

}

@media (max-width: 1199.98px) {

  .choose__tab-wrap .nav-link {

    padding: 20px 20px;

    font-size: 20px;

    min-width: 265px;

  }

}

.choose__tab-wrap .nav-link.active, .choose__tab-wrap .nav-link:hover {

  background:#0c4069;

  border-color:#0c4069;

  color:#ffffff;

}

.choose__tab-wrap .tab-content {

  background:#1D1D1D;

  padding: 60px 60px;

}

@media (max-width: 1500px) {

  .choose__tab-wrap .tab-content {

    padding: 50px 50px;

  }

}

@media (max-width: 1199.98px) {

  .choose__tab-wrap .tab-content {

    padding: 30px 20px;

  }

}

@media (max-width: 991.98px) {

  .choose__tab-wrap .tab-content {

    padding: 40px;

  }

}

@media (max-width: 767.98px) {

  .choose__tab-wrap .tab-content {

    padding: 30px;

  }

}

.choose__item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row-reverse;

  gap: 30px;

}

@media (max-width: 1199.98px) {

  .choose__item {

    gap: 20px;

  }

}

@media (max-width: 991.98px) {

  .choose__item {

    flex-direction: column;

  }

}

.choose__item-thumb {

  width: 383px;

  flex: 0 0 auto;

}

@media (max-width: 1500px) {

  .choose__item-thumb {

    width: 350px;

  }

}

@media (max-width: 1199.98px) {

  .choose__item-thumb {

    width: 290px;

  }

}

@media (max-width: 991.98px) {

  .choose__item-thumb {

    width: 270px;

  }

}

@media (max-width: 767.98px) {

  .choose__item-thumb {

    width: 100%;

  }

}

.choose__item-thumb img {

  height: 100%;

  object-fit: cover;

}

@media (max-width: 767.98px) {

  .choose__item-thumb img {

    min-height: 250px;

  }

}

.choose__item-content .title {

  margin-bottom: 15px;

  color:#ffffff;

  font-size: 36px;

  font-weight: 500;

}

@media (max-width: 1500px) {

  .choose__item-content .title {

    font-size: 32px;

  }

}

@media (max-width: 1199.98px) {

  .choose__item-content .title {

    font-size: 30px;

  }

}

@media (max-width: 991.98px) {

  .choose__item-content .title {

    font-size: 28px;

  }

}

.choose__item-content p {

  margin-bottom: 15px;

}

.choose__item-content .list-wrap {

  margin-bottom: 25px;

}

.choose__item-content .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  color:#ffffff;

  gap: 15px;

  margin-bottom: 4px;

}

.choose__item-content .list-wrap li:last-child {

  margin-bottom: 0;

}

.choose__item-content .list-wrap li i {

  transform: translateY(5px);

}

.choose__item-content .btn {

  padding: 17px 30px 16px;

}



.progress__item {

  margin-bottom: 25px;

}

.progress__item:last-child {

  margin-bottom: 0;

}

.progress__item .title {

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.progress__item .progress {

  background:#F8F8F8;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -o-border-radius: 0px;

  -ms-border-radius: 0px;

  border-radius: 0px;

  height: 50px;

  position: relative;

}

.progress__item .progress-bar {

  background-image: linear-gradient(270deg, rgba(246, 99, 0, 0.7) 0%, rgba(29, 29, 29, 0.65) 55%);

  background-color:#171717;

}

.progress__item .progress-bar span {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  color:#121212;

  font-size: 24px;

  font-weight: 300;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  line-height: 1;

  z-index: 2;

}

@media (max-width: 767.98px) {

  .progress__item .progress-bar span {

    right: 10px;

    font-size: 20px;

  }

}

.progress__item .progress-bar span strong {

  font-weight: 600;

}

.progress__item-two {

  margin-bottom: 25px;

}

.progress__item-two:last-child {

  margin-bottom: 0;

}

.progress__item-two .title {

  margin-bottom: 12px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  font-size: 16px;

  font-weight: 500;

}

.progress__item-two .title span {

  display: block;

  color:#0c4069;

  font-weight: 600;

}

.progress__item-two .progress {

  background:#F6F6F6;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  height: 8px;

}

.progress__item-two .progress-bar {

  background:#0c4069;

}





.client__item {

  margin-bottom: 30px;

}

.client__thumb {

  position: relative;

}

.client__thumb > img {

  width: 100%;

  height: 250px;

  object-fit: cover;

}

.client__logo {

  position: absolute;

  left: 30px;

  top: 30px;

}

.client__content {

  border: 1px solid#EDEDED;

  border-top: none;

  padding: 30px 30px 30px;

}

@media (max-width: 1199.98px) {

  .client__content {

    padding: 30px 25px 30px;

  }

}

.client__content span {

  line-height: 1;

  display: block;

  font-size: 14px;

  font-weight: 500;

  color:#0c4069;

  margin-bottom: 10px;

}

.client__content .title {

  margin-bottom: 20px;

  font-size: 24px;

  font-weight: 600;

}

@media (max-width: 1199.98px) {

  .client__content .title {

    font-size: 22px;

  }

}

.client__content .btn {

  gap: 10px;

  color:#121212;

  padding: 14px 23px 13px;

}

.client__content .btn:hover {

  color:#ffffff;

}





.manual__area {

    background: #19476c;

    padding: 67px 0 15px;

}

@media (max-width: 767.98px) {

  .manual__area {

    padding: 40px 0 75px;

  }

}

.manual__item {

  border: 1px solid#EDEDED;

  background:#ffffff;

  padding: 45px 50px 50px;

  margin-bottom: 25px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

	height: 333px;

}

@media (max-width: 1199.98px) {

  .manual__item {

    padding: 35px 35px 40px;

  }

}

@media (max-width: 767.98px) {

  .manual__item {

    padding: 35px 30px 40px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__item {

    padding: 35px 40px 40px;

  }

}

/*.manual__item:hover {

  border-color:#0c4069;

}*/

.manual__item .title {

  margin-bottom: 12px;

  font-size: 24px;

  font-weight: 600;

}

.manual__item p {

  margin-bottom: 15px;

}

.manual__item span {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  color:#121212;

  gap: 5px;

  margin-bottom: 0px;

}

.manual__item span a {

  font-weight: 600;

  text-decoration: underline;

}

.manual__item span a:hover {
    color: #7d7e7f;

}

.manual__item .btn {
    color: #fcfcfc;
    gap: 10px;
    padding: 14px 23px 13px;
    border: 1px solid #0c4069;
    background: #0c4069;
}
.manual__item .btn:hover {

     color: #ffffff;
    background: #7d7e7f;
    border-color: #7d7e7f;

}

.manual__item-two {

  background:#ffffff;

  padding: 30px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

}

@media (max-width: 1199.98px) {

  .manual__item-two {

    padding: 20px;

  }

}

@media (max-width: 991.98px) {

  .manual__item-two {

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .manual__item-two {

    padding: 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__item-two {

    padding: 25px;

  }

}

.manual__item-two-top {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 30px;

  margin-bottom: 26px;

}

@media (max-width: 1199.98px) {

  .manual__item-two-top {

    gap: 15px;

  }

}

@media (max-width: 991.98px) {

  .manual__item-two-top {

    gap: 25px;

  }

}

@media (max-width: 767.98px) {

  .manual__item-two-top {

    gap: 20px;

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__item-two-top {

    gap: 20px;

    flex-wrap: nowrap;

  }

}

.manual__thumb-two {

  width: 200px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .manual__thumb-two {

    width: 150px;

  }

}

@media (max-width: 991.98px) {

  .manual__thumb-two {

    width: 200px;

  }

}

@media (max-width: 767.98px) {

  .manual__thumb-two {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__thumb-two {

    width: 200px;

  }

}

.manual__thumb-two img {

  width: 100%;

  height: 195px;

  object-fit: cover;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.manual__content-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

}

.manual__content-two .title {

  margin-bottom: 18px;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .manual__content-two .title {

    font-size: 22px;

    margin-bottom: 10px;

  }

}

.manual__content-two p {

  margin-bottom: 22px;

}

@media (max-width: 1199.98px) {

  .manual__content-two p {

    margin-bottom: 15px;

  }

}

.manual__content-two .btn {

  gap: 10px;

  padding: 14px 19px;

}

.manual__info-list .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  border-bottom: 1px solid #E9E9E9;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

@media (max-width: 1199.98px) {

  .manual__info-list .list-wrap li {

    margin-bottom: 16px;

    padding-bottom: 16px;

  }

}

.manual__info-list .list-wrap li:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.manual__info-list .list-wrap li .icon {

  width: 45px;

  height: 45px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #EEEEEE;

  flex: 0 0 auto;

  color:#121212;

  font-size: 18px;

  line-height: 0;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.manual__info-list .list-wrap li .content .title {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 400;

}

@media (max-width: 991.98px) {

  .manual__nav-wrap {

    margin-bottom: 30px;

  }

}

.manual__nav-wrap .nav-tabs {

  border-bottom: none;

  flex-direction: column;

}

.manual__nav-wrap .nav-item {

  margin-bottom: 25px;

}

.manual__nav-wrap .nav-item:last-child {

  margin-bottom: 0;

}

.manual__nav-wrap .nav-link {

  border: none;

  background:#ffffff;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  padding: 30px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  width: 100%;

  gap: 30px;

}

@media (max-width: 1199.98px) {

  .manual__nav-wrap .nav-link {

    padding: 24px 20px;

    gap: 15px;

  }

}

@media (max-width: 991.98px) {

  .manual__nav-wrap .nav-link {

    gap: 25px;

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .manual__nav-wrap .nav-link {

    gap: 20px;

    padding: 20px;

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__nav-wrap .nav-link {

    padding: 25px;

    flex-wrap: nowrap;

  }

}

.manual__nav-wrap .nav-link img {

  width: 200px;

  height: 90px;

  object-fit: cover;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

@media (max-width: 1199.98px) {

  .manual__nav-wrap .nav-link img {

    width: 140px;

  }

}

@media (max-width: 991.98px) {

  .manual__nav-wrap .nav-link img {

    width: 200px;

  }

}

@media (max-width: 767.98px) {

  .manual__nav-wrap .nav-link img {

    width: 100%;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .manual__nav-wrap .nav-link img {

    width: 150px;

  }

}

.manual__nav-wrap .nav-link span {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-grow: 1;

  justify-content: space-between;

  gap: 20px;

  font-size: 24px;

  color:#121212;

}

@media (max-width: 1199.98px) {

  .manual__nav-wrap .nav-link span {

    font-size: 24px;

    gap: 15px;

  }

}

.manual__nav-wrap .nav-link span i {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#171717;

  color:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 16px;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

  flex: 0 0 auto;

}

.manual__nav-wrap .nav-link.active span i {

  background:#0c4069;

}





.support__img {

  width: 100%;

}

@media (max-width: 991.98px) {

  .support__img {

    margin-bottom: 50px;

  }

}

.support__content {

  margin-right: 65px;

}

@media (max-width: 1199.98px) {

  .support__content {

    margin-right: 0;

  }

}

.support__content p {

  margin-bottom: 30px;

}

.support__content .btn:hover {

  background:#171717;

  border-color:#171717;

}





.consultation__img {

  height: 100%;

}

@media (max-width: 991.98px) {

  .consultation__img {

    height: auto;

    margin-bottom: 40px;

  }

}

.consultation__img img {

  height: 100%;

  object-fit: cover;

  width: 100%;

}

@media (max-width: 991.98px) {

  .consultation__img img {

    height: 500px;

  }

}

@media (max-width: 767.98px) {

  .consultation__img img {

    height: auto;

    min-height: 250px;

  }

}

.meetus__reg-wrap {

  background:#ffffff;

  padding: 35px 40px 40px;

  border: 30px solid#171717;

}

@media (max-width: 1199.98px) {

  .meetus__reg-wrap {

    padding: 25px 25px 30px;

    border: 20px solid#171717;

  }

}

@media (max-width: 991.98px) {

  .meetus__reg-wrap {

    padding: 35px 40px 40px;

    border: 30px solid#171717;

  }

}

@media (max-width: 767.98px) {

  .meetus__reg-wrap {

    padding: 25px 20px 30px;

    border: 15px solid#171717;

  }

}

.meetus__reg-wrap .title {

  font-size: 30px;

  font-weight: 500;

  margin-bottom: 20px;

}

@media (max-width: 767.98px) {

  .meetus__reg-wrap .title {

    font-size: 26px;

  }

}

.meetus__reg .form-grp {

  margin-bottom: 25px;

}

.meetus__reg .form-grp label {

  display: block;

  font-size: 16px;

  color:#121212;

  margin-bottom: 8px;

}

.meetus__reg .form-grp textarea, .meetus__reg .form-grp input {

  width: 100%;

  border: none;

  background:#F8F8F8;

  padding: 15px 20px;

  font-size: 16px;

  font-weight: 400;

  color:#121212;

  height: 50px;

  display: block;

}

.meetus__reg .form-grp textarea {

  min-height: 120px;

  max-height: 120px;

}

.meetus__reg .form-grp.select-grp {

  width: 100%;

  position: relative;

}

.meetus__reg .form-grp.select-grp select {

  background-color:#F8F8F8;

  border: none;

  color:#74787C;

  font-weight: 400;

  font-size: 16px;

  text-transform: capitalize;

  border-radius: 0;

  outline: none;

  padding: 15px 40px 15px 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  line-height: 1.2;

  height: 50px;

  cursor: pointer;

}

.meetus__reg .form-grp.select-grp::after {

  content: "\f078";

  position: absolute;

  bottom: 10px;

  font-family: "Font Awesome 5 Free";

  font-weight: 700;

  right: 15px;

  font-size: 15px;

  color:#74787C;

}

.meetus__reg .btn {

  padding: 17px 30px 16px;

  width: 100%;

  justify-content: center;

}

.meetus__reg .btn:hover {

  background:#171717;

  border-color:#171717;

}





.company__bg {

  background-size: cover;

  background-position: center;

  padding: 475px 0 120px;

  margin-top: -355px;

}

@media (max-width: 767.98px) {

  .company__bg {

    padding: 300px 0 100px;

    margin-top: -200px;

  }

}

.company__content {

  margin-right: 75px;

}

@media (max-width: 1199.98px) {

  .company__content {

    margin-right: 0;

  }

}

.company__content > p {

  margin-bottom: 30px;

}

.company__list-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 10px;

  background: #262626;

  border: 1px solid #2F2F2F;

}

.company__list-item:last-child {

  margin-bottom: 0;

}

.company__list-item .icon {

  width: 108px;

  flex: 0 0 auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#0c4069;

  font-size: 50px;

  line-height: 0;

  flex: 0 0 auto;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  border-right: 1px solid #2F2F2F;

}

@media (max-width: 767.98px) {

  .company__list-item .icon {

    width: 95px;

  }

}

.company__list-item .content {

  flex-grow: 1;

}

.company__list-item .content .title {

  margin-bottom: 0;

  color:#ffffff;

  font-size: 24px;

  font-weight: 500;

  padding: 10px 20px;

  border-bottom: 1px solid #2F2F2F;

}

.company__list-item .content p {

  margin-bottom: 0;

  padding: 17px 20px;

}

.company__img {

  text-align: right;

  position: relative;

  padding-left: 80px;

}

@media (max-width: 991.98px) {

  .company__img {

    margin-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .company__img {

    padding-left: 50px;

  }

}

.company__img img:nth-child(1) {

  height: 566px;

  object-fit: cover;

}

@media (max-width: 991.98px) {

  .company__img img:nth-child(1) {

    height: 500px;

  }

}

@media (max-width: 767.98px) {

  .company__img img:nth-child(1) {

    height: 400px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .company__img img:nth-child(1) {

    height: 450px;

  }

}

.company__img img:nth-child(2) {

  position: absolute;

  left: 0;

  top: 6%;

  width: 200px;

  height: 195px;

  object-fit: cover;

}

@media (max-width: 991.98px) {

  .company__img img:nth-child(2) {

    width: 180px;

    height: 180px;

  }

}

@media (max-width: 767.98px) {

  .company__img img:nth-child(2) {

    width: 140px;

    height: 140px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .company__img img:nth-child(2) {

    width: 170px;

    height: 170px;

  }

}

.company__img img:nth-child(3) {

  position: absolute;

  left: 0;

  bottom: 10%;

  border: 5px solid#ffffff;

  width: 333px;

  height: 225px;

  object-fit: cover;

}

@media (max-width: 991.98px) {

  .company__img img:nth-child(3) {

    width: 300px;

    height: 200px;

  }

}

@media (max-width: 767.98px) {

  .company__img img:nth-child(3) {

    width: 230px;

    height: 150px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .company__img img:nth-child(3) {

    width: 270px;

    height: 180px;

  }

}





.clientspeaks__bg {

  background-size: cover;

  background-position: center;

  margin: 0 30px;

  padding: 120px 0 95px;

}

@media (max-width: 1500px) {

  .clientspeaks__bg {

    margin: 0 20px;

  }

}

@media (max-width: 767.98px) {

  .clientspeaks__bg {

    margin: 0 10px;

    padding: 100px 0 75px;

  }

}

.clientspeaks__item {

  border: 1px solid #404140;

  background:#1D1D1D;

  padding: 80px 80px 70px;

  position: relative;

  margin-bottom: 25px;

  z-index: 1;

}

@media (max-width: 1500px) {

  .clientspeaks__item {

    padding: 70px 60px 70px;

  }

}

@media (max-width: 1199.98px) {

  .clientspeaks__item {

    padding: 70px 40px 60px;

  }

}

@media (max-width: 991.98px) {

  .clientspeaks__item {

    padding: 70px 30px 40px;

  }

}

.clientspeaks__item::before {

  content: "\e816";

  font-family: "fontello";

  font-weight: 400;

  font-size: 70px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.07);

  position: absolute;

  right: 60px;

  bottom: 60px;

  z-index: -1;

}

@media (max-width: 1199.98px) {

  .clientspeaks__item::before {

    right: 40px;

    bottom: 40px;

    font-size: 60px;

  }

}

@media (max-width: 1199.98px) {

  .clientspeaks__item::before {

    right: 40px;

    bottom: 60px;

    font-size: 50px;

  }

}

.clientspeaks__thumb {

  position: absolute;

  opacity: 0;

  visibility: hidden;

}

.clientspeaks__content img {

  margin-bottom: 40px;

  max-height: 40px;

}

.clientspeaks__content p {

  margin-bottom: 40px;

  font-size: 24px;

  color:#ffffff;

  line-height: 1.4;

}

@media (max-width: 991.98px) {

  .clientspeaks__content p {

    margin-bottom: 30px;

  }

}

.clientspeaks__content span {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

  flex-wrap: wrap;

  font-size: 18px;

  font-weight: 600;

  color:#ffffff;

}

.clientspeaks__content span a:hover {

  color:#ffffff;

}

.clientspeaks__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  margin-bottom: 70px;

}

@media (max-width: 991.98px) {

  .clientspeaks__nav {

    margin-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .clientspeaks__nav {

    margin-bottom: 40px;

    justify-content: flex-start;

  }

}

.clientspeaks__nav button {

  width: 65px;

  height: 65px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  padding: 0;

  background: #0C0A0A;

  color:#ffffff;

}

.clientspeaks__nav button svg {

  width: 30px;

  height: 30px;

}

.clientspeaks__nav button.testimonial-button-next {

  background:#0c4069;

}





.shop__item {

  background:#F6F6F6;

  margin-bottom: 25px;

}

.shop__item:hover .shop__thumb::before {

  height: 100%;

  opacity: 1;

  visibility: visible;

}

.shop__item:hover .shop__thumb .btn {

  opacity: 1;

  margin-top: 0;

}

.shop__thumb {

  background:#F6F6F6;

  border: 1px solid#EDEDED;

  position: relative;

}

.shop__thumb::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0;

  background:#171717;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  visibility: hidden;

}

.shop__thumb img {

  width: 100%;

}

.shop__thumb .btn {

  position: absolute;

  left: 50%;

  top: 50%;

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

  margin-top: 50px;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out 0s;

  -moz-transition: all 0.4s ease-out 0s;

  -ms-transition: all 0.4s ease-out 0s;

  -o-transition: all 0.4s ease-out 0s;

  transition: all 0.4s ease-out 0s;

}

.shop__thumb .sticker {

  background:#0c4069;

  color:#ffffff;

  text-transform: uppercase;

  display: block;

  line-height: 1;

  position: absolute;

  right: 20px;

  top: 20px;

  font-size: 12px;

  font-weight: 600;

  padding: 7px 18px;

}

.shop__content {

  border: 1px solid#EDEDED;

  border-top: none;

  padding: 25px 30px 30px;

}

@media (max-width: 1500px) {

  .shop__content {

    padding: 20px 20px 20px;

  }

}

.shop__content .price {

  margin-bottom: 12px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  font-size: 16px;

  font-weight: 500;

  color:#0c4069;

  gap: 10px;

}

.shop__content .price del {

  color: #AAABAC;

}

.shop__content .title {

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 10px;

  text-transform: capitalize;

}

@media (max-width: 1500px) {

  .shop__content .title {

    font-size: 22px;

  }

}

.shop__content .rating {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 3px;

  font-size: 14px;

  color:#FFBE17;

}

.shop__top-wrap {

  background:#F8F8F8;

  padding: 12px 25px;

  margin-bottom: 30px;

}

@media (max-width: 767.98px) {

  .shop__showing-result {

    text-align: center;

    margin-bottom: 10px;

  }

}

.shop__showing-result p {

  margin-bottom: 0;

  color:#121212;

}

.shop__ordering {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  width: 150px;

  margin-left: auto;

  position: relative;

}

@media (max-width: 767.98px) {

  .shop__ordering {

    margin: 0 auto;

  }

}

.shop__ordering select {

  background-color: transparent;

  border: none;

  color:#74787C;

  font-weight: 500;

  font-size: 15px;

  text-transform: capitalize;

  border-radius: 0;

  outline: none;

  padding: 0 20px 0 10px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  line-height: 1.2;

  height: auto;

  cursor: pointer;

}

.shop__ordering::after {

  content: "\f078";

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-family: "Font Awesome 5 Free";

  font-weight: 700;

  right: 5px;

  font-size: 14px;

  color:#74787C;

}

@media (max-width: 991.98px) {

  .shop__sidebar {

    margin-top: 80px;

  }

}

.shop__details-img {

  position: relative;

}

@media (max-width: 991.98px) {

  .shop__details-img {

    margin-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .shop__details-img img {

    width: 100%;

  }

}

.shop__details-img .sticker {

  background:#0c4069;

  color:#ffffff;

  text-transform: uppercase;

  display: block;

  line-height: 1;

  position: absolute;

  right: 20px;

  top: 20px;

  font-size: 12px;

  font-weight: 600;

  padding: 7px 18px;

}

.shop__details-content {

  margin-left: 35px;

}

@media (max-width: 1199.98px) {

  .shop__details-content {

    margin-left: 0;

  }

}

.shop__details-content .price {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 14px;

  font-size: 24px;

  font-weight: 500;

  color:#0c4069;

}

@media (max-width: 1199.98px) {

  .shop__details-content .price {

    margin-bottom: 8px;

  }

}

.shop__details-content .price del {

  font-size: 18px;

  font-weight: 500;

  color: #D3D3D3;

}

.shop__details-content > .title {

  margin-bottom: 10px;

  font-size: 36px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .shop__details-content > .title {

    font-size: 32px;

  }

}

@media (max-width: 767.98px) {

  .shop__details-content > .title {

    font-size: 30px;

  }

}

.shop__details-content .review-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px 15px;

  margin-bottom: 18px;

}

@media (max-width: 1199.98px) {

  .shop__details-content .review-wrap {

    margin-bottom: 12px;

  }

}

.shop__details-content .review-wrap .rating {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 3px;

  font-size: 14px;

  color:#FFBE17;

}

.shop__details-content .review-wrap span {

  display: block;

}

.shop__details-content p {

  margin-bottom: 22px;

}

@media (max-width: 1199.98px) {

  .shop__details-content p {

    margin-bottom: 15px;

  }

}

.shop__details-qty {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 43px;

}

@media (max-width: 1199.98px) {

  .shop__details-qty {

    margin-bottom: 30px;

  }

}

.shop__details-qty .btn:hover {

  background:#171717;

  border-color:#171717;

}

.shop__details-bottom .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  font-size: 16px;

  font-weight: 500;

  color:#74787C;

  gap: 5px;

  margin-bottom: 5px;

}

.shop__details-bottom .list-wrap li:last-child {

  margin-bottom: 0;

}

.shop__details-bottom .list-wrap li .title {

  display: block;

  font-size: 16px;

  font-weight: 500;

  color:#171717;

  min-width: 85px;

}

.shop__details-bottom .list-wrap li a {

  color:#74787C;

}

.shop__details-bottom .list-wrap li a:hover {

  color:#0c4069;

}

.shop__list-wrap {

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .shop__list-wrap {

    margin-bottom: 30px;

  }

}
@media (max-width: 1366px) {

.blog__post-content .title {
    min-height: 86px !important;
}
}

.shop__list-wrap .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 20px;

  margin-bottom: 5px;

}

.shop__list-wrap .list-wrap li:last-child {

  margin-bottom: 0;

}

.shop__list-wrap .list-wrap li i {

  font-size: 16px;

  color:#0c4069;

  transform: translateY(5px);

}

.shop__cat-list .list-wrap li a i {

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  width: 50px;

  height: 50px;

  border: 1px solid #E9E9E9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: -1px -1px -1px 0;

  background:#ffffff;

  color:#0c4069;

}

.shop__cat-list .list-wrap li a:hover i {

  background:#ffffff;

  display: flex !important;

}



.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {

  background: #EAEAEA none repeat scroll 0 0;

  border: medium none;

  border-radius: 0;

  height: 5px;

  margin-bottom: 15px;

  margin-left: auto;

}

.price_filter .ui-slider-range {

  background:#0c4069 none repeat scroll 0 0;

  border-radius: 2px;

}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {

  height: 11px;

  width: 11px;

  top: 0;

  margin-top: -4px;

  background:#ffffff;

  border-radius: 50px;

  margin-left: -1px;

  border: 3px solid#0c4069;

}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus {

  outline: none;

  box-shadow: none;

}



.price_slider_amount {

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.price_slider_amount > input {

  height: auto;

  margin-left: 0;

  text-align: left;

  width: 100%;

  border: none;

  font-size: 16px;

  font-weight: 500;

  color:#74787C;

  line-height: 1;

  pointer-events: none;

  background: transparent;

}

.price_slider_amount > input.amount_two {

  text-align: right;

}





.blog__post-item {

  margin-bottom: 30px;

}

.blog__post-item-two {

  margin-bottom: 30px;

}

.blog__post-item-three {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 30px;

}

@media (max-width: 767.98px) {

  .blog__post-item-three {

    flex-wrap: wrap;

  }

}

.blog__post-item-four {

  margin-bottom: 25px;

}

.blog__post-item-four.small-item .blog__post-content-five {

  padding: 40px 30px 40px;

}

@media (max-width: 1500px) {

  .blog__post-item-four.small-item .blog__post-content-five {

    padding: 40px 20px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-item-four.small-item .blog__post-content-five {

    padding: 30px 20px;

  }

}

.blog__post-item-five {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  margin-bottom: 25px;

}

@media (max-width: 767.98px) {

  .blog__post-item-five {

    flex-direction: column;

  }

}

.blog__post-thumb img {

    width: 100%;

    height: 228px;

    object-fit: cover;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb img {

    height: 250px;

  }

}

.blog__post-thumb-two {

  position: relative;

}

.blog__post-thumb-two img {

  width: 100%;

  height: 400px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb-two img {

    height: 350px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-thumb-two img {

    height: 320px;

  }

}

.blog__post-thumb-three {

  flex: 0 0 auto;

  width: 320px;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb-three {

    width: 260px;

  }

}

@media (max-width: 991.98px) {

  .blog__post-thumb-three {

    width: 280px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-thumb-three {

    width: 100%;

  }

}

.blog__post-thumb-three img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

@media (max-width: 767.98px) {

  .blog__post-thumb-three img {

    height: 350px;

  }

}

.blog__post-thumb-four img {

  width: 100%;

  height: 300px;

  object-fit: cover;

}

.blog__post-thumb-five {

  width: 444px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb-five {

    width: 300px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-thumb-five {

    width: 100%;

  }

}

.blog__post-thumb-five img {

  height: 263px;

  object-fit: cover;

  width: 100%;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb-five img {

    height: 277px;

  }

}

.blog__post-thumb-nav button {

  border: none;

  background:#ffffff;

  width: 60px;

  height: 60px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#0c4069;

  font-size: 18px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 10px;

  z-index: 1;

}

.blog__post-thumb-nav button.blog-button-prev {

  -webkit-transform: translateY(-50%) rotate(-180deg);

  -moz-transform: translateY(-50%) rotate(-180deg);

  -ms-transform: translateY(-50%) rotate(-180deg);

  -o-transform: translateY(-50%) rotate(-180deg);

  transform: translateY(-50%) rotate(-180deg);

  right: auto;

  left: 10px;

}

.blog__post-thumb-nav button:hover {

  background:#0c4069;

  color:#ffffff;

}
.adres h3 {
    font-size: 17px;
}
.blog__post-content {

    background: #19476c;

    overflow: hidden;

    position: relative;

    z-index: 1;

    padding: 9px 19px 11px;

	  min-height: 131px;

}

@media (max-width: 1500px) {

  .blog__post-content {

    padding: 35px 30px 40px;

  }

}

@media (max-width: 1199.98px) {

  .blog__post-content {

    padding: 30px 25px 35px;

  }

}

.blog__post-content::before {

  content: "";

  position: absolute;

  right: 30%;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 160px;

  height: 775px;

  opacity: 0.5;

  background: linear-gradient(180deg, #2E2E2E 4.48%, rgba(18, 18, 18, 0) 67.1%);

  z-index: -1;

}

.blog__post-content::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 135px;

  height: 725px;

  opacity: 0.55;

  background: linear-gradient(180deg, #262626 17%, rgba(18, 18, 18, 0) 100%);

  z-index: -1;

}

.blog__post-content .title {

    margin-bottom: 0;

    font-size: 20px;

    font-weight: 100;

    color:#ffffff;

    border-bottom: 1px solid#2D2D2D;

    padding-bottom: 11px;

    margin-bottom: 11px;

	min-height: 60px;

}

.blog__post-content .btn {
  border: none;
    background: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 26px 11px;
    color: #0c4069;
}

.blog__post-content .btn:hover {
    background: #7d7e7f;
    color: #fff;
}

.blog__post-content-two {

  background:#F8F8F8;

  padding: 35px 40px 40px;

}

@media (max-width: 1199.98px) {

  .blog__post-content-two {

    padding: 30px 30px 30px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-two {

    padding: 30px 25px 30px;

  }

}

.blog__post-content-two .blog__post-meta .list-wrap {

  margin-bottom: 15px;

}

.blog__post-content-two .title {

  font-size: 30px;

  font-weight: 500;

  margin-bottom: 25px;

}

@media (max-width: 767.98px) {

  .blog__post-content-two .title {

    font-size: 26px;

  }

}

.blog__post-content-two p {

  margin-bottom: 30px;

}

.blog__post-content-two .btn {

  gap: 10px;

  padding: 14px 20px 13px;

}

.blog__post-content-two .btn:hover {

  background:#171717;

  border-color:#171717;

}

.blog__post-content-three {

  background:#F8F8F8;

  padding: 50px 50px;

}

@media (max-width: 1500px) {

  .blog__post-content-three {

    padding: 45px 30px;

  }

}

@media (max-width: 1199.98px) {

  .blog__post-content-three {

    padding: 30px 30px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-three {

    padding: 30px 25px;

  }

}

.blog__post-content-three .title {

  margin-bottom: 25px;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .blog__post-content-three .title {

    margin-bottom: 20px;

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-three .title {

    font-size: 26px;

  }

}

.blog__post-content-three p {

  margin-bottom: 30px;

}

@media (max-width: 1199.98px) {

  .blog__post-content-three p {

    margin-bottom: 20px;

  }

}

.blog__post-content-three .btn {

  gap: 10px;

  padding: 14px 20px 13px;

}

.blog__post-content-three .btn:hover {

  background:#171717;

  border-color:#171717;

}

@media (max-width: 991.98px) {

  .blog__post-content-four {

    margin-bottom: 50px;

  }

}

.blog__post-content-four p {

  margin-bottom: 30px;

  width: 90%;

}

@media (max-width: 1199.98px) {

  .blog__post-content-four p {

    width: 100%;

  }

}

.blog__post-content-five {

  background:#171717;

  padding: 40px 40px 40px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .blog__post-content-five {

    padding: 40px 20px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-five {

    padding: 30px 20px;

  }

}

.blog__post-content-five::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) rotate(135deg);

  width: 135px;

  height: 725px;

  opacity: 0.55;

  background: linear-gradient(180deg, #262626 17%, rgba(18, 18, 18, 0) 100%);

  z-index: -1;

}

.blog__post-content-five .title {

  margin-bottom: 30px;

  font-size: 24px;

  font-weight: 500;

  color:#ffffff;

}

.blog__post-content-five .btn {

  padding: 12px 22px 11px;

  background:#2D2D2D;

}

.blog__post-content-five .btn:hover {

  background:#0c4069;

}

.blog__post-content-six {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  min-height: 263px;

}

.blog__post-meta .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px 35px;

  flex-wrap: wrap;

  margin-bottom: 20px;

}

.blog__post-meta .list-wrap li {

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  position: relative;

  color:#74787C;

  line-height: 1.4;

}

.blog__post-meta .list-wrap li::before {

  content: "";

  position: absolute;

  right: -18px;

  top: 7px;

  width: 4px;

  height: 4px;

  background: #D6D6D6;

}

.blog__post-meta .list-wrap li:last-child::before {

  display: none;

}

.blog__post-meta .list-wrap li a {

  color:#74787C;

}

.blog__post-meta .list-wrap li a:hover {

  color: #0c4069;

}

.blog__post-meta .list-wrap li.tach a {

  color:#0c4069;

  text-decoration: underline;

}

.blog__post-meta .list-wrap li.tach a:hover {

  color:#171717;

}

.blog__post-blockquote {

  background:#0c4069;

  margin-bottom: 30px;

}

.blog__post-blockquote blockquote {

  padding: 35px 110px 35px 165px;

  gap: 30px;

  position: relative;

  margin-bottom: 0;

}

@media (max-width: 1500px) {

  .blog__post-blockquote blockquote {

    padding: 35px 40px 35px 165px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-blockquote blockquote {

    padding: 30px 30px 30px 30px;

  }

}

.blog__post-blockquote blockquote::before {

  content: "\e831";

  font-size: 50px;

  font-weight: 400;

  font-family: "fontello";

  width: 125px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#ffffff;

  background: #F97116;

  position: absolute;

  left: 10px;

  top: 10px;

  bottom: 10px;

}

@media (max-width: 767.98px) {

  .blog__post-blockquote blockquote::before {

    display: none;

  }

}

.blog__post-blockquote blockquote p {

  margin-bottom: 22px;

  font-size: 24px;

  font-weight: 500;

  color:#ffffff;

  line-height: 1.4;

}

@media (max-width: 1199.98px) {

  .blog__post-blockquote blockquote p {

    font-size: 22px;

  }

}

.blog__post-blockquote blockquote cite {

  display: block;

  color:#ffffff;

  position: relative;

  font-weight: 600;

  font-size: 18px;

  text-transform: uppercase;

  font-style: normal;

  line-height: 1;

  padding-left: 40px;

}

.blog__post-blockquote blockquote cite::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 30px;

  height: 2px;

  background:#ffffff;

}

.blog__post-author {

  background:#F6F6F6;

  padding: 30px 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 30px;

  margin-bottom: 80px;

}

@media (max-width: 767.98px) {

  .blog__post-author {

    flex-wrap: wrap;

    gap: 25px;

  }

}

.blog__post-author-thumb {

  width: 148px;

  flex: 0 0 auto;

}

.blog__post-author-thumb img {

  width: 100%;

}

.blog__post-author-content .name {

  margin-bottom: 8px;

  font-size: 24px;

  font-weight: 500;

}

.blog__post-author-content .designation {

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 1;

  display: block;

  color:#0c4069;

  margin-bottom: 20px;

}

.blog__post-author-content p {

  margin-bottom: 0;

}

.blog__sidebar {

  margin-left: 16px;

}

@media (max-width: 1500px) {

  .blog__sidebar {

    margin-left: 0;

  }

}

@media (max-width: 991.98px) {

  .blog__sidebar {

    margin-top: 100px;

  }

}

.blog__widget {

  background:#F6F6F6;

  padding: 35px 40px 40px;

  margin-bottom: 30px;

}

@media (max-width: 1500px) {

  .blog__widget {

    padding: 35px 30px 40px;

  }

}

@media (max-width: 1199.98px) {

  .blog__widget {

    padding: 25px 20px 30px;

  }

}

@media (max-width: 991.98px) {

  .blog__widget {

    padding: 35px 30px 40px;

  }

}

@media (max-width: 767.98px) {

  .blog__widget {

    padding: 35px 20px 30px;

  }

}

.blog__widget:last-child {

  margin-bottom: 0;

}

.blog__widget-title {

  margin-bottom: 0;

  text-transform: capitalize;

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 20px;

}

.blog__search-form {

  position: relative;

}

.blog__search-form input {

  width: 100%;

  background:#ffffff;

  border: 1px solid #E9E9E9;

  font-size: 16px;

  font-weight: 400;

  padding: 14px 70px 14px 25px;

  height: 55px;

  color:#171717;

}

.blog__search-form input::placeholder {

  color:#74787C;

  font-size: 16px;

  font-weight: 400;

}

.blog__search-form button {

  border: none;

  width: 55px;

  height: 55px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#0c4069;

  color:#ffffff;

  position: absolute;

  right: 0;

  top: 0;

  line-height: 0;

  font-weight: 400;

  padding: 0;

}

.blog__search-form button:hover {

  background:#171717;

}

.blog__cat-list .list-wrap li {

  margin-bottom: 15px;

}

.blog__cat-list .list-wrap li:last-child {

  margin-bottom: 0;

}

.blog__cat-list .list-wrap li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 10px;

  background:#ffffff;

  border: 1px solid #E9E9E9;

  padding: 0 0 0 25px;

  justify-content: space-between;

  text-transform: capitalize;

  font-size: 16px;

  font-weight: 500;

  color:#74787C;

  line-height: 1.2;

  min-height: 50px;

  align-items: center;

  gap: 10px;

}

@media (max-width: 1199.98px) {

  .blog__cat-list .list-wrap li a {

    padding: 0 0 0 15px;

  }

}

@media (max-width: 991.98px) {

  .blog__cat-list .list-wrap li a {

    padding: 0 0 0 20px;

  }

}

.blog__cat-list .list-wrap li a span {

  color:#0c4069;

  font-size: 16px;

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  width: 50px;

  height: 50px;

  border: 1px solid #E9E9E9;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: -1px -1px -1px 0;

  background:#ffffff;

}

.blog__cat-list .list-wrap li a strong {

  font-size: 16px;

  font-weight: 400;

  color:#0c4069;

  display: none;

  transition: 0.3s linear;

}

.blog__cat-list .list-wrap li a i {

  transition: 0.3s linear;

}

.blog__cat-list .list-wrap li a:hover {

  background:#0c4069;

  border-color:#0c4069;

  color:#ffffff;

}

.blog__cat-list .list-wrap li a:hover i {

  display: none;

}

.blog__cat-list .list-wrap li a:hover strong {

  display: block;

}

.blog__rc-post-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  margin-bottom: 20px;

}

.blog__rc-post-item:last-child {

  margin-bottom: 0;

}

.blog__rc-post-item .thumb {

  width: 85px;

  flex: 0 0 auto;

}

.blog__rc-post-item .content .date {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  line-height: 1;

  font-size: 14px;

  gap: 8px;

  margin-bottom: 10px;

}

.blog__rc-post-item .content .date i {

  font-size: 16px;

}

.blog__rc-post-item .content .title {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 500;

}

.blog__gallery-wrap .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

}

.blog__gallery-wrap .list-wrap li a img {

  width: 79px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .blog__gallery-wrap .list-wrap li a img {

    width: 75px;

  }

}

.blog__tag-list .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px;

}

.blog__tag-list .list-wrap li a {

  font-size: 12px;

  font-weight: 500;

  text-transform: uppercase;

  color:#121212;

  background:#ffffff;

  border: 1px solid #E9E9E9;

  display: block;

  padding: 7px 20px;

}

.blog__tag-list .list-wrap li a:hover {

  background:#0c4069;

  border-color:#0c4069;

  color:#ffffff;

}

.blog__details-thumb {

  margin-bottom: 45px;

}

.blog__details-thumb img {

  width: 100%;

  height: 500px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .blog__details-thumb img {

    height: 400px;

  }

}

@media (max-width: 767.98px) {

  .blog__details-thumb img {

    height: 350px;

  }

}

.blog__details-content .title {

  margin-bottom: 20px;

  font-size: 36px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .blog__details-content .title {

    font-size: 32px;

  }

}

@media (max-width: 767.98px) {

  .blog__details-content .title {

    font-size: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog__details-content .title {

    font-size: 32px;

  }

}

.blog__details-content p {

  margin-bottom: 25px;

}

.blog__details-content blockquote {

  background:#1D1D1D;

  margin-bottom: 0;

  padding: 60px 60px 55px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  margin: 40px 0 45px;

}

@media (max-width: 1199.98px) {

  .blog__details-content blockquote {

    padding: 50px 40px 45px;

  }

}

@media (max-width: 767.98px) {

  .blog__details-content blockquote {

    padding: 30px;

  }

}

.blog__details-content blockquote::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  width: 280px;

  height: 1655px;

  transform: translateY(-50%) rotate(135deg);

  opacity: 0.55;

  background: linear-gradient(180deg, #262626 47.56%, rgba(18, 18, 18, 0) 100%);

  z-index: -1;

}

.blog__details-content blockquote::before {

  content: "\e830";

  font-family: "fontello";

  font-weight: 400;

  width: 80px;

  height: 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#0c4069;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  line-height: 0;

  color:#ffffff;

  font-size: 25px;

  margin-bottom: 35px;

}

.blog__details-content blockquote p {

  margin-bottom: 25px;

  color:#ffffff;

  font-size: 24px;

  line-height: 1.4;

}

.blog__details-content blockquote cite {

  font-style: normal;

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  color:#0c4069;

  line-height: 1;

}

.blog__details-content blockquote cite span {

  display: block;

  text-transform: capitalize;

  font-size: 16px;

  color:#74787C;

  font-weight: 400;

  margin-top: 2px;

}

.blog__details-inner-img {

  margin: 40px 0 20px;

}

.blog__details-inner-img img {

  width: 100%;

  margin-bottom: 20px;

}

.blog__details-bottom {

  border-bottom: 1px solid #EAEBEE;

  padding-bottom: 30px;

  margin-top: 45px;

  margin-bottom: 80px;

}

.blog__details-bottom .westtech-article-in {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 15px;

  flex-wrap: wrap;

}

.blog__details-bottom .westtech-article-in .tag-title {

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 500;

}

.blog__details-bottom .westtech-article-in .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}

.blog__details-bottom .westtech-article-in .list-wrap li a {

  font-size: 12px;

  font-weight: 600;

  text-transform: uppercase;

  color:#74787C;

  display: block;

  border: 1px solid #EAEBEE;

  border-radius: 100px;

  padding: 7px 21px;

}

.blog__details-bottom .westtech-article-in .list-wrap li a:hover {

  background:#0c4069;

  border-color:#0c4069;

  color:#ffffff;

}



.shine__animate-link {

  display: block;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.shine__animate-link::before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.shine__animate-item:hover .shine__animate-link::before {

  -webkit-animation: hoverShine 1.2s;

  animation: hoverShine 1.2s;

}



.pagination__wrap {

  margin-top: 60px;

}

.pagination__wrap .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 10px 10px;

}

@media (max-width: 991.98px) {

  .pagination__wrap .list-wrap {

    justify-content: center;

  }

}

.pagination__wrap .list-wrap li a {

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#F8F8F8;

  font-size: 16px;

  color:#171717;

  font-weight: 600;

  line-height: 1;

}

.pagination__wrap .list-wrap li a:hover {

  background:#0c4069;

  color:#ffffff;

}

.pagination__wrap .list-wrap li.active a {

  background:#0c4069;

  color:#ffffff;

}



.comment-wrap {

  margin-bottom: 80px;

}

.comment-wrap-title .title {

  margin-bottom: 30px;

  font-size: 36px;

  font-weight: 500;

}

@media (max-width: 767.98px) {

  .comment-wrap-title .title {

    font-size: 32px;

  }

}

.comment-respond {

  background:#F6F6F6;

  padding: 45px 50px 50px;

}

@media (max-width: 1199.98px) {

  .comment-respond {

    padding: 30px;

  }

}

.comment-reply-title {

  margin-bottom: 25px;

  font-size: 30px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .comment-reply-title {

    font-size: 26px;

  }

}

.comment-form .row {

  --bs-gutter-x: 20px;

}

.comment-form .btn:hover {

  background:#171717;

  border-color:#171717;

}

.comment-field {

  margin-bottom: 20px;

  position: relative;

}

.comment-field label {

  position: absolute;

  right: 25px;

  top: 50%;

  transform: translateY(-50%);

  color:#74787C;

  font-size: 16px;

}

.comment-field input, .comment-field textarea {

  width: 100%;

  display: block;

  background:#ffffff;

  border: none;

  font-size: 16px;

  color:#171717;

  padding: 15px 50px 15px 25px;

  line-height: 1.2;

  height: 50px;

}

.comment-field input::placeholder, .comment-field textarea::placeholder {

  opacity: 0.8;

  font-size: 16px;

  color:#74787C;

}

.comment-field textarea {

  min-height: 150px;

  max-height: 150px;

}



.latest-comments .list-wrap li {

  padding-bottom: 30px;

  margin-bottom: 45px;

  border-bottom: 1px solid #E8E8E8;

}

.latest-comments .list-wrap li:last-child {

  margin-bottom: 0;

  border-bottom: none;

  padding-bottom: 0;

}

.latest-comments .list-wrap li:last-child .comments-box {

  margin-left: 135px;

}

@media (max-width: 1199.98px) {

  .latest-comments .list-wrap li:last-child .comments-box {

    margin-left: 80px;

  }

}

@media (max-width: 767.98px) {

  .latest-comments .list-wrap li:last-child .comments-box {

    margin-left: 0;

  }

}

.latest-comments .comments-box {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 25px;

}

@media (max-width: 767.98px) {

  .latest-comments .comments-box {

    gap: 20px;

    flex-wrap: wrap;

  }

}

.latest-comments .comments-avatar {

  flex: 0 0 auto;

  width: 110px;

}

.latest-comments .comments-avatar img {

  width: 100%;

}

.latest-comments .comments-text .avatar-name {

  margin-bottom: 15px;

}

.latest-comments .comments-text .avatar-name .name {

  font-size: 20px;

  margin-bottom: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

  justify-content: space-between;

  font-weight: 500;

}

.latest-comments .comments-text .avatar-name .name .reply-btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 14px;

  color:#0c4069;

  font-weight: 500;

  text-transform: uppercase;

}

.latest-comments .comments-text .avatar-name .name .reply-btn:hover {

  color:#171717;

}

.latest-comments .comments-text .avatar-name .date {

  font-size: 14px;

  display: block;

  margin-bottom: 3px;

}

.latest-comments .comments-text p {

  margin-bottom: 0;

}





.brand__item {

  min-height: 43px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

}

.brand__item img {

  cursor: pointer;

}





.meetus__info-item {

  margin-bottom: 20px;

}

.meetus__info-item:last-child {

  margin-bottom: 0;

}

.meetus__info-thumb {

  padding: 10px;

  border: 1px solid #F0F0F0;

  border-bottom: none;

}

.meetus__info-thumb img {

  width: 100%;

  height: 250px;

  object-fit: cover;

}

@media (max-width: 1199.98px) {

  .meetus__info-thumb img {

    height: 220px;

  }

}

.meetus__info-content {

  background:#ffffff;

  border: 1px solid #F0F0F0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.meetus__info-content .icon {

  font-size: 48px;

  line-height: 0;

  color:#0c4069;

  width: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-right: 1px solid #F0F0F0;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .meetus__info-content .icon {

    font-size: 40px;

    width: 80px;

  }

}

@media (max-width: 991.98px) {

  .meetus__info-content .icon {

    font-size: 48px;

    width: 100px;

  }

}

@media (max-width: 767.98px) {

  .meetus__info-content .icon {

    font-size: 40px;

    width: 80px;

  }

}

.meetus__info-content .content {

  min-height: 100px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  padding: 15px 25px;

}

@media (max-width: 1199.98px) {

  .meetus__info-content .content {

    padding: 15px 15px;

  }

}

.meetus__info-content .content span {

  display: block;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  color:#0c4069;

  text-transform: uppercase;

  margin-bottom: 12px;

}

.meetus__info-content .content .title {

  margin-bottom: 0;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 1199.98px) {

  .meetus__info-content .content .title {

    font-size: 22px;

  }

}

@media (max-width: 991.98px) {

  .meetus__info-content .content .title {

    font-size: 24px;

  }

}

@media (max-width: 767.98px) {

  .meetus__info-content .content .title {

    font-size: 22px;

  }

}

@media (max-width: 991.98px) {

  .meetus__info-wrap {

    margin-bottom: 50px;

  }

}

.contact-map {

  width: 100%;

  height: 505px;

}

@media (max-width: 1199.98px) {

  .contact-map {

    height: 400px;

  }

}

@media (max-width: 767.98px) {

  .contact-map {

    height: 360px;

  }

}

.contact-map iframe {

  width: 100%;

  height: 100%;

  mix-blend-mode: luminosity;

}

.meetus__form-wrap {

  padding: 54px 60px 60px;

  border: 1px solid #F0F0F0;

  margin-top: 9px;

}
.ourprograms__details-area {
    margin: 9px 0 0;
}
.blog__post-area {
    margin: 9px 0 0;
}
@media (max-width: 1199.98px) {

  .meetus__form-wrap {

    padding: 50px 30px 60px;

  }

}

@media (max-width: 767.98px) {

  .meetus__form-wrap {

    padding: 18px 25px 50px;

  }

}

.meetus__form-wrap .section__title-three .title {

  font-size: 40px;

}

@media (max-width: 1199.98px) {

  .meetus__form-wrap .section__title-three .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .meetus__form-wrap .section__title-three .title {

    font-size: 32px;

  }

}

.meetus__form .form-grp {

  margin-bottom: 25px;

}

.meetus__form .form-grp textarea, .meetus__form .form-grp input {

  width: 100%;

  border: none;

  background:#F6F6F6;

  padding: 15px 25px;

  font-size: 16px;

  font-weight: 400;

  color:#171717;

  height: 55px;

  display: block;

}

.meetus__form .form-grp textarea::placeholder, .meetus__form .form-grp input::placeholder {

  font-weight: 400;

  color:#74787C;

}

.meetus__form .form-grp textarea {

  min-height: 150px;

  max-height: 150px;

}

.meetus__form .btn:hover {
    background: #7d7e7f;
    border-color: #7d7e7f;

}



.ajax-response.error {

  margin-top: 15px;

  color: red;

}



.ajax-response.success {

  color: green;

  margin-top: 15px;

}





.ft__aside {

  background: #fff;

      border-top: 5px solid #0c4069;

}

.ft__aside-two {

  background:#1D1D1D;

}

.footer__bg {

  background-size: cover;

  background-position: center;

  padding: 120px 0;

}

@media (max-width: 767.98px) {

  .footer__bg {

    padding: 100px 0;

  }

}

.footer__features {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 25px;

  border-bottom: 1px solid#D9D9D9;

  padding: 35px 0 31px;

}

@media (max-width: 767.98px) {

  .footer__features {

    gap: 15px;

    justify-content: center;

  }

}

.footer__features a {

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 0.7px;

  text-transform: uppercase;

  color:#121212;

}

.footer__features a:hover {

  color: #e99d0b;

  text-decoration: underline;

}

.footer__features-two {

  border-color: #2C2C2C;

}

.footer__features-two a {

  color:#ffffff;

}

.footer__inner-wrap {

  border: 1px solid #272727;

  background: #1A1A1A;

  box-shadow: 0px 19px 53px 0px rgba(0, 0, 0, 0.05);

}

.footer__top {

  padding: 23px 0 5px 0;

}

@media (max-width: 767.98px) {
.footer__top {
        padding: 38px 0 35px;
    }
.social-links {
    display: none;
}

.westnavmobile__search {
    display: none;
}
.westnavmobile__menu .navigation li > a {
    color: #19476c;
}
.footer__social .list-wrap {
    justify-content: center;
}
button.project-button-next:hover {
    background: #7e7f80;
    color: #fff;
}
button.project-button-prev:hover {
    background: #7e7f80;
    color: #fff;
}
}

.footer__top-two .ftr__area-title {

  color:#ffffff;

}

.footer__top-three {

  padding: 73px 120px 73px 80px;

  border-bottom: 1px solid #272727;

}

@media (max-width: 1199.98px) {

  .footer__top-three {

    padding: 50px 40px 50px 40px;

  }

}

@media (max-width: 991.98px) {

  .footer__top-three {

    padding: 40px 40px 40px 40px;

  }

}

@media (max-width: 767.98px) {

  .footer__top-three {

    padding: 40px 30px 40px 30px;

  }

}

.footer__top .row [class*=col-]:nth-child(2) .ftr__area {

  margin-left: 65px;

}

@media (max-width: 991.98px) {

  .footer__top .row [class*=col-]:nth-child(2) .ftr__area {

    margin-left: 0;

  }

}

.footer__top .row [class*=col-]:nth-child(3) .ftr__area {

  margin-left: 40px;

}

@media (max-width: 767.98px) {

  .footer__top .row [class*=col-]:nth-child(3) .ftr__area {

    margin-left: 0;

  }

}

.footer__top .row [class*=col-]:nth-child(4) .ftr__area {

  margin-left: 20px;

}

@media (max-width: 1199.98px) {

  .footer__top .row [class*=col-]:nth-child(4) .ftr__area {

    margin-left: 0;

  }

}
.adres p{
  
    color: #0c4069;
}
.ftr__area {

  /* margin-bottom: 40px; */

}
.contact p{
      color: #0c4069;
}
.contact a:hover {
    color: #74787C;
}
.adres a {
    color: #0c4069;
}
.adres a:hover {
    color: #74787C;
}
.ftr__area-title {

  margin-bottom: 20px;

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

}

.ftr__area-link .list-wrap li {

  margin-bottom: 6px;

}

.ftr__area-link .list-wrap li:last-child {

  margin-bottom: 0;

}

.ftr__area-link .list-wrap li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  color: #0c4069;

  gap: 15px;

  text-transform: capitalize;

}

.ftr__area-link .list-wrap li a span {

  position: relative;

}

.ftr__area-link .list-wrap li a span::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 3px;

  width: 100%;

  height: 1px;

  background: currentColor;

  transform-origin: right top;

  transform: scale(0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.ftr__area-link .list-wrap li a i {

  font-size: 14px;

}

.ftr__area-link .list-wrap li a:hover {

  color: #7f8081;

}

.ftr__area-link .list-wrap li a:hover span::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.footer__logo {

  margin-bottom: 35px;

}

.footer__logo img {

  max-height: 45px;

}

.footer__logo-two {

  margin-bottom: 0;

}

@media (max-width: 991.98px) {

  .footer__logo-two {

    text-align: center;

    margin-bottom: 20px;

  }

}

.footer__content p {

  margin-bottom: 20px;

}

.footer__content-two p {

  margin-bottom: 0;

  width: 95%;

}

@media (max-width: 991.98px) {

  .footer__content-two p {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }

}

.footer__social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

}

.footer__social .list-wrap li a {

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background:#ffffff;

  border: 1px solid #E8E8E8;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 14px;

  color:#121212;

}

.footer__social .list-wrap li a:hover {

    background: #0c4069;

    /* border-color:#0c4069; */

    color:#ffffff;

}

.footer__social-two .list-wrap {

  justify-content: flex-end;

}

@media (max-width: 991.98px) {

  .footer__social-two .list-wrap {

    justify-content: center;

  }

}

.footer__social-two .list-wrap li a {

  width: 35px;

  height: 35px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: transparent;

  border: 1px solid #36393F;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 14px;

  color:#ffffff;

}

.footer__social-two .list-wrap li a:hover {

  border-color:#ffffff;

  background:#ffffff;

  color:#121212;

}

.footer__newsletter p {

  margin-bottom: 25px;

}

.footer__newsletter-form {

  position: relative;

}

.footer__newsletter-form input {

  width: 100%;

  background:#ffffff;

  border: 1px solid#E8E8E8;

  font-size: 16px;

  font-weight: 400;

  color:#121212;

  padding: 16px 135px 16px 25px;

}

.footer__newsletter-form input::placeholder {

  font-size: 16px;

  font-weight: 400;

  color:#74787C;

}

.footer__newsletter-form .btn {

  position: absolute;

  right: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  padding: 13px 23px 11px;

  font-size: 14px;

}

.footer__newsletter-form .btn:hover {

  background:#171717;

  border-color:#171717;

}

.footer__newsletter-form-two input {

  background: #232323;

  border-color: #2C2C2C;

  color:#ffffff;

}

.footer__info-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  border-bottom: 1px solid #272727;

  flex-wrap: wrap;

}

.footer__info-item {

  width: 33.33%;

  flex: 0 0 auto;

  border-right: 1px solid #272727;

  padding: 48px 40px 48px 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

}

@media (max-width: 1199.98px) {

  .footer__info-item {

    padding: 40px 25px 40px 25px;

    gap: 15px;

  }

}

@media (max-width: 991.98px) {

  .footer__info-item {

    padding: 30px 25px 30px 25px;

    flex-wrap: wrap;

  }

}

@media (max-width: 767.98px) {

  .footer__info-item {

    width: 100%;

    border-right: none;

    border-top: 1px solid #272727;

  }

}

.footer__info-item:last-child {

  border-right: none;

}

.footer__info-item .icon {

  width: 65px;

  height: 65px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto;

  background:#0c4069;

  color:#ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 20px;

  line-height: 0;

}

.footer__info-item .content span {

  display: block;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  line-height: 1;

  color: #74787C;

  margin-bottom: 8px;

}

.footer__info-item .content .title {

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 500;

  color:#ffffff;

  line-height: 1.4;

}

.footer__info-item .content .title a {

  display: block;

}

.footer__bottom {

  border-top: 1px solid#D9D9D9;

  padding: 22px 0;

}

@media (max-width: 767.98px) {

  .footer__bottom .copyright-text {

    text-align: center;

    margin-bottom: 10px;

  }

}

.footer__bottom .copyright-text p {

  margin-bottom: 0;

}

.footer__bottom-menu .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 10px 45px;

  flex-wrap: wrap;

}

@media (max-width: 767.98px) {

  .footer__bottom-menu .list-wrap {

    justify-content: center;

  }

}

.footer__bottom-menu .list-wrap li a {

  font-size: 14px;

  color:#121212;

}

.footer__bottom-menu .list-wrap li a:hover {

  color: #0c4069;

}

.footer__bottom-menu-two .list-wrap li a {

  color:#ffffff;

}

.footer__bottom-menu-three .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px 35px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .footer__bottom-menu-three .list-wrap {

    justify-content: center;

    margin-bottom: 10px;

  }

}

.footer__bottom-menu-three .list-wrap li a {

  text-transform: uppercase;

  color:#ffffff;

  font-size: 16px;

  font-weight: 600;

}

.footer__bottom-menu-three .list-wrap li a:hover {

  color:#0c4069;

}

.footer__bottom-two {

  border-color: #2C2C2C;

}

.footer__bottom-three {

  padding: 22px 80px;

}

@media (max-width: 1199.98px) {

  .footer__bottom-three {

    padding: 22px 40px;

  }

}



.copyright-text-two {

  text-align: right;

}

@media (max-width: 991.98px) {

  .copyright-text-two {

    text-align: center;

  }

}

.copyright-text-two p {

  margin-bottom: 0;

  font-size: 16px;

  font-weight: 500;

  color:#ffffff;

}



/***************29-5-24*****************/



.accordion {

  background-color: #eee;

  color: #444;

  cursor: pointer;

  padding: 13px 12px;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  font-size: 15px;

  transition: 0.4s;

}



.serv-acc .active, .accordion:hover {

  background-color: #ccc;

}



.accordion:after {

  content: '\002B';

  color: #777;

  font-weight: bold;

  float: right;

  margin-left: 5px;

}



.serv-acc .active:after {

  content: "\2212";

}



.panel {

  padding: 0 18px;

  background-color: white;

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}







.tab.serv-overv {

  overflow: hidden;

  border: 1px solid #ccc;

  background-color: #f1f1f1;

}



/* Style the buttons inside the tab */

.tab.serv-overv button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 17px;

}



/* Change background color of buttons on hover */

.tab.serv-overv button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.tab.serv-overv button.active {

  background-color: #ccc;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding: 6px 12px;

  border: 1px solid #ccc;

  border-top: none;

}



/* Style the close button */

.serv-overv .topright {

  float: right;

  cursor: pointer;

  font-size: 28px;

}



.serv-overv .topright:hover {color: red;}



/*# sourceMappingURL=main.css.map */

#preloader{
  display: none !important;
}

ul.navigation li a:hover {
    color: #7d7e7f;
}
a.active {
    color: #7d7e7f !important;
}