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

    Theme Name: Dairy Farm & Eco Milk Products HTML5 Template
    Author: Bdevs
    Support: https://www.devsnews.com/support/
    Description: Dairy Farm & Eco Milk Products 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. OVERLAY CSS START
	09. PRELODER CSS START
	10. SECTION TITLE CSS START
	11. ABOUT CSS START
	12. ACCORDIONG CSS START
	13.	BRAND CSS START
	14.	CONTACT CSS START
	15.	COUNTER CSS START
	16.	CTA CSS START
	17.	ERROR CSS START
	18.	FEATURES CSS START
	19.	FOOTER CSS START
	20.	GALLERY CSS START
	21.	GOOGLE CSS START
	22.	HEADER CSS START
	23.	HERO CSS START
	24.	LOGIN CSS START
	25.	MEAN MENU CSS START
	26.	NEWS CSS START 
	27.	PROCESS  CSS STAR
	28. PRODUCT  CSS START
	29.	SERVICCE CSS START
	30.	SKILL CSS START
	31. TEAM CSS START
	32. TESTIMONIAL CSS START
	33. TIMELINE CSS START
	34. VIDEO CSS START
**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Rubik:wght@400;500;600;700&display=swap");
:root {
  /**
  @font family declaration
  */
  --bd-ff-body: 'Rubik', sans-serif;;
  --bd-ff-heading: 'Quicksand', 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: #c9c9c9;
  --clr-common-placeholder-2: #c4c4c4;
  --clr-common-placeholder-3: #999999;
  --clr-common-heading: #1C1D1B;
  --clr-common-body-text: #404a3d;
  --clr-theme-1: #5b8c51;
  --clr-theme-2: #eddd5e;
  --clr-theme-3: #EEAA36;
  --clr-theme-4: #E66D6D;
  --clr-theme-5: #AF6C1F;
  --clr-text-1: #abb3a9;
  --clr-text-2: #777777;
  --clr-text-3: #707070;
  --clr-text-4: #788175;
  --clr-text-5: #dbdbdb;
  --clr-text-6: #bcbcbc;
  --clr-text-7: #c5cfc2;
  --clr-text-8: #465243;
  --clr-text-9: #899386;
  --clr-text-10: #999999;
  --clr-text-11: #bfbfbf;
  --clr-text-12: #93887b;
  --clr-text-13: #0b3d2c;
  --clr-text-14: #d4d4d4;
  --clr-text-15: #c5c5c5;
  --clr-text-16: #cbcbcb;
  --clr-bg-pyrite-green: #404a3d;
  --clr-bg-grey-1: #f1eedf;
  --clr-bg-grey-2: #f7f7f7;
  --clr-bg-green: #283026;
  --clr-border-1: #e8e8e8;
  --clr-border-2: #e7e7e7;
  --clr-border-3: #343c32;
  --clr-border-4: #515c4e;
  --clr-border-5: #ececec;
  --clr-border-6: #e9e9e9;
  --clr-border-7: #d9dbd8;
  --clr-border-8: #f1f1f1;
  --clr-border-9: #efefef;
  --clr-border-10: #cecdbf;
  --clr-border-11: #f2f2f2;
  --clr-border-12: #cbc8b7;
  --clr-border-13: #ededed;
  --clr-border-14: #eeeeee;
  --clr-border-15: #d0d0d0;
  --clr-border-16: #f1f1f1;
  --clr-border-17: #ededed;
  --clr-border-18: #f4f4f4;
  --clr-border-19: #dedac7;
  --clr-footer-1: #b0b9ae;
  --clr-footer-2: #E5DDD9;
  --clr-footer-3: #E5DDD9;
  --clr-footer-4: #cddfc9;
  --clr-footer-5: #7b8479;
  /**
  @font weight declaration
  */
  --bd-fw-normal: normal;
  --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;
  text-transform: uppercase;
  color: var(--clr-common-body-text);
}

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);
  font-weight: var(--bd-fw-sbold);
}

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

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

ul {
  margin: 0px;
  padding: 0px;
}

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

a,
.btn,
button,
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-body-text);
  opacity: 1;
  font-size: 16px;
}

*::placeholder {
  color: var(--clr-common-body-text);
  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;
}

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

.hr-1 {
  border-top: 1px solid #e8e8e8;
}

/*----------------------------------------
    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 {
  height: 45px;
  display: inline-flex;
  align-items: center;
  width: 45px;
  justify-content: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: var(--clr-text-13);
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
  border: 2px solid var(--clr-border-14);
}
.bd-basic__pagination ul li a i {
  color: var(--clr-text-13);
  font-size: 18px;
}
.bd-basic__pagination ul li a:hover {
  background-color: var(--clr-theme-2);
  color: var(--clr-common-body-text);
  border-color: transparent;
}
.bd-basic__pagination ul li span {
  height: 45px;
  display: inline-flex;
  align-items: center;
  width: 45px;
  justify-content: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: var(--clr-text-13);
  font-weight: var(--bd-fw-sbold);
  font-size: 14px;
  background: var(--clr-theme-2);
  color: var(--clr-common-body-text);
}
.bd-basic__pagination.s-2 ul li a {
  border: 1px solid var(--clr-border-12);
}
.bd-basic__pagination.s-2 ul li a:hover {
  border: 1px solid var(--clr-theme-2);
}

/*----------------------------------------
   Custom check input
-----------------------------------------*/
input.e-check-input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  min-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;
}
input.e-check-input:checked {
  position: relative;
  background-color: var(--clr-theme-1);
  border-color: transparent;
}
input.e-check-input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  font-size: 10px;
  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%);
}

/*----------------------------------------*/
/*  03.BACKGROUND COLOR CSS START
/*----------------------------------------*/
/*--- Background color
-----------------------------------------*/
.white-bg {
  background-color: var(--clr-common-white);
}

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

.pg-bg {
  background-color: #612d2e;
}

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

.green-bg-2 {
  background-color: var(--clr-theme-1);
}

.green-bg {
  background-color: #4e141a;
}

/*----------------------------------------*/
/*  05. BUTTTON CSS START
/*----------------------------------------*/
.bd-hero__btn-1 {
  height: 60px;
  display: inline-flex;
  background-color: var(--clr-theme-2);
  padding: 0 35px;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-hero__btn-1:hover {
  background-image: repeating-linear-gradient(12deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(102deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(192deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(282deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px);
  background-size: 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px, 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1.5s infinite linear;
  background-color: transparent;
  color: var(--clr-common-white);
}

.bd-hero__btn-2 {
  height: 58px;
  display: inline-flex;
  padding: 0 40px;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: repeating-linear-gradient(12deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(102deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(192deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px), repeating-linear-gradient(282deg, #fff, #fff 17px, transparent 17px, transparent 24px, #fff 24px);
  background-size: 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px, 1px calc(100% + 24.54px), calc(100% + 24.54px) 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  animation: borderAnimation 1.5s infinite linear;
  color: var(--clr-common-white);
}
.bd-hero__btn-2:hover {
  background-color: var(--clr-theme-2);
  background-image: none;
}

@keyframes borderAnimation {
  from {
    background-position: 0 0, -13.46px 0, 100% -13.46px, 0 100%;
  }
  to {
    background-position: 0 -13.46px, 0 0, 100% 0, -13.46px 100%;
  }
}
.bd-hero__btn-3 {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 60px;
  background-color: var(--clr-theme-1);
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
  text-transform: uppercase;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-hero__btn-3::after {
  top: 0;
  left: 0;
  content: "";
  z-index: -4;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  border-radius: 5px;
  background: var(--clr-theme-2);
  -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-hero__btn-3:hover::after {
  width: 100%;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.bd-hero__btn-4 {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 60px;
  background-color: var(--clr-theme-2);
  display: inline-flex;
  align-items: center;
  padding: 0 40px;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-hero__btn-4 i {
  margin-left: 15px;
}
.bd-hero__btn-4::after {
  top: 0;
  left: 0;
  content: "";
  z-index: -4;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: absolute;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: var(--clr-theme-1);
  -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-hero__btn-4:hover {
  color: var(--clr-common-white);
}
.bd-hero__btn-4:hover::after {
  width: 100%;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  visibility: visible;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.bd-link__btn {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-link__btn:hover {
  color: var(--clr-theme-1);
}

.bd-link__btn-2 {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-text-6);
  text-transform: uppercase;
}
.bd-link__btn-2:hover {
  color: var(--clr-theme-1);
}

.bd-theme__btn-1 {
  --border-color: rgb(64, 74, 61);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 60px;
  background: transparent;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}
.bd-theme__btn-1:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  opacity: 20%;
}
.bd-theme__btn-1:hover {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}

.bd-theme__btn-2 {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  position: relative;
  height: 60px;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-theme__btn-2:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  opacity: 20%;
}
.bd-theme__btn-2:hover {
  --border-color: rgb(64, 74, 61);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  background-color: transparent;
}
.bd-theme__btn-2:hover::after {
  opacity: 20%;
}

.bd-theme__btn-3 {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  position: relative;
  height: 60px;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-theme__btn-3:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-theme__btn-3:hover {
  --border-color: var(--clr-footer-1);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  background-color: transparent;
  color: var(--clr-footer-1);
}

.bd-theme__btn-4 {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 60px;
  background: transparent;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-theme__btn-4:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-theme__btn-4:hover {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}

.bd-theme__btn-5 {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  position: relative;
  height: 60px;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-theme__btn-5:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  opacity: 40%;
}
.bd-theme__btn-5:hover {
  --border-color: var(--clr-common-white);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  background-color: transparent;
  color: var(--clr-common-white);
}

.bd-theme__btn-6 {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 60px;
  background: transparent;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-white);
}
.bd-theme__btn-6:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  opacity: 40%;
}
.bd-theme__btn-6:hover {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}

.bd-theme__btn-7 {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 60px;
  background: transparent;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
}
.bd-theme__btn-7:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-theme__btn-7 i {
  padding-left: 10px;
}
.bd-theme__btn-7:hover {
  --border-color: var(--clr-theme-1);
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}

.bd-product__cta-btn {
  --border-color: rgb(81, 92, 78);
  --border-weight: 2px;
  --dash-size: 12px;
  --gap-size: 10px;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  height: 50px;
  width: 50px;
  justify-content: space-evenly;
  align-items: center;
}
.bd-product__cta-btn:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-product__cta-btn:hover {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}
.bd-product__cta-btn i {
  color: var(--clr-text-4);
  font-size: 20px;
}

.bd-contact__btn {
  height: 60px;
  background: var(--clr-theme-2);
  padding: 0 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
}
.bd-contact__btn:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.shop-action__btn {
  display: inline-flex;
  height: 40px;
  background: var(--clr-theme-1);
  align-items: center;
  padding: 0 20px;
  color: var(--clr-common-white);
  font-size: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.shop-action__btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-text-13);
}

.bd-fill__btn {
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-theme-2);
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  -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;
  padding: 0px 40px;
}
.bd-fill__btn:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}

.bd-fill__btn-2 {
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  -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;
  padding: 0px 40px;
}
.bd-fill__btn-2:hover {
  background-color: var(--clr-theme-2);
  color: var(--clr-common-body-text);
}

.bd-services__btn {
  height: 50px;
  display: inline-flex;
  background-color: var(--clr-theme-2);
  padding: 28px;
  align-items: center;
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
  width: 100%;
  justify-content: center;
}
.bd-services__btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}

.bd-login__btn {
  display: inline-flex;
  height: 60px;
  background-color: var(--clr-theme-1);
  align-items: center;
  padding: 0 45px;
  color: var(--clr-common-white);
  font-size: 16px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--clr-theme-1);
  justify-content: space-evenly;
  font-weight: var(--bd-fw-medium);
  text-transform: capitalize;
  -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;
  justify-content: center;
}
.bd-login__btn i {
  padding-right: 7px;
}
.bd-login__btn:hover {
  background: none;
  border: 1px solid var(--clr-theme-1);
  color: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  06. CAROUSEL CSS START
/*----------------------------------------*/
.bd-gallery__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-gallery__button {
    justify-content: start;
  }
}
.bd-gallery__button button {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 60px;
  background: transparent;
  display: inline-flex;
  border-radius: 6px;
  overflow: hidden;
  padding: 0px 35px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  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;
}
.bd-gallery__button button:after {
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}

.bd-gallery__button button.active {
  --border-color: var(--clr-theme-1);
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
  -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-gallery__image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.bd-gallery__navigatin {
  display: flex;
  gap: 25px;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 55;
}
@media (max-width: 575px) {
  .bd-gallery__navigatin {
    display: none;
  }
}
.bd-gallery__navigatin button {
  --border-color: rgb(64, 74, 61);
  --border-weight: 2px;
  --dash-size: 12px;
  --gap-size: 10px;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  height: 50px;
  width: 50px;
  justify-content: space-evenly;
  align-items: center;
}
.bd-gallery__navigatin button:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  opacity: 20%;
}
.bd-gallery__navigatin button:hover {
  --border-color: var(--clr-theme-1);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  background-color: var(--clr-theme-1);
}
.bd-gallery__navigatin button:hover i {
  color: var(--clr-common-white);
}

.bd-testimonial__navigatin {
  position: absolute;
  top: 20px;
  z-index: 55;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-testimonial__navigatin {
    display: none;
  }
}
.bd-testimonial__navigatin button {
  --border-color: var(--clr-border-10);
  --border-weight: 2px;
  --dash-size: 12px;
  --gap-size: 10px;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  height: 50px;
  width: 50px;
  justify-content: space-evenly;
  align-items: center;
}
.bd-testimonial__navigatin button:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-testimonial__navigatin button:hover {
  --border-color: var(--clr-theme-1);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  background-color: var(--clr-theme-1);
}
.bd-testimonial__navigatin button:hover i {
  color: var(--clr-common-white);
}

.bd-product__navigatin {
  position: absolute;
  right: 0;
  top: -120px;
  z-index: 55;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__navigatin {
    display: none;
  }
}
.bd-product__navigatin.s-2 button i {
  color: var(--clr-common-white);
  color: var(--clr-common-body-text);
}
.bd-product__navigatin.s-2 button:hover i {
  color: var(--clr-common-white);
}
.bd-product__navigatin button {
  --border-color: var(--clr-border-10);
  --border-weight: 2px;
  --dash-size: 12px;
  --gap-size: 10px;
  background-color: transparent;
  position: relative;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  height: 50px;
  width: 50px;
  justify-content: space-evenly;
  align-items: center;
}
.bd-product__navigatin button i {
  color: var(--clr-common-white);
}
.bd-product__navigatin button:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-product__navigatin button:hover {
  --border-color: var(--clr-theme-1);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 1px;
  background-color: var(--clr-theme-1);
}
.bd-product__navigatin button:hover i {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/* 07. OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__close button {
  font-size: 16px;
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  font-size: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.offcanvas__close button i {
  color: var(--clr-common-white);
}
.offcanvas__close button:hover {
  background: var(--clr-common-heading);
}
.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;
}
@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__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-body-text);
}
.offcanvas__search input::placeholder {
  color: var(--bd-text-1);
}
.offcanvas__search input:focus {
  border-color: var(--clr-common-heading);
}
.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: 14px;
  color: var(--bd-text-1);
}
.offcanvas__text p {
  margin-bottom: 25px;
}
.offcanvas__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-bold);
}
.offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas__contact ul li:hover i {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border-color: var(--clr-theme-1);
}
.offcanvas__contact ul li:hover a {
  color: var(--clr-theme-1);
}
.offcanvas__contact-icon i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  border: 1px solid var(--clr-border-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.offcanvas__contact-text a {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-body-text);
}
.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__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.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;
  line-height: 42px;
  text-align: center;
  border: 1px solid var(--clr-border-2);
  color: var(--clr-theme-1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.offcanvas__social ul li a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  border: 1px solid var(--clr-theme-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);
}

.cartmini__close button {
  position: absolute;
  top: 17px;
  right: 20px;
  background: transparent;
  color: var(--clr-common-heading);
  font-size: 22px;
}
.cartmini__close button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cartmini__title {
  padding: 20px 20px;
  border-bottom: 1px solid var(--clr-border-14);
  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);
}
.cartmini__title h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__inner ul li {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  padding-right: 35px;
  border-bottom: 1px solid rgba(71, 15, 15, 0.2);
  transition: background-color 0.3s;
}
.cartmini__inner ul li:hover {
  background: var(--tp-gray);
}
.cartmini__thumb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clr-border-18);
  margin-right: 15px;
}
.cartmini__thumb img {
  width: 90px;
  height: 90px;
}
.cartmini__content h5 {
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 500;
}
.cartmini__content h5 a:hover {
  color: var(--clr-theme-1);
}
.cartmini__del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: var(--clr-common-heading);
  font-size: 12px;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.cartmini__del:hover {
  background: var(--clr-theme-1);
}
.cartmini__del:hover i {
  color: var(--clr-common-white);
}
.cartmini__checkout {
  padding: 20px;
  padding-bottom: 85px;
  width: 100%;
  background: var(--clr-common-white);
}
.cartmini__checkout-title h4 {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
.cartmini__checkout-title span {
  float: right;
  font-size: 20px;
  color: var(--clr-common-heading);
  font-weight: 600;
  color: var(--clr-theme-1);
}

.cart-plus,
.cart-minus {
  width: 25px;
  height: 30px;
  border: 1px solid var(--clr-border-14);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.cart-plus:hover,
.cart-minus:hover {
  cursor: pointer;
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 16px;
  border: none;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}
.cart-input:focus {
  outline: none;
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
}

.cartmini__checkout-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.added-to-cart {
  position: fixed;
  right: 0;
  display: none;
  background-color: var(--clr-common-white);
  z-index: 99;
  top: 20%;
  padding-right: 40px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-right: 2px solid var(--clr-theme-1);
}
.added-to-cart i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border-radius: 0;
  margin-right: 15px;
}
.added-to-cart p {
  margin-bottom: 0;
  color: var(--clr-common-body-text);
}
.added-to-cart span {
  width: 25px;
  height: 25px;
  background: var(--clr-theme-1);
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 50px;
  margin-left: 10px;
  color: var(--clr-common-white);
  font-size: 16px;
}

.added-to-wishlist {
  position: fixed;
  right: 0;
  display: none;
  background-color: var(--clr-common-white);
  z-index: 99;
  top: 20%;
  padding-right: 40px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-right: 2px solid var(--clr-theme-1);
}
.added-to-wishlist i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border-radius: 0;
  margin-right: 15px;
}
.added-to-wishlist p {
  margin-bottom: 0;
  color: var(--clr-common-body-text);
}
.added-to-wishlist span {
  width: 25px;
  height: 25px;
  background: var(--clr-theme-1);
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 50px;
  margin-left: 10px;
  color: var(--clr-common-white);
  font-size: 16px;
}

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

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 0%;
  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;
}

.shoping__sidebar {
  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: 900;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
@media (max-width: 575px) {
  .shoping__sidebar {
    width: 300px;
  }
}
.shoping__sidebar.cart-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

/*----------------------------------------*/
/*  10. SECTION TITLE CSS START
/*----------------------------------------*/
.bd-sub__title {
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-theme-1);
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.bd-sub__title.s-2 {
  color: var(--clr-theme-2);
}

.bd-section__title {
  font-size: 60px;
  color: var(--clr-common-body-text);
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-section__title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-section__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-section__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .bd-section__title {
    font-size: 30px;
  }
  .bd-section__title br {
    display: none;
  }
}
.bd-section__title.s-2 {
  letter-spacing: -2px;
}
.bd-section__title.s-3 {
  color: var(--clr-common-white);
}
.bd-section__title.white {
  color: var(--clr-common-white);
}
.bd-section__paragraph {
  font-size: 18px;
}

/*----------------------------------------*/
/*  08. OVERLAY CSS START
/*----------------------------------------*/
.footer__overlay {
  position: relative;
}
.footer__overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #283026;
  opacity: 1;
  mix-blend-mode: darken;
  top: 0;
  left: 0;
  z-index: -1;
}

.video__overlay {
  position: relative;
  z-index: 1;
}
.video__overlay::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-theme-1);
  opacity: 1;
  top: 0;
  z-index: -1;
  mix-blend-mode: multiply;
}

.hero__overlay {
  position: relative;
  z-index: 2;
}
.hero__overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.8;
  z-index: -1;
}

.team-overlay {
  position: relative;
  z-index: 2;
}
.team-overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #404a3d;
  top: 0;
  opacity: 1;
  z-index: -1;
  mix-blend-mode: multiply;
}

.postbox__overlay {
  position: relative;
  min-height: 115px;
}
.postbox__overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #0b3d2c;
  opacity: 0.902;
}

.gallery__overlay {
  position: relative;
}
.gallery__overlay::before {
  position: absolute;
  content: "";
  min-height: 460px;
  width: 100%;
  background-color: var(--clr-bg-grey-1);
  top: 0;
}

/*----------------------------------------*/
/*  04. BREAADCRUMB CSS START
/*----------------------------------------*/
.Breadcrumb__height {
  height: 450px;
}

.bd-breadcrumb__menu {
  margin-bottom: 13px;
}
.bd-breadcrumb__menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 25px;
}
.bd-breadcrumb__menu ul li {
  list-style: none;
  position: relative;
  line-height: 1;
}
.bd-breadcrumb__menu ul li:not(:last-child):after {
  display: inline-block;
  content: "\f105";
  position: absolute;
  right: -16px;
  top: 50%;
  font-family: var(--bd-ff-fontawesome);
  color: var(--clr-text-12);
  font-size: 16px;
  transform: translateY(-50%);
}
.bd-breadcrumb__menu ul li span {
  font-size: 16px;
  color: var(--clr-theme-2);
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
}
.bd-breadcrumb__menu ul li span a {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-light);
}

.bd-breadcrumb__title h2 {
  font-size: 100px;
  color: var(--clr-common-white);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-breadcrumb__title h2 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-breadcrumb__title h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-breadcrumb__title h2 {
    font-size: 45px;
  }
}

/*----------------------------------------*/
/*  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);
  }
}
@-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);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes circleMoveRight {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(25%, 16%);
    transform: translate(25%, 16%);
  }
}
@keyframes circleMoveRight {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(25%, 16%);
    transform: translate(25%, 16%);
  }
}
@-webkit-keyframes circleMoveLeft {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(-25%, 16%);
    transform: translate(-25%, 16%);
  }
}
@keyframes circleMoveLeft {
  0% {
    -webkit-transform: translate(5px, -5px);
    transform: translate(5px, -5px);
  }
  to {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0px, 0px);
  }
}
/*----------------------------------------*/
/*  09. PRELODER CSS START
/*----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
}

.preloader .color-1 {
  background-color: #EEAA36 !important;
}

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

.rubix-cube .layer {
  width: 14px;
  height: 14px;
  background-color: #0b3d2c;
  border: 1px solid #FFF;
  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;
  }
}
/*----------------------------------------*/
/*  25. 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: 10px 0;
  color: var(--clr-common-black);
  border-top: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #404a3d;
}
.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-body-text);
  top: 0;
  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);
}

/*----------------------------------------*/
/*  22. HEADER CSS START
/*----------------------------------------*/
#header-sticky.header-sticky {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 555;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -ms-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -o-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--clr-common-white);
  z-index: 199;
  -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: 768px) and (max-width: 991px) {
  #header-sticky.bd-header__area.header-sticky {
    background-color: #e8deb6;
  }
	.bgnew{
	background:#62302d;
	}
}

@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-sticky.bd-header__area-2.header-sticky {
    padding: 10px 0;
  }
}

.header-sticky .bd-header__area {
  background-color: var(--clr-theme-1);
}
.header-sticky .bd-header__menu-wrapper-3 {
  padding-left: 0;
}
.header-sticky .bd-header__logo {
  margin: 0;
  width: 140px;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.header-sticky .bd-header__logo img {
  width: 149px;
}
.header-sticky .bd-header__logo-2 img {
  width: 130px;
}
.header-sticky .bd-header__logo-3 {
  height: 80px;
  width: 150px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.header-sticky .bd-header__main {
  padding-top: 0;
}
.header-sticky .bd-header__main-3 {
  margin-top: 0;
}
.header-sticky .bd-header__main-3 a img {
  height: 50px;
}

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

.bd-header__top-area {
  padding: 6.5px 0;
}
.bd-header__top-area .container {
  max-width: 1920px;
}
.bd-header__logo {
  margin-top: -40px;
  margin-bottom: -20px;
  position: relative;
  z-index: 5;
  background-color: var(--clr-theme-1);
  width: 260px;
  -webkit-border-radius: 0px 0px 6px 0px;
  -moz-border-radius: 0px 0px 6px 0px;
  -o-border-radius: 0px 0px 6px 0px;
  -ms-border-radius: 0px 0px 6px 0px;
  border-radius: 0px 0px 6px 0px;
  overflow: hidden;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header__logo {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 140px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	  
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header__logo img {
    width: 149px;
  }
}
.bd-header__contact-spacing {
  margin-left: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-header__contact-spacing {
    margin-left: 255px;
  }
}
.bd-header__contact ul li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
}
@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-header__contact ul li {
    margin-right: 20px;
  }
}
.bd-header__contact ul li a {
  color: var(--clr-text-1);
  font-size: 14px;
}
.bd-header__contact ul li a:hover {
  color: var(--clr-theme-2);
}
.bd-header__contact ul li a i {
  margin-right: 7px;
  color: var(--clr-theme-2);
}
.bd-header__contact ul li:last-child {
  margin-right: 0;
}
.bd-header__contact ul li span {
  color: var(--clr-text-1);
  font-size: 14px;
}
.bd-header__contact ul li span i {
  margin-right: 7px;
  color: var(--clr-theme-2);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header__contact ul li span {
    display: none;
  }
}
.bd-header__social ul {
  margin-right: 5px;
}
.bd-header__social ul li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}
.bd-header__social ul li a {
  font-size: 14px;
  color: var(--clr-text-1);
}
.bd-header__social ul li a:hover {
  color: var(--clr-theme-2);
}
.bd-header__social ul li:last-child {
  margin-right: 0;
}
.bd-header__action-icon button {
  height: 80px;
  width: 80px;
  background: var(--clr-theme-2);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 575px) {
  .bd-header__action-icon button {
    display: none;
  }
}
.bd-header__hamburger-icon button {
  height: 80px;
  width: 80px;
  background: #e8deb6;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.bd-header__right.right-2 .bd-header__action-icon button {
  height: 60px;
  width: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.bd-header__right.right-2 .bd-header__hamburger-icon button {
  height: 60px;
  width: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.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: 1920px) {
  .main-menu ul li {
    margin-right: 40px;
  }
	.bd-header__contact01 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 20px;
  }
}
.main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  color: var(--clr-common-heading);
  padding: 32px 0;
  font-weight: var(--bd-fw-medium);
  -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: 2px;
  width: 0%;
  left: auto;
  right: 0;
  background: var(--clr-theme-1);
  bottom: 0px;
}
.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;
  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);
  -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);
  -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 30px;
  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);
}
.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: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 {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu-2 ul li {
  margin-right: 15px;
}

.bd-header__area-2 .container {
  max-width: 1630px;
}
.bd-header__top-area-2 {
  padding-top: 5px;
  padding-bottom: 53px;
}
.bd-header__right.spacing {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(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) {
  .bd-header__right.spacing {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.bd-header__logo-3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 140px;
  width: 240px;
  background-color: var(--clr-theme-1);
  display: flex;
  align-items: center;
  justify-content: space-around;
  -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;
}
@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) {
  .bd-header__logo-3 {
    height: 80px;
    width: 150px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 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) {
  .bd-header__logo-3 img {
    height: 50px;
  }
}
.bd-header__menu-wrapper-3 {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__menu-wrapper-3 {
    padding-left: 0;
  }
}
.bd-header__main-3 {
  background: var(--clr-common-white);
  padding: 0 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  margin-top: -45px;
  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) {
  .bd-header__main-3 {
    padding: 27px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__main-3 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 0 20px;
  }
}
@media (max-width: 575px) {
  .bd-header__main-3 ul li a {
    display: none;
    padding: 37px 0;
  }
}
.bd-header__action ul li {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}

.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__toggle.header_search-open {
  opacity: 1;
  visibility: visible;
}
.bd-search__form {
  position: absolute;
  top: 60px;
  right: -100%;
  padding: 16px 30px 30px 30px;
  background-color: var(--clr-theme-1);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.bd-search__form input {
  height: 60px;
  width: 270px;
  background: var(--clr-theme-1);
  padding-right: 25px;
  border: none;
  border-bottom: 1px solid var(--clr-border-1);
  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-black);
  opacity: 1;
  font-size: 16px;
}
.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;
}

.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%);
  right: 0;
}
.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-search__box {
  position: relative;
}

/*----------------------------------------*/
/*  23. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 850px;
}
@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: 750px;
  }
}

.bd-hero__content {
  margin-top: -90px;
}
.bd-hero__content span {
  font-size: 24px;
  color: var(--clr-common-white);
  display: block;
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .bd-hero__content span {
    font-size: 22px;
  }
}
.bd-hero__content h2 {
  font-size: 120px;
  font-weight: var(--bd-fw-bold);
  text-transform: uppercase;
  color: var(--clr-common-white);
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1920px) {
  .bd-hero__content 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) {
  .bd-hero__content h2 {
    font-size: 85px;
  }
}
@media (max-width: 575px) {
  .bd-hero__content h2 {
    font-size: 50px;
  }
}
.bd-hero__content p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 45px;
}

.bd-hero__btn-wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .bd-hero__btn-wrapper {
    gap: 20px;
  }
}

.bd-hero__banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  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;
}

.swiper-slide-active .bd-hero__banner {
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
}

.hero-height-2 {
  min-height: 1190px;
  margin-top: 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) {
  .hero-height-2 {
    min-height: 700px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-height-2 {
    min-height: 900px;
  }
}

.bd-hero__content-2 {
  padding-top: 255px;
}
@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-hero__content-2 {
    padding-top: 0;
  }
}
.bd-hero__content-2 span {
  font-size: 24px;
  display: block;
  margin-bottom: 5px;
}
.bd-hero__content-2 h2 {
  font-size: 120px;
  margin-bottom: 35px;
  line-height: 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: 1200px) and (max-width: 1399px) {
  .bd-hero__content-2 h2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content-2 h2 {
    font-size: 85px;
  }
}
@media (max-width: 575px) {
  .bd-hero__content-2 h2 {
    font-size: 50px;
  }
}

.bd-header__area-3 {
  position: absolute;
  width: 100%;
}

.hero__height-3 {
  min-height: 885px;
}
@media (max-width: 575px) {
  .hero__height-3 {
    min-height: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height-3 {
    min-height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height-3 {
    min-height: 700px;
  }
}

.bd-hero__box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__box {
    gap: 35px;
    justify-content: center;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__box {
    gap: 35px;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__box {
    gap: 25px;
  }
}

.bd-hero__content-3 span {
  font-size: 24px;
  color: var(--clr-common-white);
  margin-bottom: 5px;
  display: block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content-3 span {
    margin-bottom: 15px;
  }
}
.bd-hero__content-3 h2 {
  font-size: 120px;
  color: var(--clr-common-white);
  margin-bottom: 40px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero__content-3 h2 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__content-3 h2 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content-3 h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .bd-hero__content-3 h2 {
    font-size: 50px;
  }
}

.bd-hero__shape-inner {
  display: inline-block;
  height: 250px;
  width: 250px;
  background: var(--clr-common-body-text);
  text-align: center;
  line-height: 250px;
  border-radius: 500%;
  position: relative;
  z-index: 2;
}
@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) {
  .bd-hero__shape-inner {
    height: 200px;
    width: 200px;
    line-height: 200px;
  }
}
@media (max-width: 575px) {
  .bd-hero__shape-inner {
    display: none;
  }
}

.bd-hero__shape {
  position: relative;
}
.bd-hero__shape:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-theme-2);
  z-index: -1;
  border-radius: 50%;
  left: -10px;
  top: 10px;
  -webkit-animation-name: circleMoveLeft;
  animation-name: circleMoveLeft;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  will-change: transform;
}

/*----------------------------------------*/
/*  18. FEATURES CSS START
/*----------------------------------------*/
.bd-features__wrapper {
  position: relative;
  width: 100%;
  margin-top: -40px;
  z-index: 11;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-features__wrapper {
    margin-top: 0;
  }
}
.bd-features__top {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.bd-features__top span {
  font-size: 16px;
  padding: 17px 90px;
  background: var(--clr-theme-2);
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  text-align: center;
  display: block;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-features__top span {
    padding: 17px 20px;
  }
}
.bd-features__item {
  padding: 0px 50px;
  position: relative;
}
@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), (max-width: 575px) {
  .bd-features__item {
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-features__item {
    padding: 0px 20px;
  }
}
.bd-features__item:hover .bd-features__icon {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  -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-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}
.bd-features__item::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #ececec 50.04%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-features__item::after {
    right: -15px;
  }
}
.bd-features__item-wrapper {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: 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);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-features__item-wrapper {
    -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;
  }
}
.bd-features .row [class*=col-]:last-child .bd-features__item::after {
  display: none;
}
.bd-features__top-icon {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.bd-features__icon {
  padding: 30px 30px;
  display: inline-block;
  margin-bottom: 35px;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23EFEFEFFF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 100px;
  -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-features__content h3 {
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 12px;
  color: var(--clr-common-body-text);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-features__content h3 {
    font-size: 20px;
  }
}
.bd-features__content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-features__content p {
  margin-bottom: 30px;
  color: var(--clr-text-2);
}

/*----------------------------------------*/
/*  11. ABOUT CSS START
/*----------------------------------------*/
.bd-about__image-wrapper-2 {
  height: 565px;
}
@media (max-width: 575px) {
  .bd-about__image-1 {
    width: 100%;
  }
}
.bd-about__image-2 {
  margin-top: -110px;
}
@media (max-width: 575px) {
  .bd-about__image-2 {
    margin-top: 30px;
  }
}
.bd-about__image-2 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-about__image-2 img {
    width: 100%;
  }
}
.bd-about__image-3 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  max-width: 100%;
}
.bd-about__image-4 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  max-width: 100%;
}
.bd-about__content-wrapper {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__content-wrapper {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-wrapper {
    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-about__content-wrapper {
    padding-left: 0px;
  }
}
.bd-about__content-box {
  margin-right: 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) {
  .bd-about__content-box {
    margin-right: 0;
  }
}
.bd-about__content-box-3 {
  margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__content-box-3 {
    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) {
  .bd-about__content-box-3 {
    margin-left: 0;
  }
}
.bd-about__features-wrapper {
  display: flex;
  gap: 60px;
}
@media (max-width: 575px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__features-wrapper {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.bd-about__shape {
  width: 100px;
  height: 100px;
  background: #4e141a;
  text-align: center;
  line-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 110px;
  right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__shape {
    right: -25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__shape {
    right: 0px;
  }
}
@media (max-width: 575px) {
  .bd-about__shape {
    display: none;
  }
}
.bd-about__shape-2 {
  width: 100px;
  height: 100px;
  background-color: #4e141a;
  text-align: center;
  line-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 17%;
  bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__shape-2 {
    left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__shape-2 {
    left: -30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about__shape-2 {
    display: none;
  }
}
.bd-about__dashed-icon {
  position: absolute;
  top: -17px;
  left: -16px;
}
.bd-about__features-list ul li {
  list-style: none;
  color: var(--clr-text-2);
  display: flex;
}
.bd-about__features-list ul li i {
  margin-right: 15px;
  color: var(--clr-common-body-text);
}
.bd-about__features-title h4 {
  margin-bottom: 20px;
  font-weight: var(--bd-fw-bold);
}
.bd-about__experience {
  background: var(--clr-theme-2);
  padding: 18px 30px 30px 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-about__experience .number {
  font-size: 80px;
  font-weight: var(--bd-fw-bold);
  line-height: 1;
  font-family: var(--bd-ff-heading);
}
.bd-about__experience p {
  font-size: 14px;
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  margin-bottom: 0;
  line-height: 1;
  color: var(--clr-common-body-text);
  text-transform: uppercase;
}
.bd-about__experience .plus {
  font-size: 20px;
  font-weight: var(--bd-fw-bold);
}
.bd-about__cercle {
  height: 160px;
  width: 160px;
  background-color: var(--clr-theme-2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 120px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about__cercle {
    right: 0;
  }
}
.bd-about__award {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--clr-border-6);
  border-bottom: 1px solid var(--clr-border-6);
  flex-wrap: wrap;
}
.bd-about__award-content p {
  font-size: 18px;
  margin-bottom: 0;
}
.bd-about__award-content h3 {
  font-size: 24px;
}
@media (max-width: 575px) {
  .bd-about__award-content-2 h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.bd-about__border {
  border-top: 1px solid var(--clr-border-13);
  padding-top: 40px;
}
.bd-about__thumb-wrapper {
  position: relative;
  min-height: 515px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__thumb-wrapper {
    min-height: 595px;
  }
}
@media (max-width: 575px) {
  .bd-about__thumb-wrapper {
    min-height: 460px;
  }
}
.bd-about__thumb-1 {
  position: absolute;
  left: -80px;
  -webkit-transform: rotate(-37deg);
  -moz-transform: rotate(-37deg);
  -ms-transform: rotate(-37deg);
  -o-transform: rotate(-37deg);
  transform: rotate(-37deg);
  top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__thumb-1 {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__thumb-1 {
    top: 80px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__thumb-1 {
    top: 0;
  }
}
.bd-about__thumb-2 {
  position: absolute;
  top: 60px;
  transform: rotate(-18deg);
  left: 172px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__thumb-2 {
    top: 43px;
    left: 130px;
  }
}
@media (max-width: 575px) {
  .bd-about__thumb-2 {
    left: 0;
  }
}
.bd-about__thumb-3 {
  position: absolute;
  top: 220px;
  -webkit-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  transform: rotate(26deg);
  left: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__thumb-3 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__thumb-3 {
    top: 210px;
    left: 80px;
  }
}
@media (max-width: 575px) {
  .bd-about__thumb-3 {
    left: 0;
  }
}
.bd-about__list {
  margin-bottom: 40px;
}
.bd-about__list ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 15px 20px;
}
.bd-about__list li {
  list-style: none;
  height: 60px;
  line-height: 60px;
  background-color: var(--clr-common-white);
  padding-left: 20px;
  padding-right: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-about__list li img {
  margin-right: 7px;
}
.bd-about__author {
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-about__author-text span {
  color: var(--clr-theme-1);
}
.bd-about__author-text h3 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px) {
  .bd-about__author-text h3 {
    font-size: 20px;
  }
}

.about__thumb {
  width: 420px;
  height: 240px;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: 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);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__thumb {
    width: 350px;
    height: 205px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .about__thumb {
    width: 320px;
    height: 180px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about__thumb {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.about__thumb img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.about__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about__bg {
    background-position: 80%;
  }
}

/*----------------------------------------*/
/*  16. CTA CSS START
/*----------------------------------------*/
.bd-product__cta-area {
  position: relative;
  top: -60px;
}
.bd-product__cta-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  background: #4e141a;
  padding: 29px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__cta-item {
    padding: 30px 20px;
  }
}
.bd-product__cta-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-product__cta-title h3 {
  color: var(--clr-common-white);
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__cta-title h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-product__cta-title h3 {
    font-size: 18px;
  }
}

.bd-service__cta-border {
  border-top: 1px solid var(--clr-border-1);
  padding-top: 40px;
}
.bd-service__cta-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}
@media (max-width: 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) {
  .bd-service__cta-wrapper {
    gap: 30px;
    margin-bottom: 25px;
  }
}
.bd-service__cta-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: -10px;
}
.bd-service__cta-content 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: 576px) and (max-width: 767px) {
  .bd-service__cta-content h3 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .bd-service__cta-content h3 {
    font-size: 20px;
  }
}
.bd-service__cta-paragraph {
  max-width: 390px;
}
.bd-service__cta-paragraph p {
  margin-bottom: 0;
}

.bd-cta__shape {
  position: absolute;
  z-index: -1;
  right: 80px;
  bottom: 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) {
  .bd-cta__shape {
    right: 0;
  }
}
.bd-cta__input {
  position: relative;
  z-index: 2;
}
.bd-cta__input input {
  width: 100%;
  height: 60px;
  border: none;
  padding-left: 47px;
  padding-right: 25px;
  color: var(--clr-common-placeholder-2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-cta__input input::placeholder {
  color: var(--clr-common-placeholder-2);
}
.bd-cta__input i {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
.bd-cta__input-title {
  font-size: 16px;
  margin-bottom: 15px;
}

.bd-contact__icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='86' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 100px;
  min-width: 100px;
}
.bd-contact__support {
  padding: 60px 60px;
  background-color: 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);
  margin-left: 110px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-top: -135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-contact__support {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-contact__support {
    margin-left: 50px;
    padding: 60px 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-contact__support {
    margin-left: 0px;
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .bd-contact__support {
    padding: 60px 20px;
  }
}
.bd-contact__action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 25px;
}
.bd-contact__action-text span {
  font-size: 14px;
  color: var(--clr-theme-1);
}
.bd-contact__action-text h3 a {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-contact__action-text h3 a {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-contact__action-text h3 a {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .bd-contact__action-text h3 a {
    font-size: 24px;
  }
}
.bd-contact__action-text h3 a:hover {
  color: var(--clr-theme-1);
}

.bd-cta__paragraph {
  font-size: 18px;
  margin-bottom: 35px;
}
.bd-cta__map {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 575px) {
  .bd-cta__map {
    gap: 16px;
  }
}
.bd-cta__map-title span a {
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
  text-transform: uppercase;
}
.bd-cta__map-title span a:hover {
  color: var(--clr-theme-1);
}
.bd-cta__map-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  background-color: var(--clr-theme-2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-cta__input.two {
  --border-color: var(--clr-footer-1);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  background-color: transparent;
  color: var(--clr-footer-1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.bd-cta__input.two:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  z-index: -1;
}
.bd-cta__input.two input {
  background: transparent;
  text-transform: uppercase;
}
.bd-cta__input.two i {
  color: var(--clr-common-body-text);
}

/*----------------------------------------*/
/*  29.SERVICCE CSS START
/*----------------------------------------*/
.service__bg {
  position: relative;
  z-index: 5;
  background-repeat: no-repeat;
}
.service__bg:before {
  position: absolute;
  content: "";
  width: 100%;
  background: var(--clr-common-white);
  z-index: -1;
  top: 380px;
}

.bd-service__thumb {
  position: relative;
}
.bd-service__thumb img {
  margin-bottom: 35px;
  width: 200px;
  height: 200px;
  background-image: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 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;
}
.bd-service__thumb::after {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background-color: #666e64;
  top: 20px;
  left: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.bd-service__thumb-3 {
  margin-bottom: 35px;
}
.bd-service__thumb .service__text p {
  font-size: 16px;
  color: var(--clr-text-2);
}
.bd-service__thumb .service__text p a {
  font-size: 16px;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
}
.bd-service__content h3 a {
  margin-bottom: 10px;
  display: block;
}
.bd-service__content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-service__content p {
  font-size: 16px;
  color: var(--clr-text-2);
  margin-bottom: 25px;
}
.bd-service__content-2 {
  position: relative;
  background: var(--clr-common-white);
  padding: 34px 40px;
  -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: 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: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service__content-2 {
    padding: 35px 20px;
  }
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service__content-2 h3 {
    font-size: 20px;
  }
}
.bd-service__content-2 h3 a {
  font-size: 24px;
  margin-bottom: 5px;
  display: block;
}
.bd-service__content-3 h3 a {
  margin-bottom: 15px;
  display: block;
}
.bd-service__content-3 h3 a:hover {
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service__content-3 h3 a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-service__content-3 h3 a {
    font-size: 22px;
  }
}
.bd-service__content-3 p {
  color: var(--clr-text-2);
  margin-bottom: 32px;
}
.bd-service__number {
  position: absolute;
  top: 0;
  left: 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;
}
@media (max-width: 575px) {
  .bd-service__number {
    left: 35%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.bd-service__number span {
  width: 60px;
  height: 60px;
  background-color: var(--clr-theme-2);
  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%;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
}
.bd-service__item:hover .bd-service__number {
  opacity: 0;
  visibility: hidden;
}
.bd-service__item:hover .bd-service__thumb img {
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bd-service__item:hover .bd-service__thumb::after {
  opacity: 0.8;
}
.bd-service__item:hover .bd-service__arrow {
  opacity: 1;
  visibility: visible;
}
.bd-service__item-2 {
  position: relative;
}
.bd-service__item-2:hover .bd-service__hover {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.bd-service__item-2:hover .bd-service__content-2 {
  opacity: 0;
  visibility: hidden;
}
.bd-service__item-3 {
  background-color: 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);
  padding: 60px 50px 55px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
@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), (max-width: 575px) {
  .bd-service__item-3 {
    padding: 60px 20px 55px;
  }
}
.bd-service__item-3::after {
  position: absolute;
  content: "";
  background-color: var(--clr-theme-1);
  height: 4px;
  top: 0;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  right: 0;
  left: auto;
  width: 0;
}
.bd-service__item-3:hover::after {
  right: 0;
  left: 0;
  width: 100%;
}
.bd-service__arrow {
  position: absolute;
  top: 44%;
  transform: translate(-50%, -50%);
  left: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 55;
}
.bd-service__arrow a {
  color: var(--clr-common-white);
  font-size: 18px;
  padding: 5px;
}
.bd-service__icon {
  position: absolute;
  top: 20px;
  right: 40px;
  transform: translateY(-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: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-service__icon {
    top: -10px;
    right: 0;
  }
}
.bd-service__icon span {
  width: 80px;
  height: 80px;
  background-color: var(--clr-theme-1);
  display: inline-block;
  line-height: 75px;
  text-align: center;
  -webkit-border-radius: 6px 0px 0px 0px;
  -moz-border-radius: 6px 0px 0px 0px;
  -o-border-radius: 6px 0px 0px 0px;
  -ms-border-radius: 6px 0px 0px 0px;
  border-radius: 6px 0px 0px 0px;
}
@media (max-width: 575px), 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) {
  .bd-service__icon span {
    -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;
  }
}
.bd-service__overlay {
  background: var(--clr-common-body-text);
  position: relative;
  padding: 35px 40px;
  z-index: 1;
  -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;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-service__overlay {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service__overlay {
    padding: 25px 20px;
  }
}
.bd-service__overlay h3 {
  color: var(--clr-common-white);
  margin-bottom: 10px;
}
@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-service__overlay h3 {
    font-size: 20px;
  }
}
.bd-service__overlay h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-service__overlay p {
  margin-bottom: 30px;
  color: var(--clr-text-7);
}
.bd-service__stroke-text {
  font-size: 140px;
  -webkit-text-stroke: 1px var(--clr-text-8);
  line-height: 1;
  font-family: var(--bd-ff-heading);
  font-weight: var(--bd-fw-bold);
  position: absolute;
  right: 0;
  height: 100%;
  bottom: -85px;
  z-index: -1;
}
.bd-service__hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: -20px;
}
.bd-service__text {
  text-align: 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) {
  .bd-service__text {
    text-align: start;
  }
}
.bd-service__text p a {
  font-size: 15px;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-sbold);
}

.bd-services__details-title {
  font-size: 40px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-services__details-title {
    font-size: 35px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-services__details-title {
    font-size: 30px;
  }
}
.bd-services__features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 30px;
  column-gap: 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: 1200px) and (max-width: 1399px) {
  .bd-services__features-grid {
    column-gap: 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-services__features-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-services__features-icon {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.bd-services__features-icon span {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-color: var(--clr-theme-2);
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
}
.bd-services__features-item {
  padding: 30px 30px 25px 70px;
  -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);
  position: relative;
  margin-left: 40px;
}
@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: 1200px) and (max-width: 1399px) {
  .bd-services__features-item {
    padding: 30px 20px 25px 60px;
  }
}
.bd-services__features-content p {
  margin-bottom: 0;
}
.bd-services__features-content h3 {
  margin-bottom: 15px;
}
.bd-services__features-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) {
  .bd-services__features-content h3 {
    font-size: 20px;
  }
}
.bd-services__features .bd-services__details-text p {
  font-size: 17px;
}
.bd-services__features .bd-services__details-text p span {
  font-size: 18px;
  color: #31512a;
  text-decoration: underline;
}

.bd-services__delivery-item ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  column-gap: 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-services__delivery-item ul {
    column-gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.bd-services__delivery-item ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  color: var(--clr-text-2);
}
.bd-services__delivery-item ul li p {
  margin-bottom: 0;
}
.bd-services__delivery-item ul li p span {
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-common-body-text);
}
.bd-services__delivery-item ul li i {
  font-size: 20px;
  position: relative;
  margin-top: 5px;
  color: var(--clr-theme-1);
}
.bd-services__delivery-title {
  font-size: 30px;
  margin-bottom: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-services__delivery-title {
    font-size: 26px;
  }
}
.bd-services__founder {
  position: relative;
  background-color: var(--clr-common-body-text);
  padding: 55px 50px 50px 50px;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  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) {
  .bd-services__founder {
    padding: 55px 25px 50px 25px;
  }
}
.bd-services__founder-content h3 {
  color: var(--clr-common-white);
  margin-bottom: 30px;
  letter-spacing: -1px;
}
@media (max-width: 575px) {
  .bd-services__founder-content h3 {
    letter-spacing: 0;
    font-size: 22px;
  }
}
.bd-services__founder-content span {
  background-color: #fdd062;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  border-radius: 30px;
}
.bd-services__founder-icon {
  position: absolute;
  right: 0;
  top: 80px;
  overflow: hidden;
  z-index: -1;
}
.bd-services__details-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-services__details-navigation {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.bd-services__details-navigation .item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-services__details-navigation .item .content span {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--clr-text-10);
}
.bd-services__details-navigation .item .content h4 {
  font-size: 20px;
  font-weight: var(--bd-fw-bold);
}
.bd-services__details-navigation .item .content h4 a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-services__details-navigation .item.s-2 {
    flex-direction: row-reverse;
  }
}
.bd-services__details-text p {
  font-size: 18px;
}

.bd-services__sidebar {
  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), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-services__sidebar {
    margin-left: 0;
  }
}

.bd-services__sidebar-list ul {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.bd-services__sidebar-list ul li {
  list-style: none;
  line-height: 1;
}
.bd-services__sidebar-list ul li a {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  position: relative;
  padding-left: 20px;
}
.bd-services__sidebar-list ul li a::after {
  position: absolute;
  content: "\f054";
  font-family: var(--bd-ff-fontawesome);
  left: 0;
  color: var(--clr-text-10);
  font-weight: var(--bd-fw-medium);
  font-size: 13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bd-services__sidebar-list ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-services__sidebar-list ul li a:hover:after {
  color: var(--clr-theme-1);
  left: 5px;
}
.bd-services__sidebar-title h4 {
  font-size: 20px;
  font-weight: var(--bd-fw-bold);
  position: relative;
  margin-bottom: 40px;
}
.bd-services__sidebar-title h4:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  background-color: var(--clr-theme-1);
  bottom: -10px;
}
.bd-services__sidebar-input input {
  width: 100%;
  height: 50px;
  border: 0;
  background-color: var(--clr-border-18);
  padding-left: 25px;
  padding-right: 20px;
  border-radius: 6px;
}
.bd-services__sidebar-input textarea {
  height: 140px;
  width: 100%;
  border: 0;
  background-color: var(--clr-border-18);
  padding: 20px 20px 20px 25px;
  outline: none;
  border-radius: 6px;
}

/*----------------------------------------*/
/*  20. GALLERY CSS START
/*----------------------------------------*/
.bd-gallery-active {
  position: relative;
  margin-right: -375px;
}

.bd-gallery__bg {
  position: absolute;
  top: 17px;
  left: -75px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-gallery__bg {
    display: none;
  }
}
.bd-gallery__image {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.bd-gallery__image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  z-index: 1;
}
.bd-gallery__content {
  position: absolute;
  bottom: -50px;
  padding: 35px 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;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-gallery__content {
    padding: 30px 20px;
  }
}
.bd-gallery__content h3 a {
  color: var(--clr-common-white);
  margin-bottom: 12px;
  display: block;
}
.bd-gallery__content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-gallery__content p {
  color: var(--clr-common-white);
  opacity: 0.6;
  margin-bottom: 0;
}
.bd-gallery__item:hover .bd-gallery__content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.bd-gallery__item:hover .bd-gallery__image::before {
  opacity: 1;
}
.bd-gallery__slider-area {
  margin-top: -200px;
}
.bd-gallery__action {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.bd-gallery__action a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 50px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 20px;
}
.bd-gallery__action a:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-gallery__thumb {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-gallery__thumb img {
  width: 100%;
}
.bd-gallery__thumb::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-common-heading);
  opacity: 0;
  z-index: 2;
}

.bd-singel__gallery-item {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
.bd-singel__gallery-item:hover .bd-gallery__action {
  opacity: 1;
  visibility: visible;
}
.bd-singel__gallery-item:hover .bd-gallery__thumb::before {
  opacity: 0.7;
  visibility: visible;
}
.bd-singel__gallery-item:hover .bd-gallery__thumb img {
  -webkit-transform: rotate(-2deg) scale(1.1);
  -moz-transform: rotate(-2deg) scale(1.1);
  -ms-transform: rotate(-2deg) scale(1.1);
  -o-transform: rotate(-2deg) scale(1.1);
  transform: rotate(-2deg) scale(1.1);
}
.bd-singel__gallery__tumb {
  position: relative;
}
.bd-singel__gallery__tumb:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--clr-common-heading);
  opacity: 0;
}

/*----------------------------------------*/
/*  34.VIDEO CSS START
/*----------------------------------------*/
.bd-play__btn {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%235B8C51FF' stroke-width='4' stroke-dasharray='12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--clr-theme-1);
}
.bd-play__btn:hover {
  background-image: none;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-play__btn.two {
  background-color: var(--clr-common-white);
  background-image: none;
  animation: pulse 2s infinite;
}
.bd-play__btn.two:hover {
  background-color: var(--clr-theme-2);
}
.bd-play__btn.two:hover i {
  color: var(--clr-theme-1);
}

.bd-video__btn-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.video__bg {
  position: relative;
  z-index: 2;
}
.video__bg:before {
  position: absolute;
  content: "'";
  min-height: 400px;
  width: 100%;
  background-color: var(--clr-common-body-text);
  left: 0;
  right: 0;
  z-index: -1;
  top: 0;
}

.bd-video__play-button {
  height: 120px;
  width: 120px;
  display: inline-flex;
  background: var(--clr-common-white);
  align-items: center;
  justify-content: space-evenly;
  font-size: 18px;
  color: var(--clr-theme-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.bd-video__play-button:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}
.bd-video__box .play__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bd-video__thumb img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
}

/*----------------------------------------*/
/*  26. NEWS CSS START
/*----------------------------------------*/
.bd-news__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 35px;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .bd-news__meta {
    gap: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-news__meta {
    gap: 25px;
  }
}
.bd-news__meta-item:last-child span::before {
  display: none;
}
.bd-news__meta-item span {
  position: relative;
  font-size: 14px;
}
.bd-news__meta-item span i {
  margin-right: 5px;
  color: var(--clr-theme-1);
}
.bd-news__meta-item span:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 5px;
  background: #e6e6e6;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}
.bd-news__content {
  padding: 40px 30px;
  background-color: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  -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: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-news__content {
    padding: 40px 20px;
  }
}
.bd-news__content-2 {
  padding: 32px 0 5px;
}
.bd-news__content-3 {
  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) {
  .bd-news__content-3 {
    margin-left: 20px;
  }
}
.bd-news__content-3 span {
  font-size: 14px;
  color: var(--clr-theme-1);
  display: block;
  margin-bottom: 10px;
}
.bd-news__content-3 h3 {
  margin-bottom: 15px;
}
.bd-news__content-3 h3 a {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-news__content-3 h3 a {
    font-size: 20px;
  }
}
.bd-news__content-3 h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-news__content-3 p {
  margin-bottom: 32px;
  color: var(--clr-text-2);
}
.bd-news__thumb {
  overflow: hidden;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.bd-news__thumb-2 {
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.bd-news__title {
  font-size: 22px;
  margin-bottom: 25px;
  letter-spacing: -1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-news__title {
    font-size: 20px;
  }
}
.bd-news__title:hover {
  color: var(--clr-theme-1);
}
.bd-news__title-2 {
  font-size: 22px;
  margin-bottom: 25px;
  letter-spacing: -1px;
}
.bd-news__title-2 a:hover {
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-news__title-2 {
    font-size: 20px;
  }
}
.bd-news__sub-title {
  color: var(--clr-text-10);
  font-size: 14px;
  margin-bottom: 3px;
}
.bd-news__right {
  padding-left: 20px;
}
.bd-news__right-content {
  border-top: 1px solid var(--clr-border-1);
  padding-top: 30px;
  margin-top: -1px;
}
.bd-news__right-content:last-child {
  border-bottom: 1px solid var(--clr-border-1);
}
.bd-news__border {
  border-top: 1px solid var(--clr-border-2);
  padding-top: 15px;
}
.bd-news__item:hover .bd-news__thumb {
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
.bd-news__item:hover .bd-news__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);
}
.bd-news__item:hover .bd-news__thumb-2 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);
}
.bd-news__item-3 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1;
}
.bd-news__date {
  padding-right: 20px;
  border-right: 1px solid var(--clr-border-12);
  text-align: right;
  position: relative;
}
.bd-news__date::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  background-color: var(--clr-border-12);
  top: 20px;
  right: 0;
  -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
.bd-news__date h2 {
  font-size: 40px;
}
.bd-news__date span {
  font-size: 14px;
}

.bd-postbox__wrapper {
  padding-right: 50px;
  margin-right: 20px;
  border-right: 1px solid var(--clr-border-17);
}
@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) {
  .bd-postbox__wrapper {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}
.bd-postbox__inner {
  padding: 45px 45px 50px 45px;
  border: 2px solid var(--clr-border-17);
  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) {
  .bd-postbox__inner {
    padding: 45px 20px 50px 20px;
  }
}
.bd-postbox__item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.bd-postbox__card-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 15px;
}
.bd-postbox__card-wrapper span {
  font-size: 16px;
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  text-transform: uppercase;
  line-height: 1;
}
.bd-postbox__card-1 {
  padding: 8px 15px;
  background-color: var(--clr-theme-2);
  line-height: 1;
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  bottom: -15px;
  left: 50px;
}
@media (max-width: 575px) {
  .bd-postbox__card-1 {
    display: none;
  }
}
.bd-postbox__card-2 {
  position: absolute;
  right: 50px;
  bottom: -30px;
  background: var(--clr-common-white);
  padding: 10px 10px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.031);
  -moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.031);
  -ms-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.031);
  -o-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.031);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.031);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .bd-postbox__card-2 {
    display: none;
  }
}
.bd-postbox__thumb {
  position: relative;
}
.bd-postbox__thumb a > img {
  width: 100%;
}
.bd-postbox__thumb .play__btn {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--clr-theme-2);
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -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;
  animation: pulse 2s infinite;
}
.bd-postbox__thumb .play__btn:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}
.bd-postbox__title {
  font-size: 34px;
}
.bd-postbox__title a:hover {
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__title {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .bd-postbox__title {
    font-size: 22px;
  }
}
.bd-postbox__content {
  padding: 55px 50px 45px 50px;
  border: 2px solid var(--clr-border-13);
  -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;
  border-top: none;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__content {
    padding: 45px 20px 45px 20px;
  }
}
.bd-postbox__content p {
  font-size: 16px;
  color: var(--clr-text-2);
  margin-bottom: 24px;
}
.bd-postbox__content.style-2 {
  padding: 40px 50px 40px 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__content.style-2 {
    padding: 55px 20px 45px 20px;
  }
}
.bd-postbox__content.style-3 {
  padding: 40px 50px 40px 50px;
  border-top: 2px solid var(--clr-border-13);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__content.style-3 {
    padding: 55px 20px 45px 20px;
  }
}
.bd-postbox__meta {
  border-top: 1px solid var(--clr-border-2);
  padding-top: 25px;
}
.bd-postbox__meta span {
  display: inline-block;
  font-size: 14px;
  position: relative;
  margin-right: 25px;
  padding-right: 30px;
}
.bd-postbox__meta span a:hover {
  color: var(--clr-theme-1);
}
.bd-postbox__meta span::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: var(--clr-border-15);
}
.bd-postbox__meta span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.bd-postbox__meta span:last-child::after {
  display: none;
}
.bd-postbox__meta span i {
  margin-right: 5px;
  color: var(--clr-theme-1);
}
.bd-postbox__meta.style-2 {
  border: 0;
  padding-top: 0;
  padding-bottom: 20px;
}
.bd-postbox__video.w-img {
  position: relative;
}
.bd-postbox__mood {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__mood {
    flex-wrap: wrap;
  }
}
.bd-postbox__mood p {
  margin-bottom: 0;
}
.bd-postbox__title-border {
  border-top: 1px solid var(--clr-border-2);
}
.bd-postbox__small-title {
  font-size: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__small-title {
    font-size: 26px;
  }
}

.bd-soundcloud__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}

.bd-postbox__blockquoite {
  padding: 66px 50px;
  background-color: var(--clr-bg-grey-2);
  -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: 576px) and (max-width: 767px) {
  .bd-postbox__blockquoite {
    padding: 66px 20px;
  }
}
.bd-postbox__quoite {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .bd-postbox__quoite {
    flex-wrap: wrap;
  }
}
.bd-postbox__quoite-icon-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  z-index: -1;
}

.bd-sidebar__title h4 {
  font-size: 20px;
  font-weight: var(--bd-fw-bold);
  position: relative;
  line-height: 1;
  padding-bottom: 25px;
}
.bd-sidebar__title h4:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--clr-border-2);
  bottom: 0;
}
.bd-sidebar__title h4:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 80px;
  background-color: var(--clr-theme-1);
  bottom: 0;
  left: 0;
}
.bd-sidebar__author-box {
  line-height: 1;
}
.bd-sidebar__author-thumb {
  margin-bottom: 22px;
}
.bd-sidebar__author-content h4 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: var(--bd-fw-bold);
}
.bd-sidebar__author-content p {
  color: var(--clr-text-2);
  margin-bottom: 28px;
}
.bd-sidebar__social a {
  margin-right: 18px;
  color: var(--clr-text-14);
  padding: 5px;
}
.bd-sidebar__social a:hover {
  color: var(--clr-theme-1);
}
.bd-sidebar__input {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.bd-sidebar__input input {
  width: 100%;
  height: 60px;
  border: 2px solid var(--clr-theme-1);
  background-color: var(--clr-common-white);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  padding-right: 65px;
}
.bd-sidebar__input button {
  height: 60px;
  background-color: var(--clr-theme-1);
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--clr-common-white);
}
.bd-sidebar__news-text h5 {
  margin-bottom: 6px;
}
.bd-sidebar__news-text h5 a:hover {
  color: var(--clr-theme-1);
}
.bd-sidebar__news-text span {
  font-size: 14px;
}
.bd-sidebar__news-text span i {
  color: var(--clr-theme-1);
}
.bd-sidebar__widget-link ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: 19px 0;
}
.bd-sidebar__widget-link ul li {
  list-style: none;
  line-height: 1;
}
.bd-sidebar__widget-link ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 20px;
}
.bd-sidebar__widget-link ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-sidebar__widget-link ul li a::after {
  position: absolute;
  content: "\f054";
  font-family: var(--bd-ff-fontawesome);
  left: 0;
  font-size: 14px;
  color: var(--clr-text-15);
}
.bd-sidebar__widget-link ul li a span {
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
}
.bd-sidebar__widget-link ul li a:hover::after {
  left: 5px;
  color: var(--clr-theme-1);
}
.bd-sidebar__tag-link {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-sidebar__tag-link {
    gap: 10px 7px;
  }
}
.bd-sidebar__tag-link a {
  background: var(--clr-bg-grey-2);
  padding: 9px 20px;
  line-height: 1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: var(--bd-fw-medium);
  text-transform: uppercase;
}
.bd-sidebar__tag-link a:hover {
  background-color: var(--clr-theme-2);
}

.bd-blockquote__icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: var(--clr-theme-2);
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  margin-bottom: 25px;
}
.bd-blockquote__box {
  padding: 50px 50px 40px 50px;
  border: 2px solid var(--clr-theme-1);
  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) {
  .bd-blockquote__box {
    padding: 50px 20px 40px 20px;
  }
}
.bd-blockquote__title {
  font-size: 28px;
  margin-bottom: 26px;
}
@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-blockquote__title {
    font-size: 24px;
  }
}
.bd-blockquote__founder h4 {
  font-weight: var(--bd-fw-bold);
}
.bd-blockquote__founder span {
  font-size: 14px;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-theme-1);
  text-transform: uppercase;
}

.bd-postbox__tag-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.bd-postbox__tag-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.bd-postbox__tag-info a {
  padding: 6px 18px;
  border: 1px solid var(--clr-border-18);
  border-radius: 6px;
  line-height: 1;
}
.bd-postbox__tag-info a:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-postbox__tag-social a {
  margin-left: 25px;
}
.bd-postbox__tag-social a:hover {
  color: var(--clr-theme-1);
}
.bd-postbox__tag-social a:first-child {
  margin-left: 0;
}
.bd-postbox__navigation {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid var(--clr-border-2);
  border-bottom: 1px solid var(--clr-border-2);
  flex-wrap: wrap;
  position: relative;
  gap: 30px;
}
.bd-postbox__navigation-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .bd-postbox__navigation-icon {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__navigation-icon {
    right: 0;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: auto;
    right: 0;
  }
}
.bd-postbox__navigation-content p {
  font-size: 14px;
  margin-bottom: 0;
}
.bd-postbox__navigation-content h3 {
  font-size: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-postbox__navigation-content h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__navigation-content h3 {
    font-size: 20px;
  }
}
.bd-postbox__navigation-content h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-postbox__author-box {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 38px 38px;
  border: 2px solid var(--clr-border-2);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__author-box {
    padding: 38px 20px;
    flex-wrap: wrap;
    gap: 30px;
  }
}
.bd-postbox__author-thumb {
  min-width: 150px;
}
.bd-postbox__author-content span {
  font-size: 12px;
  line-height: 1;
  color: var(--clr-text-2);
}
.bd-postbox__author-content h3 {
  margin-bottom: 10px;
  font-size: 36px;
}
@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) {
  .bd-postbox__author-content h3 {
    font-size: 26px;
  }
}
.bd-postbox__tag-title {
  font-weight: var(--bd-fw-bold);
  margin-bottom: 20px;
}

.bd-postbox__comment ul li {
  list-style: none;
}
.bd-postbox__comment ul li.children {
  padding-left: 130px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__comment ul li.children {
    padding-left: 0;
  }
}
.bd-postbox__comment-box {
  border-bottom: 1px solid var(--clr-border-2);
  margin-bottom: 30px;
  padding-bottom: 8px;
}
@media (max-width: 575px) {
  .bd-postbox__comment-box {
    flex-wrap: wrap;
  }
}
.bd-postbox__comment-title {
  font-size: 26px;
}
.bd-postbox__comment-info {
  margin-top: 15px;
}
.bd-postbox__comment-name {
  margin-bottom: 18px;
}
.bd-postbox__comment-name h4 {
  font-size: 18px;
  font-weight: var(--bd-fw-bold);
  margin-bottom: 5px;
}
.bd-postbox__comment-name span {
  font-size: 14px;
}
.bd-postbox__comment-name span i {
  color: var(--clr-theme-1);
  padding-right: 5px;
}
.bd-postbox__comment-reply a {
  display: inline-block;
  color: var(--clr-theme-1);
  background: transparent;
  padding: 10.5px 20px;
  font-size: 14px;
  border: 2px solid #f3f3f3;
  border-radius: 10px;
  font-weight: var(--bd-fw-bold);
  line-height: 1;
}
.bd-postbox__comment-reply a:hover {
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}
.bd-postbox__comment-reply a i {
  transform: rotate(180deg);
  padding-left: 2px;
}
.bd-postbox__comment-text p {
  font-size: 14px;
}

.bd-contact__form {
  padding: 50px 50px;
  background-color: var(--clr-bg-grey-2);
  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) {
  .bd-contact__form {
    padding: 50px 20px;
  }
}
.bd-contact__form .bd-contact__input textarea {
  height: 160px;
  padding: 17px 50px 17px 25px;
}
.bd-contact__form .bd-contact__input i {
  right: 20px;
  left: auto;
}
.bd-contact__form .bd-contact__input input {
  padding: 0 50px 0 25px;
}

/*----------------------------------------*/
/*  13. BRAND CSS START
/*----------------------------------------*/
.bd-single__brand {
  text-align: center;
}
.bd-single__brand img {
  opacity: 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;
}
.bd-single__brand img:hover {
  opacity: 100%;
}
.bd-single__brand-2 img {
  opacity: 40%;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-single__brand-2 img:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 100%;
}

.bd-brand__dashed {
  padding-top: 60px;
  position: relative;
  height: 1px;
}

.bd-dashed__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent 50%, #ededed 50%);
  background-size: 33px 100%;
}

/*----------------------------------------*/
/*  15. COUNTER CSS START
/*----------------------------------------*/
.bd-counter__border {
  border-top: 1px solid var(--clr-border-9);
  padding-top: 56px;
}
.bd-counter__title {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  display: block;
  text-transform: uppercase;
}
.bd-counter__inner {
  position: relative;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--clr-border-8);
  margin-bottom: 15px;
  -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-counter__inner.st-2 {
  border-bottom: 1px solid var(--clr-border-19);
}
.bd-counter__item p {
  color: var(--clr-text-2);
}
.bd-counter__item:hover .bd-counter__inner {
  position: relative;
  border-bottom: 1px solid var(--clr-theme-1);
  margin-bottom: 15px;
}
.bd-counter__number {
  font-size: 60px;
  line-height: 1;
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  color: var(--clr-theme-1);
}
.bd-counter__icon {
  position: absolute;
  top: 5px;
  right: 0px;
}

/*----------------------------------------*/
/*  32.TESTIMONIAL CSS START
/*----------------------------------------*/
.swiper-slide.swiper-slide-thumb-active .bd-testimonial__meta-text h4 {
  color: var(--clr-common-body-text);
}

.swiper-slide.swiper-slide-thumb-active .bd-testimonial__meta-text {
  opacity: 100%;
}

.bd-testimonial__wrapper {
  background: var(--clr-common-white);
  padding: 43px 50px 40px 50px;
  -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: 1200px) and (max-width: 1399px) {
  .bd-testimonial__wrapper {
    padding: 43px 30px 40px 30px;
  }
}
@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-testimonial__wrapper {
    padding: 38px 30px 35px 30px;
  }
}
.bd-testimonial__card {
  background: var(--clr-common-body-text);
  padding: 60px 50px 55px 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.bd-testimonial__text p {
  color: var(--clr-text-9);
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 1;
}
.bd-testimonial__icon img {
  margin-bottom: 19px;
}
.bd-testimonial__count span {
  font-size: 60px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-bold);
  font-family: var(--bd-ff-heading);
  line-height: 1;
}
.bd-testimonial__cercle-1 {
  border: 1px solid #465243;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bd-testimonial__cercle-2 {
  border: 1px solid #465243;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bd-testimonial__meta-text {
  -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: 40%;
}
.bd-testimonial__meta-text span {
  font-size: 14px;
  color: var(--clr-text-2);
  margin-bottom: 5px;
  text-transform: uppercase;
}
.bd-testimonial__meta-text h4 {
  color: var(--clr-common-body-text);
  font-weight: var(--bd-fw-bold);
}
@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) {
  .bd-testimonial__meta-text h4 {
    font-size: 16px;
  }
}
.bd-testimonial__content h3 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__content h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial__content h3 {
    font-size: 20px;
  }
}
.bd-testimonial__icon {
  margin-bottom: 15px;
}
.bd-testimonial__icon i {
  font-size: 16px;
  color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  28.PRODUCT  CSS START
/*----------------------------------------*/
.bd-product {
  position: absolute;
  right: 0;
  height: 100%;
  width: 29%;
  top: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product {
    width: 0;
  }
}
.bd-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bd-product__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 26%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-product__bg {
    width: 30%;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__bg {
    width: 0%;
  }
}
.bd-product__bg::before {
  position: absolute;
  content: "";
  height: 100%;
  right: 0;
  top: 0;
  width: 100%;
  background-color: var(--clr-common-body-text);
  opacity: 1;
  mix-blend-mode: multiply;
}
.bd-product__item {
  -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: 10;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: var(--clr-common-white);
}
.bd-product__item:hover .bd-product__action a {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.bd-product__action {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.bd-product__action a {
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: var(--clr-common-white);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -ms-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -o-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.bd-product__action a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}
.bd-product__img img {
  padding: 50px 35px 10px;
  width: 100%;
}
@media (max-width: 575px) {
  .bd-product__img img {
    padding: 0px 70px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-product__img img {
    padding: 50px 70px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-product__img img {
    padding: 0px 35px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-product__img img {
    padding: 30px 35px 0px;
  }
}
.bd-product__content {
  padding: 23px 0;
}
.bd-product__content h4 {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: var(--bd-fw-bold);
}
.bd-product__content h4 a:hover {
  color: var(--clr-theme-1);
}
.bd-product__new-price {
  font-size: 16px;
  color: var(--clr-theme-1);
  font-family: var(--bd-ff-heading);
  font-weight: var(--bd-fw-bold);
}
.bd-product__old-price {
  font-size: 16px;
  color: var(--clr-theme-8);
  font-family: var(--bd-ff-heading);
  font-weight: var(--bd-fw-bold);
  margin-left: 5px;
}

.product__active.swiper-container {
  margin-right: -300px;
}

.bd-product__result h4 {
  font-size: 18px;
  font-weight: var(--bd-fw-bold);
}
.bd-product__filter-btn {
  margin-right: 25px;
  padding-right: 25px;
  position: relative;
}
.bd-product__filter-btn button {
  font-weight: var(--bd-fw-bold);
  font-size: 14px;
  text-transform: uppercase;
}
.bd-product__filter-btn:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 15px;
  background-color: #dcdcdc;
}

.btn-dropdown__options {
  position: absolute;
  top: 110%;
  min-width: 200px;
  z-index: 1;
  right: -66px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: var(--clr-common-white);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.04);
  display: none;
  padding: 8px 0;
}
.btn-dropdown__options ul li {
  list-style: none;
}
.btn-dropdown__options ul li a {
  padding: 8px 20px;
  display: block;
  line-height: 1;
  font-size: 16px;
}
.btn-dropdown__options ul li a:hover {
  background-color: #e7e7e9;
  color: var(--clr-theme-1);
}
.btn-dropdown__link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  align-content: center;
  font-weight: var(--bd-fw-bold);
  font-size: 14px;
  text-transform: uppercase;
}
.btn-dropdown__link i {
  margin-left: 5px;
  color: var(--clr-theme-1);
}

.btn__dropdown.open .btn-dropdown__options {
  display: block;
}

.bd-product__filter-style .nav-link {
  font-size: 20px;
  margin-left: 15px;
  color: var(--clr-common-body-text);
  border: 0;
  padding: 0;
}
.bd-product__filter-style .nav-link.active {
  border: 0;
  color: var(--clr-theme-1);
}
.bd-product__filter-style.nav-tabs {
  border: 0;
  margin-left: 15px;
}

.bd-product__item.item__list {
  padding: 30px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-product__item.item__list {
    padding: 30px 15px;
  }
}
@media (max-width: 575px) {
  .bd-product__item.item__list {
    padding: 30px 20px;
  }
}
.bd-product__item.item__list .bd-product__img img {
  padding: 0;
  width: 100%;
}
.bd-product__item.item__list .bd-product__content {
  padding: 0px;
}

.product__content-list ul {
  padding: 13px 0px 20px 0px;
}
.product__content-list ul li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.product__content-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background-color: var(--clr-common-body-text);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.product__add-cart a {
  padding: 16px 33px;
  text-transform: uppercase;
}
.product__add-cart a i {
  margin-left: 0;
  margin-right: 5px;
}
.product__add-wish-btn {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 58px;
  text-align: center;
  font-size: 16px;
  border: 2px solid #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.product__add-wish-btn:hover {
  color: var(--clr-common-white);
  border-color: var(--clr-theme-1);
  background-color: var(--clr-theme-1);
}
.product__details-action {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 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) {
  .product__details-content {
    padding-right: 0;
  }
}
.product__details-content > p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
  color: var(--clr-text-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.product__details-thumb-tab .nav-tabs {
  padding: 0;
  border: 0;
  margin: 0;
}
.product__details-thumb-tab .nav-tabs .nav-link {
  padding: 0;
  border: 2px solid var(--clr-common-white);
  margin: 0;
  margin-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .product__details-thumb-tab .nav-tabs .nav-link {
    margin-right: 20px;
  }
}
.product__details-thumb-tab .nav-tabs .nav-link.active, .product__details-thumb-tab .nav-tabs .nav-link:hover {
  border: 2px solid var(--clr-theme-1);
}
.product__details-thumb-tab .nav-tabs .nav-link img {
  width: 70px;
  height: 80px;
}
.product__details-thumb-big img {
  width: 100%;
}
.product__details-tag a {
  display: inline-block;
  font-weight: var(--bd-fw-sbold);
  text-align: center;
  background-color: var(--clr-theme-2);
  padding: 0px 8px;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 4px;
  height: 20px;
  line-height: 21px;
}
.product__details-rating a {
  display: inline-block;
  color: var(--clr-theme-2);
  font-size: 16px;
}
.product__details-title {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.product__details-title a:hover {
  color: var(--clr-theme-1);
}
.product__details-price {
  margin-bottom: 20px;
}
.product__details-price .price {
  font-size: 26px;
}
.product__details-price .old-price {
  font-size: 20px;
  font-weight: 700;
  color: #cfcfcf;
  text-decoration: line-through;
  font-family: var(--bd-ff-heading);
}
.product__details-price .new-price {
  font-size: 36px;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-bold);
  margin-left: 5px;
}
@media (max-width: 575px) {
  .product__details-price .new-price {
    font-size: 30px;
  }
}
.product__details-meta span {
  font-size: 16px;
  font-weight: 700;
}
.product__details-meta a {
  font-size: 16px;
  color: var(--clr-text-2);
}
.product__details-meta a:hover {
  color: var(--clr-theme-1);
}
.product__details-share span {
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
}
.product__details-share a {
  font-size: 16px;
  color: #999999;
  margin-right: 15px;
}
.product__details-share a:hover {
  color: var(--clr-theme-1);
}
.product__details-des p {
  font-size: 16px;
  color: var(--clr-text-2);
}
.product__details-des p:last-child {
  margin-bottom: 0;
}
.product__details-des p span {
  font-weight: 600;
}
.product__details-info ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 15px 30px;
}
@media (max-width: 575px) {
  .product__details-info ul li {
    flex-wrap: wrap;
    gap: 15px 40px;
    padding: 30px 20px;
  }
}
.product__details-info ul li:nth-child(2n+1) {
  background: var(--clr-bg-grey-2);
}
.product__details-info ul li h4 {
  font-size: 16px;
  color: var(--clr-common-body-text);
  margin-bottom: 0;
  display: inline-block;
  width: 25%;
}
.product__details-info ul li span {
  font-size: 16px;
  color: var(--clr-common-body-text);
}
.product__details-review.product-details-review-padding {
  padding: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__details-review.product-details-review-padding {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .product__details-review.product-details-review-padding {
    padding: 10px;
  }
}
.product__details-review .comments-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.product__details-review .comments-box {
  padding: 30px 0;
  padding-bottom: 18px;
}
.product__details-review .latest-comments ul li:last-child .comments-box {
  padding-bottom: 0;
}
.product__details-review .latest-comments ul li {
  list-style: none;
}
.product__details-review .latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}
.product__details-review .comments-avatar img {
  height: 40px;
  width: 40px;
  border: 2px solid var(--clr-border-3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.product__details-review .comments-text {
  overflow: hidden;
  padding-top: 4px;
}
.product__details-review .comments-text p {
  font-size: 16px;
  color: var(--clr-text-2);
}
.product__details-review .avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
}
.product__details-review .avatar-name h5 {
  font-size: 16px;
  margin-bottom: 0px;
  color: var(--clr-common-black);
  font-weight: 600;
}
.product__details-review .latest-comments li.children {
  margin-left: 100px;
}
@media (max-width: 575px) {
  .product__details-review .latest-comments li.children {
    margin-left: 15px;
  }
}
.product__details-review .comments-date span {
  font-size: 13px;
  color: var(--clr-text-2);
}
.product__details-review .user-rating ul li {
  display: inline-block;
}
.product__details-review .user-rating ul li a {
  font-size: 14px;
}
.product__details-review-count a {
  color: var(--clr-text-2);
}
.product__details-comment .comment-input input, .product__details-comment .comment-input textarea {
  width: 100%;
  height: 50px;
  border: none;
  outline: none;
  border: 1px solid var(--clr-bg-green);
  font-size: 15px;
  color: var(--clr-common-black);
  line-height: 48px;
  margin-bottom: 15px;
  padding: 15px;
}
.product__details-comment .comment-input input::placeholder, .product__details-comment .comment-input textarea::placeholder {
  color: var(--clr-common-black);
  opacity: 0.4;
}
.product__details-comment .comment-input input:focus, .product__details-comment .comment-input textarea:focus {
  outline: none;
  border-color: var(--clr-common-black);
}
.product__details-comment .comment-input textarea {
  height: 130px;
  resize: none;
  line-height: 1;
}
.product__details-comment .comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 1px solid var(--clr-theme-1);
  outline: none;
  flex: 0 0 auto;
}
.product__details-comment .comment-agree input:checked {
  position: relative;
  border-color: var(--clr-common-black);
}
.product__details-comment .comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--bd-ff-fontawesome);
  font-size: 11px;
  color: var(--clr-common-black);
  top: 45%;
  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%);
}
.product__details-comment .comment-agree input:checked ~ label {
  color: var(--clr-common-black);
}
.product__details-comment .comment-agree input:hover {
  cursor: pointer;
}
.product__details-comment .comment-agree label {
  margin-left: 5px;
  font-size: 15px;
}
.product__details-comment .comment-agree label:hover {
  cursor: pointer;
}
.product__details-comment .comment-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.product__details-comment .comment-title p {
  color: var(--clr-text-2);
}
.product__details-comment .comment-rating span {
  font-size: 15px;
  color: var(--clr-text-2);
  margin-right: 5px;
}
.product__details-comment .comment-rating ul {
  display: inline-block;
}
.product__details-comment .comment-rating ul li {
  display: inline-block;
}
.product__details-comment .comment-rating ul li a {
  font-size: 13px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__details-size-table {
    overflow: scroll;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__details-size-table .table {
    width: 770px;
  }
}
.product__details-size-table .table > :not(:first-child) {
  border-top: 1px solid var(--clr-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product__details-size-table {
    width: 576px;
  }
}
@media (max-width: 575px) {
  .product__details-size-table {
    width: 576px;
  }
}
.product__details-size-table th {
  font-size: 16px;
  color: var(--clr-common-black);
  font-weight: 600;
  border: none;
  background: var(--tp-grey-4);
}
.product__details-size-table tr {
  border: none;
}
.product__details-size-table tr:nth-child(2n+2) {
  background: var(--tp-grey-4);
}
.product__details-size-table tr:hover {
  background: #e0e0e0;
}
.product__details-size-table td {
  border: none;
  width: 20%;
}
.product__details-size-table td:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
}
.product__details-size-table-2 p {
  color: var(--tp-common-black);
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__details-more-tab-content {
    margin-top: 50px;
  }
}
.product__details-more-tab .nav-tabs {
  margin: 0;
  padding: 0;
  border: 0;
}
.product__details-more-tab .nav-link {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: 10px;
  padding: 15px 30px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  border: 2px solid #ebebeb;
  text-align: left;
  color: var(--clr-common-body-text);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.product__details-more-tab .nav-link.active, .product__details-more-tab .nav-link:hover {
  border-color: var(--clr-theme-1);
  color: var(--clr-common-white);
  background-color: var(--clr-theme-1);
}
.product__quantity .product-quantity-wrapper {
  position: relative;
  width: 120px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.product__quantity .product-quantity-wrapper .cart-plus, .product__quantity .product-quantity-wrapper .cart-minus {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  background: transparent;
  color: #d3d3d3;
  border: 0;
}
.product__quantity .product-quantity-wrapper .cart-plus:hover, .product__quantity .product-quantity-wrapper .cart-minus:hover {
  cursor: pointer;
  color: var(--clr-theme-1);
  background: transparent;
}
.product__quantity .product-quantity-wrapper .cart-plus {
  left: auto;
  right: 10px;
}
.product__quantity .product-quantity-wrapper .cart-input {
  height: 60px;
  width: 120px;
  text-align: center;
  font-size: 16px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
  color: var(--clr-theme-1);
  font-weight: var(--bd-fw-bold);
}
.product__quantity .product-quantity-wrapper .cart-input:focus {
  outline: none;
}
.product__add-review span a {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.product__add-review span a::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background: var(--tp-border-1);
}
.product__add-review span a:hover {
  color: var(--clr-theme-1);
}
.product__add-review span:last-child a::after {
  display: none;
}
.product__modal {
  padding: 20px;
  padding-top: 27px;
}
.product__modal .modal-dialog {
  max-width: 900px;
}
.product__modal-close {
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  z-index: 1;
}
.product__modal-close button {
  color: var(--clr-common-white);
  display: block;
  line-height: 36px;
  text-align: center;
  background: var(--clr-theme-1);
  width: 38px;
  height: 38px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  outline: none;
}
.product__modal-wrapper {
  padding: 20px;
}
.product__modal-content h4 {
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin: 0;
  padding-right: 65px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product__modal-content h4 {
    font-size: 20px;
  }
}
.product__modal-content h4 a:hover {
  color: var(--clr-theme-1);
}
.product__modal-box .nav-tabs {
  border-bottom: 0;
}
.product__modal-box .nav-link {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
}
.product__modal-links ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.product__modal-links ul li {
  list-style: none;
}
.product__modal-links ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: var(--clr-bg-grey-2);
  border: 1px solid var(--clr-border-2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.product__modal-links ul li a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}
.product__modal .nav-tabs {
  border: none;
  justify-content: space-between;
  margin-top: 10px;
}
.product__modal .nav-link {
  border: 1px solid transparent;
  position: relative;
  margin-bottom: 20px;
}
.product__modal .nav-link.active {
  border-color: var(--clr-theme-1);
}
.product__modal .nav-link.active::after {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: transparent;
  border-bottom-color: var(--clr-theme-1);
}

.categories {
  padding: 5px 0;
}

.product__modal .modal-dialog {
  max-width: 950px;
}

.product__modal-links {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--clr-border-2);
  border-bottom: 1px solid var(--clr-border-2);
}

.product__safe-checkout a {
  display: inline-block;
  margin-right: 10px;
}

.product__safe-checkout a:last-child {
  margin-right: 0;
}

.product__safe-checkout h5 {
  margin-bottom: 15px;
}

.product__review {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid var(--clr-border-2);
  border-bottom: 1px solid var(--clr-border-2);
  margin-bottom: 20px;
  gap: 25px;
  font-size: 16px;
  flex-wrap: wrap;
}

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

.product__modal-content {
  padding-left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product__modal-content {
    padding-left: 0;
  }
}

.product__modal-title {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .product__modal-title {
    font-size: 20px;
  }
}

.product__modal-content .product__details-price {
  margin-bottom: 20px;
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .product__modal-box {
    margin-bottom: 15px;
  }
}

.product__details-thumb-big img {
  background: var(--clr-bg-grey-2);
}

.table > :not(:first-child) {
  border-top: 0;
}

.cart-area .table-content table {
  background: var(--clr-common-white);
  border-color: var(--clr-border-2);
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.cart-area .table-content table a {
  white-space: nowrap;
}
.cart-area .table-content .product-quantity {
  float: none;
}
.cart-area .table-content table td.product-name {
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-area .table-content table td.product-name {
    font-size: 14px;
  }
}
.cart-area .table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--clr-border-2);
}
.cart-area .table-content table td.product-name a:hover {
  color: var(--clr-common-heading);
}
.cart-area .table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}
.cart-area .table-content table th,
.cart-area .table-content table td {
  border-bottom: 1px solid var(--clr-border-2);
  border-right: 1px solid var(--clr-border-2);
}
.cart-area .table td,
.cart-area .table th {
  border-top: 1px solid var(--clr-border-2);
}
.cart-area .table-content table td.product-subtotal {
  font-size: 16px;
}
.cart-area .table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}
.cart-area .coupon-all {
  margin-top: 50px;
}
.cart-area .coupon {
  float: left;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .cart-area .coupon {
    float: none;
  }
}
.cart-area #coupon_code {
  height: 50px;
  border: 1px solid var(--clr-border-2);
  padding: 0 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.cart-area #coupon_code:focus {
  border-color: var(--clr-common-heading);
}
.cart-area .coupon2 {
  float: right;
}
@media (max-width: 767px) {
  .cart-area .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-area .cart-page-total {
  padding-top: 50px;
}
.cart-area .cart-page-total > h2 {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cart-area .cart-page-total > ul {
  border: 1px solid var(--clr-border-2);
}
.cart-area .cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #575757;
  padding: 14px 30px;
  border-bottom: 1px solid var(--clr-border-2);
  font-weight: 400;
}
.cart-area .cart-page-total ul > li > span {
  float: right;
}
.cart-area .cart-page-total li:last-child {
  border-bottom: 0;
}
.cart-area td.product-thumbnail img {
  width: 125px;
}
.cart-area .product-quantity-form {
  margin: auto;
  width: 122px;
  height: 58px;
  border: 1px solid var(--clr-border-2);
  text-align: center;
  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;
}
.cart-area .product-quantity-form:hover {
  border-color: var(--clr-theme-1);
}
.cart-area .cart-plus, .cart-area .cart-minus {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: transparent;
  border: none;
  outline: none;
}
.cart-area .cart-plus:hover, .cart-area .cart-minus:hover {
  cursor: pointer;
  color: var(--clr-theme-1);
  background: transparent;
}
.cart-area .cart-plus {
  left: auto;
  right: 0;
}
.cart-area .cart-input {
  height: 58px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 4px;
  background: transparent;
}
.cart-area .cart-input:focus {
  outline: none;
}

.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid var(--clr-common-heading);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}
.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #575757;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.coupon-accordion span {
  color: #575757;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-content {
  border: 1px solid var(--clr-border-2);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p {
  margin-bottom: 0;
}
.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
  color: var(--clr-theme-1);
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: var(--clr-theme-1);
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: var(--clr-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid var(--clr-border-2);
  height: 60px;
  line-height: 60px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: var(--clr-common-heading);
}

.coupon-info p.form-row input[type=submit]:hover,
p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #575757;
  display: flex;
  gap: 10px;
}

.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a,
.coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}
p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  width: 100%;
  border: 1px solid var(--clr-border-2);
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--clr-border-2);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form .ship-different-title {
  border-bottom: 1px solid var(--clr-border-2);
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}
.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid var(--clr-border-2);
  padding: 0 10px;
  height: 50px;
}
.country-select .nice-select {
  border: 1px solid var(--clr-border-2);
  height: 60px;
  line-height: 60px;
  padding-left: 20px;
  width: 100%;
  color: #575757;
  margin-bottom: 20px;
}
.country-select .nice-select::after {
  border-bottom: 1px solid var(--clr-common-heading);
  border-right: 1px solid var(--clr-common-heading);
  height: 7px;
  width: 7px;
}
.country-select .nice-select .list {
  width: 100%;
}

.country-select label,
.checkout-form-list label {
  color: var(--clr-common-heading);
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
  color: var(--clr-common-heading);
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: var(--clr-common-heading);
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: var(--clr-common-white);
  border: 1px solid var(--clr-border-2);
  border-radius: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 20px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--clr-border-2);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #575757;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.create-acc label {
  color: #575757;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title label {
  display: inline-block;
  margin-right: 10px;
}

.order-notes textarea {
  border: 1px solid var(--clr-border-2);
  height: 90px;
  padding: 15px;
  width: 100%;
  resize: none;
  padding-left: 20px;
  outline: none;
}
.order-notes textarea::-moz-placeholder {
  color: #575757;
  opacity: 1;
}
.order-notes textarea::placeholder {
  color: #575757;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 2px solid var(--clr-border-2);
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid var(--clr-border-2);
  font-size: 24px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid var(--clr-border-2);
  border-right: medium none;
  color: #575757;
  font-size: 16px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 575px) {
  .your-order-table table th,
.your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: var(--clr-common-heading);
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}
.your-order-table table .shipping ul li label {
  color: #575757;
}
.your-order-table table .shipping th {
  vertical-align: top;
}
.your-order-table table .order-total th {
  border-bottom: 0;
}
.your-order-table table .order-total td {
  border-bottom: medium none;
}
.your-order-table table tr.cart_item:hover {
  background: #f9f9f9;
}
.your-order-table table tr.order-total td span {
  color: var(--clr-theme-1);
  font-size: 18px;
  font-weight: 500;
}

.shipping ul li {
  list-style: none;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: var(--clr-common-white);
  border: 0;
  border-bottom: 1px solid var(--clr-border-2);
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -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-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--clr-common-heading);
  background-color: var(--clr-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: var(--clr-common-white);
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}
.order-button-payment button {
  width: 100%;
}

.payment-method .btn-link {
  user-select: none;
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}
.payment-method .card {
  background-color: var(--clr-common-white);
  border: 1px solid var(--clr-border-2);
  border-radius: 0;
  margin-bottom: 10px;
}
.payment-method .accordion .card:first-of-type {
  border: 1px solid var(--clr-border-2);
}
.payment-method .card-header {
  background-color: var(--clr-common-white);
  border-bottom: 1px solid var(--clr-border-2);
}

.card-header:first-child {
  border-radius: 0;
}

.product-details-img {
  margin-right: 50px;
}
@media (max-width: 575px) {
  .product-details-img {
    margin-right: 0;
  }
}
.product-details-img img {
  width: 100%;
}

.product-side-info .product-name {
  font-size: 38px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-name {
    font-size: 28px;
  }
}

.product-side-info .product-price {
  font-size: 22px;
  font-weight: 600;
  color: var(--clr-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .product-side-info .product-price {
    font-size: 18px;
  }
}

.product-side-info p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.product-quantity-cart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.product-quantity-cart .cart-minus {
  height: 59px;
  width: 55px;
  border: none;
}
.product-quantity-cart .cart-input {
  height: 55px;
  width: 55px;
  border: none;
  text-align: center;
}
.product-quantity-cart .product-quantity-form {
  border: 1px solid var(--clr-border-2);
  border-radius: 4px;
}

.product-quantity-form .cart-plus {
  height: 59px;
  width: 55px;
  border: none;
}

/*----------------------------------------*/
/*  31.TEAM CSS START
/*----------------------------------------*/
.bd-team__item {
  background: var(--clr-common-white);
  -webkit-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 60px 75px 55px;
  -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: 1200px) and (max-width: 1399px) {
  .bd-team__item {
    padding: 50px 50px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-team__item {
    padding: 40px 35px 35px;
  }
}
@media (max-width: 575px) {
  .bd-team__item {
    padding: 40px 25px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-team__item {
    padding: 60px 35px 55px;
  }
}
.bd-team__img {
  position: relative;
  margin-bottom: 35px;
}
.bd-team__content span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-theme-1);
}
.bd-team__content h3 a {
  margin-bottom: 4px;
  font-size: 24px;
  display: block;
}
.bd-team__content h3 a:hover {
  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) {
  .bd-team__content h3 a {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .bd-team__content h3 a {
    font-size: 20px;
  }
}
.bd-team__social-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -30px;
}
@media (max-width: 575px) {
  .bd-team__social-wrapper {
    right: -20px;
  }
}
.bd-team__social-wrapper:hover .bd-team__social-link {
  opacity: 1;
  visibility: visible;
}
.bd-team__plus-btn {
  height: 60px;
  width: 60px;
  display: inline-flex;
  background: var(--clr-common-white);
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .bd-team__plus-btn {
    height: 50px;
    width: 50px;
  }
}
.bd-team__plus-btn:hover {
  background-color: var(--clr-theme-2);
}
.bd-team__plus-btn i {
  font-size: 18px;
}
.bd-team__social-link {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
  padding-right: 23px;
  position: absolute;
  right: 0;
  bottom: 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;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-team__social-link {
    padding-bottom: 0;
    padding-right: 10px;
    right: 100%;
    bottom: auto;
    top: 0;
  }
}
.bd-team__social-link a {
  height: 60px;
  width: 60px;
  display: inline-flex;
  background: var(--clr-common-white);
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
}
.bd-team__social-link a:hover {
  background-color: var(--clr-theme-2);
}
@media (max-width: 575px) {
  .bd-team__social-link a {
    width: 50px;
    height: 50px;
  }
}
.bd-team__social-link a i {
  font-size: 18px;
}

.social-link-1 {
  margin-top: 0px;
}

.social-link-2 {
  margin-top: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .social-link-2 {
    margin-top: 0;
  }
}

.social-link-3 {
  margin-top: 55px;
  margin-left: -17px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .social-link-3 {
    margin-top: 0;
    margin-left: 0;
  }
}

.team__style-2 .bd-team__item {
  border: 2px solid var(--clr-bg-grey-2);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.bd-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) {
  .bd-team__founder-main {
    margin-left: 0;
  }
}
.bd-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) {
  .bd-team__founder-thumb {
    padding-right: 0;
  }
}
.bd-team__founder-info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 40px;
}
.bd-team__founder-item {
  display: flex;
  gap: 20px;
  align-items: center;
}
.bd-team__founder-item-icon {
  width: 50px;
  height: 50px;
  background: var(--clr-common-white);
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 6px;
  color: var(--clr-theme-1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.024);
}
.bd-team__founder-text .contact {
  font-weight: var(--bd-fw-bold);
  font-size: 20px;
}
.bd-team__founder-text .title {
  font-size: 14px;
  color: var(--clr-text-10);
}

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

/*----------------------------------------*/
/*  30.SKILL CSS START
/*----------------------------------------*/
.bd-skill__left {
  margin-right: 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) {
  .bd-skill__left {
    margin-right: 0;
  }
}
.bd-skill__features-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--clr-border-11);
  padding-bottom: 25px;
}
.bd-skill__features-icon {
  width: 80px;
  display: inline-block;
  background: var(--clr-common-white);
  height: 80px;
  line-height: 76px;
  text-align: center;
  -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: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  min-width: 80px;
}
.bd-skill__features-content h3 {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-skill__features-content h3 {
    font-size: 20px;
  }
}
.bd-skill__features-content p {
  margin-bottom: 0;
  color: var(--clr-text-2);
}

.bd-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) {
  .bd-skill__thumb {
    margin-left: 0;
  }
}
.bd-skill__progress {
  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) {
  .bd-skill__progress {
    padding-right: 0;
  }
}
.bd-skill-title h3 {
  font-size: 26px;
}

.bd-progress__skill-item {
  position: relative;
  margin-bottom: 35px;
}
.bd-progress__skill-item h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 13px;
  padding-right: 50px;
}
.bd-progress__skill-item .progress-count {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 18px;
  font-weight: var(--bd-fw-bold);
  color: #5b8c51;
  font-family: var(--bd-ff-heading);
}
.bd-progress__skill-item .progress {
  height: 10px;
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.bd-progress__skill-item .progress::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%);
  height: 2px;
  width: 100%;
  background-color: #ececec;
  z-index: -1;
}
.bd-progress__skill-item .progress-bar {
  background-color: var(--clr-theme-1);
  overflow: visible;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}

/*----------------------------------------*/
/*  27. PROCESS  CSS START
/*----------------------------------------*/
.bd-process__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 50px;
  row-gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-process__grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-process__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
  }
}
@media (max-width: 575px) {
  .bd-process__grid {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px;
  }
}
.bd-process__item {
  text-align: center;
}
.bd-process__item:nth-child(2n) {
  margin-top: 40px;
}
@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-process__item:nth-child(2n) {
    margin-top: 0px;
  }
}
.bd-process__thumb {
  position: relative;
  margin-bottom: 35px;
  max-width: 300px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.bd-process__number {
  position: absolute;
  top: 0;
  right: 0;
}
.bd-process__number span {
  width: 60px;
  height: 60px;
  background-color: var(--clr-common-white);
  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%;
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  -webkit-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 6px -12px 32px 0px rgba(0, 0, 0, 0.06);
}
.bd-process__content h4 {
  font-weight: var(--bd-fw-bold);
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-process__content h4 {
    font-size: 18px;
  }
}
.bd-process__content h4 a:hover {
  color: var(--clr-theme-1);
}
.bd-process__content span {
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  color: var(--clr-text-11);
}
.bd-process__bg {
  position: absolute;
  left: 30px;
  right: 40px;
  top: 10%;
}
@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), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-process__bg {
    top: 25%;
  }
}
@media (max-width: 575px) {
  .bd-process__bg {
    display: none;
  }
}
.bd-process__bg img {
  width: 100%;
}

/*----------------------------------------*/
/*  33.TIMELINE CSS START
/*----------------------------------------*/
.bd-timeline__wrapper {
  position: relative;
  z-index: 1;
}
.bd-timeline__start {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-timeline__start {
    text-align: start;
  }
}
.bd-timeline__start span {
  width: 50px;
  height: 50px;
  background-color: var(--clr-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  -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: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
}
@media (max-width: 575px) {
  .bd-timeline__start span {
    display: none;
  }
}
.bd-timeline__continue {
  position: relative;
  width: 100%;
  padding: 20px 0;
}
@media (max-width: 575px) {
  .bd-timeline__continue {
    padding: 0;
  }
}
.bd-timeline__continue:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: var(--clr-border-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-timeline__continue:after {
    left: 25px;
  }
}
@media (max-width: 575px) {
  .bd-timeline__continue:after {
    display: none;
  }
}
.bd-timeline__date {
  position: relative;
}
.bd-timeline__date h2 {
  font-size: 150px;
  position: relative;
  color: transparent;
  stroke: 1px var(--clr-common-body-text);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--clr-common-body-text);
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-timeline__date h2 {
    font-size: 120px;
  }
}
.bd-timeline__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-timeline__inner {
    gap: 20px;
  }
}
@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-timeline__inner {
    flex-wrap: wrap;
  }
}
.bd-timeline__icon span {
  height: 80px;
  width: 80px;
  display: inline-block;
  background-color: var(--clr-common-white);
  text-align: center;
  line-height: 80px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -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);
}
.bd-timeline__content h3 {
  margin-bottom: 10px;
}
@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) {
  .bd-timeline__content h3 {
    font-size: 22px;
  }
}
.bd-timeline__content p {
  margin-bottom: 0;
}

.row.timeline__right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.row.timeline__right .bd-timeline__date {
  text-align: right;
  padding-right: 75px;
}
.row.timeline__right .bd-timeline__date::after {
  right: -22px;
}
@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: 992px) and (max-width: 1199px) {
  .row.timeline__right .bd-timeline__date {
    padding-right: 55px;
  }
}
@media (max-width: 575px) {
  .row.timeline__right .bd-timeline__date {
    text-align: start;
    padding-right: 0;
  }
}
.row.timeline__right .bd-timeline__box {
  padding-left: 75px;
}
@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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .row.timeline__right .bd-timeline__box {
    padding-left: 55px;
  }
}
@media (max-width: 575px) {
  .row.timeline__right .bd-timeline__box {
    padding-left: 0;
  }
}
.row.timeline__right .bd-timeline__icon {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -54px;
  z-index: 2;
  top: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .row.timeline__right .bd-timeline__icon {
    left: -15px;
    right: auto;
  }
}
@media (max-width: 575px) {
  .row.timeline__right .bd-timeline__icon {
    display: none;
  }
}
.row.timeline__left {
  display: flex;
  flex-wrap: wrap-reverse;
}
.row.timeline__left .bd-timeline__date {
  text-align: left;
  padding-left: 75px;
}
@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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .row.timeline__left .bd-timeline__date {
    padding-left: 55px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .row.timeline__left .bd-timeline__date {
    padding-left: 0;
  }
}
.row.timeline__left .bd-timeline__inner {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .row.timeline__left .bd-timeline__inner {
    flex-direction: row;
  }
}
.row.timeline__left .bd-timeline__box {
  padding-right: 75px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .row.timeline__left .bd-timeline__box {
    padding-right: 0;
    padding-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row.timeline__left .bd-timeline__box {
    padding-right: 0;
  }
}
.row.timeline__left .bd-timeline__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -54px;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .row.timeline__left .bd-timeline__icon {
    left: -16px;
  }
}
@media (max-width: 575px) {
  .row.timeline__left .bd-timeline__icon {
    display: none;
  }
}

@media (max-width: 575px) {
  .bd-timeline__area {
    padding-bottom: 115px;
  }
}

.row.timeline__left .bd__timeline-year {
  margin-bottom: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .timeline__right, .bd-timeline__box {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timeline__right .bd__timeline-year {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd__timeline-year.year-2 {
    margin-bottom: 0;
  }
}

.bd__timeline-year.p-relative.year-3 {
  margin-bottom: 20px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd__timeline-year.p-relative.year-3 {
    margin-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  12. ACCORDIONG CSS START
/*----------------------------------------*/
.bd-faq__wrapper {
  padding-right: 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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq__wrapper {
    padding-right: 0px;
  }
}
.bd-faq__wrapper-2 {
  padding-left: 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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-faq__wrapper-2 {
    padding-left: 0px;
  }
}
.bd-faq__accordion .accordion-button {
  padding: 19px 30px 19px;
  font-weight: var(--bd-fw-sbold);
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  font-family: var(--bd-ff-heading);
  text-transform: uppercase;
  font-weight: var(--bd-fw-bold);
  font-size: 18px;
  color: var(--clr-common-body-text);
  background: transparent;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button {
    padding: 19px 20px 19px;
    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) {
  color: var(--clr-common-body-text);
  content: "\f067";
  background: transparent;
  box-shadow: none;
  border: 0;
}
.bd-faq__accordion .accordion-button:not(.collapsed)::after {
  background: none;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  content: "\f068";
  position: absolute;
  right: 30px;
  top: 25px;
  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-theme-1);
  content: "\f067";
  position: absolute;
  right: 20px;
  top: 50%;
  -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;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button::after {
    right: 15px;
  }
}
.bd-faq__accordion .accordion-item {
  border: 1px solid rgba(255, 255, 255, 0);
  --border-color: var(--clr-theme-1);
  --border-weight: 2px;
  --dash-size: 18px;
  --gap-size: 6px;
  background: transparent;
  position: relative;
  margin-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.bd-faq__accordion .accordion-item::after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  z-index: -1;
}
.bd-faq__accordion .accordion-collapse {
  border: 0;
}
.bd-faq__accordion .accordion-body {
  padding: 0px 25px 20px 25px;
  margin-top: -10px;
}
.bd-faq__accordion .accordion-body p {
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 3px;
}

/*----------------------------------------*/
/*  21. GOOGLE CSS START
/*----------------------------------------*/
.bd-google__map iframe {
  width: 100%;
  min-height: 570px;
  -webkit-border-radius: 6PX;
  -moz-border-radius: 6PX;
  -o-border-radius: 6PX;
  -ms-border-radius: 6PX;
  border-radius: 6PX;
}

/*----------------------------------------*/
/*  24. LOGIN CSS START
/*----------------------------------------*/
.bd-login__input {
  position: relative;
  border: 1px solid var(--clr-border-2);
  border-radius: 6px;
  margin-bottom: 20px;
}
.bd-login__input input {
  width: 100%;
  height: 60px;
  background: var(--clr-common-white);
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 0 25px 0 50px;
}
.bd-login__input i {
  position: absolute;
  top: 22px;
  left: 20px;
  color: var(--clr-theme-1);
}
.bd-login__input textarea {
  height: 150px;
  width: 100%;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  resize: none;
  outline: none;
  padding: 17px 25px 17px 50px;
}
.bd-login__input ::placeholder {
  color: var(--clr-common-placeholder-3);
  opacity: 1;
  font-size: 16px;
}
.bd-login__input ::-moz-placeholder {
  color: var(--clr-common-placeholder-3);
  opacity: 1;
  font-size: 16px;
}

.signup-action-check {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
}

.signup-action {
  margin-bottom: 25px;
}

.bd-acount__login-text {
  margin-bottom: 30px;
}
.bd-acount__login-text span a {
  font-weight: var(--bd-fw-sbold);
  text-decoration: underline;
}
.bd-acount__login-text span a:hover {
  color: var(--clr-theme-1);
}

.bd-sign__social-text {
  position: relative;
  z-index: 5;
  background: var(--clr-common-white);
  margin-bottom: 25px;
}
.bd-sign__social-text:before {
  position: absolute;
  height: 1px;
  background: var(--clr-border-2);
  content: "";
  width: 100%;
  top: 15px;
  left: 0;
  z-index: -1;
}
.bd-sign__social-text span {
  background: var(--clr-common-white);
  display: inline-block;
  padding: 0 15px;
}
.bd-sign__social-icon a {
  border: 1px solid var(--clr-border-2);
  padding: 10px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-right: 20px;
  display: inline-block;
}
.bd-sign__social-icon a:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
}
.bd-sign__social-icon a:last-child {
  margin-right: 0;
}

.sign-check span a {
  text-decoration: underline;
  font-weight: var(--bd-fw-sbold);
}
.sign-check span a:hover {
  color: var(--clr-theme-1);
}

.bd-registered__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 10px;
}

.not-register span a {
  color: var(--clr-common-heading);
  font-weight: var(--bd-fw-sbold);
  text-decoration: underline;
}
.not-register span a:hover {
  color: var(--clr-theme-1);
}

.forget-password a:hover {
  color: var(--clr-theme-1);
}

/*----------------------------------------*/
/*  17. ERROR CSS START
/*----------------------------------------*/
.bd-error__content {
  margin-bottom: 35px;
}
.bd-error__content h3 {
  font-size: 36px;
  margin-bottom: 15px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-error__content h3 {
    font-size: 30px;
  }
}
.bd-error__thumb img {
  margin-bottom: 40px;
}

/*----------------------------------------*/
/*  14. CONTACT CSS START
/*----------------------------------------*/
.bd-conatact__info {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  padding: 45px 45px 42px;
  -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;
  overflow: hidden;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-conatact__info {
    padding: 45px 20px 42px;
  }
}
.bd-conatact__info:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
  z-index: -1;
}
.bd-conatact__info:hover::after {
  --border-color: var(--clr-common-body-text);
}
.bd-conatact__info-icon {
  height: 120px;
  width: 120px;
  display: inline-block;
  background-color: var(--clr-theme-1);
  text-align: center;
  line-height: 120px;
  border-radius: 50%;
  margin-bottom: 35px;
}
.bd-conatact__info-content h3 {
  margin-bottom: 10px;
}
@media (max-width: 575px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-conatact__info-content h3 {
    font-size: 22px;
  }
}
.bd-conatact__info-content span {
  display: block;
  color: var(--clr-text-2);
}
.bd-conatact__info-content span a:hover {
  color: var(--clr-theme-1);
}

.bd-contact__wrapper {
  padding-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) {
  .bd-contact__wrapper {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-contact__wrapper {
    padding-left: 30px;
  }
}
.bd-contact__main {
  background: var(--clr-bg-grey-2);
  padding: 50px 80px 20px 50px;
  -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: 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) {
  .bd-contact__main {
    padding: 50px 30px 20px 30px;
  }
}
.bd-contact__input {
  position: relative;
}
.bd-contact__input input {
  width: 100%;
  height: 60px;
  background: var(--clr-common-white);
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 0 25px 0 50px;
}
.bd-contact__input i {
  position: absolute;
  top: 22px;
  left: 20px;
  color: var(--clr-theme-1);
}
.bd-contact__input textarea {
  height: 150px;
  width: 100%;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  resize: none;
  outline: none;
  padding: 17px 25px 17px 50px;
}
.bd-contact__input ::placeholder {
  color: var(--clr-common-placeholder-3);
  opacity: 1;
  font-size: 16px;
}
.bd-contact__input ::-moz-placeholder {
  color: var(--clr-common-placeholder-3);
  opacity: 1;
  font-size: 16px;
}

/*----------------------------------------*/
/*  19. FOOTER CSS START
/*----------------------------------------*/
.footer__bg-thumb {
  position: relative;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 2;
}

.footer-col-1 {
  padding-right: 10px;
}

.footer-col-2 {
  margin-left: 30px;
  margin-right: -90px;
}
@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: 1200px) and (max-width: 1399px) {
  .footer-col-2 {
    margin-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) {
  .footer-col-2 {
    margin-right: 0px;
  }
}

.footer-col-3 {
  margin-right: 30px;
  margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3 {
    margin-right: 0;
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-3 {
    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) {
  .footer-col-3 {
    margin-right: 0;
    margin-left: 0;
  }
}

.footer-col-4 {
  margin-left: 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) {
  .footer-col-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-5 {
    margin-right: 0px;
  }
}

.footer-col-6 {
  margin-left: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-col-6 {
    margin-right: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-6 {
    margin-left: 30px;
  }
}
@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) {
  .footer-col-6 {
    margin-left: 0px;
  }
}

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

.footer-col-8 {
  margin-right: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-8 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-8 {
    margin-left: 30px;
    margin-right: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-col-8 {
    margin-right: 0px;
  }
}

.bd-footer__bg {
  position: absolute;
  bottom: 0;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__bg {
    display: none;
  }
}
.bd-footer__title h4 {
  font-size: 20px;
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-bold);
  margin-bottom: 35px;
}
@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-footer__title h4 {
    margin-bottom: 25px;
  }
}
.bd-footer__paragraph P {
  font-size: 16px;
  color: var(--clr-footer-1);
  margin-bottom: 35px;
  margin-top: -5px;
  position: relative;
}
.bd-footer__social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.bd-footer__social a {
  width: 50px;
  height: 50px;
  background-color: var(--clr-text-4);
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  gap: 10px;
  color: var(--clr-common-white);
}
.bd-footer__social a:hover {
  color: var(--clr-common-body-text);
  background-color: var(--clr-theme-2);
}
.bd-footer__link ul {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(auto, 1fr) 1fr;
  gap: 10px 20px;
}
.bd-footer__link ul li {
  list-style: none;
}
.bd-footer__link ul li a {
  color: var(--clr-footer-1);
}
.bd-footer__link ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__contact {
  line-height: 1;
}
.bd-footer__contact-item span {
  color: var(--clr-footer-1);
  margin-bottom: 5px;
  display: block;
}
.bd-footer__contact-item p {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
}
.bd-footer__support {
  border-top: 1px solid var(--clr-border-3);
  padding-top: 20px;
  max-width: 205px;
}
.bd-footer__support-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
}
.bd-footer__support-title span {
  display: block;
  color: var(--clr-footer-1);
  margin-bottom: 10px;
}
.bd-footer__support-title a {
  color: var(--clr-common-white);
  font-weight: var(--bd-fw-sbold);
}
.bd-footer__support-title a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__subcribe p {
  color: var(--clr-footer-1);
  margin-bottom: 20px;
}
.bd-footer__input input {
  height: 60px;
  width: 100%;
  padding: 0px 20px 0px 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: none;
}
.bd-footer__input i {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bd-copyright__text p {
  text-align: center;
  font-weight: var(--bd-fw-bold);
  color: var(--clr-common-white);
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 0;
  z-index: 55;
  position: relative;
}
.bd-copyright__text p a:hover {
  color: var(--clr-theme-2);
}
.bd-copyright__main {
  padding-top: 195px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-copyright__main {
    padding-top: 100px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-copyright__main {
    padding-top: 0;
  }
}

.bd-footer__top {
  margin-top: 20px;
  margin-bottom: 40px;
}
@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-footer__top {
    margin: 0;
  }
}
.bd-footer__top-main {
  padding: 15px 30px;
  -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;
  -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);
}
@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-footer__top-main {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__top-main {
    padding: 27px 30px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
}
.bd-footer__top-link ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 40px;
}
.bd-footer__top-link ul li {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bd-footer__top-link ul li a {
  font-size: 16px;
  font-weight: var(--bd-fw-sbold);
  text-transform: uppercase;
}
.bd-footer__top-link ul li a:hover {
  color: var(--clr-theme-1);
}
.bd-footer__top-logo {
  margin-top: -40px;
  margin-bottom: -60px;
  text-align: center;
}
.bd-footer__top-social a {
  --border-color: var(--clr-border-7);
  --border-weight: 2px;
  --dash-size: 15px;
  --gap-size: 10px;
  position: relative;
  height: 50px;
  background: transparent;
  display: inline-flex;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  width: 50px;
  justify-content: space-evenly;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: var(--bd-fw-sbold);
  margin-right: 5px;
}
.bd-footer__top-social a:last-child {
  margin-right: 0;
}
.bd-footer__top-social a:after {
  transition: all 0.6s ease;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) top center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top left no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center left repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom left no-repeat, linear-gradient(90deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) bottom center repeat-x, linear-gradient(90deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) top right no-repeat, linear-gradient(0deg, transparent calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2), var(--border-color) calc(var(--gap-size) / 2 + var(--dash-size)), transparent calc(var(--gap-size) / 2 + var(--dash-size))) center right repeat-y, linear-gradient(0deg, var(--border-color) 100%, transparent 100%) bottom right no-repeat;
  background-size: var(--dash-size) var(--border-weight), calc(var(--dash-size) + var(--gap-size)) var(--border-weight), var(--dash-size) var(--border-weight), var(--border-weight) var(--dash-size), var(--border-weight) calc(var(--dash-size) + var(--gap-size)), var(--border-weight) var(--dash-size);
}
.bd-footer__top-social a:hover {
  --border-color: var(--clr-theme-2);
  background-color: var(--clr-theme-2);
  --border-weight: 1px;
  --dash-size: 1px;
  --gap-size: 2px;
}

.footer__style-2 .bd-footer__title h4 {
  color: var(--clr-common-body-text);
}
.footer__style-2 .bd-footer__paragraph P {
  color: var(--clr-text-2);
  margin-bottom: 20px;
}
.footer__style-2 .bd-footer__link ul li a {
  color: var(--clr-text-2);
}
.footer__style-2 .bd-footer__link ul li a:hover {
  color: var(--clr-theme-1);
}
.footer__style-2 .bd-footer__contact-item span {
  color: var(--clr-text-2);
}
.footer__style-2 .bd-footer__contact-item p {
  color: var(--clr-common-body-text);
}
.footer__style-2 .bd-footer__subcribe p {
  color: var(--clr-text-2);
  margin-bottom: 20px;
}
.footer__style-2 .bd-footer__support-title span {
  color: var(--clr-text-2);
}
.footer__style-2 .bd-footer__support-title a {
  color: var(--clr-common-body-text);
}
.footer__style-2 .bd-footer__support-title a:hover {
  color: var(--clr-theme-1);
}

.bd-footer__widget-bg {
  background-color: var(--clr-theme-1);
  padding: 50px 45px 45px;
  border-radius: 6px;
  margin-top: -25px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer__widget-bg {
    padding: 50px 25px 45px;
  }
}
.bd-footer__social-2 a {
  margin-right: 20px;
  font-size: 16px;
  color: var(--clr-footer-4);
}
.bd-footer__social-2 a:hover {
  color: var(--clr-common-white);
}
.bd-footer__social-2 a:last-child {
  margin-right: 0;
}
.bd-footer__link-2 ul li {
  list-style: none;
  margin-bottom: 23px;
  line-height: 1;
}
.bd-footer__link-2 ul li a {
  color: var(--clr-footer-1);
}
.bd-footer__link-2 ul li a:hover {
  color: var(--clr-theme-1);
}

.footer__style-3 .bd-footer__paragraph P {
  color: var(--clr-footer-4);
  margin-bottom: 20px;
}
.footer__style-3 .bd-copyright__text p {
  color: var(--clr-footer-5);
}

.bd-copyright__border {
  border-top: 1px solid #3c443a;
  padding-top: 30px;
}
.bd-copyright__text span {
  color: var(--clr-common-white);
}
.bd-copyright__text span a:hover {
  color: var(--clr-theme-1);
}

.bd-footer__main {
  padding-top: 95px;
  padding-bottom: 50px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__main {
    padding-top: 95px;
  }
}
.bd-footer__top-text h3 {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__top-text h3 {
    font-size: 20px;
  }
}
.bd-footer__top-right {
  display: flex;
  gap: 20px;
  justify-content: end;
  flex-wrap: wrap;
}
@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-footer__top-right {
    margin-top: 20px;
    justify-content: start;
  }
}
.bd-footer__top-main-2 {
  padding: 29px 40px;
  border-radius: 6px;
  background-color: var(--clr-common-white);
  z-index: 5;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__top-main-2 {
    padding: 29px 30px;
  }
}

@media (max-width: 420px), only screen and (min-width: 320px) {
  .bd-header__contact01 ul li {
    margin-right: 0px;
	  margin-left: 50px;
  }
}
.bd-header__contact01 ul li a {
  color: var(--clr-text-1);
  font-size: 10px;
}
.bd-header__contact01 ul li a:hover {
  color: var(--clr-theme-2);
}
.bd-header__contact01 ul li a i {
  margin-right: 7px;
  color: var(--clr-theme-2);
}
.bd-header__contact01 ul li:last-child {
  margin-right: 0;
}
.bd-header__contact01 ul li span {
  color: var(--clr-text-1);
  font-size: 14px;
}
.bd-header__contact01 ul li span i {
  margin-right: 7px;
  color: var(--clr-theme-2);
}
}

.bd-footer__top-2 {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  padding-bottom: 65px;
}

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