/*-----------------------------------------------------------------------------------

    Theme Name: Eurtech - IT Solutions HTML5 Template
    Author: Bdevs
    Support: https://www.devsnews.com/support/
    Description: Eurtech - IT Solutions HTML5 Template
    Version: 1.0
	Developer: Sagor Khan Omi

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

	01. THEME DEFAULT CSS START
  	02. ANIMATION CSS START
	03. BACKGROUND COLOR CSS START
	04. BREAADCRUMB CSS START
	05. BUTTTON CSS START
	06. CAROUSEL CSS START
	07. OFFCANVAS CSS START
	08. PRELODER CSS START
	09. SECTION TITLE CSS START
	10. ABOUT CSS START
	11. ACCORDIONG CSS START
	12.	BRAND CSS START
	13.	CONTACT CSS START
	14.	COUNTER CSS START
	15.	CTA CSS START
	16.	ERROR CSS START
	17. FAQ CSS START
	18. FEATURES CSS START
	19.	FOOTER CSS START
	20. HEADER CSS START
	21.	HERO CSS START
	22.	HISTORY CSS START
	20.	GALLERY CSS START
	21.	GOOGLE CSS START
	22.	HEADER CSS START
	23.	MEAN MENU CSS START
	24. NEWS CSS START
	25. NEWSLETTTER CSS START
	26.	PORTFOLIO CSS START
	27. PRICING CSS START
	28.	SERVICCE CSS START
	29. SKILL CSS STAR
	30. TEAM CSS STARTT
	30.	SKILL CSS START
	31. TESTIMONIAL CSS START
	32. APPROACH CSS START
	33. ARTIFICIAL CSS START
	33. LOCATION CSS START
**********************************************/
/*----------------------------------------*/
/*  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: 0px;
  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: 0px;
  padding: 0px;
}

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: #050608;
}

.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: 0px 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 0px;
}
.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: 0px;
  -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);
}

body.dark {
  background: var(--clr-bg-1);
}

/*--- 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;
  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);
}

/*----------------------------------------*/
/* 06. CAROUSEL CSS START
/*----------------------------------------*/
.case__study-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 15px;
  position: absolute;
  top: -125px;
  right: 0;
  z-index: 55;
  border: 2px solid var(--clr-border-2);
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .case__study-nav {
    display: none;
  }
}
.case__study-nav button {
  width: 40px;
  height: 40px;
  font-size: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: var(--clr-border-2);
  color: var(--clr-common-heading);
}
.case__study-nav button:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.case-study__active-2.swiper-container {
  padding-bottom: 120px;
}
.case-study__active-2 .swiper-scrollbar-drag {
  width: 400px !important;
  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%);
  box-shadow: 0px 8px 16px 0px rgba(104, 75, 177, 0.3) !important;
}
.case-study__active-2 .swiper-scrollbar {
  height: 10px !important;
  background: var(--clr-border-5);
  opacity: 1 !important;
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  position: inherit !important;
  margin-top: 50px;
}

.portfolio__navigation {
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 66;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__navigation {
    display: none;
  }
}
.portfolio__navigation button {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
  background-color: var(--clr-bg-grey-4);
  color: var(--clr-common-heading);
  z-index: -1;
}
.portfolio__navigation button::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 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%;
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
}
.portfolio__navigation button:hover {
  color: var(--clr-common-white);
}
.portfolio__navigation button:hover:after {
  opacity: 1;
}
.portfolio__navigation.style-2 button {
  background-color: var(--clr-common-white);
}

.testimonial__navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: end;
  gap: 10px;
  position: relative;
  z-index: 55;
  margin-top: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__navigation {
    display: none;
  }
}
.testimonial__navigation button {
  width: 60px;
  height: 60px;
  -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: center;
  font-size: 18px;
  position: relative;
  color: var(--clr-common-white);
  background-color: transparent;
  z-index: -1;
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.testimonial__navigation button::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(0deg, 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;
  left: 0;
  top: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
}
.testimonial__navigation button:hover {
  background-color: transparent;
  color: var(--clr-common-white);
  border: 2px solid transparent;
}
.testimonial__navigation button:hover:after {
  opacity: 1;
}
.testimonial__navigation.style-2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f5f5;
  padding: 10px 10px;
  border-radius: 50px;
  bottom: -30px;
}
.testimonial__navigation.style-2 button {
  width: 50px;
  height: 50px;
  background-color: var(--clr-common-white);
  color: var(--clr-common-heading);
}
.testimonial__navigation.style-2 button:hover {
  border-color: transparent;
  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%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  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-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);
}

/*----------------------------------------*/
/*  04. BREAADCRUMB CSS START
/*----------------------------------------*/
.breadcrumb__area {
  padding-top: 155px;
  padding-bottom: 155px;
  position: relative;
  z-index: 1;
}
.breadcrumb__area:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: transparent;
  opacity: 0.92;
  background-image: linear-gradient(55deg, #684CB1 0%, #0ED5FA 115%);
}
.breadcrumb__menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 25px;
  justify-content: center;
}
.breadcrumb__menu ul li {
  list-style: none;
  position: relative;
  line-height: 1;
}
.breadcrumb__menu ul li:not(:last-child):after {
  display: inline-block;
  content: "\f101";
  position: absolute;
  right: -19px;
  top: 50%;
  font-family: var(--bd-ff-fontawesome);
  color: var(--clr-common-white);
  font-size: 14px;
  transform: translateY(-50%);
}
.breadcrumb__menu ul li span {
  font-size: 16px;
  color: var(--clr-common-white);
  text-transform: capitalize;
}
.breadcrumb__menu ul li span a {
  color: var(--clr-common-white);
}
.breadcrumb__menu ul li span a:hover {
  color: var(--clr-theme-1);
}
.breadcrumb__title h2 {
  font-size: 60px;
  color: var(--clr-common-white);
  line-height: 1.1;
  margin-bottom: 20px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__title h2 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__title h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title h2 {
    font-size: 45px;
  }
}

.bd-ud-breadcrumb__area {
  padding-top: 155px;
  padding-bottom: 155px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-breadcrumb__area {
    padding-top: 115px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-breadcrumb__area {
    padding-top: 70px;
    padding-bottom: 100px;
  }
}
.bd-ud-breadcrumb__area:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--clr-bg-1);
  opacity: 0.6;
}
.bd-ud-breadcrumb__menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 25px;
}
.bd-ud-breadcrumb__menu ul li {
  list-style: none;
  position: relative;
  padding-right: 6px;
  line-height: 1;
}
.bd-ud-breadcrumb__menu ul li:not(:last-child):after {
  display: inline-block;
  content: "\f10f";
  position: absolute;
  right: -19px;
  top: 50%;
  font-family: flaticon_eurtech_update !important;
  color: var(--clr-common-white);
  font-size: 14px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bd-ud-breadcrumb__menu ul li span {
  font-size: 16px;
  color: var(--clr-common-white);
  text-transform: capitalize;
  font-weight: var(--bd-fw-medium);
}
.bd-ud-breadcrumb__menu ul li span a {
  color: var(--clr-common-white);
}
.bd-ud-breadcrumb__menu ul li span a:hover {
  color: var(--clr-theme-1);
}
.bd-ud-breadcrumb__title h2 {
  font-size: 55px;
  color: var(--clr-common-white);
  margin-bottom: 22px;
  text-transform: capitalize;
  font-weight: var(--bd-fw-sbold);
}
@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-breadcrumb__title h2 {
    font-size: 45px;
  }
}
.bd-ud-breadcrumb-shape-1 {
  bottom: 45px;
  left: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-ud-breadcrumb-shape-1 {
    max-width: 300px;
  }
}
@media (max-width: 575px) {
  .bd-ud-breadcrumb-shape-1 {
    max-width: 185px;
    left: 0;
  }
}
.bd-ud-breadcrumb-shape-2 {
  right: 0;
  bottom: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-ud-breadcrumb-shape-2 {
    max-width: 245px;
  }
}
@media (max-width: 575px) {
  .bd-ud-breadcrumb-shape-2 {
    max-width: 150px;
  }
}

/*----------------------------------------*/
/*  02.ANIMATION CSS START
/*----------------------------------------*/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    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% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@-webkit-keyframes video-ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    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: var(--clr-common-white);
  z-index: 9999;
}

.preloader .color-1 {
  background-color: var(--clr-theme-1) !important;
}

.rubix-cube {
  border: 1px solid var(--clr-common-white);
  width: 48px;
  height: 48px;
  background-color: var(--clr-common-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.rubix-cube .layer {
  width: 14px;
  height: 14px;
  background-color: var(--clr-theme-1);
  border: 1px solid var(--clr-common-white);
  position: absolute;
}

.rubix-cube .layer-1 {
  left: 0px;
  top: 0px;
  -webkit-animation: rubixcube4 2s infinite linear;
  animation: rubixcube4 2s infinite linear;
}

.rubix-cube .layer-2 {
  left: 16px;
  top: 0px;
  -webkit-animation: rubixcube3 2s infinite linear;
  animation: rubixcube3 2s infinite linear;
}

.rubix-cube .layer-3 {
  left: 32px;
  top: 0px;
}

.rubix-cube .layer-4 {
  left: 0px;
  top: 16px;
  -webkit-animation: rubixcube5 2s infinite linear;
  animation: rubixcube5 2s infinite linear;
}

.rubix-cube .layer-5 {
  left: 16px;
  top: 16px;
  -webkit-animation: rubixcube2 2s infinite linear;
  animation: rubixcube2 2s infinite linear;
}

.rubix-cube .layer-6 {
  left: 32px;
  top: 16px;
  -webkit-animation: rubixcube1 2s infinite linear;
  animation: rubixcube1 2s infinite linear;
}

.rubix-cube .layer-7 {
  left: 0px;
  top: 32px;
  -webkit-animation: rubixcube6 2s infinite linear;
  animation: rubixcube6 2s infinite linear;
}

.rubix-cube .layer-8 {
  left: 16px;
  top: 32px;
  -webkit-animation: rubixcube7 2s infinite linear;
  animation: rubixcube7 2s infinite linear;
}

@-webkit-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 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;
  }
}
@-webkit-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 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;
  }
}
@-webkit-keyframes rubixcube3 {
  30% {
    top: 0px;
  }
  40% {
    top: 0px;
  }
  50% {
    top: 16px;
  }
  60% {
    top: 16px;
  }
  70% {
    top: 16px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@keyframes rubixcube3 {
  30% {
    top: 0px;
  }
  40% {
    top: 0px;
  }
  50% {
    top: 16px;
  }
  60% {
    top: 16px;
  }
  70% {
    top: 16px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@-webkit-keyframes rubixcube4 {
  50% {
    left: 0px;
  }
  60% {
    left: 16px;
  }
  70% {
    left: 16px;
  }
  80% {
    left: 16px;
  }
  90% {
    left: 16px;
  }
  100% {
    left: 16px;
  }
}
@keyframes rubixcube4 {
  50% {
    left: 0px;
  }
  60% {
    left: 16px;
  }
  70% {
    left: 16px;
  }
  80% {
    left: 16px;
  }
  90% {
    left: 16px;
  }
  100% {
    left: 16px;
  }
}
@-webkit-keyframes rubixcube5 {
  60% {
    top: 16px;
  }
  70% {
    top: 0px;
  }
  80% {
    top: 0px;
  }
  90% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@keyframes rubixcube5 {
  60% {
    top: 16px;
  }
  70% {
    top: 0px;
  }
  80% {
    top: 0px;
  }
  90% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes rubixcube6 {
  70% {
    top: 32px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@keyframes rubixcube6 {
  70% {
    top: 32px;
  }
  80% {
    top: 16px;
  }
  90% {
    top: 16px;
  }
  100% {
    top: 16px;
  }
}
@-webkit-keyframes rubixcube7 {
  80% {
    left: 16px;
  }
  90% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
@keyframes rubixcube7 {
  80% {
    left: 16px;
  }
  90% {
    left: 0px;
  }
  100% {
    left: 0px;
  }
}
/*----------------------------------------*/
/*  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
/*----------------------------------------*/
.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;
}

.et-header-border-bottom {
  border-bottom: 1px solid #8A8A8A;
}
@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;
  }
}

.bd-ud-header2-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  width: 100%;
  background: transparent;
}

.bd-ud-sticky {
  position: fixed !important;
  top: 0;
  background: #060606;
  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;
}
.bd-ud-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) {
  .bd-ud-sticky .et-header-border-bottom {
    padding-bottom: 0;
  }
}

.bd-ud-sticky-2 {
  position: fixed !important;
  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;
}
.bd-ud-sticky-2.black {
  background: #000;
}

@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;
  }
}

/*----------------------------------------*/
/*  21. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 830px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height {
    min-height: 550px;
  }
}
.hero__height-2 {
  min-height: 970px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height-2 {
    min-height: 680px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height-2 {
    min-height: 600px;
  }
}
@media (max-width: 575px) {
  .hero__height-2 {
    min-height: 550px;
  }
}
.hero__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__bg {
    background-position: left;
  }
}
.hero__content {
  margin-top: 45px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content {
    margin-top: 0;
  }
}
.hero__content > span {
  font-size: 20px;
  font-weight: var(--bd-fw-light);
  margin-bottom: 6px;
  display: block;
}
.hero__content h2 {
  font-size: 120px;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content h2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__content h2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content h2 {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .hero__content h2 {
    font-size: 50px;
  }
}
.hero__content p {
  margin-bottom: 45px;
  font-size: 18px;
  opacity: 70%;
}
.hero__content-2 h2 {
  font-size: 80px;
  line-height: 1.1;
  margin-bottom: 35px;
  letter-spacing: -2px;
}
@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) {
  .hero__content-2 h2 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content-2 h2 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero__content-2 h2 {
    font-size: 40px;
  }
}
.hero__content-2 > span {
  -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%);
  font-size: 14px;
  font-weight: var(--bd-fw-bold);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 0px 22px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px;
}
.hero__content-3 span {
  font-size: 80px;
  font-family: var(--bd-ff-heading);
  font-weight: var(--bd-fw-thin);
  margin-bottom: 25px;
  display: block;
  color: var(--clr-common-heading);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content-3 span {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content-3 span {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero__content-3 span {
    font-size: 40px;
  }
}
.hero__content-3 h2 {
  font-size: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content-3 h2 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content-3 h2 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero__content-3 h2 {
    font-size: 40px;
  }
}
.hero__btn-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .hero__btn-wrapper {
    flex-wrap: wrap;
  }
}
.hero__btn-link ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.hero__video-intro {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  color: var(--clr-common-heading);
}
.hero__video-intro:hover {
  color: var(--clr-theme-1);
}
.hero__video-btn {
  position: relative;
  background: var(--clr-common-white);
  -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-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  text-align: center;
  z-index: 1;
  animation: pulseBig infinite 5s linear;
  -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;
}
.hero__video-btn i {
  color: var(--bd-theme-1);
  color: var(--clr-common-heading);
}
.hero__video-btn:hover {
  background-color: var(--clr-theme-1);
}
.hero__video-btn:hover i {
  color: var(--clr-common-white);
}
.hero__video-btn::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #eaeaea;
  animation: popupBtn 1.8s linear infinite;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb {
    display: none;
  }
}
.hero__thumb img {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__thumb img {
    width: 680px;
    top: 170px;
  }
}
.hero__thumb-shape {
  z-index: -1;
}
.hero__overlay {
  position: relative;
  z-index: 5;
}
.hero__overlay:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--clr-common-white);
  opacity: 0.902;
  z-index: -1;
  top: 0;
}

.hero__contact-wrapper {
  padding: 55px 55px;
  background-color: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  position: relative;
  top: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__contact-wrapper {
    padding: 55px 25px;
  }
}
@media (max-width: 575px) {
  .hero__contact-wrapper {
    padding: 55px 20px;
  }
}

.contact__input {
  position: relative;
}
.contact__input input {
  width: 100%;
  height: 50px;
  padding: 0 40px 0px 20px;
  border: solid 1px var(--clr-border-9);
  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;
  font-size: 14px;
}
.contact__input input::placeholder {
  font-size: 14px;
}
.contact__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__input textarea {
  width: 100%;
  height: 50px;
  padding: 10px 40px 10px 20px;
  border: solid 1px var(--clr-border-9);
  border-radius: 6px;
  outline: none;
  min-height: 120px;
  resize: none;
  font-size: 14px;
  -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__input textarea::placeholder {
  font-size: 14px;
}
.contact__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__input i {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 14px;
  color: var(--clr-common-heading);
}

.banner__height {
  min-height: 505px;
  position: relative;
  margin-top: -185px;
  z-index: -1;
}

/*----------------------------------------*/
/*  Update hero area css 03 start
/*----------------------------------------*/
.et-slider-height {
  min-height: 823px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .et-slider-height {
    min-height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .et-slider-height {
    min-height: 650px;
  }
}
@media (max-width: 575px) {
  .et-slider-height {
    min-height: 600px;
  }
}

.et-hero-slide-1 .has-image {
  transform: scale(1);
  -webkit-transition: all 8s ease-out 0s;
  -moz-transition: all 8s ease-out 0s;
  -ms-transition: all 8s ease-out 0s;
  -o-transition: all 8s ease-out 0s;
  transition: all 8s ease-out 0s;
}
.et-hero-slide-1 .has-image:before {
  background: linear-gradient(100.28deg, var(--clr-common-white) 0.2%, rgba(255, 255, 255, 0) 100%);
}
.et-hero__content {
  position: relative;
  z-index: 5;
}
.et-hero__content .et-btn {
  opacity: 0;
  transform: translateY(80px);
  transition: all 1000ms ease;
}
.et-hero__subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--clr-theme-1);
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-80px);
  transition: all 1000ms ease;
}
.et-hero__subtitle span {
  font-weight: 700;
  display: inline-block;
  margin: 0 6px;
  position: relative;
  padding: 0 3px;
}
.et-hero__subtitle span svg {
  position: absolute;
  left: -11px;
  top: -15px;
}
.et-hero__title {
  font-size: 65px;
  font-weight: 600;
  color: var(--clr-text-11);
  opacity: 0;
  transform: translateX(80px);
  transition: all 1000ms ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .et-hero__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .et-hero__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .et-hero__title {
    font-size: 40px;
  }
}
.et-hero__title span {
  font-size: 75px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .et-hero__title span {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .et-hero__title span {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .et-hero__title span {
    font-size: 50px;
  }
}
.et-hero__description {
  font-size: 18px;
  color: var(--clr-text-11);
  opacity: 0;
  transform: translateX(-80px);
  transition: all 1000ms ease;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-hero__description br {
    display: none;
  }
}
.et-hero__btn {
  font-size: 16px;
  color: var(--clr-text-11);
  display: inline-block;
  padding: 16px 20px;
  font-weight: 600;
  border: 2px solid var(--clr-text-11);
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
}
.et-hero__btn i {
  margin-left: 12px;
}
.et-hero__btn.white-btn {
  border: 2px solid var(--clr-common-white);
  color: var(--clr-common-white);
}
.et-hero__btn:focus, .et-hero__btn:hover {
  color: var(--clr-common-white);
  border: 2px solid var(--clr-theme-1);
}
.et-hero__btn:after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  content: "";
  background-color: 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;
  z-index: -1;
}
.et-hero__btn:hover:after {
  width: 100%;
  left: 0;
}
.et-hero__playbtn.popup-video {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: var(--clr-text-11);
  background: none;
  display: inline-block;
  border: 2px solid var(--clr-text-11);
  border-radius: 5px;
  text-align: center;
  animation: none;
}
.et-hero__playbtn.popup-video:focus, .et-hero__playbtn.popup-video:hover {
  color: var(--clr-theme-1);
  border: 2px solid var(--clr-theme-1);
}
.et-hero__playbtn.white-btn {
  border: 2px solid var(--clr-common-white);
  color: var(--clr-common-white);
  border-radius: 50%;
}

.et-hero-phone {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}

.et-hero-phone .hero-call {
  display: flex;
  align-items: center;
  transform: translateX(223px);
  transition: 0.5s;
  background: #fff;
  border-radius: 5px 0 0 5px;
}

.et-hero-phone .text {
  width: calc(100% - 55px);
  height: 55px;
  padding: 13px 11px;
}

.et-hero-phone .icon {
  width: 55px;
  height: 55px;
  font-size: 18px;
  background-color: transparent;
  line-height: 55px;
  text-align: center;
  color: var(--clr-theme-1);
  border-radius: inherit;
  transition: 0.5s;
}

.et-hero-phone .hero-call a {
  font-size: 18px;
  font-weight: 600;
  color: #161a33;
  padding: 0;
  border-radius: 0;
  display: block;
}

.et-hero-phone .hero-call:hover {
  transform: translateX(0);
}

/*----------------------------------------*/
/*  Update hero area css 04 start
/*----------------------------------------*/
.et-slider-height-2 {
  min-height: 1080px;
}
@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) {
  .et-slider-height-2 {
    min-height: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .et-slider-height-2 {
    min-height: 750px;
  }
}
@media (max-width: 575px) {
  .et-slider-height-2 {
    min-height: 700px;
  }
}

.et-hero-slide-2 .has-image {
  transform: scale(1);
  -webkit-transition: all 8s ease-out 0s;
  -moz-transition: all 8s ease-out 0s;
  -ms-transition: all 8s ease-out 0s;
  -o-transition: all 8s ease-out 0s;
  transition: all 8s ease-out 0s;
}
.et-hero-slide-2 .has-image:before {
  background: var(--clr-bg-1);
  opacity: 0.7;
}
.et-hero-slide-2 h2,
.et-hero-slide-2 h5 {
  color: var(--clr-common-white);
}
.et-hero-slide-2 h2 {
  font-weight: 700;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-hero-slide-2 h2 br {
    display: none;
  }
}
@media (max-width: 450px) {
  .et-hero-slide-2 .et-btn {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .et-hero-slide-2 .et-btn .et-hero__btn:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.et-hero-slide-2 .et-hero__playbtn {
  opacity: 0;
  transform: translateX(-80px);
  transition: all 1000ms ease;
}
.et-hero-phone {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.et-hero-phone .hero-call a > i,
.et-hero-phone .message a {
  width: 55px;
  height: 55px;
  font-size: 20px;
  color: var(--clr-theme-1);
  background-color: var(--clr-common-white);
  border-radius: 5px 0 0 5px;
  display: inline-block;
  line-height: 55px;
  text-align: center;
}
.et-hero-phone .hero-call a > i {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  margin-right: 20px;
}
.et-hero-phone .hero-call a {
  font-size: 18px;
  font-weight: 600;
  color: var(--clr-text-11);
  padding: 0px 20px 0px 0px;
  border-radius: 5px 0 0 5px;
  background: var(--clr-common-white);
  display: block;
}

.slider-trasition .swiper-slide-active .has-image {
  transform: scale(1.2);
}
.slider-trasition .swiper-slide-active h5,
.slider-trasition .swiper-slide-active h2,
.slider-trasition .swiper-slide-active p,
.slider-trasition .swiper-slide-active .et-btn {
  opacity: 1;
}
.slider-trasition .swiper-slide-active h5,
.slider-trasition .swiper-slide-active .et-btn {
  transform: translateY(0);
  transition-delay: 1000ms;
}
.slider-trasition .swiper-slide-active h2,
.slider-trasition .swiper-slide-active p {
  transform: translateX(0);
  transition-delay: 1300ms;
}
.slider-trasition .swiper-slide-active .et-hero-slide-2 .et-hero__playbtn {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1300ms;
}

.et-slider-pagination {
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 4;
}
.et-slider-pagination span {
  color: var(--clr-common-white);
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  position: relative;
  transform: rotate(-90deg);
  font-weight: 600;
  display: inline-block;
  margin: 0 20px;
}
.et-slider-pagination span:not(:first-child):after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  background: var(--clr-common-white);
  left: 50%;
  top: -22px;
  border-radius: 50%;
  transform: translateX(-50%);
}
.et-slider-pagination span.swiper-pagination-bullet {
  width: auto;
  height: auto;
  background-color: transparent;
  opacity: 1;
}
.et-slider-pagination span.swiper-pagination-bullet-active {
  color: var(--clr-theme-1);
}
@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-slider-pagination {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-active-four .et-hero__content.style-2 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-active-four .et-hero__content.style-2 {
    padding-top: 60px;
  }
}
.hero-active-four .et-slider-pagination {
  left: 80px;
  right: auto;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 4;
}
@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) {
  .hero-active-four .et-slider-pagination {
    left: 20px;
  }
}
@media (max-width: 450px) {
  .hero-active-four .et-slider-pagination {
    display: none;
  }
}
.hero-active-four .et-slider-pagination span {
  margin: 0 10px;
  transform: rotate(0deg);
}
.hero-active-four .et-slider-pagination span:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 1px solid var(--clr-common-white);
  background: transparent;
  left: 3px;
  top: -5px;
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}
.hero-active-four .et-slider-pagination span.swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background-color: var(--clr-common-white);
}
.hero-active-four .et-slider-pagination span.swiper-pagination-bullet-active:after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  Update hero area css 05 start
/*----------------------------------------*/
.hero-area-five {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-area-five .et-hero__content h5,
.hero-area-five .et-hero__content h2 {
  opacity: 1;
  transform: none;
}
.hero-area-five .et-hero__content h2 {
  font-size: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area-five .et-hero__content h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-area-five .et-hero__content h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-area-five .et-hero__content h2 {
    font-size: 40px;
  }
}
.hero-area-five .et-hero__content h2 span {
  font-size: 75px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area-five .et-hero__content h2 span {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .hero-area-five .et-hero__content h2 span {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-area-five .et-hero__content h2 span {
    font-size: 50px;
  }
}
.hero-area-five .et-hero__imgBox {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 538px;
  z-index: 2;
  background-position: 75%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area-five .et-hero__imgBox {
    background-position: 60%;
    min-height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-area-five .et-hero__imgBox {
    background-position: 30%;
    min-height: 400px;
  }
}
@media (max-width: 575px) {
  .hero-area-five .et-hero__imgBox {
    background-position: 20%;
    min-height: 360px;
  }
}
.hero-area-five .et-hero__imgBox::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(97.83deg, rgba(14, 132, 225, 0.37) 0%, rgba(151, 71, 255, 0.19) 100%);
  z-index: -1;
}
.hero-area-five .et-hero__shape-img {
  position: absolute;
  top: -190px;
  right: 330px;
  z-index: 2;
}
.hero-area-five .et-hero__video-btn {
  position: absolute;
  top: -80px;
  right: 130px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: var(--clr-common-white);
  z-index: 2;
  display: grid;
  place-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .hero-area-five .et-hero__video-btn {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-area-five .et-hero__video-btn {
    right: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-area-five .et-hero__video-btn {
    right: 20px;
  }
}
@media (max-width: 575px) {
  .hero-area-five .et-hero__video-btn {
    width: 120px;
    height: 120px;
  }
}
.hero-area-five .et-hero__video-btn::before {
  position: absolute;
  top: -15px;
  left: -15px;
  content: "";
  width: 180px;
  height: 180px;
  border: 2px dashed var(--clr-common-white);
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 575px) {
  .hero-area-five .et-hero__video-btn::before {
    width: 135px;
    height: 135px;
    top: -7px;
    left: -8px;
  }
}
.hero-area-five .et-hero__playbtn {
  background-color: var(--clr-theme-1);
  border: 0;
  animation: PulseVideo 3s ease infinite;
}
.hero-area-five .et-hero__playbtn:focus, .hero-area-five .et-hero__playbtn:hover {
  border: 0;
  color: var(--clr-common-white);
}

@keyframes PulseVideo {
  0%, 50% {
    box-shadow: 0 0 0 0 var(--clr-theme-1);
  }
  100% {
    box-shadow: 0 0 0 40px transparent;
  }
}
.pt-380 {
  padding-top: 380px;
}

.pb-240 {
  padding-bottom: 240px;
}

.banner4-area::after, .banner4-area::before {
  content: "";
  position: absolute;
  filter: blur(217px);
  z-index: -1;
  border-radius: 50%;
}
.banner4-area::before {
  width: 270px;
  height: 270px;
  left: 87px;
  top: 80px;
  background: linear-gradient(180deg, #F3FAFF 0%, #F79210 100%);
}
@media (max-width: 450px) {
  .banner4-area::before {
    display: none;
  }
}
.banner4-area::after {
  width: 488px;
  height: 488px;
  right: 80px;
  top: 147px;
  background: linear-gradient(180deg, #F3FAFF 0%, #6FBEFD 100%);
  opacity: 0.75;
}
.banner4-subtitle, .banner4-title {
  font-weight: var(--bd-fw-medium);
  color: #161A33;
  text-transform: uppercase;
}
.banner4-subtitle {
  font-size: 20px;
  display: block;
}
.banner4-title {
  font-size: 112px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner4-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner4-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner4-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner4-title {
    font-size: 50px;
  }
}
@media (max-width: 450px) {
  .banner4-title {
    font-size: 40px;
  }
}
.banner4-title span {
  color: #EF3D1E;
  font-weight: 700;
}
.banner4-rating {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 84.46%);
  filter: drop-shadow(0px 4px 74px rgba(14, 132, 225, 0.95));
  border-radius: 100px;
  padding: 10px;
  width: 220px;
  gap: 5px;
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  animation: UpDown 3s linear infinite;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner4-rating {
    display: none;
  }
}
.banner4-rating .rating-text p {
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #191919;
}
.banner4-rating .rating-text p i {
  color: #F79210;
  margin-right: 10px;
}
.banner4-space {
  padding-top: 380px;
  padding-bottom: 240px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner4-space {
    padding-top: 240px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner4-space {
    padding-top: 200px;
  }
}
@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) {
  .banner4-space {
    padding-top: 180px;
    padding-bottom: 180px;
  }
}

.pos-rel {
  position: relative;
}

.banner5-title {
  font-size: 85px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner5-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner5-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner5-title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .banner5-title {
    font-size: 30px;
  }
}

.banner5-text p {
  color: var(--clr-common-white);
  font-size: 20px;
  line-height: 2;
  font-weight: 400;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner5-text p {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner5-text.mb-115 {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner5-text.mb-115 {
    margin-bottom: 60px;
  }
}

.banner5-area {
  z-index: 1;
}
.banner5-area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--clr-common-black);
  opacity: 0.2;
  z-index: -1;
}

.slider5-height {
  min-height: 1080px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider5-height {
    min-height: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider5-height {
    min-height: 750px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider5-height {
    min-height: 700px;
  }
}

.banner5-shape {
  left: -200px;
  top: -57px;
  animation: et-rotate 7s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner5-shape {
    left: -13px;
    top: -40px;
  }
}

.banner5-content {
  padding-top: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner5-content {
    padding-top: 70px;
  }
}

.banner5-social-link {
  position: absolute;
  top: 50%;
  right: -148px;
  transform: translateY(-50%) rotate(-90deg);
  display: inline-block;
  z-index: 1;
}
.banner5-social-link a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: #606060;
  padding: 0px 10px;
  position: relative;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner5-social-link a {
    color: var(--clr-common-white);
  }
}
.banner5-social-link a::before {
  position: absolute;
  content: "";
  background: #606060;
  width: 1px;
  height: 12px;
  right: 0;
  top: 6px;
}
.banner5-social-link a:last-child::before {
  display: none;
}
.banner5-social-link a:hover {
  color: var(--clr-common-white);
}

/* banner css end */
.et-tsparticles {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

#particles-js {
  width: 100%;
  height: 100%;
  background: transparent;
}

/*----------------------------------------*/
/*  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__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: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.902;
  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-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;
  }
}
.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 {
  display: inline-block;
  font-size: 80px;
  color: var(--clr-common-white);
  font-weight: 700;
  position: absolute;
  top: 30px;
}
@media (max-width: 575px) {
  .counter__item-number span {
    font-size: 58px;
    top: 15px;
  }
}
.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);
}

/*----------------------------------------*/
/*  28. SERVICCE CSS START
/*----------------------------------------*/
.speed__input {
  position: relative;
  display: block;
}
.speed__input-item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0px 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .speed__input-item {
    display: block;
  }
}
.speed__input input {
  position: relative;
  height: 60px;
  background-color: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  border: none;
  padding-left: 50px;
  padding-right: 25px;
  border-radius: 6px;
  width: 100%;
}
.speed__input i {
  position: absolute;
  top: 22px;
  left: 20px;
  color: var(--clr-common-heading);
}

.pt-250 {
  padding-top: 250px;
}

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

.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 {
  background: #262c35;
  position: relative;
  z-index: 1;
  padding: 50px 49px 45px 49px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-wrapper {
    padding: 50px 25px;
  }
}

.service__item-content p {
  color: #8f96a0;
  margin-bottom: 25px;
  font-size: 14px;
}

.service__item-one {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  z-index: 1;
  padding: 2px;
}
.service__item-one::after {
  content: "";
  position: absolute;
  content: "";
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  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);
}

.service__features-item {
  position: relative;
}
.service__features-item:hover .service__circle {
  opacity: 1;
  visibility: visible;
}

.service__features-main {
  position: relative;
  z-index: 5;
  margin-top: -70px;
  top: 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) {
  .service__features-main {
    margin-top: 0;
    padding-top: 50px;
  }
}
.service__features-main::before {
  position: absolute;
  content: "";
  height: calc(100% - 70px);
  width: 100%;
  background: var(--clr-common-white);
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  top: 49px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service__features-main::before {
    height: calc(100% - 69px);
    top: 70px;
  }
}

.service__features-icon {
  background: var(--clr-common-white);
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  margin-bottom: 45px;
}

.service__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.service__features-content h3 a {
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
}
.service__features-content h3 a:hover {
  color: var(--clr-theme-1);
}

.service__features-content p {
  margin-bottom: 28px;
}

.service__features-btn a {
  color: var(--clr-text-1);
  font-weight: var(--bd-fw-sbold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #bdbdbd;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-image: -webkit-linear-gradient(0deg, #bdbdbd 0%, #bdbdbd 100%);
}
.service__features-btn a:hover {
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  -webkit-text-fill-color: transparent;
}

.service__features-item::after {
  position: absolute;
  content: "";
  height: 200px;
  width: 1px;
  right: 0;
  top: 67%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #eee 30.04%, #eee 70.04%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__features-item::after {
    right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__features-item::after {
    right: -4%;
    top: 50%;
  }
}

.row [class*=col-]:last-child .service__features-item::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .row [class*=col-]:nth-child(2) .service__features-item::after {
    display: none;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .row [class*=col-] .service__features-item::after {
    display: none;
  }
}

.pt-235 {
  padding-top: 235px;
}

.services__sapcing {
  margin-top: -120px;
  position: relative;
}

.services__slider-item {
  border-radius: 6px;
  padding-top: 40px;
  padding-bottom: 35px;
  padding-left: 77px;
  padding-right: 40px;
  background-color: var(--clr-bg-charcoal);
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__slider-item {
    padding-left: 70px;
    padding-right: 20px;
  }
}

.services__slider-thumb {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.services__slider-content h3 a {
  font-size: 24px;
  color: var(--clr-common-white);
  margin-bottom: 10px;
  display: block;
  letter-spacing: -0.3px;
}
.services__slider-content h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1600px) {
  .services__slider-content h3 a {
    font-size: 20px;
  }
}
.services__slider-content p {
  color: var(--clr-text-7);
  margin-bottom: 0;
}

.services__area .services__slider-active {
  overflow: visible;
}

@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) {
  .skill__item-right {
    margin-top: 0;
  }
}

.company__service-wrapper {
  position: relative;
}
.company__service-wrapper::before {
  position: absolute;
  content: "";
  background-image: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  border-radius: 6px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  right: -1px;
  top: -1px;
  opacity: 0;
}
.company__service-wrapper:hover::before {
  opacity: 1;
}

.company__service-item {
  background: var(--clr-common-white);
  position: relative;
  z-index: 1;
  padding: 50px 30px 40px 30px;
  border-radius: 6px;
  border: 1px solid var(--clr-border-9);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .company__service-item {
    padding: 50px 20px 40px 20px;
  }
}

.company__service-icon img {
  margin-bottom: 25px;
}

.company__service-title h3 a {
  font-size: 24px;
}
.company__service-title h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .company__service-title h3 a {
    font-size: 20px;
  }
}

.service__details-main {
  padding-right: 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) {
  .service__details-main {
    padding-right: 0;
  }
}
.service__details-main > h3 {
  font-size: 36px;
  text-transform: capitalize;
}

.service__details-thumb img {
  border-radius: 6px;
}

.service__features {
  background: var(--clr-common-body-text);
  border-radius: 10px;
  padding: 45px 50px 50px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__features {
    padding: 45px 20px 50px;
  }
}
.service__features h4 {
  font-size: 24px;
  color: var(--clr-common-white);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.service__sub-image img {
  border-radius: 6px;
  width: 100%;
}

.service__feature-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
}
.service__feature-list span {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-white);
  background: var(--clr-bg-footer);
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  width: calc((100% - 60px) / 3);
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service__feature-list span {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service__feature-list span {
    width: calc((100% - 0px) / 1);
  }
}
.service__feature-list span:after {
  position: absolute;
  content: "\f00c";
  font-family: var(--bd-ff-fontawesome);
  font-size: 14px;
  font-weight: 300;
  color: #aab3bd;
  right: 20px;
}

.sidebar__service-list a {
  font-size: 14px;
  color: var(--clr-common-heading);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-left: 34px;
  display: inline-flex;
  align-items: center;
}
.sidebar__service-list a:before {
  position: absolute;
  content: "\f178";
  left: 0;
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  color: #afafaf;
  -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;
}
.sidebar__service-list a:hover {
  color: var(--clr-theme-1);
}
.sidebar__service-list a:hover:before {
  color: var(--clr-theme-1);
}
.sidebar__service-list li {
  border-bottom: 1px solid var(--clr-border-10);
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.sidebar__service-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sidebar__materials-list a {
  height: 60px;
  display: inline-block;
  border: 2px solid var(--clr-common-heading);
  border-radius: 10px;
  padding: 0 25px;
  line-height: 56px;
  width: 100%;
  color: var(--clr-common-heading);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__materials-list a {
    padding: 0 13px;
    padding-right: 13px;
    padding-right: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.sidebar__materials-list a i {
  margin-right: 15px;
  font-size: 18px;
}
.sidebar__materials-list a:after {
  position: absolute;
  content: "\f019";
  font-family: var(--bd-ff-fontawesome);
  font-weight: 900;
  font-size: 16px;
  color: #c6c6c6;
  right: 20px;
}
.sidebar__materials-list a:hover:after {
  color: var(--clr-theme-1);
}
.sidebar__materials-list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sidber__adv-thumb {
  position: relative;
}
.sidber__adv-thumb img {
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.sidber__adv-thumb:before {
  position: absolute;
  content: "300 * 400";
  width: 150px;
  height: 60px;
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--clr-common-white);
  border-radius: 6px 6px 0px 0px;
}

.bd-ud-service-img img {
  border-radius: 6px;
}
.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: var(--clr-bg-2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  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: -250px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.bd-ud-services3-item-wrapper.margin--130 .bd-ud-services3-item::after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@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%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  z-index: -1;
  background: linear-gradient(180deg, var(--clr-theme-1) 0%, var(--clr-theme-4) 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, .bd-ud-services3-item:hover .bd-ud-services3-svg-2 .shape8 {
  fill: var(--clr-common-white);
}
.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;
}
.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 {
  color: var(--clr-text-15);
  color: #D9D9D9;
  margin-bottom: 42px;
}
.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 .shape6, .bd-ud-services3-svg-2 .shape7, .bd-ud-services3-svg-2 .shape8 {
  fill: var(--clr-theme-1);
}
.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%;
}
.bd-ud-details-check-list {
  display: flex;
  gap: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-details-check-list {
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-details-check-list {
    flex-direction: column;
  }
}
.bd-ud-details-check-list li {
  color: var(--clr-bg-2);
}
.bd-ud-service-title {
  font-weight: var(--bd-fw-sbold);
  font-size: 36px;
}
.bd-ud-service-subtitle {
  font-weight: var(--bd-fw-sbold);
  font-size: 20px;
  color: var(--clr-text-22);
}
.bd-ud-service-text {
  color: var(--clr-bg-2);
}
.bd-ud-service-img-content {
  display: flex;
  gap: 45px;
  margin-bottom: 40px;
  align-items: center;
}
@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-service-img-content {
    flex-wrap: wrap;
  }
}
.bd-ud-service-tab-wrapper .nav {
  padding: 15px 0;
  border-top: 1px solid var(--clr-border-17);
  border-bottom: 1px solid var(--clr-border-17);
  margin-bottom: 60px;
}
.bd-ud-service-tab-wrapper .nav li {
  padding-right: 62px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-service-tab-wrapper .nav li {
    padding-right: 25px;
  }
}
.bd-ud-service-tab-wrapper .nav li:last-child {
  padding-right: 0;
}
.bd-ud-service-tab-wrapper .nav li::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  background: var(--clr-text-14);
  top: 50%;
  transform: translateY(-50%);
  left: 85%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-service-tab-wrapper .nav li::before {
    left: 93%;
  }
}
.bd-ud-service-tab-wrapper .nav li:last-child::before {
  display: none;
}
.bd-ud-service-tab-wrapper .nav .nav-link {
  text-transform: uppercase;
  color: var(--clr-common-black);
  font-weight: var(--bd-fw-sbold);
  border: 0;
}
.bd-ud-service-tab-wrapper .nav .nav-link.active {
  color: var(--clr-theme-1);
  position: relative;
}
.bd-ud-service-tab-wrapper .nav .nav-link.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: var(--clr-theme-1) transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.bd-ud-service-tab-img {
  min-width: 450px;
}
.bd-ud-service-tab-img img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .bd-ud-service-tab-img {
    min-width: auto;
  }
}
.bd-ud-service-tab-content h3 {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 30px;
}
.bd-ud-service-tab-content li {
  color: var(--clr-bg-2);
}
.bd-ud-service-tab-content p {
  color: var(--clr-bg-2);
  margin-bottom: 30px;
}
.bd-ud-service-list li {
  margin-bottom: 20px;
}
.bd-ud-service-list li:last-child {
  margin-bottom: 0;
}
.bd-ud-service-list li a {
  border-radius: 6px;
  display: block;
  padding: 25px 30px;
  font-weight: 600;
  font-size: 20px;
  color: var(--clr-text-11);
  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;
  background-size: 300% 100%;
  background-image: linear-gradient(to right, var(--clr-bg-6), var(--clr-bg-6), var(--clr-theme-1), var(--clr-theme-4));
}
.bd-ud-service-list li a::before {
  content: "\f054";
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  right: 30px;
}
.bd-ud-service-list li a:hover {
  color: var(--clr-common-white);
  background-position: 100% 0;
}
.bd-ud-service-details-cta {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-service-details-cta {
    padding: 0;
  }
}
.bd-ud-service-download {
  border-radius: 6px;
  overflow: hidden;
  padding: 35px 40px 40px 40px;
  position: relative;
  z-index: 1;
}
.bd-ud-service-download::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-bg-1);
  z-index: -1;
  opacity: 0.84;
}
.bd-ud-service-download h3 {
  font-weight: 600;
  font-size: 24px;
  color: var(--clr-common-white);
  border-bottom: 1px solid var(--clr-border-18);
  padding-bottom: 17px;
  margin-bottom: 50px;
}
.bd-ud-service-download-link li {
  margin-bottom: 30px;
}
.bd-ud-service-download-link li:last-child {
  margin-bottom: 0;
}
.bd-ud-service-download-link li a {
  font-weight: 600;
  font-size: 17px;
  color: var(--clr-common-white);
  text-transform: capitalize;
  border: 1px solid var(--clr-common-white);
  border-radius: 6px;
  padding: 10px;
  display: block;
  padding: 17px 30px;
  position: relative;
  padding-right: 65px;
}
.bd-ud-service-download-link li a::before {
  content: "\f33d";
  right: 30px;
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  border: 2px solid var(--clr-common-white);
  height: 28px;
  width: 28px;
  text-align: center;
  border-radius: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bd-ud-counter-title {
  font-size: 16px;
  text-align: center;
}
.bd-ud-counter-item-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-counter-item-wrapper {
    gap: 10px 20px;
  }
}
@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) {
  .bd-ud-counter-item-wrapper {
    justify-content: start;
    gap: 20px 150px;
  }
}
.bd-ud-cta {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 575px) {
  .bd-ud-cta {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.bd-ud-cta-shape {
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  right: 0;
}
.bd-ud-cta-shape img {
  width: 100%;
}

.bd-ud-counter-item-wrapper .counter_item .counter_canvas {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}
.bd-ud-counter-item-wrapper .counter_item .counter_canvas canvas {
  -webkit-transform: rotate(110deg);
  -moz-transform: rotate(110deg);
  -ms-transform: rotate(110deg);
  -o-transform: rotate(110deg);
  transform: rotate(110deg);
}
.bd-ud-counter-item-wrapper .counter_item .counter_percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  color: var(--clr-text-21);
  font-weight: 700;
  width: 62px;
  height: 62px;
  background: rgba(14, 132, 225, 0.1);
  border-radius: 50%;
  line-height: 62px;
  -webkit-transform: translate(-50%, -55%);
  -moz-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  -o-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}
.bd-ud-counter-item-wrapper .counter_item:last-child .counter_canvas canvas {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

.service4-wrapper {
  border-bottom: 1px dashed #E7DFD7;
}
.service4-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #EF3D1E 0%, #6FBEFD 100%);
  opacity: 0.2;
  filter: blur(217px);
  width: 800px;
  height: 600px;
  z-index: -1;
}
.service4-feature {
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-bottom: 1px solid #DFDFDF;
}
@media (max-width: 450px) {
  .service4-feature {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
}
.service4-feature:last-child {
  padding-bottom: 0;
  border: none;
}
.service4-title {
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--clr-text-11);
  margin-bottom: 20px;
}
@media (max-width: 450px) {
  .service4-title {
    font-size: 24px;
  }
}
.service4-title:hover {
  color: var(--clr-theme-1);
}
.service4-desc {
  margin-bottom: 0;
  color: #4B423E;
}
.service4-imagebox {
  display: flex;
  gap: 20px;
}
@media (max-width: 575px) {
  .service4-imagebox {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.service4-imagebox .img img {
  max-width: 100%;
}
.service4-imagebox .img img:hover {
  transform: scale(1.125);
}
.service4-shape {
  position: absolute;
  bottom: 50px;
  right: -135px;
  z-index: -1;
  animation: UpDown 3s linear infinite;
}
@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) {
  .service4-rightbox.pl-75 {
    padding-left: 0;
  }
}

.service5_title {
  font-size: 55px;
  font-weight: 500;
  color: var(--clr-text-11);
  line-height: 1.2;
  text-transform: capitalize;
}

.service5-content {
  padding-right: 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), (max-width: 575px) {
  .service5-content {
    padding-right: 0;
  }
}
.service5-content p {
  color: var(--clr-text-11);
  font-size: 16px;
  line-height: 1.8;
}

.service5-btn {
  font-size: 17px;
  line-height: 1;
  color: var(--clr-text-11);
  position: relative;
}
.service5-btn::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background: var(--clr-text-11);
  left: 0;
  bottom: 0px;
  transition: all 300ms ease;
}
.service5-btn:hover {
  color: var(--clr-theme-1);
}
.service5-btn:hover::before {
  width: 100%;
  background: var(--clr-theme-1);
}

.service5-list {
  padding: 45px 0px;
  border-bottom: 1px solid #D2D2D2;
}
@media (max-width: 450px) {
  .service5-list {
    flex-direction: column;
    row-gap: 30px;
    align-items: start !important;
  }
}
.service5-list .service5-list-thumb {
  padding-right: 50px;
}
@media (max-width: 450px) {
  .service5-list .service5-list-thumb {
    padding-right: 0px;
  }
}
.service5-list .service5-list-content h4 {
  font-size: 24px;
  line-height: 40px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .service5-list .service5-list-content h4 {
    line-height: 33px;
  }
}
.service5-list .service5-list-content h4:hover {
  color: var(--clr-theme-1);
}
.service5-list .service5-list-content p {
  color: #606060;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}

.dark .service5_title {
  color: var(--clr-common-white);
}
.dark .service5-content p {
  color: var(--clr-common-white);
}
.dark .service5-btn {
  color: var(--clr-common-white);
}
.dark .service5-btn::before {
  background: var(--clr-common-white);
}
.dark .service5-list {
  border-bottom: 1px solid #50567A;
}
.dark .service5-list .service5-list-content h4 {
  color: var(--clr-common-white);
}
.dark .service5-list .service5-list-content h4:hover {
  color: var(--clr-theme-1);
}
.dark .service5-list .service5-list-content p {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  29. SKILL CSS START
/*----------------------------------------*/
.skill__bg {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}

@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) {
  .skill__image {
    padding-left: 0;
  }
}
.skill-thumb {
  margin-left: 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) {
  .skill-thumb {
    margin-left: 0;
  }
}
.skill-progress {
  padding-right: 45px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-progress {
    padding-right: 0;
  }
}
.skill-title h3 {
  font-size: 26px;
}
.skill__video-btn {
  width: 120px;
  height: 120px;
  background-color: var(--clr-common-white);
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.skill__video-btn:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), (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) {
  .skill__video-btn {
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
  }
}

.progress-skill-item {
  position: relative;
  margin-bottom: 26px;
}
.progress-skill-item:last-child {
  margin-bottom: 0;
}
.progress-skill-item h4 {
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 18px;
}
.progress-skill-item .progress-count {
  position: absolute;
  top: 0px;
  right: 0;
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  color: var(--clr-common-heading);
}
.progress-skill-item .progress {
  height: 14px;
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  border-bottom: 2px solid #ececec;
  padding-bottom: 4px;
}
.progress-skill-item .progress-bar {
  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%);
  overflow: visible;
}

.skill__progress-wrapper {
  margin-left: 50px;
  margin-right: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill__progress-wrapper {
    margin-right: 0;
    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) {
  .skill__progress-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.skill__singel-item {
  position: relative;
  border-radius: 10px;
  background: var(--clr-common-white);
  padding: 30px 37px 35px 37px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill__singel-item {
    padding: 30px 20px 35px 20px;
  }
}
.skill__singel-item:hover .skill__item-arrow i {
  color: var(--clr-theme-1);
}
.skill__singel-content h2 {
  font-size: 100px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  background-image: linear-gradient(to right, var(--clr-theme-1) 0%, var(--clr-theme-3) 45%);
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill__singel-content h2 {
    font-size: 80px;
  }
}
.skill__singel-content p {
  margin-bottom: 0;
}
.skill__singel-content h4 {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill__singel-content h4 {
    font-size: 18px;
  }
}
.skill__item-arrow {
  position: absolute;
  right: 24px;
  top: 20px;
}
.skill__item-arrow i {
  position: relative;
  transform: rotate(45deg);
  font-size: 20px;
  color: var(--clr-text-6);
}
.skill__info-icon {
  width: 140px;
  display: flex;
  align-items: center;
}
.skill__info-icon img {
  margin-right: -50px;
  align-items: center;
}
.skill__info-title h4 {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
}
.skill__info-content {
  display: flex;
  gap: 50px;
}
@media (max-width: 575px) {
  .skill__info-content {
    gap: 0px;
    flex-wrap: wrap;
  }
}

.bd-skill__thumb {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-skill__thumb {
    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) {
  .bd-skill__thumb {
    padding-left: 0;
  }
}
.bd-skill__thumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

/*----------------------------------------*/
/*  26. PORTFOLIO CSS START
/*----------------------------------------*/
.portfolio__area .case-study-active {
  overflow: visible;
}

.case__study-thumb {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.case__study-thumb::before {
  position: absolute;
  height: 0%;
  width: 100%;
  content: "";
  background: linear-gradient(rgba(32, 37, 45, 0) 0%, #1f242c 100%);
  opacity: 0.85;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case__study-thumb:hover::before {
  height: 100%;
}
.case__study-thumb:hover .case__study-content {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
.case__study-thumb img {
  width: 100%;
}

.case__study-content {
  position: absolute;
  bottom: 35px;
  padding: 0px 35px;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px), 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: 1200px) and (max-width: 1399px) {
  .case__study-content {
    padding: 0 20px;
  }
}
.case__study-content h3 a {
  font-size: 20px;
  color: var(--clr-common-white);
  display: block;
  margin-bottom: 10px;
}
.case__study-content h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .case__study-content h3 a {
    font-size: 20px;
  }
}
.case__study-content p {
  color: var(--clr-common-white);
  margin-bottom: 15px;
  opacity: 60%;
}

.case__study-btn {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
}
.case__study-btn:hover {
  color: var(--clr-theme-1);
}

.case-study-item:nth-child(2n+1) {
  margin-top: 40px;
}

.case__study-item {
  border-radius: 6px;
  overflow: hidden;
}

.portfolio__tab-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__tab-wrapper {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__tab-wrapper {
    justify-content: start;
  }
}

.porfolio__tab .nav-tabs {
  border-bottom: 0;
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .porfolio__tab .nav-tabs {
    gap: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .porfolio__tab .nav-tabs {
    gap: 13px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .porfolio__tab .nav-tabs {
    gap: 5px;
  }
}
.porfolio__tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .porfolio__tab .nav-tabs .nav-link {
    font-size: 14px;
  }
}
.porfolio__tab .nav-tabs .nav-link.active {
  background: transparent;
  -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%);
}
.porfolio__tab .nav-tabs button {
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-common-heading);
  text-transform: uppercase;
  font-family: var(--bd-ff-heading);
}
.porfolio__tab .nav-link {
  padding: 5px;
}

.porfolio__tab .nav-link:focus, .nav-link:hover {
  color: var(--clr-common-heading);
}

.portfolio__area .swiper-container {
  overflow: visible;
}

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

.portfolio__bg::before {
  position: absolute;
  content: "";
  height: 485px;
  width: 100%;
  background-color: var(--clr-bg-grey-1);
  top: 0;
  left: 0;
  z-index: -1;
}

.portfolio__button a {
  width: 50px;
  height: 50px;
  background: var(--clr-bg-grey-3);
  background-image: none;
  display: block;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  color: var(--clr-common-heading);
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.portfolio__button 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%);
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.portfolio__button a:hover {
  color: var(--clr-common-white);
}
.portfolio__button a:hover::after {
  opacity: 1;
}

.portfolio__slider-item {
  position: relative;
}
.portfolio__slider-item:hover .portfolio__slider-action {
  opacity: 1;
  visibility: visible;
  bottom: -50px;
}

.portfolio__slider-action {
  position: absolute;
  bottom: 0px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  padding: 24px 30px 29px 30px;
  left: 40px;
  right: 40px;
  bottom: -100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .portfolio__slider-action {
    padding: 24px 20px 29px 20px;
  }
}

.portfolio__slider-content {
  padding-right: 10px;
}
.portfolio__slider-content 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-weight: var(--bd-fw-sbold);
  display: block;
  font-size: 14px;
}
.portfolio__slider-content h3 a {
  font-size: 24px;
}
.portfolio__slider-content h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__slider-content h3 a {
    font-size: 20px;
  }
}

.portfolio__slider-thumb img {
  width: 100%;
  border-radius: 10px;
}

.portfolio__pagination .swiper-pagination-bullet {
  width: 25px;
  height: 4px;
  border-radius: 6px;
  margin: 0px 5px;
  background: #e7e7e7;
  opacity: 1;
  transition: 0.5s;
}
.portfolio__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  width: 35px;
}

.case__filter-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case__filter-button {
    gap: 45px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case__filter-button {
    flex-wrap: wrap;
    gap: 15px 20px;
  }
}
.case__filter-button button {
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  border: none;
  background: none;
  font-size: 16px;
  -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;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #1f242c 0%, #1f242c 100%);
}
.case__filter-button button::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  background: #dbdfe4;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case__filter-button button::after {
    display: none;
    gap: 20px;
  }
}
.case__filter-button button:last-child::after {
  display: none;
}
.case__filter-button .active {
  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%);
}

.case__filter-button button::after:last-child {
  display: none;
}

.case__filter-wrapper {
  position: relative;
  z-index: 5;
  overflow: hidden;
  border-radius: 10px;
}
.case__filter-wrapper:hover .case__filter-content {
  overflow: visible;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.case__filter-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  padding: 0 30px;
  transform: scale(0.8);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  justify-content: center;
}
@media (max-width: 575px) {
  .case__filter-content {
    padding: 0 15px;
  }
}
.case__filter-content h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 24px;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .case__filter-content h3 {
    font-size: 22px;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .case__filter-content h3 {
    font-size: 20px;
  }
}
.case__filter-content p {
  color: var(--clr-common-white);
}

.case__filter-overlay {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  opacity: 0.9;
  z-index: -1;
  top: 0;
  left: 0;
}

.case__filter-btn {
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 20px;
  display: inline-block;
  background: var(--clr-common-white);
  border-radius: 50%;
  color: var(--clr-theme-1);
}
.case__filter-btn:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.case__details-thumb img {
  border-radius: 6px;
  width: 100%;
}

.case__details-wrapper p span {
  font-weight: 700;
  color: var(--clr-theme-1);
}

.case__details-wrapper p {
  line-height: 28px;
}

.case__details-wrapper p a {
  color: var(--clr-theme-1);
}

.case__details-wrapper p span {
  font-weight: 700;
  color: var(--clr-theme-1);
}

.case__sub-image {
  margin-top: 50px;
  margin-bottom: 30px;
}

.case__sub-image img {
  border-radius: 10px;
  width: 100%;
}

.case__meta-wrapper {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin: -60px 40px 50px 40px;
  padding: 30px 40px 30px;
  z-index: 5;
  position: relative;
}
@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) {
  .case__meta-wrapper {
    padding: 30px 30px 30px;
  }
}
@media (max-width: 575px) {
  .case__meta-wrapper {
    margin: -60px 0px 50px 0px;
    padding: 30px 20px 30px;
  }
}

.case__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.case__meta .case__list {
  display: flex;
  gap: 75px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__meta .case__list {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case__meta .case__list {
    gap: 10px;
    justify-content: space-between;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__meta .case__list {
    gap: 20px;
  }
}
.case__meta .meta__item {
  display: block;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__meta .meta__item {
    width: calc((100% - 20px) / 2);
  }
}
.case__meta .meta__item span {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  display: block;
  line-height: 1;
  margin-bottom: 6px;
}
.case__meta .meta__item p {
  font-size: 14px;
  margin-bottom: 0;
}

.case__quote {
  background: #f6f6f6;
  padding: 40px 50px 40px;
  display: flex;
  gap: 30px;
  align-items: center;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case__quote {
    padding: 40px 30px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__quote {
    padding: 40px 20px 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.case__quote .quote__icon {
  idth: 120px;
  height: 120px;
  background: var(--clr-common-white);
  border-radius: 50%;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: var(--clr-theme-1);
}
.case__quote .quote__content p {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__quote .quote__content p {
    font-size: 22px;
  }
}
.case__quote .quote__content .author-name {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}
.case__quote .quote__content .author-name span {
  color: var(--clr-theme-2);
  font-size: 16px;
}

.case__faq-wrapper h4 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 17px;
}

.case__faq-wrapper {
  margin-bottom: 20px;
  margin-top: 50px;
}

.case__nav-wrapper {
  border-top: 1px solid #f0f0f0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.case__nav-items {
  gap: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__nav-items {
    flex-direction: column;
  }
}
.case__nav-items .case__thumb {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.case__nav-items .case__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case__nav-items .case__single {
  display: flex;
  align-items: center;
  gap: 14px;
}
.case__nav-items .case__single:last-child {
  flex-direction: row-reverse;
  text-align: right;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__nav-items .case__single:last-child {
    flex-direction: row;
    text-align: left;
  }
}
.case__nav-items .case__content span {
  font-size: 14px;
  line-height: 1;
}
.case__nav-items .case__title {
  font-size: 24px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.case__nav-items .case__title:hover {
  color: var(--clr-theme-1);
}
.case__nav-items .dot__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .case__nav-items .dot__icon {
    display: none;
  }
}
.case__nav-items .dot__icon i {
  color: var(--clr-theme-1);
  font-size: 40px;
  position: relative;
  top: 5px;
}

.bd-ud-portfolio-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 66px;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-portfolio-wrapper {
    column-gap: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-portfolio-wrapper {
    column-gap: 30px;
  }
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(1) {
  background: var(--clr-theme-5);
  box-shadow: 0px 4px 60px rgba(14, 132, 225, 0.2);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(1) a {
  background: var(--clr-theme-1);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(2) {
  background: var(--clr-bg-7);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(2) a {
  background: var(--clr-bg-7);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(3) {
  background: var(--clr-bg-8);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(3) a {
  background: var(--clr-bg-8);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(4) {
  background: var(--clr-bg-9);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(4) a {
  background: var(--clr-bg-9);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(5) {
  background: var(--clr-bg-10);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(5) a {
  background: var(--clr-bg-10);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(6) {
  background: var(--clr-theme-5);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(6) a {
  background: var(--clr-theme-5);
}
.bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(2n+1) {
  -webkit-transform: translateY(-106px);
  -moz-transform: translateY(-106px);
  -ms-transform: translateY(-106px);
  -o-transform: translateY(-106px);
  transform: translateY(-106px);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-portfolio-wrapper .bd-ud-portfolio-item:nth-child(2n+1) {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.bd-ud-portfolio.padding {
  padding-top: 225px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-portfolio.padding {
    padding-top: 120px;
  }
}
.bd-ud-portfolio-item {
  padding: 60px;
  padding-top: 55px;
  width: calc((100% - 66px) / 2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-portfolio-item {
    padding: 40px;
    padding-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-portfolio-item {
    padding: 30px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-portfolio-item {
    width: calc((100% - 0px) / 1);
    padding: 40px;
  }
}
.bd-ud-portfolio-item h4 {
  font-weight: 700;
  font-size: 24px;
  color: var(--clr-common-white);
  margin-bottom: 58px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-portfolio-item h4 {
    margin-bottom: 30px;
  }
}
.bd-ud-portfolio-item:hover .bd-ud-portfolio-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.bd-ud-portfolio-item:hover .bd-ud-portfolio-img a {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.bd-ud-portfolio-item:hover .bd-ud-portfolio-img::before {
  opacity: 0.8;
  visibility: visible;
}
.bd-ud-portfolio-img {
  overflow: hidden;
  z-index: 2;
}
.bd-ud-portfolio-img a {
  position: absolute;
  display: inline-block;
  width: 124px;
  height: 124px;
  text-align: center;
  font-size: 60px;
  color: var(--clr-common-white);
  line-height: 124px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.bd-ud-portfolio-img a i {
  -webkit-transform: rotate(49deg);
  -moz-transform: rotate(49deg);
  -ms-transform: rotate(49deg);
  -o-transform: rotate(49deg);
  transform: rotate(49deg);
}
.bd-ud-portfolio-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161A33;
  visibility: hidden;
  opacity: 0;
  z-index: 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) {
  .bd-ud-portfolio3-text.pl-90 {
    padding-left: 0;
  }
}
.bd-ud-portfolio3-active {
  overflow: visible;
}
.bd-ud-portfolio3-img {
  position: relative;
}
.bd-ud-portfolio3-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(14, 132, 225, 0) 0%, var(--clr-theme-1) 100%);
  opacity: 0;
  visibility: visible;
}
.bd-ud-portfolio3-img .popup-image {
  width: 71px;
  height: 71px;
  background: var(--clr-theme-1);
  display: inline-block;
  position: absolute;
  top: 40px;
  z-index: 1;
  right: 40px;
  text-align: center;
  font-size: 24px;
  padding-top: 22px;
  color: var(--clr-common-white);
  opacity: 0;
  visibility: visible;
}
.bd-ud-portfolio3-img i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bd-ud-portfolio3-img h4 {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--clr-common-white);
  font-weight: 700;
  font-size: 24px;
  opacity: 0;
  visibility: hidden;
}
.bd-ud-portfolio3-img:hover h4 {
  opacity: 1;
  visibility: visible;
  bottom: 50px;
}
.bd-ud-portfolio3-img:hover::before {
  opacity: 1;
  visibility: visible;
}
.bd-ud-portfolio3-img:hover a {
  opacity: 1;
  visibility: visible;
}
.bd-ud-portfolio3-navigation {
  position: absolute;
  top: 50%;
  right: 330px;
  background: var(--clr-bg-1);
  z-index: 3;
  color: var(--clr-common-white);
  width: 76px;
  height: 76px;
  display: flex;
  line-height: 81px;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  gap: 14px;
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-portfolio3-navigation {
    right: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-portfolio3-navigation {
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
@media (max-width: 450px) {
  .bd-ud-portfolio3-navigation {
    width: 60px;
    height: 60px;
    gap: 8px;
    line-height: 67px;
  }
}

.et-portfolio4-view-btn a {
  color: var(--clr-theme-1);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
}
.et-portfolio4-view-btn a:hover {
  color: var(--clr-common-heading);
}

.et-portfolio5-item {
  padding: 60px;
  margin-right: 20px;
}
@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-portfolio5-item {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .et-portfolio5-item {
    padding: 30px;
  }
}
.et-portfolio5-item h4 {
  font-weight: 700;
  font-size: 24px;
  color: var(--clr-common-white);
  margin-bottom: 58px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .et-portfolio5-item h4 {
    margin-bottom: 35px;
  }
}
@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-portfolio5-item.mb-100 {
    margin-bottom: 70px;
  }
}
.et-portfolio5-item:hover .et-portfolio5-img a {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.et-portfolio5-item:hover .et-portfolio5-img::before {
  opacity: 0.8;
  visibility: visible;
}
.et-portfolio5-img a {
  position: absolute;
  display: inline-block;
  width: 124px;
  height: 124px;
  text-align: center;
  font-size: 60px;
  color: var(--clr-common-white);
  line-height: 124px;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  background: var(--clr-theme-1);
}
.et-portfolio5-img a i {
  -webkit-transform: rotate(49deg);
  -moz-transform: rotate(49deg);
  -ms-transform: rotate(49deg);
  -o-transform: rotate(49deg);
  transform: rotate(49deg);
}
.et-portfolio5-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161A33;
  visibility: hidden;
  opacity: 0;
  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) {
  .et-portfolio5-right-wrap {
    margin-left: 0;
  }
}
.et-portfolio5-right-wrap .et-portfolio5-item {
  background: #1EEFD6;
}
.et-portfolio5-right-wrap .et-portfolio5-item .popup-image:hover {
  background: #1EEFD6;
}
.et-portfolio5-title {
  margin-top: 115px;
  margin-bottom: 165px;
}
@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-portfolio5-title {
    margin-top: -10px;
    margin-bottom: 70px;
  }
}

.et-portfolio5-wrapper .et-portfolio5-item:nth-child(1) {
  background: var(--clr-theme-3);
}
.et-portfolio5-wrapper .et-portfolio5-item:nth-child(1) a {
  background: var(--clr-theme-1);
}
.et-portfolio5-wrapper .et-portfolio5-item:nth-child(1) a:hover {
  background: var(--clr-theme-3);
}
.et-portfolio5-wrapper .et-portfolio5-item:nth-child(2) {
  background: #FD6FA2;
}
.et-portfolio5-wrapper .et-portfolio5-item:nth-child(2) a {
  background: var(--clr-theme-1);
}
.et-portfolio5-wrapper .et-portfolio5-item:nth-child(2) a:hover {
  background: #FD6FA2;
}

/*----------------------------------------*/
/*  31. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial-author-img {
  margin-right: 20px;
}
.testimonial-author-img img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.testimonial__item-one-content {
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  padding: 30px 40px 30px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__item-one-content {
    padding: 30px 20px 30px 20px;
  }
}
.testimonial__item-one-content::before {
  position: absolute;
  width: 60px;
  height: 35px;
  background: var(--clr-common-white);
  bottom: -20px;
  left: 100px;
  content: "";
  clip-path: polygon(0 31%, 0% 100%, 100% 33%);
}
.testimonial__item-one-content p {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__item-one-content p {
    font-size: 18px;
  }
}

.testimonial-author {
  margin-left: 40px;
  margin-top: 40px;
}

.testimonial-author-content h4 {
  font-size: 20px;
}
@media (max-width: 575px) {
  .testimonial-author-content h4 {
    font-size: 18px;
  }
}
.testimonial-author-content span {
  font-size: 14px;
  text-transform: capitalize;
}

.testimonial__item {
  background: #14171d;
  padding: 45px 50px 50px 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -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;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__item {
    padding: 30px 20px 35px 20px;
  }
}
.testimonial__item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  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;
  z-index: -1;
  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%);
  opacity: 0;
}
.testimonial__rating {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(13deg, var(--clr-theme-1), var(--clr-theme-3), var(--clr-theme-3), var(--clr-theme-1));
  margin-bottom: 15px;
  font-size: 14px;
  -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;
}
.testimonial__text p {
  font-size: 20px;
  color: #888e9a;
  line-height: 34px;
  margin-bottom: 30px;
}
.testimonial__avater-info h4 {
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .testimonial__avater-info h4 {
    font-size: 18px;
  }
}
.testimonial__avater-info span {
  font-size: 14px;
  color: var(--clr-text-7);
  text-transform: capitalize;
}
.testimonial__avater-thumb img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__quote-icon img {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0;
}

.testimonial__active .swiper-slide-active .testimonial__item::before {
  opacity: 1;
}

.testimonial__active .swiper-slide-active .testimonial__text p {
  color: var(--clr-common-white);
}

.testimonial__active .swiper-slide-active .testimonial__rating {
  background-image: linear-gradient(13deg, var(--clr-common-white), var(--clr-common-white), var(--clr-common-white), var(--clr-common-white));
}

.testimonial__active .swiper-slide-active .testimonial__avater-info span {
  color: var(--clr-common-white);
}

.testimonial__active .swiper-slide-active .testimonial__avater-info span {
  color: var(--clr-common-white);
}

.testimonial__active .swiper-slide-active .testimonial__quote-icon img {
  opacity: 1;
}

.testimonial__main-wrapper {
  border-radius: 10px;
  padding: 65px 80px 105px 80px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-top: -140px;
  position: relative;
}
@media (max-width: 575px) {
  .testimonial__main-wrapper {
    padding: 65px 40px 105px 40px;
  }
}

.testimonial__text-2 p {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 33px;
  max-width: 325px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__text-2 p {
    font-size: 18px;
  }
}

.testimonial__item-2 .testimonial__avater-info h4 {
  color: var(--clr-common-heading);
}

.bd-ud-testimonial-shape {
  top: 15px;
  bottom: 15px;
}
.bd-ud-testimonial-shape img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-testimonial-img {
    margin-bottom: 40px;
  }
}
.bd-ud-testimonial--170 {
  margin-top: -170px;
}
.bd-ud-testimonial-wrapper {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.bd-ud-testimonial-item {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-testimonial-item {
    padding: 35px 30px;
  }
}
@media (max-width: 575px) {
  .bd-ud-testimonial-item {
    padding: 40px 25px;
  }
}
.bd-ud-testimonial-bg {
  background: linear-gradient(95.09deg, var(--clr-theme-4) -1.37%, var(--clr-theme-1) 100%);
  box-shadow: 0px 4px 105px rgba(14, 132, 225, 0.12);
  border-radius: 10px;
}
.bd-ud-testimonial-content {
  position: relative;
  margin-left: 64px;
  margin-right: 25px;
}
@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-testimonial-content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-testimonial-content {
    margin: 0;
  }
}
.bd-ud-testimonial-content h4 {
  font-size: 24px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 450px) {
  .bd-ud-testimonial-content h4 {
    margin-bottom: 20px;
  }
}
.bd-ud-testimonial-content p {
  color: var(--clr-common-white);
  font-size: 18px;
  font-weight: var(--bd-fw-medium);
  margin-bottom: 30px;
  line-height: 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) {
  .bd-ud-testimonial-content p {
    font-size: 16px;
    line-height: 28px;
  }
}
.bd-ud-testimonial-content > span {
  font-size: 16px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-normal);
}
.bd-ud-testimonial-rating {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--clr-bg-1);
  border-radius: 100px;
  padding: 12px 20px;
  line-height: 1;
  display: inline-block;
}
.bd-ud-testimonial-rating span {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
}
.bd-ud-testimonial-rating i {
  color: var(--clr-common-orange);
  font-weight: var(--bd-fw-sbold);
  transform: translateY(3px);
  display: inline-block;
  margin-left: 6px;
}
@media (max-width: 450px) {
  .bd-ud-testimonial-rating {
    position: inherit;
    margin-bottom: 20px;
  }
}
.bd-ud-testimonial2 {
  background: var(--clr-bg-5);
}
.bd-ud-testimonial2-auth {
  height: 570px;
  width: 570px;
}
.bd-ud-testimonial2-auth > img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@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-testimonial2-auth {
    width: auto;
    height: auto;
  }
}
.bd-ud-testimonial2-item {
  display: flex;
  gap: 0 20px;
  padding: 30px 90px 12px 0px;
  border-bottom: 2px solid transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-testimonial2-item {
    padding: 30px 20px 12px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-testimonial2-item {
    border-bottom: 0;
  }
}
@media (max-width: 450px) {
  .bd-ud-testimonial2-item {
    padding: 30px 10px 12px 0px;
    flex-wrap: wrap;
  }
}
.bd-ud-testimonial2-img {
  min-width: 75px;
  height: 75px;
}
.bd-ud-testimonial2-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.bd-ud-testimonial2-content {
  margin-top: 30px;
}
.bd-ud-testimonial2-content h3 {
  color: #110804;
  font-size: 20px;
  font-weight: var(--bd-fw-medium);
  margin-bottom: 4px;
}
.bd-ud-testimonial2-content p {
  color: #4B423E;
  font-size: 20px;
  line-height: 30px;
}
.bd-ud-testimonial2-rating {
  margin-bottom: 20px;
}
.bd-ud-testimonial2-rating i {
  color: #F9C304;
  font-size: 13px;
}
.bd-ud-testimonial2-active .slick-arrow {
  position: absolute;
  bottom: -70px;
  height: 52px;
  width: 52px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #BCBCBC;
  line-height: 52px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-ud-testimonial2-active .slick-arrow:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: var(--clr-theme-1);
}
.bd-ud-testimonial2-active .slick-next.slick-arrow {
  left: 73px;
}
.bd-ud-testimonial2-active .slick-current .bd-ud-testimonial2-item {
  border-bottom-color: var(--clr-border-16);
}
.bd-ud-testimonial2-auth img {
  max-width: 100%;
}
.bd-ud-testimonial2 .bd-ud-quate {
  width: 164px;
  height: 164px;
  background: var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 164px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-ud-testimonial2 .bd-ud-quate {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
  .bd-ud-testimonial2 .bd-ud-quate img {
    width: 80px;
  }
}
@media (max-width: 575px) {
  .bd-ud-testimonial2 .bd-ud-quate {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .bd-ud-testimonial2 .bd-ud-quate img {
    width: 50px;
  }
}

.bd-ud-testimonial-active button {
  width: 52px;
  height: 52px;
  background: transparent;
  border: 1px solid var(--clr-border-13);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 52px;
  color: var(--clr-border-13);
  -webkit-transform: rotate(-90deg) translateX(-40%);
  -moz-transform: rotate(-90deg) translateX(-40%);
  -ms-transform: rotate(-90deg) translateX(-40%);
  -o-transform: rotate(-90deg) translateX(-40%);
  transform: rotate(-90deg) translateX(-40%);
  -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;
  top: 27%;
  right: 60px;
  position: absolute;
  z-index: 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) {
  .bd-ud-testimonial-active button {
    top: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-ud-testimonial-active button {
    right: 30px;
  }
}
.bd-ud-testimonial-active button.slick-next {
  top: auto;
  bottom: 38%;
}
@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-testimonial-active button.slick-next {
    bottom: 37%;
  }
}
.bd-ud-testimonial-active button:hover {
  background: var(--clr-common-white);
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-testimonial-active button {
    opacity: 0;
    visibility: hidden;
  }
}

.et-testimonial2-shape::before {
  content: "";
  background: linear-gradient(180deg, #F3FAFF 0%, #6FBEFD 100%);
  filter: blur(217px);
  position: absolute;
  width: 728px;
  height: 728px;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.3;
  left: -138px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-testimonial2-shape::before {
    display: none;
  }
}

.dark .bd-ud-testimonial2 {
  background: transparent;
}
.dark .bd-ud-testimonial2-content h3 {
  color: var(--clr-common-white);
}
.dark .bd-ud-testimonial2-content p {
  color: var(--clr-common-white);
}
.dark .bd-ud-testimonial2-active .slick-arrow {
  border: 1px solid var(--clr-common-white);
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*  25. NEWSLETTTER CSS START
/*----------------------------------------*/
.newslatter__wrapper {
  background-color: var(--clr-common-white);
  -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);
  padding: 60px 60px 60px 60px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 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) {
  .newslatter__wrapper {
    padding: 55px 20px 50px 20px;
  }
}
.newslatter__wrapper:before {
  position: absolute;
  content: "";
  width: calc(100% - 20px);
  height: 20px;
  left: 50%;
  bottom: -10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  z-index: -1;
  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%);
  padding: 0px 20px;
  -webkit-transform: translatex(-50%);
  -moz-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
}
.newslatter__area {
  position: relative;
  margin-bottom: -95px;
  z-index: 55;
}
.newslatter__form-wrapper {
  padding-left: 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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .newslatter__form-wrapper {
    padding-left: 0px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newslatter__form-wrapper {
    margin-top: 30px;
  }
}
.newslatter__input {
  position: relative;
}
.newslatter__input i {
  position: absolute;
  top: 22px;
  left: 20px;
  color: var(--bd-ff-heading);
}
.newslatter__input button {
  padding: 0px 35px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -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;
  -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;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  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%;
}
.newslatter__input button:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .newslatter__input button {
    position: static;
    margin-top: 45px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
  }
}
.newslatter__input input {
  border: 2px solid var(--clr-border-3);
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  position: relative;
  padding-left: 42px;
  padding-right: 180px;
}
@media (max-width: 575px) {
  .newslatter__input input {
    padding-right: 20px;
  }
}

/*----------------------------------------*/
/*  24. NEWS CSS START
/*----------------------------------------*/
.news__singel-item:hover .news__item-thumb img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news__item-thumb {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.news__item-thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.news__item-meta ul li {
  list-style: none;
  display: inline-block;
  margin-right: 25px;
  font-size: 14px;
}
.news__item-meta ul li i {
  margin-right: 5px;
}
.news__item-meta li span {
  color: var(--clr-text-4);
  text-transform: capitalize;
}
.news__item-meta li a {
  color: var(--clr-text-4);
  text-transform: capitalize;
  line-height: 28px;
}
.news__item-meta li a:hover {
  color: var(--clr-theme-1);
}
.news__title a {
  font-size: 24px;
  line-height: 1.4;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news__title a {
    font-size: 20px;
  }
}
.news__title a:hover {
  color: var(--clr-theme-1);
}
.news__tag {
  position: absolute;
  top: 30px;
  left: 30px;
  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%;
  color: var(--clr-common-white);
  padding: 2px 12px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.news__tag:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}

.news__item-2 {
  -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;
}
.news__item-2:hover .news__content-2 {
  border-left: 2px solid var(--clr-common-white);
  border-right: 2px solid var(--clr-common-white);
  border-bottom: 2px solid var(--clr-common-white);
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.news__item-2:hover .news__thumb-2 img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news__meta {
  display: flex;
  background: linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  border-radius: 50px;
  padding: 7px 20px;
  width: calc(100% - 76px);
  position: absolute;
  top: -20px;
  left: 50%;
  flex-wrap: wrap;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .news__meta {
    width: calc(100% - 30px);
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news__meta {
    width: calc(100% - 15px);
  }
}
.news__meta span {
  color: var(--clr-common-white);
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .news__meta span {
    padding-right: 10px;
    margin-right: 10px;
  }
}
.news__meta span i {
  margin-right: 8px;
}
.news__meta span:last-child {
  margin-right: 0;
  padding-right: 0;
}
.news__meta span:not(:last-child)::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  background-color: var(--clr-border-8);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news__content-2 {
  position: relative;
  border-radius: 0px 0px 10px 10px;
  padding: 55px 40px 35px 40px;
  border-left: 2px solid var(--clr-border-5);
  border-right: 2px solid var(--clr-border-5);
  border-bottom: 2px solid var(--clr-border-5);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .news__content-2 {
    padding: 55px 20px 35px 20px;
  }
}
.news__content-2 h3 a {
  margin-bottom: 10px;
  display: block;
}
.news__content-2 h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .news__content-2 h3 a {
    font-size: 20px;
  }
}
.news__content-2 p {
  margin-bottom: 0;
}
.news__thumb-2 {
  overflow: hidden;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.news__thumb-2 img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.news__btn {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(0deg, #c8c8c8 0%, #c8c8c8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 1s ease-in-out;
}
.news__btn:hover {
  background-image: -webkit-linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 1s ease-in-out;
}

.news__style-3 .news__tag {
  right: 30px;
  left: auto;
  top: -50px;
}

.news__item-content {
  position: relative;
}

.blog__main-wrapper {
  margin-right: 60px;
  position: relative;
}
@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) {
  .blog__main-wrapper {
    margin-right: 0px;
  }
}
.blog__main-wrapper:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--clr-border-10);
  right: -45px;
  top: 0px;
}
@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) {
  .blog__main-wrapper:after {
    display: none;
  }
}
.blog__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -ms-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -o-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
}
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__content {
  padding: 30px;
  padding-bottom: 35px;
}
.blog__tag {
  margin-bottom: 13px;
}
.blog__tag-2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.blog__tag-2 a {
  padding: 2px 13px;
  font-size: 15px;
  color: var(--clr-text-4);
  background: var(--clr-common-white);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-transform: capitalize;
  text-transform: capitalize;
  border: 1px solid #EFEFEF;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.blog__tag-2 a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  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%;
  opacity: 0;
  visibility: hidden;
}
.blog__tag-2 a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}
.blog__tag-2 a:hover:after {
  opacity: 1;
  visibility: visible;
}
.blog__author-thumb img {
  width: 35px;
  height: 35px;
  border: 2px solid var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -ms-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -o-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.blog__author-thumb-3 img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.blog__author-3 {
  padding: 30px;
  padding-bottom: 35px;
  padding-right: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .blog__author-3 {
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .blog__author-content {
    margin-top: 25px;
  }
}
.blog__author-content h4 {
  font-size: 16px;
  margin-bottom: 0;
}
.blog__author-content span {
  display: inline-block;
  margin-bottom: 10px;
}
.blog__author-content p {
  font-size: 20px;
  line-height: 1.2;
  color: var(--clr-common-black);
  margin-bottom: 0;
}
.blog__text h3 {
  font-size: 30px;
  margin-bottom: 12px;
}
.blog__text p {
  font-size: 18px;
  line-height: 28px;
  color: var(--clr-text-4);
  margin-bottom: 27px;
}
.blog__quote {
  padding: 40px 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .blog__quote {
    padding: 20px 30px;
  }
}
.blog__quote blockquote {
  margin-bottom: 0;
}
.blog__quote p {
  font-size: 24px;
  color: var(--clr-common-black);
  line-height: 1.3;
  margin-bottom: 25px;
}
.blog__quote h4 {
  font-size: 20px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 0;
}
.blog__quote h4::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 19px;
  height: 2px;
  background: var(--clr-common-black);
}
.blog__quote img.quote {
  position: absolute;
  bottom: -34px;
  right: 50px;
}
.blog__link p {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--clr-common-black);
}
@media (max-width: 575px) {
  .blog__link p {
    font-size: 24px;
  }
}
.blog__link p a {
  color: var(--clr-theme-1);
}
.blog__img img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.blog__social h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 10px;
}
.blog__social ul li {
  display: inline-block;
  margin-left: 5px;
}
.blog__social ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 16px;
  color: var(--clr-common-black);
  background: var(--clr-bg-grey-1);
  color: var(--clr-common-black);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  z-index: 5;
  -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;
}
.blog__social ul li a:after {
  position: absolute;
  content: "";
  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-position: 100% 100%;
  background-size: 300% 100%;
  z-index: -1;
  opacity: 0;
}
.blog__social ul li a:hover {
  color: var(--clr-common-white);
}
.blog__social ul li a:hover::after {
  opacity: 1;
}
.blog__line {
  margin-bottom: 28px;
  width: 100%;
  height: 1px;
  background: var(--clr-border-10);
}
.blog__comment h3 {
  font-size: 26px;
  margin-bottom: 35px;
}
.blog__comment-input input, .blog__comment-input textarea {
  width: 100%;
  height: 56px;
  line-height: 56px;
  border: 2px solid var(--clr-bg-grey-2);
  background: var(--clr-bg-grey-2);
  color: var(--clr-common-black);
  font-size: 15px;
  outline: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 0 24px;
  border: 1px solid transparent;
}
.blog__comment-input input::placeholder, .blog__comment-input textarea::placeholder {
  font-size: 15px;
  color: var(--clr-text-4);
}
.blog__comment-input input:focus, .blog__comment-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;
}
.blog__comment-input textarea {
  height: 180px;
  resize: none;
  line-height: 1.2;
  padding: 23px;
  padding-top: 19px;
  border: 1px solid transparent;
  margin-bottom: 13px;
}
.blog__comment-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;
}
.blog__comment-agree {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.blog__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  background: var(--clr-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.blog__comment-agree input:checked {
  position: relative;
  background-color: var(--clr-theme-1);
  border-color: transparent;
}
.blog__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  font-size: 14px;
  color: var(--clr-common-white);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog__comment-agree input:hover {
  cursor: pointer;
}
.blog__comment-agree label {
  color: var(--clr-text-4);
}
.blog__comment-agree label a {
  color: var(--clr-common-black);
  font-weight: 600;
  padding-left: 4px;
}
.blog__comment-agree label a:hover {
  color: var(--clr-theme-1);
}
.blog__comment-agree label:hover {
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__sidebar {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .blog__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
.blog__meta-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.sidebar__widget-title {
  font-size: 20px;
  padding-bottom: 16px;
  position: relative;
}
.sidebar__widget-title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--clr-border-10);
  left: 0;
  bottom: 0;
}
.sidebar__widget-title::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 1px;
  background: var(--clr-theme-1);
  left: 0;
  bottom: 0;
  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%;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 56px;
  background: var(--clr-bg-grey-2);
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 72px;
}
.sidebar__search input::placeholder {
  color: var(--clr-text-4);
}
.sidebar__search button {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -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;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
  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%;
}
.sidebar__search button:hover {
  color: var(--clr-common-white);
}
.sidebar__category ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sidebar__category ul li a {
  font-size: 16px;
  color: var(--clr-text-4);
  padding-left: 20px;
  position: relative;
}
.sidebar__category ul li a::after {
  position: absolute;
  content: "\f054";
  font-family: var(--bd-ff-fontawesome);
  left: 0;
  top: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-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;
  font-size: 14px;
}
.sidebar__category ul li a:hover {
  color: var(--clr-theme-1);
}
.sidebar__category ul li a:hover::after {
  left: 5px;
}
.sidebar__tag {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.sidebar__tag a {
  display: inline-block;
  padding: 3px 13px;
  font-size: 15px;
  color: var(--clr-text-4);
  background: var(--clr-common-white);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #EFEFEF;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.sidebar__tag a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  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%;
  opacity: 0;
  visibility: hidden;
}
.sidebar__tag a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}
.sidebar__tag a:hover:after {
  opacity: 1;
  visibility: visible;
}

.rc__post:not(:last-child) {
  margin-bottom: 30px;
}
.rc__meta span {
  color: var(--clr-text-4);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}
.rc__thumb img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.rc__title {
  font-size: 16px;
  color: var(--clr-common-black);
  margin-bottom: 0px;
  font-weight: 600;
}
.rc__title a:hover {
  color: var(--clr-theme-1);
}

.latest__comments h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 35px;
}
.latest__comments ul li {
  margin-bottom: 15px;
}
.latest__comments ul li .children {
  margin-left: 100px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .latest__comments ul li .children {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .latest__comments ul li .children {
    margin-left: 50px;
  }
}
.latest__comments ul li .children-2 {
  margin-left: 100px;
  margin-top: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .latest__comments ul li .children-2 {
    margin-left: 0px;
  }
}

.comments__box {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 30px 30px;
}

.comments__avatar img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 575px) {
  .comments__text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.comments__text p {
  font-size: 16px;
  color: var(--clr-text-4);
  margin-bottom: 15px;
}

.comments__replay {
  margin-top: 10px;
}
.comments__replay a {
  color: var(--clr-theme-1);
  height: 25px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.comments__replay a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}

.avatar__name {
  margin-bottom: 5px;
}
.avatar__name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.avatar__name span {
  font-size: 14px;
  color: var(--clr-text-4);
}

.blue-link-btn a {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  color: var(--clr-theme-1);
}
.blue-link-btn a:hover {
  color: var(--clr-text-11);
}

.blog4-item {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 25px;
}
.blog4-item a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.blog4-item:not(:first-child) {
  padding-top: 35px;
  border-top: 1px solid #D2D2D2;
}
.blog4-item:not(:last-child) {
  margin-bottom: 40px;
}
.blog4-date {
  padding-top: 10px;
  text-align: center;
}
.blog4-date span {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 26px;
  line-height: 24px;
  color: var(--clr-text-11);
}
.blog4-date p {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #7C7C7C;
}
.blog4-content h3 {
  margin-bottom: 25px;
}
.blog4-content h3 a {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.53;
  text-transform: capitalize;
  color: var(--clr-text-11);
}
@media (max-width: 450px) {
  .blog4-content h3 a {
    font-size: 20px;
    line-height: 1;
  }
}
.blog4-content h3 a:hover {
  color: var(--clr-theme-1);
}
.blog4-content h3 p {
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: var(--clr-text-11);
}

.blog5_bg {
  background-position: top left;
  z-index: 1;
  position: relative;
  height: 100%;
}
.blog5_bg::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--clr-text-11);
  opacity: 0.75;
  z-index: -1;
}
.blog5_bg.fix.bg-css .row {
  height: 100%;
}
.blog5-bg {
  background: var(--clr-theme-1);
}
.blog5_box {
  padding: 50px 40px 30px 40px;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog5-title-wrapper {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog5-title-wrapper.pt-200.pb-165 {
    padding-top: 60px;
    padding-bottom: 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) {
  .blog5-title-wrapper.pt-200.pb-165 {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.blog5-title-wrapper .blog5_title {
  font-size: 55px;
  line-height: 1.1;
  color: var(--clr-common-white);
  text-transform: capitalize;
  font-weight: 500;
  transform: rotate(-90deg);
}
@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) {
  .blog5-title-wrapper .blog5_title {
    transform: rotate(0deg);
    margin-left: 25px;
    font-size: 40px;
  }
  .blog5-title-wrapper .blog5_title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog5-title-wrapper .blog5_title {
    transform: translateY(56px);
  }
}
@media (max-width: 575px) {
  .blog5-title-wrapper .blog5_title {
    font-size: 35px;
  }
}
.blog5-content p {
  color: #606060;
  text-transform: capitalize;
}
.blog5-content-title {
  font-size: 26px;
  line-height: 1.56;
  color: var(--clr-text-11);
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .blog5-content-title {
    font-size: 22px;
  }
}
.blog5-content-title:hover {
  color: var(--clr-theme-1);
}
.blog5-content.white h4, .blog5-content.white p, .blog5-content.white .blg-btn a {
  color: var(--clr-common-white);
}
.blog5-meta a {
  font-size: 14px;
  color: var(--clr-theme-1);
  padding: 10px 18px;
  border: 2px solid var(--clr-theme-1);
  text-transform: uppercase;
  font-weight: var(--bd-fw-medium);
}
.blog5-meta a:hover {
  background: var(--clr-common-white);
  color: var(--clr-common-black);
}
.blog5-meta.white a {
  color: var(--clr-common-white);
  border-color: var(--clr-common-white);
}
.blog5-meta.white a:hover {
  background: var(--clr-common-white);
  color: var(--clr-theme-1);
}
.blog5_btn .blg-btn {
  color: var(--clr-theme-1);
}
.blog5_btn .blg-btn i {
  transform: translate(2px, 2px);
  transition: 0.3s;
}
.blog5_btn .blg-btn:hover i {
  transform: translate(5px, 2px);
}
.blog5_btn.white .blg-btn {
  color: var(--clr-common-white);
}
.blog5-thumb {
  height: 100%;
}
.blog5-thumb img {
  width: 100%;
  height: 100%;
}

.blog5_box {
  position: relative;
}
.blog5_box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  transform: rotate(-45deg);
  left: -15px;
  background: #F4F4F4;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .blog5_box::before {
    display: none;
  }
}

.et-triangle-blue::before {
  background: var(--clr-theme-1);
}
.et-triangle-right::before {
  left: auto;
  right: -15px;
}

.dark .blog5_box.et-gray-bg {
  background: #090C1C;
}
.dark .blog5_box::before {
  background: #090C1C;
}
.dark .blog5-content p {
  color: var(--clr-common-white);
}
.dark .blog5-content-title {
  color: var(--clr-common-white);
}
.dark .blog5-content-title:hover {
  color: var(--clr-theme-1);
}
.dark .blog5-content.white h4:hover {
  color: var(--clr-common-white);
}
.dark .et-triangle-blue::before {
  background: var(--clr-theme-1);
}

.et-news2-item {
  padding: 30px;
  background: #F8F8F8;
}
@media (max-width: 450px) {
  .et-news2-item {
    padding: 25px 20px;
  }
}
.et-news2-item:hover .et-news2-img img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.et-news2-img {
  overflow: hidden;
}
.et-news2-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 450px) {
  .et-news2-title {
    font-size: 20px;
  }
}
.et-news2-title:hover {
  color: var(--clr-theme-1);
}
.et-news2-meta ul {
  display: flex;
  column-gap: 30px;
}
@media (max-width: 450px) {
  .et-news2-meta ul {
    row-gap: 7px;
    flex-direction: column;
  }
}
.et-news2-meta ul li a {
  font-weight: 500;
  font-size: 14px;
  color: #7C7C7C;
}
.et-news2-meta ul li a i {
  font-size: 20px;
  margin-right: 7px;
}
.et-news2-meta ul li a:hover {
  color: var(--clr-theme-1);
}
.et-news2-category a {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
  padding: 0 14px;
  line-height: 1;
  height: 30px;
  line-height: 30px;
}
.et-news2-category a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.et-news3-item {
  background: var(--clr-bg-5);
  border-radius: 6px;
  padding: 30px;
  display: grid;
  grid-template-columns: 45% auto;
  grid-gap: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-news3-item {
    grid-template-columns: 100%;
  }
}
.et-news3-item:hover .et-news3-img img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.et-news3-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 450px) {
  .et-news3-title {
    font-size: 20px;
  }
}
.et-news3-title:hover {
  color: var(--clr-theme-1);
}
.et-news3-category a {
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  color: #8E8E8E;
  border: 1px solid #8E8E8E;
  border-radius: 5px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
}
.et-news3-category a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: transparent;
}
.et-news3-content p {
  color: #606060;
  margin-bottom: 30px;
}
.et-news3-meta ul {
  display: flex;
  gap: 6px 40px;
  flex-wrap: wrap;
}
.et-news3-meta ul li a {
  font-weight: 500;
  font-size: 14px;
  color: #7C7C7C;
}
.et-news3-meta ul li a i {
  margin-right: 5px;
}
.et-news3-meta ul li a b {
  color: var(--clr-text-11) 9E;
}
.et-news3-meta ul li a:hover {
  color: var(--clr-theme-1);
}
.et-news3-date {
  top: 20px;
  left: 20px;
  background: var(--clr-theme-1);
  border-radius: 6px;
}
.et-news3-date a {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: var(--clr-common-white);
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
}
.et-news3-date a b {
  color: var(--clr-text-11);
}
.et-news3-img {
  overflow: hidden;
}

.et-news3-widget {
  background: var(--clr-bg-5);
  border-radius: 6px;
  padding: 40px;
}
@media (max-width: 450px) {
  .et-news3-widget {
    padding: 30px 25px;
  }
}

.et-news3-w-title {
  font-weight: 600;
  font-size: 20px;
  color: var(--clr-text-11);
  text-transform: capitalize;
  margin-bottom: 40px;
}
.et-news3-w-search {
  position: relative;
}
.et-news3-w-search input {
  border: 0;
  border-bottom: 1px solid #D5D5D5;
  display: block;
  width: 100%;
  height: 60px;
  padding-left: 10px;
  padding-right: 30px;
  background: transparent;
}
.et-news3-w-search i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--clr-theme-1);
}
.et-news3-w-category ul li {
  line-height: 1;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.et-news3-w-category ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.et-news3-w-category ul li a {
  font-weight: 400;
  font-size: 16px;
  color: var(--clr-text-11);
  display: block;
}
.et-news3-w-category ul li a span {
  float: right;
}
.et-news3-w-category ul li a:hover {
  color: var(--clr-theme-1);
  padding-left: 10px;
}
.et-news3-w-post-item {
  display: grid;
  grid-template-columns: 23% auto;
  grid-gap: 20px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D5D5D5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 450px) {
  .et-news3-w-post-item {
    grid-gap: 15px;
  }
}
.et-news3-w-post-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.et-news3-w-post-item:hover .et-news3-w-post-img img {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}
.et-news3-w-post-img {
  overflow: hidden;
}
.et-news3-w-post-text h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 7px;
}
.et-news3-w-post-text h5:hover {
  color: var(--clr-theme-1);
}
.et-news3-w-post-meta ul {
  display: flex;
  gap: 0 40px;
  flex-wrap: wrap;
}
.et-news3-w-post-meta ul li a {
  font-weight: 500;
  font-size: 14px;
  color: #7C7C7C;
}
.et-news3-w-post-meta ul li a b {
  color: rgba(22, 26, 51, 0.6196078431);
}
.et-news3-w-post-meta ul li a i {
  margin-right: 5px;
}
.et-news3-w-post-meta ul li a:hover {
  color: var(--clr-theme-1);
}
.et-news3-w-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.et-news3-w-tag a {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: #979797;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  padding: 3px 8px;
}
.et-news3-w-tag a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: transparent;
}
.et-news3-w-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .et-news3-w-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .et-news3-w-gallery {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .et-news3-w-gallery {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 450px) {
  .et-news3-w-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.et-news3-w-gallery a {
  position: relative;
  overflow: hidden;
}
.et-news3-w-gallery a img {
  width: 100%;
}
.et-news3-w-gallery a::before {
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--clr-common-white);
  z-index: 1;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
}
.et-news3-w-gallery a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--clr-theme-1) 0%, var(--clr-theme-4) 100%);
  opacity: 0;
  visibility: hidden;
}
.et-news3-w-gallery a:hover::after {
  opacity: 0.6;
  visibility: visible;
}
.et-news3-w-gallery a:hover::before {
  opacity: 1;
  visibility: visible;
}
.et-news3-w-gallery a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.et-news2-d-auth-meta {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.et-news2-d-auth-meta.border-bottom {
  border-bottom: 1px solid #D4D4D4;
}
.et-news2-d-meta {
  display: flex;
  gap: 15px 40px;
  align-items: center;
  flex-wrap: wrap;
}
.et-news2-d-meta a {
  font-weight: 500;
  font-size: 14px;
  color: #7C7C7C;
  text-transform: capitalize;
}
.et-news2-d-meta a i {
  font-size: 20px;
  margin-right: 6px;
}
.et-news2-d-meta a b {
  color: var(--clr-text-11);
  -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-news2-d-meta a:hover {
  color: var(--clr-theme-1);
}
.et-news2-d-meta a:hover b {
  color: var(--clr-theme-1);
}
.et-news2-d-cat {
  border: 1px solid #8E8E8E;
  border-radius: 5px;
  height: 30px;
  padding: 0 15px;
  line-height: 28px;
  display: inline-block;
}
.et-news2-d-cat:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border: 1px solid transparent;
}
.et-news2-d-social ul {
  display: flex;
  gap: 5px 13px;
  flex-wrap: wrap;
}
.et-news2-d-social ul li a {
  width: 26px;
  height: 26px;
  border: 1px solid #E8E8E8;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  color: #7C7C7C;
}
.et-news2-d-social ul li a:hover {
  border-color: var(--clr-theme-1);
  color: var(--clr-theme-1);
}
.et-news2-d-social ul li:first-child a {
  border-color: transparent;
}
.et-news2-d-date {
  position: absolute;
  top: 40px;
  left: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  background: var(--clr-theme-1);
  border-radius: 6px;
  color: var(--clr-common-white);
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
}
.et-news2-d-title {
  font-size: 38px;
  color: var(--clr-text-11);
}
@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-news2-d-title {
    font-size: 32px;
  }
}
.et-news2-d-subtitle {
  font-size: 32px;
  color: var(--clr-text-11);
}
@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-news2-d-subtitle {
    font-size: 26px;
  }
}
.et-news2-d-text {
  line-height: 29px;
  text-transform: capitalize;
  color: var(--clr-text-17);
}
.et-news2-d-blockquote {
  background: #F3F3F3;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 45px 80px 35px 80px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-news2-d-blockquote {
    padding: 35px 50px 30px 50px;
  }
}
@media (max-width: 450px) {
  .et-news2-d-blockquote {
    padding: 35px 30px 30px 30px;
  }
}
.et-news2-d-blockquote::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: var(--clr-theme-1);
  border-radius: 0px 10px 10px 0px;
  width: 5px;
  height: 219px;
  transform: translateY(-50%);
}
.et-news2-d-blockquote-text {
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--clr-text-11);
  margin-bottom: 25px;
}
.et-news2-d-blockquote blockquote {
  margin: 0;
}
.et-news2-d-blockquote-icon {
  margin-bottom: 15px;
}
.et-news2-d-blockquote-name {
  position: relative;
  padding-left: 185px;
  text-transform: capitalize;
  color: var(--clr-text-11);
  font-size: 14px;
}
@media (max-width: 450px) {
  .et-news2-d-blockquote-name {
    padding-left: 100px;
  }
}
.et-news2-d-blockquote-name::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 165px;
  height: 1px;
  background: #A0A0A0;
  position: absolute;
}
@media (max-width: 450px) {
  .et-news2-d-blockquote-name::before {
    width: 80px;
  }
}
.et-news2-d-tag {
  display: flex;
  gap: 5px 20px;
  align-items: center;
}
.et-news2-d-tag-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 0;
}
.et-news2-d-tag-wrap.border-top-bottom {
  border-top: 1px solid var(--clr-border-21);
  border-bottom: 1px solid var(--clr-border-21);
  padding: 30px 0;
}
.et-news2-d-tag ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.et-news2-d-tag ul li a {
  font-size: 14px;
  text-transform: capitalize;
  background: var(--clr-bg-11);
  border-radius: 2px;
  display: inline-block;
  height: 33px;
  padding: 0 20px;
  line-height: 34px;
}
.et-news2-d-tag ul li a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.et-news2-d-writer {
  border: 1px solid var(--clr-border-20);
  border-radius: 10px;
  padding: 33px 43px;
  display: flex;
  gap: 20px 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-news2-d-writer {
    flex-wrap: wrap;
    flex-direction: column;
    padding: 30px 20px;
  }
}
.et-news2-d-writer-name {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--clr-text-11);
  margin-bottom: 10px;
}
.et-news2-d-writer-text {
  text-transform: capitalize;
  color: var(--clr-text-17);
  line-height: 29px;
  margin-bottom: 0;
}
.et-news2-d-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.et-news2-d-nav-dot {
  width: 66px;
  height: 66px;
  background: var(--clr-theme-1);
  line-height: 66px;
  text-align: center;
  border-radius: 50%;
}
.et-news2-d-nav-item a {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
@media (max-width: 450px) {
  .et-news2-d-nav-item a {
    gap: 0 10px;
  }
}
.et-news2-d-nav-item a i {
  width: 52px;
  height: 52px;
  line-height: 52px;
  border: 1px solid var(--clr-border-19);
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: #7C7C7C;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 450px) {
  .et-news2-d-nav-item a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}
.et-news2-d-nav-item a:hover {
  color: var(--clr-theme-1);
}
.et-news2-d-nav-item a:hover i {
  border-color: var(--clr-theme-1);
  color: var(--clr-theme-1);
}
@media (max-width: 450px) {
  .et-news2-d-nav-item:nth-child(2) {
    display: none;
  }
}
.et-news2-d-related-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 0;
  flex-wrap: wrap;
}
.et-news2-d-related-navigation {
  display: flex;
  gap: 5px 15px;
}
.et-news2-d-related-navigation button {
  height: 38px;
  width: 38px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--clr-border-13);
  line-height: 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;
  color: var(--clr-border-13);
}
.et-news2-d-related-navigation button:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: transparent;
}
.et-news2-d-related-title {
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
  color: var(--clr-text-11);
}
@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-news2-d-related-title {
    font-size: 30px;
  }
}

.et-news2-comment {
  background: var(--clr-bg-5);
  border-radius: 10px;
  padding: 60px;
}
@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-news2-comment {
    padding: 45px;
  }
}
@media (max-width: 450px) {
  .et-news2-comment {
    padding: 20px;
  }
}

.et-news2-d-img img {
  border-radius: 6px;
}

.et-news2-comment-title {
  font-weight: 600;
  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) {
  .et-news2-comment-title {
    font-size: 30px;
  }
}

/*----------------------------------------*/
/*  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);
}

/*----------------------------------------*/
/*  11. ACCORDIONG CSS START
/*----------------------------------------*/
.custom-gx-5 {
  --bs-gutter-x: 50px;
}
@media (max-width: 575px) {
  .custom-gx-5 {
    --bs-gutter-x: 0px;
  }
}

.bd-faq__accordion .accordion-button {
  font-size: 18px;
  font-weight: var(--bd-fw-bold);
  padding-right: 55px;
  height: 60px;
  padding-left: 30px;
  background: var(--clr-common-white);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq__accordion .accordion-button {
    padding-left: 20px;
    font-size: 16px;
  }
}
.bd-faq__accordion .accordion-button:focus {
  z-index: 3;
  border: none;
  outline: 0;
  box-shadow: none;
}
.bd-faq__accordion .accordion-button:not(.collapsed) {
  content: "\f067";
  box-shadow: none;
  border: 0;
  background: linear-gradient(0deg, var(--clr-theme-1) 0%, var(--clr-theme-3) 100%);
  color: var(--clr-common-white);
}
.bd-faq__accordion .accordion-button:not(.collapsed)::after {
  background: none;
  transform: rotate(180deg);
  content: "\f068";
  position: absolute;
  right: 10px;
  top: 50%;
  height: 40px;
  width: 40px;
  background-color: var(--clr-common-white);
  color: var(--clr-common-heading);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--bd-ff-fontawesome);
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button:not(.collapsed)::after {
    right: 15px;
  }
}
.bd-faq__accordion .accordion-button::after {
  background: none;
  color: var(--clr-common-white);
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  height: 40px;
  width: 40px;
  background-color: var(--clr-common-heading);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--bd-ff-fontawesome);
  font-weight: 400;
  -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-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button::after {
    right: 15px;
  }
}
.bd-faq__accordion .accordion-item {
  margin-bottom: 20px;
  border: 0;
}
.bd-faq__accordion .accordion-item:first-of-type .accordion-button {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -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);
}
.bd-faq__accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.bd-faq__accordion .accordion-collapse {
  border: 0;
}
.bd-faq__accordion .accordion-body {
  padding: 20px 30px 5px 30px;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-body {
    padding: 20px 15px 5px 15px;
  }
}
.bd-faq__accordion .accordion-body p {
  margin-bottom: 0;
  margin-top: 3px;
}

/*----------------------------------------*/
/*  22. HISTORY CSS START
/*----------------------------------------*/
.history__thunb img {
  border-radius: 10px;
}

.history__tab .nav-tabs {
  border-bottom: 0;
  border-bottom: 0;
  justify-content: center;
  gap: 155px;
  display: inline-flex;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .history__tab .nav-tabs {
    gap: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .history__tab .nav-tabs {
    gap: 70px;
  }
}
@media (max-width: 575px) {
  .history__tab .nav-tabs {
    gap: 45px 60px;
  }
}
.history__tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
}
.history__tab .nav-tabs::before {
  position: absolute;
  content: "";
  width: calc(100% - 35px);
  height: 2px;
  background: #f3f3f3;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .history__tab .nav-tabs::before {
    width: calc(90% - 35px);
  }
}
@media (max-width: 575px) {
  .history__tab .nav-tabs::before {
    gap: 60px;
  }
}
.history__tab .nav-link {
  position: relative;
  color: #cdcecf;
  padding: 0;
  border: none;
  font-weight: 500;
}
.history__tab .nav-link::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50px;
  left: 50%;
  transform: translateX(-50%);
  top: -23px;
  background: linear-gradient(var(--clr-common-white), var(--clr-common-white)) padding-box, linear-gradient(90deg, #1f242c, #1f242c) border-box;
  border: 2px solid transparent;
  border-radius: 50px;
}
.history__tab .nav-link.active::after {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--clr-theme-1), var(--clr-theme-3)) border-box;
  border: 2px solid transparent;
  border-radius: 50px;
}

.history__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) {
  .history__content-wrapper {
    margin-right: 0px;
  }
}
.history__content h2 {
  font-size: 40px;
  margin-bottom: 15px;
}
@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) {
  .history__content h2 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .history__content h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .history__content h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .history__content h2 {
    font-size: 26px;
  }
}
.history__content p {
  max-width: 550px;
  margin-bottom: 35px;
}
.history__thunb {
  position: relative;
}
@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) {
  .history__thunb-wrapper {
    margin-right: 0;
  }
}

.play__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.play__btn a {
  width: 100px;
  height: 100px;
  background-color: var(--clr-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s infinite;
  font-size: 20px;
  border-radius: 50%;
  color: var(--clr-common-heading);
}
.play__btn a:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-history-wrapper {
    margin-left: 10px;
  }
}
.bd-ud-history-padd {
  padding-top: 115px;
  padding-bottom: 120px;
}
@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-history-padd {
    padding-bottom: 65px;
  }
}
.bd-ud-history-content {
  background: var(--clr-common-white);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 50px 40px 30px 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bd-ud-history-content.mr-75 {
    margin-right: 55px;
  }
}
@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-history-content.mr-75 {
    margin-right: 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-history-content.ml-40 {
    margin-left: 0;
  }
}
@media (max-width: 450px) {
  .bd-ud-history-content {
    padding: 30px 20px 10px 20px;
  }
}
.bd-ud-history-img {
  max-width: 614px;
  max-height: 614px;
}
.bd-ud-history-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-history-img.ml-40 {
    margin-left: 0;
  }
}
.bd-ud-history-time {
  position: absolute;
  background: var(--clr-common-white);
  display: inline-block;
  height: 32px;
  padding: 0 14px;
  background: var(--clr-common-white);
  box-shadow: 0px 4px 63px rgba(14, 132, 225, 0.12);
  border-radius: 6px;
  font-size: 18px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-theme-1);
  line-height: 34px;
  top: 87px;
  right: -38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-history-time {
    right: -5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-history-time {
    right: auto;
    left: -25px;
    top: 40px;
  }
}
.bd-ud-history-time.left {
  right: auto;
  left: -38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-history-time.left {
    left: -5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-ud-history-time.left {
    left: -25px;
  }
}
.bd-ud-history-title {
  font-size: 36px;
  margin-bottom: 22px;
}
@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-history-title {
    font-size: 30px;
  }
}
@media (max-width: 450px) {
  .bd-ud-history-title {
    font-size: 25px;
  }
}
.bd-ud-history-text {
  color: var(--clr-text-19);
}
.bd-ud-history-item {
  position: relative;
}
.bd-ud-history-item::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 84px;
  background: var(--clr-common-white);
  left: 49%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-history-item::before {
    left: 52%;
  }
}
@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-history-item::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: -70px;
  }
}
@media (max-width: 450px) {
  .bd-ud-history-item::before {
    width: 30px;
    height: 30px;
    left: -35px;
  }
}
.bd-ud-history-item::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 96px;
  background: var(--clr-theme-1);
  left: 49%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-history-item::after {
    left: 52%;
  }
}
@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-history-item::after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: -58px;
  }
}
@media (max-width: 450px) {
  .bd-ud-history-item::after {
    left: -28px;
    top: 91px;
  }
}
.bd-ud-history-item-wrapper {
  position: relative;
}
@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-history-item-wrapper {
    padding-left: 50px;
  }
}
@media (max-width: 450px) {
  .bd-ud-history-item-wrapper {
    padding-left: 20px;
  }
}
.bd-ud-history-item-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 49%;
  border-left: 1px dashed var(--clr-border-15);
  width: 1px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-ud-history-item-wrapper::before {
    left: 52%;
  }
}
@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-history-item-wrapper::before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    left: 0;
  }
}

/*----------------------------------------*/
/*  27. PRICING CSS START
/*----------------------------------------*/
.pricing-tab .nav-tabs {
  border: none;
}
.pricing-tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
}
.pricing-tab .nav .nav-item {
  padding-left: 0px;
}
.pricing-tab .nav .nav-item .nav-link {
  padding: 7px 60px;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: rgba(255, 0, 0, 0);
  position: relative;
  outline: none;
  font-size: 16px;
  border: none;
  z-index: 2;
  color: var(--clr-common-heading);
}
.pricing-tab .nav .nav-item .nav-link.active {
  color: var(--clr-theme-1);
}
.pricing-tab .nav .nav-item .nav-link.active::after {
  right: 10px;
}
.pricing-tab .nav .nav-item .nav-link::after {
  position: absolute;
  content: "";
  right: -32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  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%;
  z-index: 1;
}
.pricing-tab .nav .nav-item .nav-link::before {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  background: var(--clr-border-2);
  width: 80px;
  height: 40px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 20px;
  border: 1px solid var(--clr-theme-1);
}
.pricing-tab .nav .nav-item:last-child .nav-link {
  padding-right: 0;
}
.pricing-tab .nav .nav-item:last-child .nav-link::after {
  display: none;
}
.pricing-tab .nav .nav-item:last-child .nav-link::before {
  display: none;
}
.pricing-tab .nav .nav-item:first-child .nav-link {
  padding-left: 0;
}

.membership__box {
  padding: 40px 40px;
  box-shadow: 0px 10px 40px rgba(12, 29, 74, 0.08);
  border-radius: 8px;
  background: var(--clr-common-white);
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
  height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .membership__box {
    padding: 40px 30px;
  }
}
.membership__tittle p {
  color: rgba(255, 0, 0, 0);
  margin-bottom: 50px;
}
.membership__info h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.membership__info span {
  font-size: 28px;
  font-weight: 900;
  color: var(--clr-theme-1);
}
.membership__price p {
  font-size: 15px;
  color: rgba(255, 0, 0, 0);
}
.membership__list {
  padding: 15px 0;
}
.membership__list ul li {
  margin-bottom: 5px;
}
.membership__list ul li i {
  color: var(--clr-theme-1);
  margin-right: 15px;
}

.Popular__plan {
  position: absolute;
  background: var(--clr-theme-1)-2;
  top: -30px;
  right: -84px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 0, 0, 0);
  text-align: center;
  padding: 62px 72px 6px;
  transform: rotate(48deg);
}
.Popular__plan span {
  width: 70px;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

.bd-pricing {
  background: var(--clr-common-white);
  padding: 45px 50px 50px 50px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-pricing {
    padding: 45px 25px 50px 25px;
  }
}
.bd-pricing-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  -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;
}
.bd-pricing-price {
  font-size: 60px;
  line-height: 1.16;
  color: 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;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-pricing-price {
    font-size: 50px;
  }
}
.bd-pricing-price span {
  font-size: 24px;
  font-weight: 500;
  color: var(--clr-common-heading);
  -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-pricing ul li {
  font-size: 16px;
  line-height: 1;
  list-style: none;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-pricing ul li i {
  font-size: 16px;
  color: var(--clr-theme-1);
  margin-right: 13px;
  -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-pricing-btn .theme-btn,
.bd-pricing-btn .theme-btn-black {
  width: 100%;
}
.bd-pricing.bd-pricing-active {
  background: var(--clr-theme-1);
}
.bd-pricing.bd-pricing-active .bd-pricing-subtitle,
.bd-pricing.bd-pricing-active .bd-pricing-price,
.bd-pricing.bd-pricing-active .bd-pricing-price span,
.bd-pricing.bd-pricing-active ul li,
.bd-pricing.bd-pricing-active ul li i {
  color: var(--clr-common-white);
}
.bd-pricing.bd-pricing-active .theme-btn {
  background: var(--clr-body-heading);
}

/*----------------------------------------*/
/*  12. BRAND CSS START
/*----------------------------------------*/
.pt-405 {
  padding-top: 405px;
}

.brand__area {
  position: relative;
  margin-top: -290px;
  z-index: 5;
}
.brand__overlay {
  position: relative;
}
.brand__overlay:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  background-color: rgb(31, 36, 44);
  opacity: 0.961;
  top: 0;
  left: 0;
  z-index: -1;
}
.brand__title span {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
  margin-bottom: 45px;
  display: block;
}
@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) {
  .brand__title span {
    margin-top: 20px;
  }
}

.singel__brand a img {
  opacity: 20%;
}
.singel__brand:hover a img {
  opacity: 100%;
}

.partner__area {
  border-top: 1px solid var(--clr-border-10);
}

.brand__title {
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand__title {
    margin-bottom: 30px;
    text-align: center;
  }
}
.brand__item a img {
  opacity: 0.4;
}
.brand__item a img:hover {
  opacity: 1;
}

.bd-ud-brand-space {
  margin-top: 0;
}

.brand4-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand4-slide {
  text-align: center;
}
.brand4-slide img {
  max-width: 100%;
  opacity: 0.5;
}
.brand4-slide:hover img {
  opacity: 1;
}

.brand5-slide {
  text-align: center;
}
@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) {
  .brand5-slide img {
    max-width: 140px;
  }
}

/*----------------------------------------*/
/*  17. FAQ CSS START
/*----------------------------------------*/
.faq__banner-area {
  min-height: 450px;
  position: relative;
  background: var(--clr-bg-grey-3);
  z-index: 5;
}
.faq__banner-thumb {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 575px) {
  .faq__banner-thumb {
    display: none;
  }
}
.faq__banner-title h2 {
  font-size: 60px;
  margin-bottom: 50px;
  color: var(--clr-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__banner-title h2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__banner-title h2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__banner-title h2 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .faq__banner-title h2 {
    font-size: 36px;
  }
}
.faq__info-warapper {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.faq__search-input {
  position: relative;
}
.faq__search-input input {
  height: 60px;
  width: 100%;
  background: var(--clr-common-white);
  border: 0;
  padding-left: 20px;
  padding-right: 150px;
  position: relative;
  font-size: 16px;
  outline: none;
  text-transform: capitalize;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .faq__search-input input {
    padding-right: 20px;
  }
}
.faq__search-input input::placeholder {
  color: var(--clr-text-4);
}
.faq__search-input button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 39px;
  height: 60px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  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;
  outline: none;
  box-shadow: none;
  color: var(--clr-common-white);
  background-position: 100% 100%;
  background-size: 300% 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;
}
.faq__search-input button:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .faq__search-input button {
    position: static;
    margin-top: 20px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
  }
}

.faq__topic-items {
  background: transparent;
  border: 1px solid #edeef2;
  padding: 50px 25px 35px 25px;
  -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;
  -webkit-box-shadow: 0 30px 60px rgba(10, 25, 87, 0.07);
  -moz-box-shadow: 0 30px 60px rgba(10, 25, 87, 0.07);
  -ms-box-shadow: 0 30px 60px rgba(10, 25, 87, 0.07);
  -o-box-shadow: 0 30px 60px rgba(10, 25, 87, 0.07);
  box-shadow: 0 30px 60px rgba(10, 25, 87, 0.07);
  background-color: var(--clr-common-white);
}
.faq__topic-icon {
  transition: 0.3s;
}
.faq__topic-icon img {
  margin-bottom: 33px;
}
.faq__topic-content h4 a {
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__topic-content h4 a {
    font-size: 20px;
  }
}
.faq__topic-content h4 a:hover {
  color: var(--clr-theme-1);
}
.faq__topic-content p {
  margin-bottom: 0;
}

.faq4-area .section-title {
  line-height: 1.18;
}

.accordion4-wrapper {
  background-color: var(--clr-common-white);
  padding: 35px 60px 35px 60px;
  border: 1px solid rgba(128, 128, 128, 0.1019607843);
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .accordion4-wrapper {
    padding: 34px 20px 35px 20px;
  }
}
.accordion4-wrapper .accordion-body {
  padding: 0;
}
.accordion4-wrapper .accordion-body p {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #161A33;
}
.accordion4-wrapper::before {
  content: "";
  position: absolute;
  width: 608px;
  height: 608px;
  left: 50%;
  top: 0;
  background: linear-gradient(180deg, rgba(243, 250, 255, 0.5) 0%, rgba(239, 61, 30, 0.5) 100%);
  filter: blur(217px);
  z-index: -1;
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .accordion4-wrapper::before {
    display: none;
  }
}
.accordion4-wrapper .accordion-item {
  border: 0;
  background: none;
}
.accordion4-wrapper .accordion-item button {
  box-shadow: none;
  color: #161A33;
  padding: 25px 20px 25px 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  background: none;
}
@media (max-width: 575px) {
  .accordion4-wrapper .accordion-item button {
    font-size: 20px;
  }
}
.accordion4-wrapper .accordion-item button::after {
  font-family: var(--bd-ff-fontawesome);
  content: "\f068";
  background-image: none;
  top: 25px;
  position: absolute;
  right: 0;
}
.accordion4-wrapper .accordion-item button:not(.collapsed)::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  font-weight: 400;
}
.accordion4-wrapper .accordion-item button.collapsed::after {
  font-family: var(--bd-ff-fontawesome);
  content: "\f067";
  background-image: none;
  font-weight: 400;
}
.accordion4-wrapper .accordion-item button:not(.collapsed) {
  color: var(--clr-theme-1);
  background: none;
}
.accordion4-wrapper .accordion-item:not(:first-child) {
  border-top: 1px solid #ddd;
}

/*----------------------------------------*/
/*  30. TEAM CSS START
/*----------------------------------------*/
.singel__team-thumb {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.singel__team-thumb img {
  width: 100%;
}
.singel__team-thumb:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: transparent;
  background-image: linear-gradient(180deg, var(--clr-theme-3) 35%, var(--clr-theme-1) 100%);
  z-index: 1;
}

.singel__team-content {
  position: absolute;
  content: "";
  bottom: 50%;
  left: 0;
  right: 0;
  max-width: 300px;
  padding: 20px 15px 20px;
  text-align: center;
  margin: auto;
  transform: translateY(50%);
  opacity: 0;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-bottom: -60px;
  z-index: 5;
}

.singel__team-item:hover .singel__team-thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.singel__team-item:hover .singel__team-thumb::before {
  opacity: 0.8;
  visibility: visible;
}
.singel__team-item:hover .singel__team-content {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0;
}

.singel__team-content h3 a {
  color: var(--clr-common-white);
  display: block;
  margin-bottom: 5px;
}
.singel__team-content span {
  color: var(--clr-common-white);
  margin-bottom: 10px;
  display: block;
  text-transform: capitalize;
}

.singel__team-social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.singel__team-social a {
  color: var(--clr-common-white);
  font-size: 18px;
}
.singel__team-social a:hover {
  color: var(--clr-theme-1);
}

.singel__team-thumb:hover::before {
  opacity: 0.8;
  visibility: visible;
}
.singel__team-thumb:hover .singel__team-content {
  opacity: 1;
  visibility: visible;
  margin-bottom: 0;
}

.founder-sub__title {
  font-size: 14px;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-theme-1);
}

.founder-section__title {
  font-size: 50px;
}

.team__founder-main {
  margin-left: 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) {
  .team__founder-main {
    margin-left: 0;
  }
}
.team__founder-thumb {
  padding-right: 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) {
  .team__founder-thumb {
    padding-right: 0;
  }
}
.team__founder-thumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.team__founder-info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 40px;
}
.team__founder-item {
  display: flex;
  gap: 25px;
  align-items: center;
}
.team__founder-item-icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  color: var(--clr-common-white);
  -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%);
}
.team__founder-item-icon:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--clr-bg-grey-4);
}
.team__founder-text .contact a {
  font-weight: var(--bd-fw-bold);
  font-size: 20px;
}
.team__founder-text .contact a:hover {
  color: var(--clr-theme-1);
}
.team__founder-text .title {
  font-size: 14px;
  color: var(--clr-text-4);
}

.archivement__box {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archivement__box {
    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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .archivement__box {
    padding-left: 0px;
  }
}
.archivement__title h3 {
  font-size: 26px;
  margin-bottom: 25px;
}
.archivement__title p {
  margin-bottom: 33px;
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .archivement__title p {
    font-size: 16px;
  }
}

.bd-ud-team {
  overflow: hidden;
}
.bd-ud-team-item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.bd-ud-team-img {
  position: relative;
}
.bd-ud-team-img::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(14, 132, 225, 0) 0%, var(--clr-theme-1) 100%);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: bottom;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.bd-ud-team-text {
  bottom: 20px;
  left: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-ud-team-title {
  font-size: 22px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  margin-bottom: 5px;
}
.bd-ud-team-subtitle {
  font-weight: var(--bd-fw-medium);
  color: var(--clr-common-white);
}
.bd-ud-team-social {
  top: 30px;
  right: 30px;
}
.bd-ud-team-social-icon {
  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;
  transform-origin: top center;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.bd-ud-team-social-icon ul li a {
  width: 30px;
  height: 30px;
  background: var(--clr-bg-1);
  display: inline-block;
  margin-bottom: 10px;
  color: var(--clr-common-white);
  text-align: center;
  line-height: 31px;
}
.bd-ud-team-social-icon ul li a:hover {
  background: var(--clr-theme-1);
}
.bd-ud-team-share {
  width: 30px;
  height: 30px;
  background: var(--clr-common-white);
  display: inline-block;
  margin-bottom: 10px;
  color: var(--clr-theme-1);
  text-align: center;
  line-height: 31px;
  cursor: pointer;
}
.bd-ud-team-item:hover .bd-ud-team-text {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}
.bd-ud-team-item:hover .bd-ud-team-img::before {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.bd-ud-team-item:hover .bd-ud-team-social-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.bd-ud-team-pagination .swiper-pagination-bullet {
  border: 1px solid transparent;
  position: relative;
  margin: 0 10px;
  background: var(--clr-text-18);
  opacity: 1;
}
.bd-ud-team-pagination .swiper-pagination-bullet-active {
  border: 1px solid var(--clr-theme-1);
  background: var(--clr-theme-1);
}
.bd-ud-team-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid var(--clr-theme-1);
  top: -7px;
  left: -7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.bd-ud-team-view-wrapper {
  display: flex;
  gap: 65px;
  justify-content: end;
}
@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-team-view-wrapper {
    justify-content: space-between;
  }
}
@media (max-width: 450px) {
  .bd-ud-team-view-wrapper {
    gap: 25px;
    justify-content: space-between;
  }
}
.bd-ud-team-view span {
  text-transform: uppercase;
  color: var(--clr-text-11);
  font-weight: var(--bd-fw-sbold);
}
.bd-ud-team-view span a {
  color: var(--clr-theme-1);
}
.bd-ud-team-view span i {
  margin-left: 8px;
  font-size: 14px;
  color: var(--clr-theme-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) {
  .et-team-single-content.ml-35 {
    margin-left: 0;
  }
}
.et-team-single-social {
  top: 90px;
  left: 100px;
}
@media (max-width: 575px) {
  .et-team-single-social {
    top: 30px;
    left: 30px;
  }
}
.et-team-single-social-icon {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: top 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;
}
.et-team-single-social-icon ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--clr-bg-1);
  margin: 6px auto;
  color: var(--clr-common-white);
  line-height: 50px;
  font-size: 20px;
}
@media (max-width: 450px) {
  .et-team-single-social-icon ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}
.et-team-single-social-icon ul li a:hover {
  background: var(--clr-theme-1);
}
.et-team-single-share > i {
  width: 66px;
  height: 66px;
  background: var(--clr-common-white);
  line-height: 68px;
  font-size: 40px;
  text-align: center;
  color: var(--clr-theme-1);
  margin-bottom: 15px;
  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;
}
@media (max-width: 450px) {
  .et-team-single-share > i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
}
.et-team-single-share:hover > i {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.et-team-single-share:hover .et-team-single-social-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.et-team-single-title {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .et-team-single-title {
    font-size: 30px;
  }
}
.et-team-single-subtitle {
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--clr-theme-1);
  border-bottom: 1px solid #D5D5D5;
  display: block;
  padding-bottom: 30px;
  margin-bottom: 40px;
}
.et-team-single-text {
  color: #484848;
}
.et-team-single-contact {
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  padding: 30px 0 20px 0;
}
.et-team-single-contact ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.et-team-single-contact ul li a {
  font-weight: 500;
  color: #161A33;
  margin-bottom: 10px;
  display: inline-block;
}
.et-team-single-contact ul li a i {
  margin-right: 10px;
  color: var(--clr-theme-1);
  font-size: 20px;
}
.et-team-single-contact ul li a:hover {
  color: var(--clr-theme-1);
}
.et-team-single-tab-area .nav-tabs {
  border-bottom: 1px solid #B4B4B4;
  margin-bottom: 35px;
  padding-bottom: 22px;
}
.et-team-single-tab-area .nav-tabs button {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  text-transform: capitalize;
  color: #161A33;
  padding: 0;
  margin: 0;
  border: none !important;
  position: relative;
  border-right: 2px solid #8E8E8E !important;
  padding-right: 40px;
  margin-right: 40px;
  border-radius: 0;
  position: relative;
  margin-bottom: 10px;
  text-align: start;
}
@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) {
  .et-team-single-tab-area .nav-tabs button {
    font-size: 20px;
    margin-right: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .et-team-single-tab-area .nav-tabs button {
    margin-right: 20px;
    padding-right: 20px;
    font-size: 20px;
  }
}
.et-team-single-tab-area .nav-tabs button:last-child {
  border: none !important;
  padding: 0;
  margin: 0;
}
.et-team-single-tab-area .nav-tabs button.nav-link {
  position: relative;
}
.et-team-single-tab-area .nav-tabs button.nav-link.active {
  color: var(--clr-theme-1);
  border-right: 2px solid #8E8E8E;
  position: relative;
  background: transparent;
}
.et-team-single-tab-bg {
  background: #F3F3F3;
  padding: 60px 57px 25px 57px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .et-team-single-tab-bg {
    padding: 40px 30px 10px 30px;
  }
}
.et-team-single-tab-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.et-team-single-tab-content {
  margin-bottom: 30px;
}
.et-team-single-tab-content h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px;
}
.et-team-single-tab-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
  color: #484848;
}

/*----------------------------------------*/
/*  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: 1200px) and (max-width: 1399px) {
  .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__description {
  position: relative;
  padding-left: 45px;
  max-width: 450px;
}
@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;
}
.cta__description::before {
  height: 70px;
  width: 1px;
  background: var(--clr-common-white);
  opacity: 0.2;
  position: absolute;
  content: "";
  top: -8px;
  left: 0px;
}
@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;
  }
}
.cta-contact__info {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .cta-contact__info {
    flex-wrap: wrap;
  }
}
.cta__number-icon {
  height: 60px;
  width: 60px;
  min-height: 60px;
  display: inline-block;
  line-height: 60px;
  background-color: var(--clr-common-white);
  text-align: center;
  border-radius: 50%;
}
.cta__number-text span {
  color: #8f96a0;
  margin-bottom: 3px;
  display: block;
}
.cta__number-text h3 a {
  color: var(--clr-common-white);
}
.cta__number-text h3 a:hover {
  color: var(--clr-theme-1);
}

.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%;
}

/*----------------------------------------
  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;
}

/*----------------------------------------*/
/*  33. ARTIFICIAL CSS START
/*----------------------------------------*/
.et-artificial {
  z-index: 1;
}
.et-artificial-wrapper {
  padding-top: 105px;
  padding-bottom: 135px;
}
.et-artificial-img-wrap {
  bottom: 0;
  right: 0;
}
.et-artificial::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-bg-1);
  opacity: 0.7;
  z-index: -1;
}
.et-artificial-content p {
  color: var(--clr-common-white);
  margin-bottom: 100px;
}

.et-artificial-shape {
  z-index: -1;
  top: -50px;
  z-index: -1;
}
.et-artificial-shape img {
  width: 100%;
}

.et-artificial-shape-2 {
  right: -155px;
  animation: et-rotate 7s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .et-artificial-shape-2 {
    right: 0;
  }
}

.et-artificial-shape-1 {
  left: 80px;
  animation: et-rotate 7s linear infinite reverse;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .et-artificial-shape-1 {
    left: 0;
  }
}

/*----------------------------------------*/
/*  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: #ffff;
  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;
}

/*# sourceMappingURL=main.css.map */