/*----------------------------------------*/
/*  CSS CONTENTS

	01. THEME DEFAULT
  	02. ANIMATION
	03. BACKGROUND COLOR
	04. BREAADCRUMB
	05. BUTTTON
	06. CAROUSEL
	07. OFFCANVAS
	08. PRELODER
	09. SECTION TITLE
	10. ABOUT
	11. ACCORDIONG
	12. BRAND
	13. CONTACT
	14. COUNTER
	15. CTA
	16. ERROR
	17. FAQ
	18. FEATURES
	19. FOOTER
	20. HEADER
	21. HERO
	22. HISTORY
	20. GALLERY
	21. GOOGLE
	23. MEAN MENU
	24. NEWS
	25. NEWSLETTTER
	26. PORTFOLIO
	27. PRICING
	28. SERVICCE
	29. SKILL CSS STAR
	30. TEAMT
	30. SKILL
	31. TESTIMONIAL
	32. APPROACH
	33. ARTIFICIAL
	33. LOCATION

/*----------------------------------------*/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
/*---------------------------------
 Google Fonts
---------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&family=Rubik:wght@300;400;500;600;700;900&display=swap");
:root {
  /**
  @font family declaration
  */
  --bd-ff-body: 'Poppins', sans-serif;;
  --bd-ff-heading: 'Poppins', sans-serif;;
  --bd-ff-p: font-family: 'Rubik', sans-serif;;
  --bd-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --clr-common-white: #ffffff;
  --clr-common-black: #000;
  --clr-common-placeholder: #c6c6c6;
  --clr-common-heading: #1f242c;
  --clr-common-body-text: #1f242c;
  --clr-common-orange: #F79210;
  --clr-theme-1: #0E84E1;
  --clr-theme-2: #0a0a09;
  --clr-theme-3: #6551B3;
  --clr-theme-4: #9747FF;
  --clr-theme-5: #4285F4;
  --clr-text-1: #999999;
  --clr-text-2: #aaaaaa;
  --clr-text-3: #141d38;
  --clr-text-4: #777777;
  --clr-text-5: #bdbdbd;
  --clr-text-6: #e4e4e5;
  --clr-text-7: #7b818d;
  --clr-text-8: #8f96a0;
  --clr-text-9: #a7adb8;
  --clr-text-10: #BFDCF2;
  --clr-text-11: #161A33;
  --clr-text-13: #606060;
  --clr-text-14: #8E8E8E;
  --clr-text-15: #D9D9D9;
  --clr-text-16: #848484;
  --clr-text-17: #535353;
  --clr-text-18: #A0A0A0;
  --clr-text-19: #484848;
  --clr-text-20: #E2E2E2;
  --clr-text-21: #1F4941;
  --clr-text-22: #3F3F3F;
  --clr-text-23: #A89F94;
  --clr-bg-black-russian: #1a1e25;
  --clr-bg-grey-1: #f7f7f7;
  --clr-bg-grey-2: #f8f8f8;
  --clr-bg-grey-3: #f3f3f3;
  --clr-bg-grey-4: #f2f3f5;
  --clr-bg-charcoal: #232932;
  --clr-bg-footer: #1a1e25;
  --clr-bg-1: #161A33;
  --clr-bg-2: #252525;
  --clr-bg-3: #EFEFEF;
  --clr-bg-4: #B0B0B0;
  --clr-bg-5: #FAFAFA;
  --clr-bg-6: #EEF8FF;
  --clr-bg-7: #EA4335;
  --clr-bg-8: #FBBC05;
  --clr-bg-9: #34A853;
  --clr-bg-10: #05FBC0;
  --clr-bg-11: #F1F1F1;
  --clr-border-1: #344166;
  --clr-border-2: #ebeff3;
  --clr-border-3: #f6f6f6;
  --clr-border-4: #22262e;
  --clr-border-5: #f4f4f4;
  --clr-border-6: #f9f9f9;
  --clr-border-7: #ececec;
  --clr-border-8: #5ca1df;
  --clr-border-9: #eeeeee;
  --clr-border-10: #ededed;
  --clr-border-11: #f0f0f5;
  --clr-border-12: #AEAEAE;
  --clr-border-13: #BCBCBC;
  --clr-border-14: #555555;
  --clr-border-15: #CFCFCF;
  --clr-border-16: #DFD8CE;
  --clr-border-17: #D2D2D2;
  --clr-border-18: #717171;
  --clr-border-19: #C0CCD8;
  --clr-border-20: #D7D7D7;
  --clr-border-21: #D4D4D4;
  --clr-footer-1: #9ba1ad;
  /**
  @font weight declaration
  */
  --bd-fw-normal: normal;
  --bd-fw-thin: 100;
  --bd-fw-elight: 200;
  --bd-fw-light: 300;
  --bd-fw-regular: 400;
  --bd-fw-medium: 500;
  --bd-fw-sbold: 600;
  --bd-fw-bold: 700;
  --bd-fw-ebold: 800;
  --bd-fw-black: 900;
  /**
  @font size declaration
  */
  --bd-fs-body: 16px;
  --bd-fs-p: 16px;
  --bd-fs-h1: 60px;
  --bd-fs-h2: 50px;
  --bd-fs-h3: 24px;
  --bd-fs-h4: 20px;
  --bd-fs-h5: 16px;
  --bd-fs-h6: 14px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
    Typography css start 
---------------------------------*/
body {
  font-family: var(--bd-ff-body);
  font-size: var(--bd-fs-body);
  font-weight: normal;
  color: var(--clr-common-body-text);
  line-height: 26px;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bd-ff-heading);
  color: var(--clr-common-heading);
  margin-top: 0;
  font-weight: var(--bd-fw-bold);
  line-height: 1.3;
  margin-bottom: 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;
  color: var(--clr-common-heading);
}

h1 {
  font-size: var(--bd-fs-h1);
}

h2 {
  font-size: var(--bd-fs-h2);
}

h3 {
  font-size: var(--bd-fs-h3);
}

h4 {
  font-size: var(--bd-fs-h4);
}

h5 {
  font-size: var(--bd-fs-h5);
}

h6 {
  font-size: var(--bd-fs-h6);
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

p {
  font-family: var(--bd-ff-p);
  font-size: var(--bd-fs-p);
  font-weight: var(--bd-fw-normal);
  color: var(--clr-text-4);
  margin-bottom: 15px;
  line-height: 28px;
}

a,
.btn,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -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,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

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: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

::selection {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--clr-common-placeholder);
  opacity: 1;
  font-size: 16px;
}

*::placeholder {
  color: var(--clr-common-placeholder);
  opacity: 1;
  font-size: 16px;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.hr-1 {
  border-top: 1px solid rgb(232, 232, 232);
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: rgba(var(--clr-common-heading), 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  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;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

/*----------------------------------------
   Basic-pagaination
-----------------------------------------*/
.bd-basic__pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-basic__pagination ul {
    justify-content: start;
  }
}
.bd-basic__pagination ul li {
  list-style: none;
}
.bd-basic__pagination ul li a {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  right: 0;
  top: 50%;
  font-weight: var(--bd-fw-medium);
  font-size: 16px;
  border: 1px solid var(--clr-border-11);
  overflow: hidden;
  z-index: 5;
}
.bd-basic__pagination ul li a:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  color: var(--clr-common-heading);
  z-index: -1;
  opacity: 0;
}
.bd-basic__pagination ul li a:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}
.bd-basic__pagination ul li a:hover::after {
  opacity: 1;
  color: var(--clr-common-white);
  border-color: 1px solid var(--clr-common-white);
}
.bd-basic__pagination ul li span {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  right: 0;
  top: 50%;
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
  border: 1px solid var(--clr-border-11);
  overflow: hidden;
  color: var(--clr-common-white);
  z-index: 5;
}
.bd-basic__pagination ul li span:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  color: var(--clr-common-heading);
  background-position: 100% 100%;
  background-size: 300% 100%;
  z-index: -1;
}

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

.t-end {
  text-align: end;
}

.ud-gradient-1 {
  background: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100.23%);
}

.white-text {
  color: var(--clr-common-white);
}

.ud-white-bg {
  background: var(--clr-common-white);
}

.ud-black-bg-1 {
  background: var(--clr-bg-1);
}

.bd-ud-gray-1 {
  background: var(--clr-bg-grey-1);
}

.bd-ud-bg-1 {
  background: var(--clr-bg-1);
}

.bd-ud-bg-2 {
  background: var(--clr-bg-2);
}

.bd-ud-bg-3 {
  background: var(--clr-bg-3);
}

.bd-ud-bg-4 {
  background: var(--clr-bg-4);
}

.bd-ud-bg-5 {
  background: var(--clr-text-20);
}

.bd-ud-bg-6 {
  background-color: var(--clr-bg-5);
}

.bd-ud-bg-widget {
  background: var(--clr-bg-5);
}

.et-bg-4 {
  background: var(--clr-theme-1);
}

.bd-ud-gradient-bg-1 {
  background: linear-gradient(95.09deg, var(--clr-theme-4) -1.37%, var(--clr-theme-1) 100%);
  box-shadow: 0 4px 105px rgba(14, 132, 225, 0.12);
  border-radius: 10px;
}

.lh-1 {
  line-height: 1;
}

.et-gray-bg {
  background: var(--clr-border-5);
}

.bd-ud-btn {
  background: var(--clr-ud-gradient-1);
  background-image: linear-gradient(to right, var(--clr-theme-1), var(--clr-theme-3), var(--clr-theme-3), var(--clr-theme-1));
  background-size: 300% 100%;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 30px;
  display: inline-block;
  border-radius: 6px;
  line-height: 60px;
  height: 60px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.bd-ud-btn i {
  margin-left: 15px;
}
.bd-ud-btn:hover {
  background-position: 100% 0;
  color: var(--clr-common-white);
}

.bd-ud-btn-border {
  background: transparent;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 30px;
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  line-height: 60px;
  height: 60px;
  -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: 2px solid var(--clr-theme-1);
}
.bd-ud-btn-border i {
  margin-left: 15px;
}
.bd-ud-btn-border:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-ud-btn-white {
  background: var(--clr-common-white);
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 30px;
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  line-height: 61px;
  height: 60px;
  -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;
}
.bd-ud-btn-white i {
  margin-left: 15px;
}
.bd-ud-btn-white:hover {
  background: var(--clr-common-black);
  color: var(--clr-common-white);
}

.et-btn-4 {
  text-transform: uppercase;
  font-weight: var(--bd-fw-medium);
  font-size: 16px;
  color: var(--clr-text-11);
  display: inline-block;
  position: relative;
  background: var(--clr-common-white);
  padding: 7px 0;
}
.et-btn-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -32%;
  border: 1px solid var(--clr-border-13);
  z-index: -1;
  width: 102px;
  height: 70px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.et-btn-4 i {
  margin-left: 20px;
}
.et-btn-4:hover {
  color: var(--clr-theme-1);
}
.et-btn-4:hover::before {
  border-color: var(--clr-theme-1);
  left: -15%;
}

.blue-btn a {
  display: inline-block;
  padding: 18px 30px;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 60px;
}
.blue-btn a i {
  margin-left: 15px;
}
.blue-btn a::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  content: "";
  background-color: var(--clr-bg-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;
  z-index: -1;
}
.blue-btn a:focus, .blue-btn a::hover {
  color: ar(--clr-common-white);
  background-color: transparent;
}
.blue-btn a:hover::after {
  width: 100%;
  left: 0;
}

.et-view-btn {
  font-size: 16px;
  color: var(--clr-bg-1);
  font-weight: var(--bd-fw-sbold);
  text-transform: capitalize;
}
.et-view-btn i {
  padding-left: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
}
.et-view-btn:hover {
  color: var(--clr-theme-1);
}
.et-view-btn:hover i {
  padding-left: 10px;
  opacity: 1;
  visibility: visible;
}

.et-btn-5 {
  border: 1px solid var(--clr-common-white);
  display: inline-block;
}
.et-btn-5 a {
  background: var(--clr-common-white);
  height: 73px;
  display: inline-block;
  line-height: 73px;
  padding: 0 42px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
  color: #000000;
  -webkit-transform: translate(16px, 13px);
  -moz-transform: translate(16px, 13px);
  -ms-transform: translate(16px, 13px);
  -o-transform: translate(16px, 13px);
  transform: translate(16px, 13px);
  -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;
}
.et-btn-5:hover {
  border-color: var(--clr-theme-1);
}
.et-btn-5:hover a {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.et-btn-5.blue {
  border-color: var(--clr-theme-1);
}
.et-btn-5.blue a {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-ud-line {
  border: 1px solid var(--clr-border-17);
}

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

.bd-ud-br-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.bd-ud-br-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.bd-ud-overlay-1 {
  position: relative;
  z-index: 1;
}
.bd-ud-overlay-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-bg-1);
  opacity: 0.5;
  z-index: -1;
}

.section-subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #A89F94;
  text-transform: uppercase;
  font-weight: 500;
}
.section-title {
  font-weight: 500;
  font-size: 55px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: var(--clr-bg-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .section-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-title br {
    display: none;
  }
}
.section-title.white-color {
  color: var(--clr-common-white);
}
.section-desc {
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--clr-border-15);
}

.dark .section-subtitle {
  color: var(--clr-common-white);
}
.dark .section-title {
  color: var(--clr-common-white);
}
.dark .section-title.white-color {
  color: var(--clr-common-white);
}
.dark .section-desc {
  color: var(--clr-common-white);
}

.section-shape span {
  position: relative;
}
.section-shape span img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.mr--35 {
  margin-right: -35px;
}

.ml--7 {
  margin-left: -7px;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.fill-black {
  fill: var(--clr-text-11);
}

.fill-theme {
  fill: var(--clr-theme-1);
}

.stroke-white {
  fill: var(--clr-common-white);
}

.has-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
.has-image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.et-pagination nav ul {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}
.et-pagination nav ul li a, .et-pagination nav ul li .current {
  width: 66px;
  height: 66px;
  display: inline-block;
  border: 1px solid var(--clr-border-15);
  line-height: 66px;
  text-align: center;
  border-radius: 50%;
  font-weight: 500;
  font-size: 20px;
  color: var(--clr-bg-1);
}
@media (max-width: 575px) {
  .et-pagination nav ul li a, .et-pagination nav ul li .current {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.et-pagination nav ul li a:hover, .et-pagination nav ul li .current:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
  color: var(--clr-common-white);
}
.et-pagination nav ul li .current {
  background: var(--clr-theme-1);
  border-color: transparent;
  color: var(--clr-common-white);
}

/*--- Background color
-----------------------------------------*/
.white-bg {
  background-color: var(--clr-common-white);
}

.black-bg {
  background-color: var(--clr-common-black);
}

.section-bg {
  background-color: var(--clr-common-heading);
}

.grey-bg {
  background-color: var(--clr-bg-grey-1);
}

.grey-bg-2 {
  background-color: var(--clr-bg-grey-2);
}

.footer-bg {
  background-color: var(--clr-bg-footer);
}

/*----------------------------------------*/
/*  05. BUTTTON CSS START
/*----------------------------------------*/
.header__btn-1 {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bd-fw-sbold);
  height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-common-heading);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 60px;
  background-image: none;
  background-color: var(--clr-common-white);
  border: 2px solid rgb(242, 242, 242);
  z-index: 5;
}
.header__btn-1 i {
  background-color: var(--clr-theme-1);
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 40px;
  color: var(--clr-common-white);
  font-size: 14px;
  right: 10px;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__btn-1::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  background-size: auto;
  background-size: 300% 100%;
  background-position: 100% 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.header__btn-1:hover {
  color: var(--clr-common-white);
  border-color: transparent;
}
.header__btn-1:hover:after {
  opacity: 1;
  visibility: visible;
}
.header__btn-1:hover i {
  background: var(--clr-common-white);
  color: var(--clr-text-3);
}
.header__btn-1.s-2 {
  padding: 0 30px;
}

.header__btn-2 {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bd-fw-sbold);
  height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-common-white);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 60px;
  background-image: none;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  background-size: auto;
  background-size: 300% 100%;
  background-position: 100% 100%;
}
.header__btn-2 i {
  background-color: var(--clr-common-white);
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 40px;
  color: var(--clr-common-heading);
  font-size: 14px;
  right: 10px;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__btn-2:hover {
  color: var(--clr-common-white);
  background-position: 0% 100%;
}

.it__btn-2 {
  font-size: 16px;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bd-fw-sbold);
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-common-heading);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 70px;
  background-image: none;
  background-position: 100% 100%;
  background-size: 300% 100%;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  color: var(--clr-common-white);
}
.it__btn-2 i {
  background: var(--clr-theme-1);
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--clr-common-heading);
  font-size: 14px;
  right: 10px;
  top: 50%;
  background-color: var(--clr-common-white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it__btn-2.radius {
  border-radius: 50px;
  padding-left: 30px;
  padding-right: 70px;
  font-size: 16px;
}
.it__btn-2.radius i {
  border-radius: 50px;
  right: 10px;
}
.it__btn-2:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}
.it__btn-2:hover i {
  background: var(--clr-common-white);
  color: var(--clr-text-3);
}

.it__btn-3 {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bd-fw-sbold);
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-common-heading);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 70px;
  background-image: none;
  background-color: var(--clr-common-white);
  border: 2px solid rgb(242, 242, 242);
  z-index: 5;
}
.it__btn-3 i {
  background-color: var(--clr-theme-1);
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--clr-common-white);
  font-size: 14px;
  right: 10px;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  align-items: center;
  justify-content: center;
}
.it__btn-3::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  background-size: auto;
  background-size: 300% 100%;
  background-position: 100% 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.it__btn-3.radius {
  border-radius: 50px;
  padding-left: 30px;
  padding-right: 70px;
  font-size: 16px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.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;
  border: 0;
}
.it__btn-3.radius i {
  border-radius: 50px;
  right: 10px;
  background-image: -moz-linear-gradient(0deg, rgb(11, 218, 253) 0%, rgb(106, 72, 175) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(11, 218, 253) 0%, rgb(106, 72, 175) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(11, 218, 253) 0%, rgb(106, 72, 175) 1000);
}
.it__btn-3.radius i:hover:after {
  opacity: 1;
  visibility: visible;
}
.it__btn-3.radius span {
  transition: 0.5s;
}
.it__btn-3 .s-2 {
  font-size: 16px;
}
.it__btn-3:hover {
  color: var(--clr-common-white);
  border-color: transparent;
}
.it__btn-3:hover:after {
  opacity: 1;
  visibility: visible;
}
.it__btn-3:hover i {
  background: var(--clr-common-white);
  color: var(--clr-text-3);
}

.it__btn-4 {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bd-fw-sbold);
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-common-white);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 100px;
  background-image: none;
  background-color: transparent;
  border: 2px solid rgb(39, 45, 54);
  z-index: 5;
}
.it__btn-4 i {
  background-color: var(--clr-theme-1);
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: var(--clr-common-white);
  font-size: 14px;
  right: 10px;
  top: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it__btn-4:hover {
  border-color: transparent;
  color: var(--clr-common-white);
}
.it__btn-4:hover::after {
  opacity: 1;
  visibility: visible;
}
.it__btn-4::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  background-size: auto;
  background-size: 300% 100%;
  background-position: 100% 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.contact__btn {
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  background-position: 100% 100%;
  background-size: 300% 100%;
  width: 100%;
  display: inline-flex;
  height: 60px;
  color: var(--clr-common-white);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  -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;
}
.contact__btn.s-2 {
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  font-size: 16px;
}
.contact__btn:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}

.pricing__btn {
  padding: 0px 39px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  border: none;
  color: var(--clr-common-white);
  background-position: 100% 100%;
  background-size: 300% 100%;
}
.pricing__btn:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}

.comment__btn {
  padding: 0px 30px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -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;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  background-image: linear-gradient(to right, var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-3));
  border: none;
  color: var(--clr-common-white);
  background-position: 100% 100%;
  background-size: 300% 100%;
}
.comment__btn:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/* 07. OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__close button {
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-common-white);
  font-size: 18px;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.offcanvas__close button i {
  color: var(--clr-common-white);
}
.offcanvas__info {
  background: var(--clr-common-white) none repeat scroll 0 0;
  border-left: 3px solid var(--clr-theme-1);
  position: fixed;
  right: 0;
  top: 0;
  width: 370px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  background-color: var(--clr-bg-black-russian);
}
@media (max-width: 575px) {
  .offcanvas__info {
    width: 300px;
  }
}
.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas__logo a img {
  max-width: 180px;
}
.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.offcanvas__top {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--clr-border-1);
}
.offcanvas__color {
  margin-bottom: 40px;
}
.offcanvas__color h5 {
  font-size: 22px;
  margin-bottom: 15px;
}
.offcanvas__color input {
  display: none;
}
.offcanvas__color label {
  width: 100%;
  height: 60px;
  background-color: var(--clr-theme-1);
}
.offcanvas__color label:hover {
  cursor: pointer;
}
.offcanvas__color-2 label {
  background-color: var(--bd-theme-2);
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--clr-border-1);
  font-size: 14px;
  color: var(--clr-common-white);
}
.offcanvas__search input::placeholder {
  color: var(--clr-common-white);
}
.offcanvas__search input:focus {
  border-color: var(--clr-common-white);
}
.offcanvas__search 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: 16px;
  color: var(--clr-common-white);
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-common-white);
}
.offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas__contact ul li:hover i {
  color: var(--clr-common-white);
  border-color: var(--clr-bg-black-russian);
}
.offcanvas__contact ul li:hover i::after {
  opacity: 1;
}
.offcanvas__contact-icon i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  border: 1px solid var(--clr-border-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 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;
  overflow: hidden;
  color: var(--clr-common-white);
  position: relative;
  z-index: 5;
}
.offcanvas__contact-icon i::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  z-index: -1;
  opacity: 0;
}
.offcanvas__contact-text a {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-white);
}
.offcanvas__contact-text a:hover {
  color: var(--clr-theme-1);
}
.offcanvas__wallet-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-common-white);
  padding: 0;
  background-color: var(--clr-theme-1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 22px;
  padding-right: 24px;
}
.offcanvas__wallet-btn svg {
  width: 16px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  margin-right: 2px;
}
.offcanvas__wallet-btn svg path {
  fill: none;
}
.offcanvas__wallet-btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-common-heading);
}
.offcanvas__wallet-btn:hover svg path {
  stroke: var(--clr-common-white);
}
.offcanvas__social {
  margin-bottom: 30px;
}
.offcanvas__social ul li {
  display: inline-block;
}
.offcanvas__social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--clr-border-1);
  color: var(--clr-theme-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.offcanvas__social ul li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: -1;
}
.offcanvas__social ul li a:hover {
  color: var(--clr-common-white);
  border: 1px solid var(--clr-bg-black-russian);
}
.offcanvas__social ul li a:hover::after {
  opacity: 1;
}
.offcanvas__notification-icon a {
  font-size: 14px;
  color: var(--clr-common-heading);
  position: relative;
}
.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--clr-theme-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--clr-common-white);
  text-align: center;
}
.offcanvas__notification-text p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--clr-common-heading);
  font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
  color: var(--clr-theme-1);
}
.offcanvas__notification-text p a {
  color: var(--clr-theme-1);
}

.offcanvas-overlay.overlay-open {
  opacity: 0.5;
  visibility: visible;
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--clr-common-black);
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

/*----------------------------------------*/
/*  09. SECTION TITLE CSS START
/*----------------------------------------*/
.section__title-one h2 {
  font-size: 50px;
  line-height: 1.2;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section__title-one h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title-one h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-one h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-one h2 {
    font-size: 30px;
  }
}
.section__title-one.s-2 h2 {
  color: var(--clr-common-white);
}
.section__title-one.s-3 h2 {
  letter-spacing: -1px;
}
.section__title-one span {
  color: var(--clr-theme-1);
  font-size: 14px;
  margin-bottom: 15px;
  display: block;
  font-weight: var(--bd-fw-sbold);
  text-transform: capitalize;
  line-height: 1;
}

.section__title-two span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  font-size: 14px;
  font-weight: var(--bd-fw-bold);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 15px;
  height: 27px;
  line-height: 27px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-family: var(--bd-ff-heading);
  text-transform: capitalize;
  margin-bottom: 15px;
}
.section__title-two.s-2 h2 {
  letter-spacing: -1.5px;
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-two.s-2 h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-two.s-2 h2 {
    font-size: 36px;
  }
}
.section__title-two.s-3 h2 {
  color: var(--clr-common-white);
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-two.s-3 h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-two.s-3 h2 {
    font-size: 35px;
  }
}
.section__title-two.s-3 p {
  background-image: linear-gradient(to right, #141f2b, #141f2b, var(--clr-theme-1), var(--clr-theme-3));
  background-position: 100% 100%;
  background-size: 300% 100%;
  color: var(--clr-common-white);
  font-size: 14px;
  font-weight: var(--bd-fw-bold);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 15px;
  height: 27px;
  line-height: 27px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-family: var(--bd-ff-heading);
  text-transform: capitalize;
}

.section__subtitle-3 p {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-image: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  font-weight: 500;
  margin-bottom: 20px;
  -webkit-text-fill-color: transparent;
}
.section__subtitle-3 span::after {
  position: absolute;
  content: "";
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--clr-theme-1);
  bottom: -9px;
  border-radius: 10px;
  z-index: 2;
}

.gradient__subtitle {
  display: inline-block;
  padding-right: 18px;
}
.gradient__subtitle::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  left: 100%;
  bottom: 0;
  transform: rotate(-45deg) translateY(5px) translateX(-5px);
  background-image: linear-gradient(to right, var(--clr-theme-1), var(--clr-theme-3));
  background-position: 100%;
  background-size: 300% 100%;
  transform-origin: left;
}
.gradient__subtitle::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, var(--clr-theme-1), var(--clr-theme-3), var(--clr-theme-1), var(--clr-theme-3));
  background-size: 350%;
}

.section__title-3.s-2 h2 {
  color: var(--clr-common-white);
}
.section__title-3 h2 {
  font-size: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-3 h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-3 h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .section__title-3 h2 {
    font-size: 36px;
  }
  .section__title-3 h2 br {
    display: none;
  }
}

.bd-ud-section-subtitle span {
  background: linear-gradient(90deg, var(--clr-theme-1) -1.84%, var(--clr-theme-4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 18px;
  font-weight: var(--bd-fw-sbold);
  position: relative;
  display: inline-block;
  padding-right: 22px;
}
.bd-ud-section-subtitle span::before {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, var(--clr-theme-1) -1.84%, var(--clr-theme-4) 100%);
  position: absolute;
  border-radius: 50%;
  top: 57%;
  transform: translateY(-50%);
  right: 0;
}

.bd-ud-section-title h2 {
  font-size: var(--bd-fs-h2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-section-title h2 {
    font-size: 40px;
  }
  .bd-ud-section-title h2 br {
    display: none;
  }
}
@media (max-width: 575px) {
  .bd-ud-section-title h2 {
    font-size: 30px;
  }
  .bd-ud-section-title h2 br {
    display: none;
  }
}

.bd-ud-section-sm-title h3 {
  font-size: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-section-sm-title h3 br {
    display: none;
  }
}

.bd-ud-section-gradient.two {
  padding-left: 24px;
}
.bd-ud-section-gradient.two::after {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, var(--clr-theme-1) -1.84%, var(--clr-theme-4) 100%);
  position: absolute;
  border-radius: 50%;
  top: 57%;
  transform: translateY(-50%);
  left: 0;
}

.bd-ud-section-subtitle2 span {
  font-weight: var(--bd-fw-medium);
  font-size: 16px;
  color: var(--clr-text-23);
}

.dark .bd-ud-section-title h2 {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  02. ANIMATION CSS START
/*----------------------------------------*/
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes popupBtn {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.4;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
/* ========= video-ripple ========== */
@keyframes video-ripple {
  0%, 35% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* ========= zoom-rotate ========== */
@keyframes et-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes UpDown {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-30px);
  }
}
/*----------------------------------------*/
/*  08. PRELODER CSS START
/*----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f4f9;
  z-index: 9999;
}
.preloader .rubix-cube {
  position: relative;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
}

.rubix-cube > div {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--clr-theme-1);
  border: 1px solid var(--clr-common-white);
  border-radius: 2px;
}
.rubix-cube .box1 {
  top: 0;
  left: 0;
  animation: rubixcube4 2s infinite linear;
}
.rubix-cube .box2 {
  top: 0;
  left: 16px;
  animation: rubixcube3 2s infinite linear;
}
.rubix-cube .box3 {
  top: 0;
  left: 32px;
  background-color: #2be4ac;
}
.rubix-cube .box4 {
  top: 16px;
  left: 0;
  animation: rubixcube5 2s infinite linear;
}
.rubix-cube .box5 {
  top: 16px;
  left: 16px;
  animation: rubixcube2 2s infinite linear;
}
.rubix-cube .box6 {
  top: 16px;
  left: 32px;
  animation: rubixcube1 2s infinite linear;
}
.rubix-cube .box7 {
  top: 32px;
  left: 0;
  animation: rubixcube6 2s infinite linear;
}
.rubix-cube .box8 {
  top: 32px;
  left: 16px;
  animation: rubixcube7 2s infinite linear;
}

@keyframes rubixcube1 {
  20% {
    top: 16px;
    left: 32px;
  }
  30% {
    top: 32px;
    left: 32px;
  }
  40% {
    top: 32px;
    left: 32px;
  }
  50% {
    top: 32px;
    left: 32px;
  }
  60% {
    top: 32px;
    left: 32px;
  }
  70% {
    top: 32px;
    left: 32px;
  }
  80% {
    top: 32px;
    left: 32px;
  }
  90% {
    top: 32px;
    left: 32px;
  }
  100% {
    top: 32px;
    left: 16px;
  }
}
@keyframes rubixcube2 {
  30% {
    left: 16px;
  }
  40% {
    left: 32px;
  }
  50% {
    left: 32px;
  }
  60% {
    left: 32px;
  }
  70% {
    left: 32px;
  }
  80% {
    left: 32px;
  }
  90% {
    left: 32px;
  }
  100% {
    left: 32px;
  }
}
@keyframes rubixcube3 {
  30% {
    top: 0;
  }
  40% {
    top: 0;
  }
  50% {
    top: 16px;
  }
  60% {
    top: 16px;
  }
  70% {
    top: 16px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@keyframes rubixcube4 {
  50% {
    left: 0;
  }
  60% {
    left: 16px;
  }
  70% {
    left: 16px;
  }
  80% {
    left: 16px;
  }
  90% {
    left: 16px;
  }
  100% {
    left: 16px;
  }
}
@keyframes rubixcube5 {
  60% {
    top: 16px;
  }
  70% {
    top: 0;
  }
  80% {
    top: 0;
  }
  90% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@keyframes rubixcube6 {
  70% {
    top: 32px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@keyframes rubixcube7 {
  80% {
    left: 16px;
  }
  90% {
    left: 0;
  }
  100% {
    left: 0;
  }
}
/*----------------------------------------*/
/*  23. MEAN MENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  color: var(--clr-common-black);
  border-top: 1px solid #344166;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--clr-common-white);
}
.mean-container .mean-nav ul li a:hover {
  color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  color: var(--clr-common-white);
  top: 5px;
  font-weight: 400;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border: 1px solid var(--clr-theme-1) !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
  font-size: 16px;
  font-weight: 500;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1) !important;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  20. HEADER CSS START
/*----------------------------------------*/
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 800;
  width: 100%;
  background: transparent;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  animation: 0.3s ease-in-out 0s normal none 1 running fadeInDown;
}

.et-header-border-bottom {
  border-bottom: 1px solid RGBA(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-header-border-bottom {
    padding-bottom: 15px;
  }
}

.header-sticky {
  position: fixed;
  background: var(--clr-bg-1);
}
.header-sticky .et-header-border-bottom {
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header-sticky .et-header-border-bottom {
    padding-bottom: 0;
  }
}

.sticky {
  position: fixed;
  top: 0;
  background: var(--clr-common-white);
  z-index: 800;
  right: 0;
  left: 0;
  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;
  -webkit-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  -o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky .header__widget-wrapper {
  display: none;
}
.sticky .header__widget-main {
  padding: 0px 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky .header__widget-main {
    padding: 20px 0;
  }
}
.sticky .hidden__header {
  display: block;
}
.sticky .main-menu ul li a {
  padding: 38px 0;
}

.hidden__header {
  display: none;
}

.hidden__header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden__header-inner {
    justify-content: end;
  }
}

.sticky.sticky__header-area {
  display: block !important;
  background-color: var(--clr-common-heading);
}

.sticky__header-area .bar-icon span {
  background: var(--clr-common-white);
}

.header__transparent {
  position: absolute;
  left: 0;
  margin: auto;
  top: 130px;
  width: 100%;
  z-index: 99;
  background: transparent;
}
.header__transparent-2 {
  position: absolute;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}

.header-top__area {
  background-color: var(--clr-bg-black-russian);
}

.topbar__social ul {
  display: flex;
  align-items: center;
  gap: 15px;
}
.topbar__social ul li a {
  color: var(--clr-text-1);
  font-size: 14px;
}
.topbar__social ul li a:hover {
  color: var(--clr-theme-1);
}
.topbar__link {
  display: flex;
  align-items: center;
  gap: 70px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .topbar__link {
    gap: 30px;
  }
}
.topbar__link a {
  color: var(--clr-common-white);
  font-size: 14px;
}
.topbar__link a:hover {
  color: var(--clr-theme-1);
}
.topbar__link a:not(:last-child) {
  position: relative;
}
.topbar__link a:not(:last-child)::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  background: var(--clr-border-1);
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .topbar__link a:not(:last-child)::before {
    left: 40px;
  }
}
.topbar__text p {
  font-size: 14px;
  margin-bottom: 0;
}
.topbar__text strong {
  color: var(--clr-common-heading);
}
.topbar__style-2 .header-top__area {
  background: var(--clr-common-white);
  padding: 6.5px 1px;
  border-bottom: 1px solid var(--clr-border-5);
}
.topbar__style-2 .topbar__link {
  gap: 30px;
}
.topbar__style-2 .topbar__link a {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
}
.topbar__style-2 .topbar__link a:not(:last-child)::before {
  position: inherit;
}

.header__widget-main {
  padding: 20px 0;
}
.header__widget-main-2 {
  padding: 20px 40px;
  background-color: var(--clr-common-white);
  -webkit-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__widget-main-2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__widget-main-2 {
    padding: 20px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__widget-main-2 {
    padding: 20px 20px;
  }
}
.header__widget-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__widget-wrapper {
    gap: 20px;
  }
}
.header__widget-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__widget-info {
    display: none;
  }
}
.header__widget-content span {
  color: #aaa;
  line-height: 1;
  display: block;
  margin-bottom: 3px;
}
.header__widget-content h4 {
  font-size: 18px;
  font-weight: var(--bd-fw-bold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__widget-content h4 {
    font-size: 16px;
  }
}
.header__widget-content h4 a:hover {
  color: var(--clr-theme-1);
}

.header__lang-selected {
  font-size: 14px;
  height: 40px;
  background: var(--clr-theme-1);
  display: inline-flex;
  padding: 0 37px 0 20px;
  color: var(--clr-common-white);
  align-items: center;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
}
.header__lang-selected:after {
  position: absolute;
  content: "\f063";
  font-family: var(--bd-ff-fontawesome);
  right: 20px;
  font-size: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.header__lang-list {
  background-color: var(--clr-common-white);
  position: absolute;
  top: 100%;
  right: 0;
  padding: 9px 18px;
  z-index: 100;
  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;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  -moz-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  -ms-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  -o-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.header__lang-list li {
  font-size: 14px;
  line-height: 1;
  padding: 5px 0;
  cursor: pointer;
}
.header__lang:hover .header__lang-list {
  visibility: visible;
  opacity: 1;
}

.header__main-wrapper {
  -webkit-box-shadow: 0 -40px 40px 25px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 -40px 40px 25px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 -40px 40px 25px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 -40px 40px 25px rgba(0, 0, 0, 0.04);
  box-shadow: 0 -40px 40px 25px rgba(0, 0, 0, 0.04);
  background-color: var(--clr-common-white);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.header__main-wrapper-2 {
  background-color: var(--clr-common-heading);
  border-radius: 0px 0px 6px 6px;
  padding: 0px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__main-wrapper-2 {
    padding: 0px 20px;
  }
}
.header__main-wrapper-3 {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  background-color: var(--clr-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__main-wrapper-3 {
    padding: 20px 0;
  }
}
.header__toggle button {
  background-color: rgb(235, 235, 235);
  -webkit-border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  -o-border-radius: 6px 0px 0px 6px;
  -ms-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__toggle button i {
  font-size: 28px;
  position: relative;
}
.header__toggle.style-2 button {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: -moz-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  background-image: -ms-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  color: var(--clr-common-white);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__area-2 {
    background: var(--clr-common-white);
    -webkit-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 80px 20px rgba(0, 0, 0, 0.1);
  }
}

.bar-icon {
  width: 20px;
  height: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}

.bar-icon span:nth-child(2) {
  margin-left: 9px;
  transition: 0.3s;
}

.bar-icon:hover span:nth-child(2) {
  margin-left: 0;
}

.main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 50px;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 35px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: var(--clr-common-heading);
  padding: 27.5px 0;
  font-weight: var(--bd-fw-sbold);
  -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;
  text-transform: uppercase;
  line-height: 1;
}
.main-menu ul li a:before {
  position: absolute;
  content: "";
  height: 0px;
  width: 2px;
  left: auto;
  right: 0;
  background: var(--clr-theme-1);
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-menu ul li.has-dropdown > a {
  position: relative;
}
.main-menu ul li.has-dropdown > a::after {
  content: "+";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: var(--clr-text-5);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  margin-left: 5px;
  color: var(--clr-common-heading);
  display: inline-block;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 220px;
  padding: 15px 0;
  padding-bottom: 15px;
  background: var(--clr-common-white);
  border-top: 3px solid var(--clr-theme-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;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -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);
}
.main-menu ul li .submenu li > a {
  width: 100%;
  display: block;
  padding: 10px 25px;
  text-transform: capitalize;
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
  position: relative;
}
.main-menu ul li .submenu li > a::after {
  right: 30px;
  -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);
}
.main-menu ul li .submenu li > a::before {
  display: none;
}
.main-menu ul li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: var(--clr-theme-1);
}
.main-menu ul li .submenu li:hover > a::after {
  color: var(--clr-theme-1);
  -webkit-transform: translateY(-6px) rotate(45deg);
  -moz-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  -o-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}
.main-menu ul li .submenu li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.main-menu ul li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li.menu-last > ul {
  left: auto;
  right: 0;
}
.main-menu ul li:hover > a {
  color: var(--clr-theme-1);
}
.main-menu ul li:hover > a::after {
  color: var(--clr-theme-1);
  -webkit-transform: translateY(-1px) rotate(45deg);
  -moz-transform: translateY(-1px) rotate(45deg);
  -ms-transform: translateY(-1px) rotate(45deg);
  -o-transform: translateY(-1px) rotate(45deg);
  transform: translateY(-1px) rotate(45deg);
}
.main-menu ul li:hover > a:before {
  height: 20px;
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu-2 ul li .submenu {
  background-color: var(--clr-common-heading);
}
.main-menu-2 ul li .submenu li > a {
  color: var(--clr-common-white);
}
.main-menu-2 ul li a {
  color: var(--clr-common-white);
  padding: 33px 0;
}
.main-menu-2 ul li.has-dropdown > a::after {
  color: var(--clr-common-white);
}
.main-menu-2 ul li:hover > a::after {
  color: var(--clr-theme-1);
}
.main-menu-3 {
  margin-right: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-3 {
    margin-right: 40px;
  }
}
.main-menu-3 ul li a {
  padding: 38px 0;
}

.search__button {
  position: relative;
}
.search__button a {
  height: 70px;
  width: 70px;
  background-image: -moz-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  background-image: -ms-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-common-white);
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  -o-border-radius: 0px 6px 6px 0px;
  -ms-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
}

.bd-search__toggle {
  position: absolute;
  top: 50px;
  right: 50%;
  padding: 16px 40px 40px 40px;
  background-color: var(--clr-theme-1);
  z-index: 555;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.bd-search__form {
  position: absolute;
  top: 80px;
  right: 0;
  padding: 10px 30px 30px 30px;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.bd-search__form input {
  height: 50px;
  width: 270px;
  background: transparent;
  padding-right: 25px;
  border: none;
  border-bottom: 1px solid var(--clr-common-white);
  color: var(--clr-common-white);
}
.bd-search__form input::placeholder {
  color: var(--clr-common-white);
  opacity: 1;
  font-size: 16px;
}
.bd-search__form input::selection {
  color: var(--clr-common-white);
  opacity: 1;
  font-size: 16px;
}
.bd-search__form input:focus {
  border-color: var(--clr-common-white);
}
.bd-search__form button {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  right: 30px;
}
.bd-search__form button i {
  color: var(--clr-common-white);
}

.search__open .bd-search__form {
  opacity: 1;
  visibility: visible;
}
.search__open .header-search__btn {
  opacity: 0;
  transform: scale(0);
}
.search__open .header-search__close {
  transform: scale(1);
  opacity: 1;
}
.search__button {
  position: relative;
}

.header-search__btn {
  font-size: 20px;
  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;
  transform: scale(1);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header-search__close {
  cursor: pointer;
  font-size: 20px;
  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;
  transform: scale(0);
}

.bd-ud-header-top.style-1 ul {
  line-height: 1;
}
.bd-ud-header-top.style-1 ul li {
  display: inline-block;
}
.bd-ud-header-top.style-1 ul li i {
  color: var(--clr-common-white);
  margin-right: 5px;
}
.bd-ud-header-top.style-1 ul li a {
  color: var(--clr-common-white);
  font-size: 14px;
}
.bd-ud-header-top-page ul li {
  margin-left: 20px;
  position: relative;
  padding-left: 20px;
}
.bd-ud-header-top-page ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.bd-ud-header-top-page ul li:first-child::before {
  display: none;
}
.bd-ud-header-top-page ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 2px;
  height: 16px;
  background: var(--clr-text-10);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bd-ud-header-top-lang {
  margin-left: 46px;
}
.bd-ud-header-top-lang .nice-select {
  background: transparent;
  border: 0;
  color: var(--clr-common-white);
}
.bd-ud-header-top-lang .nice-select::after {
  border-bottom: 2px solid var(--clr-common-white);
  border-right: 2px solid var(--clr-common-white);
  right: 8px;
  top: 48%;
  width: 8px;
  height: 8px;
}
.bd-ud-header-top-lang .nice-select ul li {
  display: block;
  color: var(--clr-common-heading);
}
.bd-ud-header-top-padd {
  padding: 2px 0;
}

.bd-ud-header-middle-info ul {
  display: flex;
  justify-content: end;
}
.bd-ud-header-middle-info ul li {
  position: relative;
  margin-left: 40px;
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-ud-header-middle-info ul li {
    margin-left: 20px;
    padding-left: 20px;
  }
}
.bd-ud-header-middle-info ul li span {
  color: var(--clr-text-13);
  font-size: 14px;
}
.bd-ud-header-middle-info ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.bd-ud-header-middle-info ul li:first-child::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-header-middle-info ul li:first-child {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-header-middle-info ul li:nth-child(2) {
    margin-left: 0;
    padding-left: 0;
  }
  .bd-ud-header-middle-info ul li:nth-child(2)::before {
    display: none;
  }
}
.bd-ud-header-middle-info ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: var(--clr-border-12);
  height: 16px;
  width: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bd-ud-header-middle-info ul li a {
  font-size: 18px;
  color: var(--clr-text-11);
  font-weight: var(--bd-fw-sbold);
}
.bd-ud-header-middle-info ul li a i {
  color: var(--clr-theme-1);
  font-size: 20px;
  margin-right: 5px;
}
.bd-ud-header-middle-info ul li i {
  margin-right: 10px;
}
.bd-ud-header-middle-info ul li b {
  font-size: 18px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-text-11);
}
.bd-ud-header-middle-info ul li span {
  color: var(--clr-text-13);
}
.bd-ud-header-middle-info ul li:hover a {
  color: var(--clr-theme-1);
}

.bd-ud-main-menu nav ul > li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-ud-main-menu nav ul > li {
    margin-right: 35px;
  }
}
.bd-ud-main-menu nav ul > li:last-child {
  margin-right: 0;
}
.bd-ud-main-menu nav ul > li a {
  font-size: 16px;
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-white);
  text-transform: uppercase;
  padding: 30px 0;
  display: block;
  position: relative;
}
.bd-ud-main-menu nav ul > li.menu-item-has-children > a::after {
  content: "\f078";
  margin-left: 5px;
  font-family: "font awesome 5 pro";
  font-size: 14px;
}
.bd-ud-main-menu nav ul > li > ul {
  position: absolute;
  top: 120%;
  left: 0;
  width: 250px;
  padding: 20px 0;
  z-index: 10;
  background: var(--clr-bg-1);
  visibility: hidden;
  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;
  border-top: 3px solid var(--clr-theme-1);
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
.bd-ud-main-menu nav ul > li > ul > li {
  display: block;
  margin-right: 0;
  padding: 4px 25px;
  position: relative;
}
.bd-ud-main-menu nav ul > li > ul > li a {
  padding: 0;
}
.bd-ud-main-menu nav ul > li > ul > li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 25px;
  width: 10px;
  height: 2px;
  background: var(--clr-theme-1);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.bd-ud-main-menu nav ul > li > ul > li > ul {
  left: 100%;
  top: 0 !important;
}
.bd-ud-main-menu nav ul > li > ul > li:hover {
  padding-left: 40px;
}
.bd-ud-main-menu nav ul > li > ul > li:hover::before {
  opacity: 1;
  visibility: visible;
}
.bd-ud-main-menu nav ul > li.menu-last > ul {
  left: auto;
  right: 0;
}
.bd-ud-main-menu nav ul > li:hover > a {
  color: var(--clr-theme-1);
}
.bd-ud-main-menu nav ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.bd-ud-search__toggle {
  font-size: 20px;
}
.bd-ud-search__toggle i {
  color: var(--clr-common-white);
}
.bd-ud-search__toggle i:hover {
  color: var(--clr-theme-1);
}
.bd-ud-search__toggle .bd-ud-header-search__close {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  margin-left: -22px;
}
.bd-ud-search__toggle:hover {
  color: var(--clr-theme-1);
}
.bd-ud-search__button .bd-search__form {
  top: 57px;
}
.bd-ud-search__button .bd-search__form.style-2 {
  top: 65px;
  border-radius: 6px;
}
.bd-ud-search__button.search__open .bd-ud-header-search__close {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  color: var(--clr-theme-1);
}
.bd-ud-search__button.search__open .bd-ud-header-search__btn {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.bd-ud-header-bottom-cart a {
  color: var(--clr-common-white);
  font-size: 20px;
}
.bd-ud-header-bottom-cart a:hover {
  color: var(--clr-theme-1);
}
.bd-ud-header-bottom-cta-item {
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-header-bottom-cta-item {
    margin-left: 25px;
  }
}
.bd-ud-header-bottom-cta-item:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-hm-padd {
    padding: 20px 0;
  }
}
.bd-ud-main-menu.style-2 {
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-main-menu.style-2 {
    text-align: right;
  }
}
.bd-ud-main-menu.style-2 nav > ul > li > a {
  padding: 35px 0px;
}
.bd-ud-main-menu.style-2 nav > ul > li ul {
  text-align: start;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-4 {
    text-align: end;
  }
}
.main-menu-4 nav ul li a {
  color: #161A33;
}
.main-menu-4 nav ul li ul {
  background: var(--clr-common-white);
  text-align: start;
}

.main-menu-5 nav ul li a {
  color: #C5C5C5;
  padding: 40px 0;
}
.main-menu-5 nav ul li ul {
  background: var(--clr-common-white);
  text-align: start;
}
.main-menu-5 nav ul li ul li a {
  color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-header4-mobile-padd {
    padding: 20px 0;
  }
}

.sidebar__toggle i {
  font-size: 25px;
}

.sidebar__bar {
  transform: translate(4px, 4px);
}
.sidebar__bar span {
  display: block;
  width: 29px;
  height: 2px;
  background: var(--clr-common-white);
  margin: 9px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sidebar__bar span {
    margin: 6px 0;
    width: 25px;
  }
}

.sidebar__bar-border {
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sidebar__bar-border {
    margin-right: 32px;
  }
}
.sidebar__bar-border::before, .sidebar__bar-border::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73px;
  height: 73px;
  border: 1px solid var(--clr-common-white);
  transform: translate(-50%, -50%);
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sidebar__bar-border::before, .sidebar__bar-border::after {
    width: 55px;
    height: 55px;
  }
}
.sidebar__bar-border::before {
  transform: translate(-40%, -40%);
}
.sidebar__bar-border:hover::before {
  transform: translate(-50%, -50%);
  border-color: var(--clr-theme-1);
}
.sidebar__bar-border:hover::after {
  transform: translate(-40%, -40%);
  border-color: var(--clr-theme-1);
  z-index: 2;
}

.et-header5-toggle-wrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  column-gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-header5-toggle-wrap {
    justify-content: end;
  }
}
.et-header5-talk a {
  font-weight: 400;
  font-size: 24px;
  color: var(--clr-common-white);
  position: relative;
}
.et-header5-talk a::before, .et-header5-talk a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 2px;
  background: var(--clr-common-white);
}
.et-header5-talk a::after {
  right: 0;
  left: auto;
  width: 50%;
  background: var(--clr-theme-1);
  z-index: -1;
}
.et-header5-talk a span {
  color: var(--clr-theme-1);
}
.et-header5-talk a:hover span {
  color: var(--clr-common-white);
}
.et-header5-talk a:hover::before {
  width: 100%;
  z-index: 1;
  transition: all 1s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-header5-mobile-padd {
    padding: 20px 0;
  }
}
/*----------------------------------------*/
/* Location map CSS START
/*----------------------------------------*/
.itg-map-pin {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #283995; /* Red color for the pin */
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  cursor: pointer;
  animation: itg-bounce 1s infinite;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.itg-map-pin:before {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 11px;
}

.itg-map-pin.itg-highlighted {
  background-color: #34c759; /* Green color when highlighted */
}

@keyframes itg-bounce {
  0%, 100% { transform: translate(-50%, -50%) rotate(-45deg) scale(1); }
  50% { transform: translate(-50%, -50%) rotate(-45deg) scale(1.1); }
}

.itg-modal-body p {
  margin-bottom: 10px;
  line-height: 1.5;
  color: #333;
}

.itg-modal-body a.itg-modal-email-link {
  color: #007bff;
  text-decoration: none;
}

.itg-modal-body a.itg-modal-email-link:hover {
  text-decoration: underline;
}

#office-locations {
  background-color:#1f242c; /* Subtle gray-blue background color */
  color: #ffffff; /* White text color for better visibility */
  padding: 4rem 0; /* Increased padding for a more spacious feel */
}

#office-locations h2 {
  color: #ffffff;
  margin-bottom: 2rem; /* Increased spacing for a cleaner look */
  text-transform: uppercase; /* Stylistic choice for headers */
  letter-spacing: 2px; /* More spacing between letters */
  font-weight: 300; /* Lighter font-weight for a modern look */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
}

#map-container {
  position: relative;
  height: 100%; /* Ensure the map container fills the section */
  transition: transform 0.3s ease; /* Smooth transition for zoom effect */

}

/* Zoom effect on the container */
#map-container:hover, #map-container:hover .map-pin {
  transform: scale(1); /* Zoom in the map by 10% on hover */
}
#map-container img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  transition: transform 0.3s ease; /* Smooth transition for zoom effect */
}
#itg-vilnius-pin {
  top: 17.5%;
  left: 53%;
}

#itg-armenia-pin {
  top: 25%; /* Adjust these values according to your map */
  left: 59%;
}

#itg-portugal-pin {
  top: 29%; /* Adjust these values according to your map */
  left: 44%
}
#itg-uk-pin {
  top: 21%; /* Adjust these values according to your map */
  left: 46%;
}
#itg-office-locations h2 {
  color: #ffffff; /* White color */
  /* Other existing styles, if any */
}


/* Style for the table */
.itg-table-custom {
  background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent white background */
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 1rem;
  color: #fff; /* White text color */
}

.itg-table-custom th,
.itg-table-custom td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid rgba(255, 255, 255, 0.3); /* Light border for separation */
}

.itg-table-custom thead th {
  vertical-align: bottom;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4); /* Slightly thicker bottom border */
  background-color: rgba(255, 255, 255, 0.2); /* Slightly darker background for header */
  text-transform: uppercase; /* Capitalize header text */
  letter-spacing: 0.1rem; /* Spacing between letters */
}

.itg-table-custom tbody + tbody {
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}

.itg-table-custom tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.15); /* Highlight row on hover */
}

.itg-table-custom td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* Light border for each cell */
}

.itg-table-custom th {
  font-weight: 500; /* Slightly bolder font for headers */
}

/* Responsive behavior */
@media (max-width: 768px) {
  .itg-table-custom {
    border: 0;
  }

  .itg-table-custom thead {
    display: none;
  }

  .itg-table-custom tr {
    margin-bottom: 0.625rem;
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
  }

  .itg-table-custom td {
    display: block;
    text-align: right;
    font-size: 0.8rem;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
    position: relative;
    padding-left: 50%;
  }

  .itg-table-custom td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-right: 0.625rem;
    white-space: nowrap;
    text-align: left;
    font-weight: 700;
  }
}
.itg-office-bubbles {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.itg-office-bubble {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-size: cover;
  background-position: center;
}

.itg-office-bubble:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.itg-office-bubble-content h3 {
  margin: 0;
  color: #fff;
  font-size: 1.2em;
}

.itg-office-bubble-content p {
  margin: 0;
  color: #ccc;
  font-size: 0.9em;
}

.itg-office-bubbles {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.itg-office-bubble {
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.itg-office-bubble::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay for better text visibility */
  border-radius: 15px;
}

.itg-office-bubble:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.itg-office-bubble-content {
  position: relative;
  z-index: 1;
}

.itg-office-bubble-content h3 {
  margin: 0;
  color: #fff;
  font-size: 1.2em;
}

.itg-office-bubble-content p {
  margin: 0;
  color: #ccc;
  font-size: 0.9em;
}





/*----------------------------------------*/
/*  10. ABOUT CSS START
/*----------------------------------------*/
.about__right-content {
  padding-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__right-content {
    padding-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__right-content {
    padding-left: 0px;
  }
}
.about__left-thumb {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__left-thumb {
    text-align: left;
  }
}
.about__left-thumb img {
  margin-top: 50px;
  max-width: 520px;
  width: 100%;
}
@media (max-width: 575px) {
  .about__left-thumb img {
    width: 100%;
  }
}
.about__photos {
  position: relative;
  padding: 48px 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about__photos {
    padding-right: 0;
  }
}
.about__photos img {
  max-width: 100%;
}
.about__photos .about-photo-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 48%;
  border-top: 20px solid #fff;
  border-right: 20px solid #fff;
}
.about__experience-shape {
  position: absolute;
  top: 0px;
  left: 0;
}
.about__experience-content {
  background-color: #1f242c;
  border-radius: 6px;
  text-align: center;
  padding: 40px 34px;
  position: relative;
  z-index: 9;
}
.about__experience-content h2 {
  color: var(--clr-common-white);
  font-size: 80px;
  line-height: 1.1;
  margin-bottom: 0;
}
.about__experience-content span {
  color: #999;
}
.about__experience-content i {
  font-size: 100px;
  position: absolute;
  left: 0;
  bottom: 1px;
  color: #252a32;
  z-index: -1;
}
.about__quote-content {
  position: relative;
  margin-left: 21px;
}
.about__quote-content h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 13px;
}
.about__quote-content::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  background: var(--clr-theme-1);
  top: 2px;
  left: -20px;
}
.about__quote-author h4 {
  font-size: 14px;
  font-weight: 600;
}
.about__quote-author h4 span {
  color: var(--clr-text-1);
  font-weight: var(--bd-fw-normal);
}
.about__description-text p {
  margin-bottom: 20px;
}

.about__contact__item {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-top: 40px;
  border-top: 1px solid rgb(240, 240, 240);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about__contact__item {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about__contact__item.style-2 {
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(240, 240, 240);
}
.about__contact-icon {
  width: 60px;
  height: 60px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  min-width: 60px;
}
.about__contact-content h4 a {
  font-size: 18px;
  text-transform: uppercase;
}
.about__contact-content h4 a:hover {
  color: var(--clr-theme-1);
}
.about-content span {
  font-size: 14px;
  color: var(--clr-text-2);
  text-transform: capitalize;
}
.about__features-wrapper {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__features-wrapper {
    margin-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__features-wrapper {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .about__features-thumb {
    padding-top: 0;
  }
}
.about__features-shape {
  position: absolute;
  z-index: -1;
  top: -27px;
  left: -49px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__features-shape {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__features-shape {
    top: 0;
  }
}
@media (max-width: 575px) {
  .about__features-shape {
    display: none;
  }
}

.about__wrapper-3 {
  margin-left: 70px;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__wrapper-3 {
    margin-left: 25px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__wrapper-3 {
    margin-left: 30px;
    margin-right: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about__wrapper-3 {
    margin-left: 0px;
    margin-right: 0;
  }
}
.about__author-info {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  padding-top: 30px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__author-info {
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .about__author-info {
    justify-content: start;
    gap: 15px 20px;
  }
}
.about__author-content {
  text-align: right;
}
.about__author-content h4 {
  font-size: 18px;
}
.about__author-content span {
  font-size: 14px;
  color: var(--clr-text-2);
}

.bd-ud-about3-img img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-about3-wrapper.mr--35 {
    margin-right: 0;
  }
}
.bd-ud-about3-pl {
  padding-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-about3-pl {
    padding-right: 0;
  }
}
.bd-ud-about3-icon {
  top: -70px;
  left: -70px;
  z-index: -1;
  animation: UpDown 7s linear infinite;
}
.bd-ud-about3-icon.bottom {
  bottom: -50px;
  top: auto;
}
.bd-ud-about3-experience {
  left: 63px;
  bottom: 90px;
  background: var(--clr-common-white);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  min-width: 197px;
}
.bd-ud-about3-experience-num {
  background: var(--clr-theme-1);
  overflow: hidden;
  padding: 25px 0 21px 23px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bd-ud-about3-experience-num h3 {
  font-size: 46px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  line-height: 1;
}
.bd-ud-about3-experience-text {
  padding: 20px 25px;
}
.bd-ud-about3-experience-text h4 {
  font-size: 20px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-text-14);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-about3-content-wrapper.pl-70 {
    padding-left: 0;
  }
}
.bd-ud-about3-content-ml {
  margin-left: -45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-about3-content-ml {
    margin-left: 0;
  }
}
.bd-ud-about3-contact {
  padding-top: 10px;
  padding-bottom: 30px;
}

.bd-ud-app-check-list li {
  position: relative;
  padding-left: 42px;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  color: var(--clr-text-14);
}
.bd-ud-app-check-list li:last-child {
  margin-bottom: 0;
}
.bd-ud-app-check-list li::before {
  content: "\f00c";
  font-family: var(--bd-ff-fontawesome);
  width: 22px;
  height: 22px;
  left: 0;
  top: 50%;
  background: var(--clr-theme-1);
  border-radius: 2px;
  color: var(--clr-common-white);
  display: inline-block;
  text-align: center;
  margin: auto;
  font-weight: var(--bd-fw-black);
  line-height: 22px;
  position: absolute;
  font-size: 13px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about4-area::before, .about4-area::after {
  content: "";
  position: absolute;
  filter: blur(217px);
  border-radius: 50%;
}
.about4-area::before {
  width: 530px;
  height: 530px;
  left: -100px;
  top: 80px;
  background: linear-gradient(180deg, #F3FAFF 0%, #6FBEFD 100%);
  opacity: 0.6;
}
.about4-area::after {
  width: 608px;
  height: 608px;
  right: -165px;
  bottom: 40px;
  background: linear-gradient(180deg, rgba(243, 250, 255, 0.5) 0%, rgba(239, 61, 30, 0.5) 100%);
  opacity: 0.5;
}
.about4-shapebox .shape1, .about4-shapebox .shape2, .about4-shapebox .shape3 {
  position: absolute;
}
.about4-shapebox .shape1 {
  left: 0;
  top: 100px;
  animation: UpDown 3s linear infinite;
}
.about4-shapebox .shape2 {
  right: 0;
  bottom: 100px;
  animation: UpDown 3s linear infinite;
}
.about4-shapebox .shape3 {
  left: 70px;
  bottom: 100px;
  animation: zoomInOut 3s ease-in-out infinite;
}
.about4-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about4-video-btn a {
  display: block;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  background-color: var(--clr-common-white);
  color: var(--clr-theme-1);
  font-size: 25px;
  border-radius: 50%;
  opacity: 0.6;
}
.about4-video-btn a:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}
.about4-right .blue-btn a::after {
  background-color: var(--clr-common-white);
}
.about4-right .blue-btn a:hover {
  color: var(--clr-text-11);
}
.about4-counter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .about4-counter {
    display: flex;
    flex-direction: column;
  }
}
.about4-counter-item {
  padding: 33px 30px;
  border: 1px solid #6E728D;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about4-counter-item {
    padding: 20px;
  }
}
.about4-counter-title {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
  color: var(--clr-common-white);
  margin-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about4-counter-title {
    font-size: 16px;
  }
}
.about4-counter-number {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 60px;
  line-height: 1;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about4-counter-number {
    font-size: 40px;
  }
}
.about4-counter-box {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.about4-counter-box span {
  font-weight: 600;
  font-size: 60px;
  line-height: 1;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about4-counter-box span {
    font-size: 40px;
  }
}

@keyframes zoomInOut {
  0% {
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    transform: rotate(-180deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(-360deg) scale(0.7);
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  14. COUNTER CSS START
/*----------------------------------------*/
.counter__bg-area {
  position: relative;
  border-radius: 10px;
  z-index: 5;
}
.counter__bg-area::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #141f2b, #141f2b, var(--clr-theme-1), var(--clr-theme-3));
  background-position: 100% 100%;
  background-size: 300% 100%;
  border-radius: 10px;
}
.counter__item {
  position: relative;
  z-index: 9;
}
.counter__item-two {
  position: relative;
  z-index: 2;
}
.counter__item-two h2 {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  background: linear-gradient(to bottom, var(--clr-common-white), rgba(255, 255, 255, 0));
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.counter__item-two i {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  line-height: 40px;
  background: var(--clr-common-white);
  color: var(--clr-body-heading);
  margin-bottom: 20px;
}
.counter__item-two p {
  margin-top: -20px;
  color: var(--clr-common-white);
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
.counter__item-number h2 {
  font-size: 80px;
  color: var(--clr-common-white);
  line-height: 1.2;
  margin-left: -16px;
  margin-bottom: 0;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__item-number h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .counter__item-number h2 {
    font-size: 50px;
    margin-left: -8px;
  }
}
.counter__item-number p {
  color: var(--clr-common-white);
  font-size: 14px;
  line-height: 1.2;
  font-weight: var(--bd-fw-sbold);
}
.counter__item-number span {
  position: absolute;
  top: 30px;
  display: inline-block;
  font-size: 56px;
  font-weight: 700;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__item-number span {
    top: 24px;
    font-size: 48px;
  }
}
@media (max-width: 575px) {
  .counter__item-number span {
    top: 16px;
    font-size: 40px;
  }
}
.counter__item-three {
  position: relative;
}
.counter__item-three span {
  color: var(--clr-common-white);
  font-size: 80px;
  position: relative;
  background: linear-gradient(to bottom, var(--clr-common-white), rgba(255, 255, 255, 0));
  background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 700;
  position: absolute;
  top: -25px;
}

.counter__overlay {
  position: relative;
  z-index: 5;
}
.counter__overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  top: 0;
  left: 0;
  opacity: 0.902;
  z-index: -1;
}
.counter__main-wrapper {
  border-radius: 10px;
  overflow: hidden;
  padding-top: 60px;
}
.counter-icon button {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  line-height: 40px;
  background: var(--clr-common-white);
  color: var(--clr-common-heading);
  margin-bottom: 20px;
}
.counter__number {
  position: relative;
}
.counter__number h2 {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  background: linear-gradient(to bottom, var(--clr-common-white), rgba(255, 255, 255, 0));
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__number h2 {
    font-size: 65px;
  }
}
.counter__title p {
  color: var(--clr-common-white);
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 0;
  transform: translateY(-22px);
}

.counter__item-2 .counter__number {
  margin-bottom: 30px;
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  15. CTA CSS START
/*----------------------------------------*/
.cta__title-wrapper {
  max-width: 615px;
  line-height: 1;
}
.cta__paragraph {
  color: var(--clr-text-9);
  margin-bottom: 0;
}
.cta__contact-inner {
  padding: 60px 0px 52px 0px;
  background-color: var(--clr-common-white);
  text-align: center;
  border-radius: 10px 10px 0px 0px;
}
.cta__contact-icon {
  margin-bottom: 35px;
}
.cta__contact-icon figure {
  position: relative;
}
.cta__contact-icon figure:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  border: 1px solid #f3f3f3;
  border-radius: 50px;
  left: 50%;
  transform: translate(-50%, -15px);
  z-index: 2;
}
.cta__contact-icon i {
  position: relative;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  color: var(--clr-common-white);
  font-size: 22px;
  background-image: linear-gradient(to right, #141f2b, #141f2b, var(--clr-theme-1), var(--clr-theme-3));
  background-position: 100% 100%;
  background-size: 300% 100%;
  box-shadow: 0px 16px 32px 0px rgba(69, 129, 206, 0.3);
  z-index: 2;
}
.cta__contact-content span {
  font-size: 14px;
}
.cta__contact-content h3 a {
  font-size: 24px;
}
.cta__contact-content h3 a:hover {
  color: var(--clr-theme-1);
}

.bd-ud-cta-technology-item {
  max-width: 100%;
}
.bd-ud-cta-technology-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-cta-technology-wrapper {
    gap: 25px;
  }
}
.bd-ud-cta-padding {
  padding-top: 120px;
  padding-bottom: 230px;
}
.bd-ud-cta-action-img img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-ud-cta-action-content {
  position: relative;
}
.bd-ud-cta-action-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--clr-bg-1);
  opacity: 0.25;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-ud-cta-action-overlay {
  position: absolute;
  right: 0;
  text-align: center;
  left: 0;
  bottom: 0;
}
.bd-ud-cta-action-phone {
  background: linear-gradient(180deg, var(--clr-theme-1) 0%, var(--clr-theme-4) 100%);
  box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 0.25);
  width: 92px;
  height: 92px;
  line-height: 92px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 90px;
  margin: auto;
  margin-bottom: 90px;
}
@media (max-width: 575px) {
  .bd-ud-cta-action-phone {
    margin-bottom: 50px;
  }
}
@media (max-width: 450px) {
  .bd-ud-cta-action-phone {
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
@media (max-width: 450px) {
  .bd-ud-cta-action-text {
    margin-bottom: 25px;
  }
}
.bd-ud-cta-action-text span {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  display: block;
  margin-bottom: 18px;
}
@media (max-width: 450px) {
  .bd-ud-cta-action-text span {
    margin-bottom: 5px;
  }
}
.bd-ud-cta-action-text a {
  font-size: 35px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
}
@media (max-width: 450px) {
  .bd-ud-cta-action-text a {
    font-size: 20px;
  }
}
.bd-ud-cta-touch {
  background: var(--clr-common-white);
  border-radius: 0px 0px 10px 10px;
  height: 87px;
  line-height: 87px;
  -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;
}
.bd-ud-cta-touch a {
  background: linear-gradient(180deg, var(--clr-theme-1) 0%, var(--clr-theme-4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
  font-size: 18px;
}
.bd-ud-cta-touch a i {
  margin-left: 10px;
  font-size: 14px;
}
.bd-ud-cta-touch:hover {
  background: var(--clr-theme-1);
}
.bd-ud-cta-touch:hover a {
  background: linear-gradient(180deg, var(--clr-common-white) 0%, var(--clr-common-white) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bd-ud-cta-content p {
  color: var(--clr-text-20);
}

.cta4-wrapper {
  background-color: #161A33;
  padding-left: 20px;
  padding-right: 20px;
}
.cta4-shape1, .cta4-shape2 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cta4-content {
  position: relative;
  z-index: 5;
}
.cta4-content .blue-btn a {
  font-size: 25px;
  border-radius: 45px;
}
.cta4-content .blue-btn a i {
  margin-left: 0;
}
.cta4-content .blue-btn a::after {
  background-color: var(--clr-common-white);
}
.cta4-content .blue-btn a:hover {
  color: var(--clr-theme-1);
}

.cta4-shapebox div img {
  width: 100%;
}

.cta5_area {
  border-radius: 10px;
}

.cta5_title {
  font-size: 55px;
  line-height: 1.2;
  color: #161A33;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .cta5_title {
    font-size: 50px;
  }
  .cta5_title br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta5_title {
    font-size: 40px;
  }
  .cta5_title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta5_title {
    font-size: 30px;
  }
  .cta5_title br {
    display: none;
  }
}

.cta5_icon a {
  height: 70px;
  width: 100px;
  border-radius: 20px;
  background: var(--clr-theme-1);
  display: inline-block;
  text-align: center;
  line-height: 70px;
  transition: 0.3s;
}
.cta5_icon a:hover {
  background: #161A33;
}

.cta5_area-wrapper {
  padding-left: 130px;
  padding-right: 135px;
  position: relative;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta5_area-wrapper {
    padding-left: 80px;
    padding-right: 83px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta5_area-wrapper {
    padding-left: 40px;
    padding-right: 43px;
  }
}
.cta5_area-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F4F4F4;
  box-shadow: 0px 4px 80px 10px rgba(14, 132, 225, 0.06);
  border-radius: 10px;
  z-index: -1;
}

.dark .cta5_area-wrapper::before {
  background: #090C1C;
}
.dark .cta5_title {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  18. FEATURES CSS START
/*----------------------------------------*/
.features__thunb-warpper {
  position: relative;
  z-index: 5;
}
.features__thunb-warpper img {
  margin-left: -310px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__thunb-warpper img {
    margin-left: 0;
    width: 100%;
  }
}

.custom__container {
  max-width: 1530px;
}

.features__thunb-1 {
  position: relative;
  z-index: 5;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thunb-1 {
    width: 100%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features__thunb-1 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }
}

.features__thunb-2 {
  position: absolute;
  left: 0px;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__thunb-2 {
    position: static;
    margin-top: -120px;
    transform: translate(0);
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__thunb-2 {
    width: 100%;
  }
}

.features__content-wrapper {
  margin-right: 80px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__content-wrapper {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature5_wrapper.ml-100 {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feature5_wrapper.ml-100 {
    margin-left: 0;
  }
}
.feature5_wrapper .feature5_title {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
.feature5_wrapper .feature5_list ul li {
  list-style: none;
  font-size: 17px;
  color: #606060;
  font-weight: 400;
  padding-left: 15px;
  position: relative;
  margin-bottom: 10px;
}
.feature5_wrapper .feature5_list ul li:last-child {
  margin-bottom: 0;
}
.feature5_wrapper .feature5_list ul li a {
  display: inline-flex;
}
@media (max-width: 575px) {
  .feature5_wrapper .feature5_list ul li {
    line-height: 25px;
    margin-bottom: 15px;
  }
  .feature5_wrapper .feature5_list ul li:last-child {
    margin-bottom: 0;
  }
}
.feature5_wrapper .feature5_list ul li::before {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 17px;
  left: 0;
  top: 0;
  color: var(--clr-theme-1);
  transition: all 300ms ease;
}
.feature5_wrapper .feature5_list ul li:hover a {
  color: var(--clr-theme-1);
  padding-left: 5px;
}
.feature5_wrapper .feature5_list ul li:hover::before {
  left: 3px;
}

.feature5-item_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature5-item_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .feature5-item_wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.dark .feature5_wrapper .feature5_title {
  color: var(--clr-common-white);
}
.dark .feature5_wrapper .feature5_list ul li {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  16. ERROR CSS START
/*----------------------------------------*/
.error__content h2 {
  font-size: 250px;
  font-weight: 700;
  color: var(--clr-theme-1);
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .error__content h2 {
    font-size: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__content h2 {
    font-size: 150px;
  }
}
@media (max-width: 575px) {
  .error__content h2 {
    font-size: 120px;
  }
}
.error__content h3 {
  font-size: 36px;
}
@media (max-width: 575px) {
  .error__content h3 {
    font-size: 28px;
  }
}
.error__content p {
  font-size: 16px;
  margin-bottom: 33px;
}

/*----------------------------------------*/
/*  13. COUNTER CSS START
/*----------------------------------------*/
.contact__info-wrapper {
  margin-right: 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__info-wrapper {
    margin-right: 0px;
  }
}
.contact__info-item {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--clr-border-10);
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 575px) {
  .contact__info-item {
    flex-wrap: wrap;
    gap: 10px 20px;
  }
}
.contact__info-item:last-child {
  border-bottom: 0;
}
.contact__info-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  font-size: 20px;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  position: relative;
}
.contact__info-icon::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--clr-bg-grey-4);
}
@media (max-width: 575px) {
  .contact__info-content {
    margin-top: 20px;
  }
}
.contact__info-content span {
  font-size: 16px;
  color: #777a7e;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
  text-transform: capitalize;
}
.contact__info-content h5 a {
  font-size: 20px;
}
.contact__info-content h5 a:hover {
  color: var(--clr-theme-1);
}
.contact__from-input {
  margin-bottom: 20px;
}
.contact__from-input input {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-grey-4);
  border: none;
  padding: 15px 20px;
  border-radius: 6px;
  border: 1px solid transparent;
  outline: 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;
  color: #777a7e;
}
.contact__from-input input::placeholder {
  color: #777a7e;
}
.contact__from-input input:focus {
  border: double 1px transparent;
  background-image: linear-gradient(#f9f9f9, #f9f9f9), linear-gradient(to right, var(--clr-theme-1), var(--clr-theme-3));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.contact__from-input textarea {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-grey-4);
  border: none;
  padding: 15px 20px;
  border-radius: 6px;
  outline: 0;
  min-height: 170px;
  color: #777a7e;
  resize: none;
  border: 1px solid transparent;
  -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;
}
.contact__from-input textarea::placeholder {
  color: #777a7e;
}
.contact__from-input textarea:focus {
  border: double 1px transparent;
  background-image: linear-gradient(#f9f9f9, #f9f9f9), linear-gradient(to right, var(--clr-theme-1), var(--clr-theme-3));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.contact__select {
  position: relative;
}
.contact__select select {
  height: 60px;
  width: 100%;
  background: var(--clr-bg-grey-4);
  border: none;
  padding: 15px 15px;
  border-radius: 6px;
  outline: 0;
  color: #777a7e;
  position: relative;
  appearance: none;
}

.contact__cta-wrapper {
  padding: 65px 70px 35px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  z-index: 22;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__cta-wrapper {
    padding: 65px 30px 35px;
  }
}
.contact__cta-content {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__cta-content {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.cta_contact-info {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_contact-info {
    flex-direction: row;
    align-items: center;
  }
}
.cta_contact-photo {
  width: 100px;
  height: 100px;
}
.cta_contact-photo a {
  display: inline-block;
  overflow: hidden;
  border-radius: 16px;
  border: 3px solid var(--clr-theme-1);
}
.cta_contact-photo a:hover {
  border-color: var(--clr-border-2);
}
.cta_contact-photo img {
  max-width: 100%;
}
.cta_contact-text {
  color: #8f96a0;
  margin-bottom: 3px;
  display: block;
}
.cta_description {
  position: relative;
  padding-left: 60px;
  max-width: 640px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_description {
    padding-left: 0;
  }
}
.cta_description p {
  color: var(--clr-common-white);
  font-size: 18px;
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_description p {
    font-size: 16px;
  }
}
.cta_description::before {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--clr-common-white);
  opacity: 0.2;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta_description::before {
    display: none;
  }
}

.google__map-inner {
  position: relative;
  margin-top: -80px;
}
.google__map-inner iframe {
  min-height: 550px;
  width: 100%;
  margin-bottom: -8px;
}

.et-hero__contact-btn {
  position: absolute;
  top: 50%;
  right: -53px;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 50;
}
.et-hero__contact-btn #open-form {
  height: 55px;
  width: 160px;
  font-size: 16px;
  font-weight: 600;
  Color: var(--clr-common-white);
  border: 2px solid var(--clr-theme-1);
  background-color: var(--clr-theme-1);
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  outline: 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;
}
.et-hero__contact-btn #open-form:hover {
  color: var(--clr-theme-1);
  background-color: var(--clr-common-white);
}
.et-hero__contact-wrapper {
  max-width: 725px;
  background-color: var(--clr-common-white);
  padding: 40px;
  border-radius: 5px 0 0 5px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(150%, -50%);
  z-index: 100;
  -webkit-transition: all 0.7s ease-out 0s;
  -moz-transition: all 0.7s ease-out 0s;
  -ms-transition: all 0.7s ease-out 0s;
  -o-transition: all 0.7s ease-out 0s;
  transition: all 0.7s ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .et-hero__contact-wrapper {
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .et-hero__contact-wrapper {
    max-width: 430px;
  }
}
@media (max-width: 450px) {
  .et-hero__contact-wrapper {
    max-width: 274px;
  }
}
.et-hero__contact-wrapper.active {
  transform: translate(0, -50%);
}
.et-hero__contact-wrapper #close-form {
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: var(--clr-text-11);
  cursor: pointer;
  background: var(--clr-common-white);
  border: 1px solid var(--clr-theme-1);
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: absolute;
  top: -25px;
  left: -25px;
}
@media (max-width: 575px) {
  .et-hero__contact-wrapper #close-form {
    top: 60px;
    left: -20;
  }
}

.et-hero__contact-form form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-hero__contact-form form {
    grid-template-columns: auto;
  }
}
.et-hero__contact-form .contact-field {
  position: relative;
}
.et-hero__contact-form .contact-field.field::before {
  position: absolute;
  top: 14px;
  left: 20px;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #535353;
}
.et-hero__contact-form .contact-field.field:nth-child(1)::before, .et-hero__contact-form .contact-field.field:nth-child(2)::before {
  content: "\f007";
}
.et-hero__contact-form .contact-field.field:nth-child(3)::before {
  content: "\f879";
}
.et-hero__contact-form .contact-field.field:nth-child(4)::before {
  content: "\f044";
}
.et-hero__contact-form .contact-field input,
.et-hero__contact-form .contact-field textarea {
  padding: 14px 20px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #535353;
  background-color: transparent;
  border: 1px solid #E8E8E8;
}
.et-hero__contact-form .contact-field input::placeholder,
.et-hero__contact-form .contact-field textarea::placeholder {
  font: inherit;
  font-size: 14px;
}
.et-hero__contact-form .contact-field input:focus,
.et-hero__contact-form .contact-field textarea:focus {
  border: 1px solid var(--clr-theme-1);
}
.et-hero__contact-form .contact-field input {
  height: 55px;
  padding-left: 50px;
}
.et-hero__contact-form .contact-field input[type=submit] {
  border: 1px solid var(--clr-theme-1);
  color: var(--clr-theme-1);
  transition: all 0.3s;
  padding-left: 20px;
}
.et-hero__contact-form .contact-field input[type=submit]:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.et-hero__contact-form .contact-field textarea {
  height: 150px;
  resize: none;
  margin-bottom: 10px;
}
.et-hero__contact-form .contact-field.message, .et-hero__contact-form .contact-field.submit {
  grid-column: span 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-hero__contact-form .contact-field.message, .et-hero__contact-form .contact-field.submit {
    grid-column: inherit;
  }
}

.contact__wrapper {
  padding: 60px;
  background: #FAFAFA;
  position: relative;
  border-radius: 10px;
}
@media (max-width: 450px) {
  .contact__wrapper {
    padding: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .contact__wrapper .et-hero__contact-form form {
    grid-template-columns: 1fr;
  }
}
.contact__wrapper .et-hero__contact-form .contact-field.field::before {
  z-index: 5;
}
.contact__wrapper .et-hero__contact-form .contact-field input,
.contact__wrapper .et-hero__contact-form .contact-field textarea {
  background-color: var(--clr-common-white);
  border-radius: 5px;
}
.contact__wrapper .et-hero__contact-form .contact-field textarea {
  height: 175px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .contact__wrapper .et-hero__contact-form .contact-field.message, .contact__wrapper .et-hero__contact-form .contact-field.submit {
    grid-column: inherit;
  }
}
.contact__wrapper .contact__button {
  height: 55px;
  width: 193px;
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-white);
  background: linear-gradient(90.67deg, var(--clr-theme-1) 0.57%, var(--clr-theme-3) 99.61%);
  border: none;
  border-radius: 6px;
  text-transform: uppercase;
  outline: none;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.contact__wrapper .contact__button i {
  margin-left: 9px;
  font-size: 16px;
}
.contact__wrapper .contact__button:hover {
  background: linear-gradient(90.67deg, var(--clr-theme-3) 0.57%, var(--clr-theme-1) 99.61%);
}
.contact__shape {
  position: absolute;
  top: -60px;
  right: 250px;
}
.contact__title {
  color: var(--clr-text-11);
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

.bd-ud-contact-form .nice-select {
  height: 60px;
  line-height: 60px;
  width: 100%;
  background: var(--clr-bg-grey-4);
  border: transparent;
}
.bd-ud-contact-form .nice-select::after {
  height: 10px;
  right: 20px;
  top: 50%;
  width: 10px;
  -webkit-transform: transformY(-50%);
  -moz-transform: transformY(-50%);
  -ms-transform: transformY(-50%);
  -o-transform: transformY(-50%);
  transform: transformY(-50%);
}
.bd-ud-contact-form .nice-select .list {
  width: 100%;
}

.et-contact__info {
  background-color: rgba(14, 132, 225, 0.9);
  border-radius: 10px;
  overflow: hidden;
}
.et-contact__info-top {
  padding: 50px 50px 60px 50px;
}
@media (max-width: 450px) {
  .et-contact__info-top {
    padding: 30px 20px 25px 20px;
  }
}
.et-contact__info-box {
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--clr-common-white);
}
.et-contact__info-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.et-contact__info-icon {
  width: 62px;
  height: 62px;
  color: var(--clr-theme-1);
  background-color: var(--clr-common-white);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 25px;
}
.et-contact__info-content h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-common-white);
  margin-bottom: 15px;
}
.et-contact__info-content p {
  color: var(--clr-common-white);
  font-size: 16px;
}
.et-contact__info-bottom {
  padding: 39px 35px;
  background-color: rgba(22, 26, 51, 0.9);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .et-contact__info-bottom {
    padding: 55px 48px;
  }
}
.et-contact__info-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .et-contact__info-list {
    grid-template-columns: 1fr;
  }
}
.et-contact__info-list li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.et-contact__info-list-icon {
  color: var(--clr-common-white);
  font-size: 15px;
}
.et-contact__info-link a {
  color: var(--clr-common-white);
  font-size: 15px;
  font-weight: 500;
}
.et-contact__info-link a:focus, .et-contact__info-link a:hover {
  color: var(--clr-theme-1);
}

.et-contact2-map {
  overflow: hidden;
  position: relative;
  min-height: 680px;
}
.et-contact2-map iframe {
  width: 102%;
  height: 102%;
  position: absolute;
  top: -1%;
  left: -1%;
}

/*----------------------------------------
  34. EVENTS CSS START
----------------------------------------*/


/*----------------------------------------
  33. LOCATION CSS START
----------------------------------------*/
.location-1 {
  top: 39%;
  left: 50%;
}

.location-2 {
  left: 50%;
  top: 20%;
}

.location-3 {
  top: 44%;
  right: 14%;
}
@media (max-width: 575px) {
  .location-3 {
    right: 30%;
  }
}

.location-4 {
  left: 35%;
  bottom: 34%;
}

.location-text span {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
}

.location-map-bg {
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  max-width: 700px;
}

.location-item {
  position: absolute;
  align-items: center;
  -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;
}

.location-icon {
  display: inline-block;
  cursor: pointer;
  color: #EF3D1E;
}

.location-item.active .location-content {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0px);
}

.location-counrty {
  width: 58px;
  height: 58px;
  min-width: 58px;
}
.location-counrty img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}

.location-content {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 15px 15px;
  background: var(--clr-common-white);
  box-shadow: 0px 4px 74px rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  min-width: 200px;
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translate(-50%, 10px);
  opacity: 0;
  visibility: hidden;
  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;
  z-index: 55;
}

.loaction-box {
  padding: 40px 35px;
  border: 1px solid var(--clr-common-border-2);
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .loaction-box {
    padding: 40px 30px;
  }
}

.country-tab .nav-tabs {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.country-tab .nav-tabs .nav-link {
  border: 0;
  border: 2px solid var(--clr-common-border-2);
  padding: 0 30px;
  height: 60px;
  border-radius: 0;
}
.country-tab .nav-tabs .nav-link:hover {
  border: 2px solid var(--clr-common-border-2);
  color: var(--clr-common-heading);
}
.country-tab .nav-tabs .nav-link.active {
  background-color: var(--clr-common-color-red);
  color: var(--clr-common-white);
  border-color: var(--clr-common-color-red);
}
.country-tab .nav-link {
  font-family: "Oswald", sans-serif !important;
  font-weight: 600;
  padding: 0;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--clr-common-heading);
  font-weight: 700;
}
.country-tab .nav-link:hover {
  color: var(--clr-common-red);
}

.laction-county ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.laction-county ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  gap: 10px;
}
.laction-county ul li span:hover {
  color: var(--clr-common-color-red);
}

.office-wrapper {
  display: flex;
  gap: 35px;
  padding: 50px 45px 50px;
  background: var(--clr-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .office-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .office-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.office-map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  z-index: -1;
}

.office-item {
  position: relative;
  padding-right: 37px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .office-item {
    padding-right: 0;
  }
}
.office-item:after {
  position: absolute;
  content: "";
  height: 85%;
  width: 1px;
  border: 1px solid var(--clr-common-border-2);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .office-item:after {
    display: none;
  }
}
.office-item:last-child {
  padding-right: 0px;
}
.office-item:last-child::after {
  display: none;
}
.office-item h4 {
  font-size: 24px;
  margin-bottom: 25px;
  color: var(--clr-common-heading);
}
@media (max-width: 575px) {
  .office-item h4 {
    font-size: 20px;
  }
}

.office-content .singel-addresss {
  margin-bottom: 10px;
}
.office-content .singel-addresss:last-child {
  margin-bottom: 0;
}
.office-content a {
  display: block;
}
.office-content a:last-child {
  margin-bottom: 0;
}
.office-content a i {
  margin-right: 10px;
}

.singel-addresss {
  display: flex;
  gap: 15px;
}

/*----------------------------------------*/
/*  32. APPROACH CSS START
/*----------------------------------------*/
.approach-area {
  position: relative;
}
.approach-area::before {
  content: "";
  position: absolute;
  top: 41%;
  left: -20%;
  background: linear-gradient(180deg, #F3FAFF 0%, #6FBEFD 100%);
  opacity: 0.25;
  filter: blur(217px);
  width: 488px;
  height: 488px;
  transform: translate(20%, -60%);
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .approach-area::before {
    display: none;
  }
}
.approach-title h2 {
  font-size: 55px;
  line-height: 1.1;
  font-weight: 500;
  color: #161A33;
}
.approach-img {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
}

.ap-shape {
  position: absolute;
  top: -600px;
  left: 0;
  z-index: -1;
}

.dark .approach-area::before {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(180deg, #F3FAFF 0%, #6FBEFD 100%);
  opacity: 0.75;
  filter: blur(217px);
}
.dark .approach-title h2 {
  color: var(--clr-common-white);
}
.dark .approach-img {
  border-bottom: 1px solid #50567A;
  border-top: 1px solid #50567A;
}

/*----------------------------------------*/
/*  19. FOOTER CSS START
/*----------------------------------------*/
.pt-205 {
  padding-top: 205px;
}

.footer__overlay {
  position: relative;
  z-index: 5;
}

.footer__overlay:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--clr-common-white);
  opacity: 0.961;
  z-index: -1;
}

.footer-col-2 {
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-col-2 {
    padding: 0;
  }
}

.footer-col-3 {
  padding-left: 50px;
  margin-right: -20px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3 {
    padding-left: 25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-3 {
    padding-left: 0px;
    margin-right: 0px;
  }
}

.footer-col-4 {
  margin-left: -20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-4 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-6 {
    margin-left: 50px;
  }
}

.footer-col-7 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-7 {
    margin-left: -76px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-col-7 {
    margin-left: 0;
  }
}

.footer__title h4 {
  font-size: 20px;
  color: var(--clr-common-white);
  margin-bottom: 35px;
}
.footer__content p {
  color: var(--clr-footer-1);
}
.footer__link ul {
  display: grid;
  gap: 0px 30px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__link ul {
    gap: 0px 10px;
  }
}
.footer__link ul li {
  line-height: 1;
  margin-bottom: 29px;
  position: relative;
}
.footer__link ul li a {
  color: var(--clr-footer-1);
}
.footer__link ul li a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  background: var(--clr-theme-1);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.footer__link ul li a:hover {
  color: var(--clr-theme-1);
  padding-left: 15px;
}
.footer__link ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer__link ul li:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100px;
  background-color: rgb(34, 38, 46);
  left: 0;
  bottom: -14px;
}
.footer__link-2 ul li {
  line-height: 1;
  margin-bottom: 29px;
  position: relative;
}
.footer__link-2 ul li:last-child {
  margin-bottom: 0;
}
.footer__link-2 ul li:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 160px;
  background-color: rgb(34, 38, 46);
  left: 0;
  bottom: -14px;
}
.footer__link-2 ul li a {
  color: var(--clr-footer-1);
}
.footer__link-2 ul li a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  background: var(--clr-theme-1);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.footer__link-2 ul li a:hover {
  color: var(--clr-theme-1);
  padding-left: 15px;
}
.footer__link-2 ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer__link-3 ul li {
  display: inline-block;
  margin-left: 50px;
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__link-3 ul li {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__link-3 ul li {
    margin-left: 40px;
  }
}
.footer__link-3 ul li:first-child {
  margin-left: 0;
}
.footer__link-3 ul li a {
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .footer__link-3 {
    text-align: center;
  }
}
.footer__contact-item span {
  color: var(--clr-footer-1);
}
.footer__contact-item p {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  margin-bottom: 16px;
}
.footer__support-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  border-top: 1px solid rgb(34, 38, 46);
  padding-top: 15px;
}
.footer__support-title span {
  display: block;
  color: var(--clr-common-white);
}
.footer__support-title a {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-bold);
}
.footer__support-title a:hover {
  color: var(--clr-theme-1);
}

li.custom__link::after {
  display: none;
}

.footer__info-area {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  padding: 20px 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__info-area {
    padding: 20px 20px;
  }
}
@media (max-width: 575px) {
  .footer__logo {
    text-align: center;
    margin-bottom: 20px;
  }
}

.footer__copyright {
  padding: 22px 0;
}
.footer__copyright.style-2 .copyright__text p a {
  color: var(--clr-common-heading);
}
.footer__copyright.style-2 .copyright__text p a:hover {
  color: var(--clr-theme-1);
}

.copyright__text p {
  text-align: center;
  margin-bottom: 0;
  color: var(--clr-footer-1);
}
.copyright__text p a {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
}
.copyright__text p a:hover {
  color: var(--clr-theme-1);
}

.footer__social {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__social {
    margin-top: 25px;
    justify-content: center;
  }
}
.footer__social a {
  width: 50px;
  height: 50px;
  background-color: var(--clr-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: var(--clr-common-black);
  font-size: 16px;
}
.footer__social a:hover {
  color: var(--clr-theme-3);
}

.footer__style-2 .footer__title h4 {
  color: var(--clr-common-heading);
}
.footer__style-2 .footer__contact-item p {
  color: var(--clr-common-heading);
}
.footer__style-2 .footer__contact-item span {
  color: var(--clr-text-4);
}
.footer__style-2 .footer__link ul li a {
  color: var(--clr-text-4);
}
.footer__style-2 .footer__link ul li a:hover {
  color: var(--clr-theme-1);
}
.footer__style-2 .footer__link ul li::after {
  background-color: rgba(0, 0, 0, 0.102);
}
.footer__style-2 .footer__link-2 ul li a {
  color: var(--clr-text-4);
}
.footer__style-2 .footer__link-2 ul li a:hover {
  color: var(--clr-theme-1);
}
.footer__style-2 .footer__link-2 ul li::after {
  background-color: rgba(0, 0, 0, 0.102);
}
.footer__style-2 .footer__support-title span {
  color: var(--clr-text-4);
}
.footer__style-2 .footer__support-title a {
  color: var(--clr-common-heading);
}
.footer__style-2 .footer__support-title a:hover {
  color: var(--clr-theme-1);
}
.footer__style-2 .meta__content span {
  font-size: 14px;
  color: var(--clr-text-4);
  margin-bottom: 4px;
  display: block;
}
.footer__style-2 .meta__content span i {
  margin-right: 6px;
}
.footer__style-2 .meta__content h5 a {
  font-size: 16px;
}
.footer__style-2 .meta__content h5 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px) {
  .footer__style-2 .footer__social {
    justify-content: center;
  }
}
.footer__style-2 .footer__content p {
  color: var(--clr-text-4);
}

.footer__info-area.style-2 {
  transform: translateY(-45px);
  margin-bottom: 50px;
}

.bd-ud-email--120 {
  margin-top: -120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-email--120 {
    margin-top: 0;
  }
}
.bd-ud-footer__title {
  margin-top: -5px;
}
.bd-ud-footer__title h4 {
  font-size: 18px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 30px;
}
.bd-ud-footer__title h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 27px;
  height: 2px;
  background: var(--clr-text-15);
}
.bd-ud-footer__title h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 60px;
  height: 2px;
  background: var(--clr-text-15);
}
.bd-ud-footer-link ul {
  line-height: 1;
}
.bd-ud-footer-link ul li {
  margin-bottom: 20px;
}
.bd-ud-footer-link ul li a {
  color: var(--clr-common-white);
  position: relative;
  padding-left: 20px;
  background-image: linear-gradient(87.17deg, var(--clr-theme-1) 4.19%, var(--clr-theme-4) 80.98%);
  -webkit-background-clip: text;
  background-clip: text;
}
.bd-ud-footer-link ul li a::before {
  content: "\f105";
  position: absolute;
  top: 50%;
  left: 0;
  font-family: var(--bd-ff-fontawesome);
  transform: translateY(-50%);
  background: linear-gradient(87.17deg, var(--clr-theme-1) 4.19%, var(--clr-theme-4) 80.98%);
  -webkit-background-clip: text;
  background-clip: text;
}
.bd-ud-footer-link ul li a:hover {
  -webkit-text-fill-color: transparent;
  margin-left: 8px;
}
.bd-ud-footer-link ul li a:hover::before {
  -webkit-text-fill-color: transparent;
}
.bd-ud-footer-content p {
  color: var(--clr-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-footer-content p {
    margin-bottom: 15px;
  }
}
.bd-ud-footer__widget p {
  color: var(--clr-common-white);
}
.bd-ud-email-subscribe {
  padding: 40px;
}
.bd-ud-email-subscribe p {
  color: var(--clr-text-17);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 450px) {
  .bd-ud-email-subscribe {
    padding: 25px;
  }
}
.bd-ud-subscribe-form .bu-ud-input {
  position: relative;
}
.bd-ud-subscribe-form .bu-ud-input i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  font-size: 22px;
  color: var(--clr-text-14);
}
.bd-ud-subscribe-form input {
  background: var(--clr-bg-3);
  border-radius: 6px;
  border: 0;
  height: 58px;
  padding: 0 60px 0px 23px;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.bd-ud-subscribe-form button {
  background-image: linear-gradient(to right, var(--clr-theme-4), var(--clr-theme-1), var(--clr-theme-1), var(--clr-theme-4));
  background-position: 100% 100%;
  background-size: 300% 100%;
  border-radius: 6px;
  display: block;
  width: 100%;
  height: 58px;
  font-size: 18px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 38px;
  -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;
}
.bd-ud-subscribe-form button:hover {
  background-position: 0% 100%;
}
.bd-ud-footer-social a {
  color: var(--clr-text-18);
  position: relative;
  display: inline-block;
  padding-right: 12px;
  margin-right: 12px;
}
.bd-ud-footer-social a:last-child {
  padding-right: 0;
  margin-right: 0;
}
.bd-ud-footer-social a:last-child::before {
  display: none;
}
.bd-ud-footer-social a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 12px;
  width: 2px;
  background: var(--clr-bg-4);
  transform: translateY(-50%);
}
.bd-ud-footer-social a:hover {
  color: var(--clr-theme-1);
}
.bd-ud-footer-contact ul {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-footer-contact ul {
    gap: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-footer-contact ul {
    gap: 20px;
  }
}
.bd-ud-footer-contact ul li a {
  color: var(--clr-common-white);
  background-image: linear-gradient(87.17deg, var(--clr-theme-1) 4.19%, var(--clr-theme-4) 80.98%);
  -webkit-background-clip: text;
  background-clip: text;
}
.bd-ud-footer-contact ul li a i {
  margin-right: 11px;
}
.bd-ud-footer-contact ul li:hover a {
  -webkit-text-fill-color: transparent;
}
.bd-ud-footer-menu ul li {
  display: inline-block;
  margin-right: 43px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-footer-menu ul li {
    margin-right: 20px;
  }
}
.bd-ud-footer-menu ul li a {
  font-size: 14px;
  color: var(--clr-text-16);
}
.bd-ud-footer-menu ul li a:hover {
  color: var(--clr-common-white);
}
.bd-ud-copy-text p {
  color: var(--clr-text-16);
}
.bd-ud-copy-text p a:hover {
  color: var(--clr-common-white);
}
.bd-ud-footer-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px dashed var(--clr-border-14);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-ud-footer__widget3 {
    margin-left: -50px;
  }
}

.et-footer4-border {
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
}
.et-footer4-social ul {
  display: flex;
  row-gap: 5px;
  column-gap: 25px;
  flex-wrap: wrap;
}
.et-footer4-social ul li a {
  font-weight: 400;
  font-size: 16px;
  color: #4B423E;
}
.et-footer4-social ul li a:hover {
  color: var(--clr-theme-1);
}
.et-footer4-email h5 {
  font-weight: 500;
  font-size: 18px;
  color: #6E728D;
  margin-bottom: 15px;
}
.et-footer4-email a {
  font-weight: 500;
  font-size: 32px;
  color: var(--clr-text-11);
  text-decoration: underline;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-footer4-email a {
    font-size: 20px;
  }
}
.et-footer4-email a:hover {
  color: var(--clr-theme-1);
}
.et-footer4-link ul {
  line-height: 1;
}
.et-footer4-link ul li:not(:last-child) {
  margin-bottom: 18px;
}
.et-footer4-link ul li a {
  color: var(--clr-text-11);
}
.et-footer4-link ul li a:hover {
  color: var(--clr-theme-1);
  padding-left: 10px;
}
.et-footer4-widget-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--clr-text-11);
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-footer4-widget-title {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-footer4-widget.ml-30 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-footer4-widget.ml-65 {
    margin-left: 0;
  }
}
.et-footer4-location {
  margin-top: -7px;
}
.et-footer4-location p a {
  color: var(--clr-text-11);
}
.et-footer4-location p a:hover {
  color: var(--clr-theme-1);
}
.et-footer4-copy p a:hover {
  color: var(--clr-theme-1);
}

.dark .et-footer4-social ul li a {
  color: var(--clr-common-white);
}
.dark .et-footer4-social ul li a:hover {
  color: var(--clr-theme-1);
}
.dark .et-footer4-email h5 {
  color: #F79210;
}
.dark .et-footer4-email a {
  color: var(--clr-common-white);
}
.dark .et-footer4-email a:hover {
  color: var(--clr-theme-1);
}
.dark .et-footer4-link ul li a {
  color: var(--clr-common-white);
}
.dark .et-footer4-link ul li a:hover {
  color: var(--clr-theme-1);
}
.dark .et-footer4-widget-title {
  color: var(--clr-common-white);
}
.dark .et-footer4-location p a {
  color: var(--clr-common-white);
}
.dark .et-footer4-location p a:hover {
  color: var(--clr-theme-1);
}
.dark .et-footer4-copy {
  border-top: 1px solid #484848;
}
.dark .et-footer4-copy p {
  color: #919191;
}
.dark .et-footer4-wrapper {
  position: relative;
  z-index: 1;
}
.dark .et-footer4-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-text-11);
  z-index: -1;
  opacity: 0.8;
}

/* -------- GLOBAL Styles / -------- */
section {
  position: relative;
  padding: 120px 0 64px;
}
section anchor {
  position: absolute;
  display: inline-block;
  top: -96px;
  visibility: hidden;
}

/* -------- / GLOBAL Styles -------- */
/* -------- HERO Slider / -------- */

/* ----- Events / -------- */
.animated {
  animation: fadeInUp 0.5s ease-in-out;
}

@keyframes fadeInUp {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}
.unique-all-events-section {
  background-color: #f5f5f5; /* Light grey background */
  padding: 20px 0;
}

.unique-container {
  max-width: 910px; /* Fixed container size */
  margin: 0 auto;
  padding: 0 15px;
}

.unique-section-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  color: #333;
}

.unique-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Gap between boxes */
}

.unique-event-column {
  width: calc(50% - 30px); /* Two boxes per row */
  padding: 15px;
}

.unique-event-box {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
  overflow: hidden; /* Ensures content fits within the box */
}

.unique-event-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 5px;
}

.unique-event-content {
  margin-top: 15px;
}

.unique-event-subtitle {
  color: #999;
  font-size: 14px;
}

.unique-event-title {
  font-size: 20px;
  color: #333;
  margin: 10px 0;
}

.unique-event-info {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}

.unique-learn-more-btn {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 15px;
}

.unique-learn-more-btn:hover {
  background-color: #0056b3;
}

.unique-additional-info {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  background-color: #e9ecef; /* Light background for additional info */
  padding: 0 20px;
  margin-top:15px;

}
.unique-carousel {
  position: relative;
  overflow: hidden;
  width: 100%; /* Adjust as needed */
  height: 300px; /* Adjust as needed */
}

.unique-carousel img {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover; /* This ensures the image covers the area */
    display: none; /* Hide all images initially */
    margin: 0 auto;
    padding-top: 10px;
}
.unique-carousel img.active {
  display: block; /* Only the active image is shown */
}
.unique-carousel-image.expanded {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.unique-carousel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.unique-carousel-image.expanded + .unique-carousel-overlay {
  display: block;
}
.unique-event-additional-text {
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .unique-event-column {
      width: 100%; /* Stack columns on smaller screens */
  }
}
.unique-carousel-control {
  background: none;
  color: #007bff;
  position: absolute;
  top: 50%;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 10;
  transform: translateY(-50%);
  scale: 2;
}

.unique-carousel-control-prev {
  left: 20px;
}

.unique-carousel-control-next {
  right: 20px;
}

.unique-carousel {
  position: relative;
}

.unique-carousel-image {
  width: 100%;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.unique-carousel-image.active {
  display: block;
  opacity: 1;
}

/* Expanded state for additional info */
.unique-event-box.expanded .unique-additional-info {
  max-height: 1000px; /* Adjust as needed */
}

/* ----- Events / -------- */
/* info box -*/
.unique-salesforce-section {
  background-color: #f8f9fa; /* Light background for contrast */
  padding: 40px 0;
}

.unique-salesforce-features {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between feature boxes */
}

.unique-feature-box {
  flex: 1;
  min-width: 250px; /* Minimum width for smaller screens */
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.unique-feature-box h3 {
  color: #007bff; /* Theme color for titles */
  margin-bottom: 10px;
}

.unique-feature-box p {
  color: #666;
  font-size: 14px;
}

.unique-section-intro {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
  font-size: 18px;
}

@media (max-width: 767px) {
  .unique-salesforce-features {
    flex-direction: column;
  }
}

/* info box -*/
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.carousel {
  position: relative;
  overflow: hidden;
  height: 300px;
}

.carousel-images {
  display: flex;
  width: 300%;
  transition: transform 0.5s ease;

}

.carousel-images img {
  display: none;
  min-width: 33.3333%;
  flex-shrink:0;
  height: auto;
  transition: transform 0.5s ease;
}
.carousel-images img.active{
  display: block;
}
.carousel-control {
  position: absolute;
    top: 50%;
    background-color: #fff;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
    transform: translateY(-50%);
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}


.additional-info {
  padding-top: 15px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  position: absolute;
  width: 100%;
  left: 0;
}
.additional-info img {
  width: 100%; /* Adjust this as needed */
  height: auto; /* This maintains the aspect ratio */
  object-fit: cover; /* This ensures the image covers the area, you can also use 'contain' */
  display: block; /* Removes any default inline spacing */
  margin: 0 auto; /* Centers the image if it's not as wide as the container */
}

.active .additional-info {
  max-height: 500px; /* Adjust as needed based on content */
}
/* Responsive adjustments */
@media (max-width: 991px) {
  .active .additional-info {
    max-height: 600px; /* Larger max-height for smaller screens */
  }
}

@media (max-width: 767px) {
  .active .additional-info {
    max-height: 700px; /* Even larger max-height for very small screens */
  }
}
.event-box {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}


.event-details img {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.itg__hero {
  /* height:100vh; */
  width: 100%;
  position: relative;
  padding: 0;
  --itg-color-000: #0f1630;
  --itg-color-900: #f8f9fa;
}
.itg__hero .swiper-slide {
  position: relative;
  opacity: 0;
  background-color: var(--itg-color-000);
  overflow: hidden;
}
.itg__hero .swiper-slide {
  min-height: 1020px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .itg__hero .swiper-slide {
    min-height: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .itg__hero .swiper-slide {
    min-height: 720px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .itg__hero .swiper-slide {
    min-height: 640px;
  }
}
.itg__hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(1.1);
  transition: transform 7000ms ease, opacity 1000ms ease-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 10%;
  background-blend-mode: luminosity;
  background-color: var(--itg-color-000);
  opacity: 0.7;

}
.itg__hero .hero-shape-1,
.itg__hero .hero-shape-2 {
  position: absolute;
  bottom: 0;
  mix-blend-mode: overlay;
  transition: all 1600ms ease;
}
.itg__hero .hero-shape-1 img,
.itg__hero .hero-shape-2 img {
  width: auto;
}
.itg__hero .hero-shape-1 {
  left: 5%;
  transform: translateX(-128%);
  opacity: 1;
}
.itg__hero .hero-shape-2 {
  right: -240px;
  transform: translateX(100%);
  opacity: 0.6;
}
.itg__hero .hero-text-1,
.itg__hero .hero-text-2 {
  position: absolute;
  line-height: 1.05;
  text-transform: uppercase;
  color: transparent;
  font-weight: 700;
}
.itg__hero .hero-text-1 {
  font-size: 240px;
  top: 160px;
  left: 48px;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.16);
  text-stroke: 1px rgba(255, 255, 255, 0.16);
}
.itg__hero .hero-text-2 {
  font-size: 160px;
  bottom: 96px;
  right: 48px;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.24);
  text-stroke: 1px rgba(255, 255, 255, 0.24);
}
.itg__hero h1, .itg__hero h4 {
  opacity: 0;
  visibility: hidden;
  line-height: 1.2;
  color: var(--itg-color-900);
  transition-delay: 1000ms;
  transition: transform 2000ms ease, opacity 1800ms ease;
}
.itg__hero h1 {
  font-weight: 500;
  transform: translateY(-120px);
}
.itg__hero h1 strong {
  font-weight: bold;
}
.itg__hero .hero-partner {
  position: relative;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  height: 60px;
  min-width: 256px;
  max-width: 352px;
  transform: translateY(96px);
  transition: all 1200ms ease;
  transition-delay: 300ms;
}
.itg__hero .hero-partner a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  height: 60px;
  background: var(--clr-theme-1);
  border: 2px solid #68ace1;
  border-radius: 6px;
  overflow: hidden;
}
.itg__hero .hero-partner a:hover {
  border-color: var(--clr-border-19);
}
.itg__hero .hero-partner img {
  width: 100%;
}
.itg__hero .hero-button {
  position: relative;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  min-width: 200px;
  transform: translateY(96px);
  transition: all 1800ms ease;
}
.itg__hero .swiper-slide-active .hero-image {
  transform: scale(1.15);
}
.itg__hero .swiper-slide-active .hero-shape-1, .itg__hero .swiper-slide-active .hero-shape-2 {
  transform: translateY(0);
}
.itg__hero .swiper-slide-active .hero-shape-1 {
  transition-delay: 800ms;
}
.itg__hero .swiper-slide-active .hero-shape-2 {
  transition-delay: 1200ms;
}
.itg__hero .swiper-slide-active h1, .itg__hero .swiper-slide-active h4,
.itg__hero .swiper-slide-active .hero-partner,
.itg__hero .swiper-slide-active .hero-button {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 1000ms;
}
.main-slider-two #main-slider-pagination {
  text-align: left;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}

/* -------- / HERO Slider -------- */
/* -------- FULFILLMENT Section / -------- */
.itg__overview {
  position: relative;
  background-color: #243489;
  background-color: #1a213b;
  background-color: #283995;
  --itg-color-blue: #121c64;
}
.itg__overview anchor {
  top: -240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .itg__overview anchor {
    top: -96px;
  }
}

.bd-ud-services3--7 {
  margin-left: -7px;
}
.bd-ud-services3-top-space {
  margin-top: -142px;
  padding-top: 255px;
  padding-bottom: 78px;
}
.bd-ud-services3-content {
  position: relative;
  z-index: 2;
}
.bd-ud-services3-item {
  background-color: var(--itg-color-blue);
  border-radius: 8px;
  padding: 32px 36px;
  position: relative;
  -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;
  overflow: hidden;
  z-index: 1;
}
.bd-ud-services3-item-wrapper.margin--130 .bd-ud-services3-item {
  margin-top: -224px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-services3-item-wrapper.margin--130 .bd-ud-services3-item {
    margin-top: 0;
  }
}
@media (max-width: 450px) {
  .bd-ud-services3-item {
    padding: 32px 20px;
  }
}
.bd-ud-services3-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  border-radius: 8px;
  z-index: -1;
  background: linear-gradient(180deg, #167a99 0%, #20286f 100%);
}
.bd-ud-services3-item:hover .bd-ud-services3-image-overlay {
  opacity: 1;
  visibility: visible;
}
.bd-ud-services3-item:hover .bd-ud-services3-btn a {
  color: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-text {
  color: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-icon-overlay {
  opacity: 0.1;
  visibility: visible;
}
.bd-ud-services3-item:hover .bd-ud-services3-title.t2 {
  color: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-1 .shape1, .bd-ud-services3-item:hover .bd-ud-services3-svg-1 .shape2 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-1 .shape3, .bd-ud-services3-item:hover .bd-ud-services3-svg-1 .shape4 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-1 .shape5 {
  stroke: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-2 .shape1, .bd-ud-services3-item:hover .bd-ud-services3-svg-2 .shape7, .bd-ud-services3-item:hover .bd-ud-services3-svg-2 .shape6 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-2 .shape8 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-3 .shape1 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-item:hover .bd-ud-services3-svg-3 .shape3, .bd-ud-services3-item:hover .bd-ud-services3-svg-3 .shape4 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-item:hover::after {
  height: 100%;
}
.bd-ud-services3-item.style-2 {
  background: var(--clr-common-white);
  box-shadow: 0px 4px 69px 12px rgba(14, 132, 225, 0.1);
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-services3-item.style-2 {
    padding: 32px 25px;
  }
}
.bd-ud-services3-item.style-2 p {
  color: #3F3F3F !important;
}
.bd-ud-services3-item.style-2 h4 {
  color: var(--clr-text-11) !important;
}
.bd-ud-services3-item.style-2::before, .bd-ud-services3-item.style-2::after {
  content: "";
  position: absolute;
  border-radius: 6px;
}
.bd-ud-services3-item.style-2::before {
  margin: 1px;
  top: 1px;
  left: 1px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
}
.bd-ud-services3-item.style-2::after {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #262c35;
  background: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 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;
  opacity: 0;
  visibility: hidden;
}
.bd-ud-services3-item.style-2:hover::after {
  opacity: 1;
  visibility: visible;
}
.bd-ud-services3-view span {
  color: var(--clr-common-white);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
}
.bd-ud-services3-view span a {
  color: var(--clr-theme-1);
}
.bd-ud-services3-icon-overlay {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  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;
}
.bd-ud-services3-title {
  font-size: 24px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  margin-bottom: 23px;
}
.bd-ud-services3-title.t2 {
  color: var(--clr-text-11);
}
.bd-ud-services3-text {
  padding: 10px;
  line-height: 1.5;
  color: var(--clr-text-15);
  color: #D9D9D9;
  margin-bottom: 16px;
}
.bd-ud-services3-btn a {
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  font-size: 16px;
}
.bd-ud-services3-svg-1 path {
  -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;
}
.bd-ud-services3-svg-1 .shape1 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-svg-1 .shape2, .bd-ud-services3-svg-1 .shape3, .bd-ud-services3-svg-1 .shape4 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-svg-1 .shape5, .bd-ud-services3-svg-1 .shape6 {
  stroke: var(--clr-common-white);
}
.bd-ud-services3-svg-2 path {
  -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;
}
.bd-ud-services3-svg-2 .shape1, .bd-ud-services3-svg-2 .shape8 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-svg-2 .shape6, .bd-ud-services3-svg-2 .shape7 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-svg-2 .shape2, .bd-ud-services3-svg-2 .shape3, .bd-ud-services3-svg-2 .shape4, .bd-ud-services3-svg-2 .shape5 {
  stroke: var(--clr-common-white);
}
.bd-ud-services3-svg-3 path {
  -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;
}
.bd-ud-services3-svg-3 .shape1 {
  fill: var(--clr-theme-1);
}
.bd-ud-services3-svg-3 .shape2, .bd-ud-services3-svg-3 .shape5 {
  stroke: var(--clr-common-white);
}
.bd-ud-services3-svg-3 .shape3, .bd-ud-services3-svg-3 .shape4 {
  fill: var(--clr-common-white);
}
.bd-ud-services3-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  bottom: 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;
}
.bd-ud-services3-image-overlay img {
  width: 100%;
  height: 100%;
}

.itg__expertise {
  position: relative;
}
.itg__expertise h3 {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .itg__expertise h3 {
    margin-bottom: 24px;
  }
}
.itg__expertise .salesforce-product {
  position: relative;
}
.itg__expertise .salesforce-product img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 120%;
  max-height: 96px;
  opacity: 0.5;
}
@media (max-width: 575px) {
  .itg__expertise .salesforce-product img {
    left: unset;
    transform: unset;
  }
}
.itg__expertise .salesforce-product:hover img {
  opacity: 1;
}


/* -------- START/ itg_expersite copy/paste for PARTNERS Section -------- */

.itg__partners {
  background: #283995;

;
}

.itg__partners {
  position: relative;
}
.itg__partners h3 {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .itg__partners h3 {
    margin-bottom: 24px;
  }
}
.itg__partners .salesforce-product {
  position: relative;
}
.itg__partners .salesforce-product img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 120%;
  max-height: 96px;
  opacity: 0.8;
}
@media (max-width: 575px) {
  .itg__partners .salesforce-product img {
    left: unset;
    transform: unset;
  }
}
.itg__partners .salesforce-product:hover img {
  opacity: 1;
}

.itg__partners-wrapper {
  width: 100%;
  background-color: #283995; /* blue background */
  padding: 40px 0 60px;
}


/* -------- END/ itg_expersite copy/paste for PARTNERS Section -------- */










/* -------- / FULFILLMENT Section -------- */
/* -------- APPROACH Section / -------- */
.itg__approach anchor {
  top: 130px;
}

.service__area-one {
  position: relative;
  margin-top: -130px;
  padding-top: 250px;
}

.service__item-thumb img {
  margin-bottom: 35px;
}

.service__item-content h3 {
  color: var(--clr-common-white);
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-content h3 {
    font-size: 20px;
  }
}
.service__item-content h3:hover {
  color: var(--clr-theme-1);
}

.service__item-wrapper {
  position: relative;
  z-index: 1;
  padding: 48px 32px 44px 40px;
  background: #262c35;
  border-radius: 6px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-wrapper {
    padding: 48px 24px;
  }
}

.service__item-content p {
  color: #b2bbc7;
  margin-bottom: 16px;
  font-size: 14px;
}

.service__item-one {
  position: relative;
  border-radius: 6px;
  z-index: 1;
  padding: 2px;
}
.service__item-one::after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  background: #262c35;
  background: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 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;
  opacity: 0;
  visibility: hidden;
}
.service__item-one:hover::after {
  opacity: 1;
  visibility: visible;
}

.service__btn {
  color: #535b66;
}
.service__btn:hover {
  color: var(--clr-theme-1);
}

/* -------- / APPROACH Section -------- */
/** edited **/