@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Businoz–Multipurpose Business HTML5 Template
    Author: Bdevs
    Support: https://www.devsnews.com/support/
    Description: Template Name  – HTML5 Template
    Version: 1.0

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

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

    01. THEME DEFAULT CSS
    02. Header CSS
    03. Hero CSS
    04. Section-title CSS
    05. Button CSS
    06. About CSS
    07. Servic CSS
    08. Portfolio CSS
    09. Process CSS
    10. Team CSS
    11. Testimonial CSS
    12. Video CSS
    13. Brand CSS
    14. Blog CSS
    15. Features CSS
    16. Skill CSS
    17. Client CSS
    18. Cta CSS
    19. Faq CSS
    20. History Title CSS
    21. Pricing CSS
    22. IntregrationCSS
    23.	Acordion  CSS
    24.	Course CSS
    25.	Breadcrumb  CSS
    26.	Counter  CSS
    27.	Award CSS
    28.	Modal CSS
    29.	Footer CSS
    30.	Contact CSS
    31.	Animation CSS


**********************************************/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
@import url("../../css2");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#bg{
  background-image: url('../img/hero/4.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  
}

body {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--clr-common-text);
  line-height: 26px;
}

a {
  text-decoration: none;
}

a,
.btn,
button,
span,
p,
i,
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;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Josefin Sans", sans-serif;
  color: var(--clr-common-text-2);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.35;
  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;
}

h1 {
  font-size: 80px;
}

h2 {
  font-size: 60px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

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

li {
  list-style: none;
}

p {
  font-weight: normal;
  margin-bottom: 15px;
  color: var(--clr-common-paragraph);
  line-height: 26px;
}

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

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

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

/*---------------------------------
 Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: var(--clr-common-placeholder);
  font-size: 14px;
  opacity: 1;
}

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

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

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

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

.section-bg-4 {
  background: var(--clr-common-text-4);
}

.section-bg-5 {
  background: var(--clr-common-text-2);
}

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

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

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

.yello-bg {
  background: var(--clr-theme-5);
}

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

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

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

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

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

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

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

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: var(--clr-common-white) !important;
}

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

.theme-color {
  color: var(--clr-common-black) !important;
}

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

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: rgba(0, 0, 0, 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;
  }
}

/*----------------------------------------
Declaration
-----------------------------------------*/
:root {
  /**
     @color declaration
     */
  --clr-common-white: #fff;
  --clr-common-black: #000;
  --clr-common-heading: #000000;
  --clr-common-text: #191919;
  --clr-common-text-2: #141f2b;
  --clr-common-text-3: #070707;
  --clr-common-text-4: #343a40;
  --clr-common-border: #001A71;
  --clr-common-placeholder: #a0a0a0;
  --clr-common-paragraph: #777777;
  --clr-common-yellow: #d1da3f;
  --clr-theme-1: #001A71;
  --clr-theme-2: #FD5115;
  --clr-theme-3: #FD5115;
  --clr-theme-4: #001A71;
  --clr-theme-5: #FD5115;
  --clr-theme-6: #FD5115;
  --clr-bg-gray: #edf4f6;
  --clr-bg-section: #f8f8f8;
  --clr-bg-section-2: #f4f4f4;
  --clr-bg-section-3: #f9f9f9;
  --clr-bg-black: #131212;
  --clr-bg-footer-2: #eeeeee;
  --clr-bg-footer-3: #20252b;
  --clr-bg-footer-4: #12161a;
  --clr-body-grey: #999999;
  --clr-body-grey-2: #e4e4e4;
  --clr-body-grey-3: #898989;
  --clr-body-grey-4: #4e4e4e;
  --clr-body-grey-5: #e3e3e3;
  --clr-body-grey-6: #9ba6b2;
  --clr-body-blue: #001A71;
  --clr-body-blue-2: #001A71;
  --clr-body-blue-soft: #a4c2eb;
  --clr-body-blue-soft-2: #ecf7fb;
  --clr-stroke-1: #828286;
  --clr-stroke-2: #f1f1f1;
  --clr-stroke-3: #e4e4e4;
  --clr-stroke-4: #001A71;
  --clr-stroke-5: #f6f6f6;
  --clr-border-1: #e1e1e1;
  --clr-border-2: #f0f0f0;
  --clr-border-3: #eaeaea;
  --clr-border-4: #373434;
  --clr-border-5: #25333A;
  --clr-border-6: #e7e7e7;
  --clr-border-7: #e9e9e9;
  --clr-border-8: #e5e5e5;
  --clr-border-9: #ececec;
  --clr-border-10: #dfdfdf;
  --clr-border-11: #dfdfdf;
  --clr-border-12: #d9d9d9;
  --clr-border-13: #f5f5f5;
  --clr-border-14: #eeeeee;
  --clr-footer-1: #aeaeae;
  --clr-footer-2: #cdcdcd;
  --clr-footer-3: #070707;
  --clr-footer-4: #a4b4e0;
  --clr-footer-5: #8b929b;
}

/*----------------------------------------
Bootstrap css
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
  margin-right: auto;
  margin-left: auto;
}

.row {
  --bs-gutter-x: 30px;
}

.g-0,
.gx-0 {
  --bs-gutter-x:0 ;
}

.g-0,
.gy-0 {
  --bs-gutter-y:0 ;
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1320px;
  }
}
/*----------------------------------------*/
/*  01. header CSS START
/*----------------------------------------*/
#header-sticky.sticky {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 555;
  animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
}
@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) {
  #header-sticky.sticky {
    padding: 15px 0;
  }
}

.header-area.sticky {
  background: var(--clr-common-white);
}
.header-area.sticky .main-menu ul li a {
  padding: 37px 0;
}
.header-area.sticky .main-menu ul li .sub-menu li a {
  padding: 9px 25px 9px 25px;
}
.header-area.sticky .sticky-logo {
  display: block !important;
}
.header-area.sticky.bd-trsnsparent__header::before {
  display: none;
}
.header-area.sticky .bd-header__toggle-btn {
  display: block;
}
.header-area .bd-header__toggle-btn {
  display: none;
}

.header-area-common .sticky {
  background: var(--clr-common-text-2);
}
.header-area-common .sticky .bd-navigation-2 {
  padding: 0;
}
.header-area-common .sticky .bd-navigation-2::after {
  display: none;
}

.header-area-3.sticky {
  background: var(--clr-common-white);
}
.header-area-3.sticky .main-menu-3 ul li a {
  padding: 37px 0;
}
.header-area-3.sticky .main-menu ul li .sub-menu li a {
  padding: 9px 25px 9px 25px;
}

.header-area-4.sticky {
  background: var(--clr-common-white);
}
.header-area-4.sticky .main-menu-4 ul li a {
  padding: 37px 0;
}
.header-area-4.sticky .main-menu ul li .sub-menu li a {
  padding: 9px 25px 9px 25px;
}

.header__area-5.sticky {
  background: var(--clr-common-text-2);
}
.header__area-5.sticky .main-menu-5 ul > li a {
  padding: 37px 0;
}
.header__area-5.sticky .main-menu ul li .sub-menu li a {
  padding: 9px 25px 9px 25px;
}

.header-trasnsparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 500;
}

.bd-trsnsparent__header {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
.bd-trsnsparent__header::before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 100%;
  width: 1000px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-trsnsparent__header::before {
    display: none;
  }
}
.bd-trsnsparent__header .bd-navaigation {
  background: var(--clr-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-trsnsparent__header .bd-navaigation {
    background: none;
  }
}

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

.bd-topbar__area {
  padding: 7px 0;
}

.topbar__lang {
  display: inline-block;
  margin-right: 44px;
}
.topbar__lang .nice-select {
  border: 0;
  height: inherit;
  line-height: inherit;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  padding-left: 0;
}
.topbar__lang .nice-select span {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.topbar__lang .nice-select .option {
  color: var(--clr-common-text);
  font-size: 14px;
  padding-left: 25px;
}
.topbar__lang .nice-select::after {
  border-bottom: 2px solid var(--clr-common-white);
  border-right: 2px solid var(--clr-common-white);
  height: 7px;
  width: 7px;
  right: 19px;
  padding: 0;
}

.bd-topbar__info {
  display: flex;
}
.bd-topbar__info ul li a {
  line-height: 1;
  color: var(--clr-common-white);
}
.bd-topbar__info ul li a i {
  margin-right: 8px;
}

.header__contact ul li {
  display: inline-block;
  display: inline-block;
  margin-right: 54px;
}
.header__contact ul li a {
  position: relative;
}
.header__contact ul li a::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: var(--clr-common-border);
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.header__contact ul li:last-child {
  margin-right: 0;
}

.topbar__right .text h6 {
  color: var(--clr-common-white);
  font-size: 16px;
}
.topbar__right .text h6 span {
  color: var(--clr-body-blue-soft);
  font-weight: 400;
}

.bd-topbar-style-2 .header__contact ul li a::before {
  height: 10px;
  width: 2px;
  background: #FD5115;
}
.bd-topbar-style-2 .header__contact ul li:first-child a::before {
  display: none;
}

.bd-header__widgets__area {
  background: #FD5115;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-header__widgets__area {
    padding: 20px 0;
  }
}

.bd-widget__features {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-widget__features {
    display: none;
  }
}
.bd-widget__features:nth-child(2) {
  margin-right: 0;
}
.bd-widget__features:last-child {
  margin-right: 0;
}
.bd-widget__features .widget-text {
  margin-left: 20px;
}
.bd-widget__features .widget-text span {
  font-size: 14px;
  color: var(--clr-common-white);
}
.bd-widget__features .widget-text h6 {
  font-size: 14px;
  color: var(--clr-common-white);
}

.bd-header__widgets {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 11px 0px 44px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-header__widgets {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-header__widgets {
    padding: 20px 0px 25px 0;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-header__widgets {
    padding: 30px 0;
  }
}

.bd-header__toggle-btn {
  margin-right: 10px;
}
@media (max-width: 575px) {
  .bd-header__toggle-btn {
    margin-left: 0;
  }
}
.bd-header__toggle-btn a {
  background: var(--clr-common-white);
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-width: 5px;
}
.bd-header__toggle-btn a::before {
  position: absolute;
  content: "";
  height: 46px;
  width: 46px;
  top: 50%;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #001A71;
  -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-header__toggle-btn a:hover:before {
  border-color: var(--clr-common-white);
}

.bd-heder__tagol-icon svg {
  display: flex;
  align-content: center;
}

.main-menu {
  display: inline-block;
}
.main-menu ul li {
  display: inline-block;
  margin-right: 59px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin-right: 50px;
  }
}
.main-menu ul li.menu-item-has-children::after {
  color: #9ba6b2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin: 0px 12px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:hover::before {
  background-color: var(--clr-theme-1);
}
.main-menu ul li:hover > a {
  color: var(--clr-theme-1);
  text-decoration: underline;
}
.main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
}
.main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-1);
}
.main-menu ul li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: #d6d6d6;
  border-radius: 50%;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.main-menu ul li a {
  font-size: 16px;
  color: var(--clr-common-body);
  display: inline-block;
  padding: 32px 0;
  line-height: 1;
  font-weight: normal;
  text-transform: capitalize;
  font-weight: 700;
  -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;
}
.main-menu ul li .sub-menu {
  background: var(--clr-common-white) none repeat scroll 0 0;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.05);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 110%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 230px;
  z-index: 9;
  text-align: left;
  padding: 15px 0;
  border-top: 3px solid var(--clr-theme-1);
}
.main-menu ul li .sub-menu .sub-menu {
  left: 100%;
  top: 100%;
}
.main-menu ul li .sub-menu li {
  display: block;
  margin: 0px;
}
.main-menu ul li .sub-menu li::before {
  display: none;
}
.main-menu ul li .sub-menu li a {
  padding: 9px 25px 9px 25px;
  display: block;
  color: var(--clr-common-heading);
  position: relative;
  font-weight: 700;
}
.main-menu ul li .sub-menu li a:before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--clr-common-heading);
  opacity: 0;
}
.main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-theme-1);
}
.main-menu ul li .sub-menu li:hover > a:before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li.menu-item-has-children {
  position: relative;
}
.main-menu ul li.menu-item-has-children:after {
  position: absolute;
  content: "";
  font-size: 12px;
  color: var(--clr-body-grey-6);
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
  font-family: "Font Awesome 5 Pro";
}

.main-menu-2 ul li a {
  color: var(--clr-body-grey-6);
  position: relative;
  z-index: 100px;
  padding: 37px 0;
}
.main-menu-2 ul li a:hover {
  color: var(--clr-common-white);
}
.main-menu-2 ul li::before {
  background: #3b4a5a;
}
.main-menu-2 ul li:hover::before {
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #FD5115 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}
.main-menu-2 ul li:hover.menu-item-has-children::after {
  color: var(--clr-common-white);
}
.main-menu-2 ul li:hover > a {
  color: var(--clr-common-white);
  text-decoration: underline;
}
.main-menu-2 ul li .sub-menu {
  padding: 15px 0;
  border-top: 3px solid var(--clr-theme-2);
}
.main-menu-2 ul li .sub-menu li:hover > a {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #FD5115 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparen;
  color: var(--clr-theme-2);
}

.main-menu-3 {
  display: flex;
  justify-content: center;
}
.main-menu-3 ul li a {
  padding: 57px 0;
}

.main-menu-4 ul li {
  color: var(--clr-theme-4);
}
.main-menu-4 ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-5);
}
.main-menu-4 ul li:hover > a {
  color: var(--clr-theme-5);
  text-decoration: underline;
}
.main-menu-4 ul li .sub-menu {
  border-top: 3px solid var(--clr-theme-5);
}
.main-menu-4 ul li .sub-menu li a {
  color: var(--clr-theme-4);
}
.main-menu-4 ul li .sub-menu li a:hover {
  color: var(--clr-theme-5);
}
.main-menu-4 ul li a {
  padding: 52px 0;
}
.main-menu-4 ul li::before {
  display: none;
}
.main-menu-4 ul li.menu-item-has-children::after {
  color: var(--clr-theme-4);
}

.header__top-social a {
  font-size: 14px;
  color: #95a6da;
  padding-right: 15px;
}
.header__top-social a:last-child {
  padding-right: 0;
}
.header__top-social a:hover {
  color: var(--clr-common-white);
}

.main-menu-5.main-menu ul li a {
  color: var(--clr-common-white);
  padding: 55px 0;
}
.main-menu-5.main-menu ul li::before {
  display: none;
}
.main-menu-5.main-menu ul li:hover > a {
  color: var(--clr-theme-6);
  text-decoration: underline;
}
.main-menu-5 ul li.menu-item-has-children::after {
  color: var(--clr-common-white);
  opacity: 1;
  visibility: visible;
}
.main-menu-5 ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-6);
}
.main-menu-5 ul li .sub-menu {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.04);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 110%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 230px;
  z-index: 9;
  text-align: left;
  padding: 15px 0;
  border-top: 3px solid var(--clr-theme-6);
}
.main-menu-5 ul li .sub-menu li:hover > a {
  color: var(--clr-theme-6);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-5 {
    display: flex;
    justify-content: center;
  }
}
.bd-topbar__area.secound .topbar__lang .nice-select {
  color: var(--clr-common-text-2);
  background: transparent;
}
.bd-topbar__area.secound .topbar__lang .nice-select::after {
  border-bottom: 2px solid var(--clr-common-text-2);
  border-right: 2px solid var(--clr-common-text-2);
}
.bd-topbar__area.secound .bd-topbar__info ul li a {
  color: var(--clr-common-text-2);
}
@media (max-width: 575px) {
  .bd-topbar__area.secound .bd-topbar__info ul li a {
    font-size: 14px;
  }
}
.bd-topbar__area.secound .bd-topbar__info ul li a::before {
  background: var(--clr-body-grey-5);
}
@media (max-width: 575px) {
  .bd-topbar__area.secound .bd-topbar__info ul li a::before {
    display: none;
  }
}

.bd-navigation-2 {
  position: relative;
  padding: 0 40px;
  background: var(--clr-common-text-2);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 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-navigation-2 {
    padding: 15px 20px;
  }
}
.bd-navigation-2::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  top: 10px;
  left: 0;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.bd-header__toogle-btn.two a {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  color: var(--clr-common-white);
}
.bd-header__toogle-btn.two a:before {
  border: 1px solid var(--clr-border-5);
}

.bd-header__action {
  text-align: end;
}
.bd-header__action ul li {
  display: inline-block;
}
.bd-header__action ul li a {
  display: flex;
  align-items: center;
  height: 40px;
  width: 40px;
  height: 46px;
  width: 46px;
  top: 50%;
  border-radius: 50%;
  border: 2px solid #253341;
  justify-content: space-evenly;
}
.bd-header__action .bd-header__search i {
  color: var(--clr-common-white);
}

.bd-heder__tagol-icon {
  position: relative;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 50%;
}

/* 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: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.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 #ddd !important;
  height: 30px;
  width: 30px;
  line-height: 34px;
  color: var(--clr-common-black);
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  border-color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.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-black);
}

.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-black);
}

.sidebar__area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 445px;
  height: 100%;
  background: var(--clr-common-white) none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 999;
  -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;
}
@media (max-width: 575px) {
  .sidebar__area {
    width: 290px;
  }
}
.sidebar__area.sidebar-opened {
  right: 0px;
}
.sidebar__wrapper {
  position: relative;
  padding: 45px;
}
@media (max-width: 575px) {
  .sidebar__wrapper {
    padding: 20px;
  }
}
.sidebar__close {
  position: absolute;
  top: 48px;
  right: 45px;
}
@media (max-width: 575px) {
  .sidebar__close {
    top: 22px;
    right: 20px;
  }
}
.sidebar__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 45px;
  width: 45px;
  line-height: 46px;
  border: 1px solid var(--clr-common-black);
  color: var(--clr-common-black);
  -webkit-border-radius: 50%;
  -moz-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;
}
.sidebar__close-btn:hover {
  background: var(--clr-common-border);
  color: var(--clr-common-white);
  border-color: transparent;
}
.sidebar__logo {
  padding-bottom: 20px;
  border-bottom: 1px solid #f000;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--clr-theme-1);
  font-size: 14px;
}
.sidebar__search input::placeholder {
  color: #999;
}
.sidebar__search input:focus {
  border-color: var(--clr-theme-1);
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--clr-theme-1);
}
.sidebar__search button:hover {
  color: var(--clr-theme-1);
}
.sidebar__text p {
  margin-bottom: 25px;
}
.sidebar__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
  color: var(--clr-common-text);
}
.sidebar__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.sidebar__contact ul li:hover i {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.sidebar__contact ul li:hover a {
  color: var(--clr-theme-1);
}
.sidebar__contact-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid var(--clr-theme-1);
  color: var(--clr-theme-1);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.sidebar__contact-text a {
  font-size: 16px;
  font-weight: 400;
}
.sidebar__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.sidebar__social ul li {
  display: inline-block;
}
.sidebar__social ul li:not(:last-child) {
  margin-right: 5px;
}
.sidebar__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #1f1e1e;
  color: var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-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;
}
.sidebar__social ul li a:hover {
  background: var(--clr-theme-1);
}

.bar-icon {
  width: 16px;
  height: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  background: var(--clr-common-white);
  display: inline-block;
}

.menu-bar a {
  width: 50px;
  height: 50px;
  background: var(--clr-theme-5);
  z-index: -1;
  border-radius: 50%;
  display: flex;
  line-height: 50px;
  align-items: center;
  justify-content: space-evenly;
}

.bd-hero__height-1 {
  min-height: 830px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__height-1 {
    background-position: 30% center;
  }
}
@media (max-width: 575px) {
  .bd-hero__height-1 {
    min-height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__height-1 {
    min-height: 750px;
  }
}
.bd-hero__height-1::before {
  position: absolute;
  content: "";
  background: #000;
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.502;
}

.bd-hero__content {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__content {
    margin-left: 70px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content {
    margin-top: 0px;
  }
}

.bd-hero__title {
  font-size: 100px;
  line-height: 1.08;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .bd-hero__title {
    font-size: 50px;
  }
}

.bd-hero__paraghrap {
  color: var(--clr-common-white);
  position: relative;
  margin-left: 50px;
}
.bd-hero__paraghrap:before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 1px;
  width: 30px;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

.hero__btn {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.hero.__btn a {
  margin-right: 25px;
}

.bd-hero__shape-1 {
  background: var(--clr-common-white);
  display: inline-block;
  min-height: 200px;
  text-align: center;
  min-width: 200px;
  position: absolute;
  bottom: 0;
  right: 315px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__shape-1 {
    right: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__shape-1 {
    right: 20px;
  }
}
.bd-hero__shape-1 h6 {
  font-size: 16px;
  color: var(--clr-body-grey);
  margin-bottom: 32px;
  margin-left: -20px;
  margin-top: 85px;
}
.bd-hero__shape-1 span {
  font-size: 80px;
  font-weight: 700;
}
.bd-hero__shape-1 strong {
  width: 0;
  height: 0;
  border-top: 8px solid var(--clr-theme-1);
  border-right: 8px solid transparent;
  position: absolute;
  left: 30px;
  top: 30px;
}

.bd-hero__shape-2 {
  background: var(--clr-common-white);
  display: inline-block;
  min-height: 200px;
  text-align: center;
  min-width: 200px;
  position: absolute;
  bottom: 0;
  right: 315px;
  background: var(--clr-theme-1);
  display: inline-block;
  min-height: 200px;
  text-align: center;
  min-width: 200px;
  position: absolute;
  bottom: 200px;
  right: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__shape-2 {
    right: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__shape-2 {
    right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__shape-2 {
    bottom: 0px;
  }
}
.bd-hero__shape-2 h6 {
  font-size: 16px;
  color: var(--clr-common-white);
  margin-bottom: 32px;
  margin-left: -20px;
  margin-top: 85px;
}
.bd-hero__shape-2 span {
  font-size: 80px;
  font-weight: 700;
  color: var(--clr-common-white);
}
.bd-hero__shape-2 strong {
  width: 0;
  height: 0;
  border-top: 8px solid var(--clr-common-white);
  border-right: 8px solid transparent;
  position: absolute;
  left: 30px;
  top: 30px;
}

.bd-hero__pagination {
  position: absolute;
  top: 50%;
  left: 50px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  text-align: center;
  background: transparent;
  z-index: 100;
  color: var(--clr-common-white);
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__pagination {
    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) {
  .bd-hero__pagination {
    display: none;
  }
}
.bd-hero__pagination:before {
  position: absolute;
  content: "";
  height: 60px;
  width: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid var(--clr-common-white);
  opacity: 10%;
}
.bd-hero__pagination:hover {
  background-color: var(--clr-theme-1);
}
.bd-hero__pagination:hover:before {
  border: none;
}

.bd-hero__pagination.hero-button-next {
  right: 0;
  top: 58%;
}

.bd-hero__height_2 {
  min-height: 970px;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__height_2 {
    min-height: 850px;
  }
}
.bd-hero__height_2:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--clr-common-white);
  opacity: 0.941;
}

.bd-hero__content-2 {
  padding-top: 335px;
  position: relative;
  z-index: 20;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content-2 {
    padding-top: 250px;
  }
}

.hero-small__title-2 {
  background: var(--clr-common-white);
  position: relative;
  padding: 7px 20px 6px 26px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.1);
  color: var(--clr-common-text-2);
  display: inline-block;
  line-height: 1;
}
.hero-small__title-2:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
  border-radius: 50%;
}

.hero-big__title-2 {
  color: var(--clr-common-text-2);
  font-size: 80px;
  line-height: 1.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-big__title-2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .hero-big__title-2 {
    font-size: 50px;
  }
}

.bd-hero-2-img {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-2-img {
    width: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-2-img {
    width: 600px;
  }
}
.bd-hero-2-img img {
  position: relative;
  z-index: 11;
  width: 100%;
}
.bd-hero-2-img::before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 143%;
  width: 143%;
  border-radius: 50%;
  bottom: -20px;
  left: -18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 5;
}
.bd-hero-2-img::after {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 143%;
  width: 143%;
  bottom: -80px;
  left: -20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  z-index: 4;
}

.bd-hero-2__text {
  margin-bottom: 10px;
}
.bd-hero-2__text i {
  color: #ff3a34;
  font-size: 18px;
}

.hero__start span {
  font-size: 18px;
  font-weight: 700;
}

.bd-hero__height-3 {
  position: relative;
  min-height: 970px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__height-3 {
    min-height: 700px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__height-3 {
    min-height: 800px;
  }
}
.bd-hero__height-3::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--clr-body-blue-soft-2);
  top: 0;
  left: 0;
  z-index: -1;
}

.bd-hero__content-3 {
  padding-top: 100px;
}
@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-hero__content-3 {
    padding-top: 0px;
  }
}

.bd-hero-3-image {
  position: absolute;
  bottom: 0;
  right: 90px;
  width: 47%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bd-hero-3-image {
    right: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-3-image {
    right: 0px;
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-3-image {
    max-width: 550px;
  }
}

.hero__btn_3_wrapper {
  display: flex;
}
@media (max-width: 575px) {
  .hero__btn_3_wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.hero__btn_3_wrapper .hero-3-play-btn {
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
}
@media (max-width: 575px) {
  .hero__btn_3_wrapper .hero-3-play-btn {
    margin: 0;
  }
}
.hero__btn_3_wrapper .hero-3-play-btn:hover {
  background: #ffba00;
}

.hero-3-play-btn {
  height: 60px;
  width: 60px;
  background: var(--clr-common-white);
  display: inline-block;
  text-align: center;
  line-height: 65px;
  border-radius: 50%;
  color: var(--clr-common-text-3);
  font-size: 16px;
  top: 0;
}

.bd-hero-3-shape-1 {
  display: inline-block;
  padding: 15px 36px 15px 20px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  background: var(--clr-common-white);
  border-radius: 6px;
  display: inline-block;
  padding: 15px 36px 15px 20px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  background: var(--clr-common-white);
  border-radius: 6px;
  position: absolute;
  top: 270px;
  right: 10%;
  -webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-animation 4s linear infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-3-shape-1 {
    right: 0px;
  }
}
@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-hero-3-shape-1 {
    display: none;
  }
}
.bd-hero-3-shape-1 i {
  font-size: 18px;
  height: 40px;
  width: 40px;
  background: #3fb7da;
  text-align: center;
  line-height: 39px;
  border-radius: 50%;
  color: var(--clr-common-white);
}
.bd-hero-3-shape-1 span {
  color: var(--clr-common-text-3);
  font-weight: 700;
  padding-left: 20px;
}

.bd-hero-3-shape-2 {
  display: inline-block;
  padding: 15px 36px 15px 20px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  background: var(--clr-common-white);
  border-radius: 6px;
  position: absolute;
  bottom: 360px;
  right: 34%;
  -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-3-shape-2 {
    right: 29%;
    bottom: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-3-shape-2 {
    right: 10%;
  }
}
@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-hero-3-shape-2 {
    display: none;
  }
}
.bd-hero-3-shape-2 i {
  font-size: 18px;
  height: 40px;
  width: 40px;
  background: #c31c27;
  text-align: center;
  line-height: 39px;
  border-radius: 50%;
  color: var(--clr-common-white);
}
.bd-hero-3-shape-2 span {
  color: var(--clr-common-text-3);
  font-weight: 700;
  padding-left: 20px;
}

.bd-hero-3-circle {
  display: inline-block;
  position: absolute;
  bottom: 170px;
  right: 9%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-3-circle {
    right: 10px;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero-3-circle {
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.bd-circle-box {
  background: var(--clr-common-white);
  text-align: center;
  padding: 35px 32px;
  border-radius: 6px;
}
.bd-circle-box .knob {
  font-size: 35px !important;
  color: #070707 !important;
  font-weight: bold !important;
  font-family: "Josefin Sans", sans-serif !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-circle-box {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-circle-box {
    display: none;
  }
}

.bd-circle-text {
  margin-top: 10px;
}

.bd-hero__small-title-4 {
  color: var(--clr-theme-5);
}

.bd-hero__big-title-4 {
  color: var(--clr-theme-4);
  line-height: 1.2;
  letter-spacing: -3.3px;
  font-size: 80px;
  margin-left: -7px;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__big-title-4 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__big-title-4 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .bd-hero__big-title-4 {
    font-size: 45px;
  }
}

.bd-hero-4-image {
  position: absolute;
  top: 200px;
  right: 200px;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-4-image {
    right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-hero-4-image img {
    width: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero-4-image img {
    width: 450px;
  }
}

.bd-hero__height-4.p-relative {
  display: flex;
  align-items: center;
  min-height: 960px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-hero__height-4.p-relative {
    min-height: 850px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-hero__height-4.p-relative {
    background: #d8e9f7;
    min-height: 850px;
  }
}
@media (max-width: 575px) {
  .bd-hero__height-4.p-relative {
    background: #d8e9f7;
    min-height: 800px;
  }
}

.hero__btn-3-wrapper {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.hero-4-shape-cercle {
  height: 895px;
  width: 895px;
  background: #d8e9f7;
  border-radius: 50%;
  position: absolute;
  top: -4%;
  right: -14%;
  z-index: -2;
}
@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) {
  .hero-4-shape-cercle {
    display: none;
  }
}

.bd-hero__height-5 {
  min-height: 970px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__height-5 {
    min-height: 700px;
  }
}

.hero-bg-5 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-bg-5 {
    background-position: center;
  }
}

.bd-hero__content-5 {
  padding-top: 385px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-hero__content-5 {
    padding-top: 185px;
  }
}
@media (max-width: 575px) {
  .bd-hero__content-5 {
    padding-top: 220px;
  }
}

.bd-slider__title-5 h5 {
  font-size: 18px;
  color: var(--clr-theme-6);
  margin-bottom: 20px;
  text-transform: uppercase;
}
.bd-slider__title-5 h2 {
  color: var(--clr-common-white);
  font-size: 120px;
  line-height: 1.1;
  margin-bottom: 10px;
}
@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-slider__title-5 h2 {
    font-size: 100px;
  }
}
@media (max-width: 575px) {
  .bd-slider__title-5 h2 {
    font-size: 50px;
  }
}
.bd-slider__title-5 span {
  display: inline-block;
  position: relative;
}
.bd-slider__title-5 span:before {
  position: absolute;
  content: "";
  height: 7px;
  width: 100%;
  background: var(--clr-common-white);
  bottom: 14px;
}
@media (max-width: 575px) {
  .bd-slider__title-5 span:before {
    bottom: 5px;
  }
}

.bd-hero__features {
  display: flex;
  align-items: center;
  gap: 40px;
}

.bd-hero__social {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.bd-hero__social a {
  height: 50px;
  width: 50px;
  display: inline-block;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  color: var(--clr-common-white);
}
.bd-hero__social .facebook {
  background-color: #1877f2;
}
.bd-hero__social .facebook:hover {
  background-color: var(--clr-common-white);
  color: #1877f2;
}
.bd-hero__social .twitter {
  background: #1da1f2;
}
.bd-hero__social .twitter:hover {
  background-color: var(--clr-common-white);
  color: #1da1f2;
}
.bd-hero__social .linkedin {
  background-color: #0a66c2;
}
.bd-hero__social .linkedin:hover {
  background-color: var(--clr-common-white);
  color: #0a66c2;
}
.bd-hero__social .youtube {
  background-color: #cd201f;
}
.bd-hero__social .youtube:hover {
  background-color: var(--clr-common-white);
  color: #cd201f;
}

/*----------------------------------------*/
/*   03. Section title CSS
/*----------------------------------------*/
.bd-small__title {
  font-size: 16px;
  text-transform: capitalize;
  position: relative;
  color: var(--clr-theme-1);
  margin-bottom: 13px;
  display: inline-block;
  font-weight: 700;
}
.bd-small__title:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  background: var(--clr-theme-1);
  right: -60px;
  top: 50%;
}
.bd-small__title.s-2 {
  color: var(--clr-common-white);
}
.bd-small__title.s-2::before {
  background: var(--clr-common-white);
}
.bd-small__title.common::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 40px;
  background: var(--clr-theme-1);
  left: -60px;
  top: 50%;
}

.bd-big__title {
  line-height: 1.2;
  color: var(--clr-common-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-big__title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-big__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-big__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-big__title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-big__title {
    font-size: 34px;
  }
}
.bd-big__title.white {
  color: var(--clr-common-white);
}

.bd-stroke__title-hero {
  font-size: 160px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px var(--clr-common-white);
  position: absolute;
  z-index: -1;
  top: -9px;
  left: -125px;
  text-transform: capitalize;
  opacity: 16% !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bd-stroke__title-hero {
    left: -60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-stroke__title-hero {
    left: -60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-stroke__title-hero {
    font-size: 140px;
    left: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-stroke__title-hero {
    left: -40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-stroke__title-hero {
    left: -40px;
    font-size: 140px;
  }
}
@media (max-width: 575px) {
  .bd-stroke__title-hero {
    display: none;
  }
}

.bd-stroke__title {
  font-size: 160px;
  font-weight: 700;
  color: transparent;
  position: absolute;
  z-index: -1;
  text-transform: capitalize;
  -webkit-text-stroke: 1px var(--clr-stroke-3);
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-stroke__title {
    font-size: 110px;
  }
}
@media (max-width: 575px) {
  .bd-stroke__title {
    display: none;
  }
}
.bd-stroke__title.s-2 {
  -webkit-text-stroke: 1px var(--clr-stroke-2);
  left: 0;
  transform: translateX(0%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-stroke__title.s-2 {
    transform: translateY(-50%);
    top: 50%;
    font-size: 140px;
  }
}
.bd-stroke__title.s-3 {
  -webkit-text-stroke: 1px var(--clr-common-white);
  opacity: 6%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-stroke__title.s-3 {
    font-size: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-stroke__title.s-3 {
    font-size: 120px;
  }
}
.bd-stroke__title.s-4 {
  margin-top: 75px;
  -webkit-text-stroke: 1px var(--clr-stroke-2);
  z-index: 1;
}
.bd-stroke__title.s-5 {
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-stroke__title.s-5 {
    font-size: 140px;
  }
}

.bd-section__title-two h6 {
  background: var(--clr-common-white);
  position: relative;
  padding: 8px 20px 8px 26px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  color: var(--clr-common-text-2);
  display: inline-block;
  margin-bottom: 25px;
  line-height: 1;
}
.bd-section__title-two h6:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
  border-radius: 50%;
}
.bd-section__title-two h2 {
  font-size: 80px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--clr-common-text-2);
  position: relative;
  z-index: 50;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-section__title-two h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-section__title-two h2 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-section__title-two h2 {
    font-size: 32px;
  }
}
.bd-section__title-two.common h2 {
  font-size: 60px;
  margin-bottom: 30px;
  color: var(--clr-common-text-2);
  line-height: 1.2;
  letter-spacing: -1.8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-section__title-two.common h2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-section__title-two.common h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-section__title-two.common h2 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-section__title-two.common h2 {
    font-size: 32px;
  }
}
.bd-section__title-two.common.white h2 {
  color: var(--clr-common-white);
  letter-spacing: -1.7px;
  line-height: 1.2;
}

.bd-small__title-3 {
  background: var(--clr-common-text-2);
  position: relative;
  padding: 6px 20px 3px 26px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  display: inline-block;
  margin-bottom: 25px;
  color: var(--clr-common-white);
  text-transform: uppercase;
}
.bd-small__title-3:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
  border-radius: 50%;
  background: var(--clr-common-yellow);
}
.bd-small__title-3.green-color {
  background: #00c49a;
}
.bd-small__title-3.green-color::before {
  background-color: var(--clr-common-white);
}

.bd-big__title-3 {
  font-size: 80px;
  color: var(--clr-common-text-3);
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-big__title-3 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-big__title-3 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-big__title-3 {
    font-size: 60px;
  }
}
@media (max-width: 450px) {
  .bd-big__title-3 {
    font-size: 45px;
  }
}
.bd-big__title-3.medium {
  font-size: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-big__title-3.medium {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-big__title-3.medium {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-big__title-3.medium {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-big__title-3.medium {
    font-size: 32px;
  }
}

.bd-stroke__title-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 160px;
  transform: translate(-50%, -50%);
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px #f0f0f0;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-stroke__title-3 {
    font-size: 140px;
  }
}
@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-stroke__title-3 {
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .bd-stroke__title-3 {
    display: none;
  }
}

.bd-section__title-3 p {
  font-size: 18px;
}

.down-mark-line {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.down-mark-line::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -15px;
  width: 100%;
  z-index: -1;
  height: 100%;
  background: url(../img/hero/down-mark.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;
}

@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
.bd-small__title-4 {
  color: var(--clr-theme-5);
}

.bd-big__title-4 {
  color: var(--clr-theme-4);
  line-height: 1.2;
  letter-spacing: -1.6px;
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-big__title-4 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-big__title-4 {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .bd-big__title-4 {
    font-size: 40px;
  }
}
.bd-big__title-4.s-2 {
  color: var(--clr-common-white);
}

.bd-paragraph-title.faq {
  max-width: 560px;
  margin: 0 auto;
}

.bd-smaill__title-5 {
  color: var(--clr-theme-6);
  position: relative;
  display: inline-block;
  margin-left: 80px;
  margin-bottom: 10px;
}
.bd-smaill__title-5::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 70px;
  background: var(--clr-theme-6);
  left: -80px;
  top: 50%;
}
.bd-smaill__title-5.d-1 {
  margin-left: 0;
}
.bd-smaill__title-5.d-1::after {
  background: var(--clr-theme-6);
}
.bd-smaill__title-5.d-1::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 70px;
  background: var(--clr-theme-6);
  right: -80px;
  top: 50%;
}

.bn__blog__text a:hover {
  color: var(--clr-theme-6);
}

.bd-big__title-5 {
  line-height: 1.2;
  color: var(--clr-common-text-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-big__title-5 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-big__title-5 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-big__title-5 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-big__title-5 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .bd-big__title-5 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .bd-big__title-5 br {
    display: none;
  }
}
.bd-big__title-5.white {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*   5. Button CSS
/*----------------------------------------*/
.bd-theme__btn-1 {
  display: inline-block;
  background: var(--clr-theme-1);
  height: 50px;
  padding: 0px 30px 0 65px;
  line-height: 50px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
  position: relative;
  border: 1px solid var(--clr-theme-1);
}
.bd-theme__btn-1:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 20px;
  background: var(--clr-common-white);
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.bd-theme__btn-1:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
  background-color: transparent;
}
.bd-theme__btn-1:hover:before {
  background-color: var(--clr-theme-1);
}

.bd-theme__btn-2 {
  display: inline-block;
  background: transparent;
  height: 49px;
  padding: 0px 65px 0 30px;
  line-height: 50px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
  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;
}
.bd-theme__btn-2:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
.bd-theme__btn-2:hover::after {
  display: none;
}
.bd-theme__btn-2:before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 1px;
  width: 30px;
  top: 50%;
  right: 20px;
}
.bd-theme__btn-2:after {
  position: absolute;
  content: "";
  color: var(--clr-common-white);
  border: 2px solid var(--clr-common-white);
  opacity: 0.2;
  height: 100%;
  width: 100%;
  left: 0;
}

.bd-theme__btn-3 {
  display: inline-block;
  height: 58px;
  padding: 0px 60px 0 30px;
  line-height: 60px;
  color: var(--clr-common-text);
  font-size: 16px;
  font-weight: 700;
  position: relative;
  background: var(--clr-common-white);
  border: 1px solid #efefef;
  -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-theme__btn-3:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 1px;
  background: var(--clr-theme-1);
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.bd-theme__btn-3:hover {
  background: var(--clr-theme-1);
  border-color: transparent;
  color: var(--clr-common-white);
}
.bd-theme__btn-3:hover::before {
  background: var(--clr-common-white);
}

.bd-theme__btn-4 {
  display: inline-block;
  background: var(--clr-theme-1);
  height: 49px;
  padding: 0px 65px 0 30px;
  line-height: 50px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
  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;
}
.bd-theme__btn-4:before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 1px;
  width: 30px;
  top: 50%;
  right: 20px;
}
.bd-theme__btn-4:after {
  position: absolute;
  content: "";
  color: var(--clr-common-white);
  border: 2px solid var(--clr-theme-1);
  opacity: 0.2;
  height: 100%;
  width: 100%;
  left: 0;
}
.bd-theme__btn-4:hover {
  background: transparent;
  color: var(--clr-common-white);
}
.bd-theme__btn-4:hover:after {
  color: var(--clr-common-white);
  border: 2px solid var(--clr-common-white);
}

.bd-theme__btn-5 {
  display: inline-block;
  background: var(--clr-theme-1);
  height: 60px;
  padding: 0px 30px 0 65px;
  line-height: 60px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
  position: relative;
  border: 1px solid var(--clr-theme-1);
}
.bd-theme__btn-5:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 20px;
  background: var(--clr-common-white);
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.bd-theme__btn-5:hover {
  color: var(--clr-theme-1);
  border: 1px solid var(--clr-theme-1);
  background-color: transparent;
}
.bd-theme__btn-5:hover:before {
  background-color: var(--clr-theme-1);
}

.n_btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  border: 0;
  padding: 0 30px;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .n_btn {
    padding: 0 15px;
  }
}

.bd-home-2__btn {
  height: 60px;
  display: inline-block;
  padding: 0px 39px;
  line-height: 60px;
  border-radius: 50px;
  font-size: 16px;
  color: var(--clr-common-white);
  background-color: transparent;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-image: linear-gradient(to right, #141f2b, #141f2b, #ff3834, #ff7033);
  background-position: 100% 100%;
  background-size: 300% 100%;
}
.bd-home-2__btn:hover {
  color: var(--clr-common-white);
  background-position: 0%;
}

.bd-home-2__btn-2 {
  height: 60px;
  display: inline-block;
  padding: 0px 39px;
  line-height: 60px;
  border-radius: 50px;
  font-size: 16px;
  color: var(--clr-common-text-2);
  font-weight: 700;
  border: 1px solid var(--clr-border-7);
  background-image: linear-gradient(to right, #fff, #fff, #ff3834, #ff7033);
  background-size: 300% 0;
}
.bd-home-2__btn-2:hover {
  border-color: transparent;
  color: var(--clr-common-white);
  background-position: 100% 100%;
  background-size: 300% 100%;
}

.bd-home-2__btn-3 {
  height: 60px;
  display: inline-block;
  padding: 0px 39px;
  background-image: linear-gradient(to right, #141f2b, #141f2b, #ff3834, #ff7033);
  line-height: 60px;
  border-radius: 50px;
  font-size: 16px;
  color: var(--clr-common-white);
  font-weight: 700;
  background-size: 300% 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-home-2__btn-3:hover {
  background-position: 100% 100%;
}

.bd-theme-3-btn-1 {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: 0 30px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid var(--clr-theme-3);
}
.bd-theme-3-btn-1:hover {
  background: transparent;
  border: 1px solid var(--clr-theme-3);
}

.bd-theme-3-btn-2 {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  background: var(--clr-body-blue-2);
  color: var(--clr-common-white);
  padding: 0 60px 0 30px;
  border-radius: 6px 0px 0px 6px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 575px) {
  .bd-theme-3-btn-2 {
    padding: 0 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
}

.bd-theme-3-btn-3 {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  padding: 0 30px 0 60px;
  border-radius: 0px 6px 6px 0px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 575px) {
  .bd-theme-3-btn-3 {
    padding: 0 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
}

.bd-theme-3-btn-4 {
  height: 60px;
  line-height: 60px;
  padding: 0 37px 0 37px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  background: transparent;
  border: 2px solid var(--clr-border-9);
  display: inline-block;
}
.bd-theme-3-btn-4 i {
  padding-left: 10px;
}
.bd-theme-3-btn-4:hover {
  background-color: var(--clr-theme-3);
  border-color: transparent;
  color: var(--clr-common-white);
}

.bd-theme-3-btn-5 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 40px 0 40px;
  background: var(--clr-common-text-3);
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
  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;
}
.bd-theme-3-btn-5 i {
  padding-left: 10px;
}
.bd-theme-3-btn-5:hover {
  background-color: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.bd-theme-3-btn-6 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 40px 0 40px;
  background: var(--clr-common-white);
  color: var(--clr-common-text-3);
  font-size: 16px;
  font-weight: 700;
  border-radius: 6px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  -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-theme-3-btn-6:hover {
  background-color: var(--clr-theme-3);
  color: var(--clr-common-white);
}

.bd-theme-4-btn-1 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  background: var(--clr-theme-4);
  padding: 0 40px;
  border-radius: 50px;
  color: var(--clr-common-white);
  font-weight: 700;
  font-size: 16px;
}
.bd-theme-4-btn-1 i {
  font-size: 12px;
  padding-left: 10px;
}
.bd-theme-4-btn-1:hover {
  background-color: var(--clr-theme-5);
  color: var(--clr-common-white);
}

.bd-theme-4-btn-2 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  background: var(--clr-theme-5);
  padding: 0 40px;
  border-radius: 50px;
  color: var(--clr-common-white);
  font-weight: 700;
  font-size: 16px;
}
.bd-theme-4-btn-2:hover {
  background: var(--clr-theme-4);
  color: var(--clr-common-white);
}

.bd-theme-5-btn-1 {
  display: inline-block;
  height: 50px;
  background-color: var(--clr-theme-6);
  padding: 0 40px;
  line-height: 48px;
  color: var(--clr-common-white);
  font-weight: 700;
  border-radius: 50px;
  border: 2px solid var(--clr-theme-6);
}
.bd-theme-5-btn-1:hover {
  background: transparent;
  color: var(--clr-common-white);
  border: 2px solid var(--clr-theme-6);
}

.bd-gadient__btn {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, #141f2b, #141f2b, #ff3834, #ff7033);
  background-image: -webkit-linear-gradient(to right, #141f2b, #141f2b, #ff3834, #ff7033);
  padding: 0 40px;
  border-radius: 10px;
  color: var(--clr-common-white);
  font-weight: 700;
  text-align: center;
  background-position: 100% 100%;
  background-size: 300% 100%;
}
.bd-gadient__btn i {
  padding-left: 5px;
}
.bd-gadient__btn:hover {
  background-position: 0% 100%;
  color: var(--clr-common-white);
}

.bd-contact__btn-2 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  background-color: var(--clr-theme-6);
  padding: 0 40px;
  color: var(--clr-common-white);
  font-weight: 700;
}
.bd-contact__btn-2 i {
  padding-left: 10px;
  vertical-align: middle;
}

.bd-contact__btn-3 {
  background: var(--clr-common-text-2);
  height: 60px;
  color: var(--clr-common-white);
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border-radius: 10px;
  position: relative;
  z-index: 5;
}
.bd-contact__btn-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
}
.bd-contact__btn-3:hover {
  color: var(--clr-common-white);
}
.bd-contact__btn-3:hover::before {
  opacity: 1;
  visibility: visible;
}

.bd-service-btn {
  height: 50px;
  padding: 0 45px;
  display: inline-block;
  line-height: 50px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  border-radius: 6px;
  font-weight: 700;
  color: var(--clr-common-text-3);
}
.bd-service-btn i {
  position: relative;
  top: 2px;
  left: 4px;
  padding-left: 2px;
}
.bd-service-btn:hover {
  background-color: #00c49a;
  color: var(--clr-common-white);
}

.bd-service__btn {
  background: #f2f2f2;
  height: 60px;
  line-height: 60px;
  font-weight: 700;
  color: var(--clr-common-text-4);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: block;
}
.bd-service__btn:hover {
  background-color: var(--clr-theme-6);
  color: var(--clr-common-white);
}
.bd-service__btn i {
  padding-left: 5px;
  font-size: 14px;
}

.bd-service-btn-2 {
  height: 50px;
  padding: 0 45px;
  display: inline-block;
  line-height: 50px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  border-radius: 6px;
  font-weight: 700;
  color: var(--clr-common-text-3);
  position: relative;
  z-index: 5;
}
.bd-service-btn-2 i {
  position: relative;
  top: 2px;
  left: 4px;
  padding-left: 2px;
}
.bd-service-btn-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
}
.bd-service-btn-2:hover {
  color: var(--clr-common-white);
}
.bd-service-btn-2:hover::before {
  opacity: 1;
  visibility: visible;
}

.bd-portfolio__btn {
  height: 60px;
  padding: 0 45px;
  display: inline-block;
  line-height: 60px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  border-radius: 6px;
  font-weight: 700;
  color: var(--clr-common-text-3);
  position: relative;
  z-index: 5;
  border: 1px solid #dcdcdc;
}
.bd-portfolio__btn i {
  position: relative;
  top: 2px;
  left: 4px;
  padding-left: 2px;
}
.bd-portfolio__btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
}
.bd-portfolio__btn:hover {
  color: var(--clr-common-white);
  border-color: var(--clr-common-white);
}
.bd-portfolio__btn:hover::before {
  opacity: 1;
  visibility: visible;
}

.e-btn {
  display: inline-block;
  height: 50px;
  line-height: 52px;
  text-align: center;
  padding: 0 25px;
  color: var(--clr-common-white);
  background: var(--clr-theme-3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  06.   06. About CSS CSS
/*----------------------------------------*/
/* About style css */
.bd-section__wrapper {
  min-height: 645px;
  max-width: 630px;
}

.bd-section__title h2 p {
  margin-bottom: 0;
}

.bd-about__shape-1 {
  background: var(--clr-theme-1);
  display: inline-block;
  position: absolute;
  min-height: 150px;
  min-width: 140px;
  bottom: 0;
  left: 50px;
}
.bd-about__shape-1 img {
  position: absolute;
  top: 18px;
  left: 20px;
}
.bd-about__shape-1 i {
  position: absolute;
  right: 15px;
  top: 13px;
  rotate: 45deg;
  color: #447cc9;
  font-size: 20px;
}
.bd-about__shape-1 span {
  position: absolute;
  bottom: 23px;
  left: 20px;
  color: var(--clr-common-white);
  font-size: 16px;
  font-weight: 700;
}

.bd-about__shape-2 {
  position: absolute;
  top: 38px;
  right: 145px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 100px;
  width: 100px;
  text-align: center;
  display: inline-block;
  line-height: 100px;
  border-radius: 50%;
}

.bd-about__shape_2::before {
  position: absolute;
  height: 140px;
  width: 140px;
  content: "";
  z-index: -1;
  top: 50%;
  left: -20px;
  border-radius: 50%;
  border-style: dashed;
  border-color: #ededed;
  transform: translateY(-50%);
}

.bd-about__shape-3 {
  position: absolute;
  top: 55px;
  z-index: -1;
  left: 0;
}

.bd-about__content-wrapper {
  margin-top: 55px;
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-wrapper {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about__content-wrapper {
    margin-left: 0px;
  }
}

.bd-about__thumb-2 {
  position: absolute;
  right: 0;
  top: 245px;
}

.bd-about__icon {
  background: var(--clr-theme-1);
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 65px;
  border-radius: 50%;
  float: left;
  margin-right: 25px;
}

.bd-about__title h3 {
  margin-bottom: 5px;
  color: var(--clr-common-text);
}

.bd-about__founder {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 30px;
}
.bd-about__founder:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  top: -44px;
}

.founder__text span {
  font-size: 14px;
  color: var(--clr-theme-1);
}
.founder__text h3 {
  line-height: 1;
  color: var(--clr-common-text);
}

.bd-section__wrapper-2 {
  min-height: 640px;
}

.bd-about__img-3 {
  z-index: 5;
  position: relative;
}

.bd-about__img-4 {
  position: absolute;
  right: 75px;
  top: 75px;
}
@media (max-width: 575px) {
  .bd-about__img-4 {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__img-4 {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__img-4 {
    right: 30px;
  }
}

.bd-about__shape-circle {
  position: absolute;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 33px 35px;
  border-radius: 10px;
  top: 375px;
  right: 0;
}

.bd-about__content-wrapper-2 {
  padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-wrapper-2 {
    padding-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) {
  .bd-about__content-wrapper-2 {
    padding-left: 0px;
  }
}

.bd-about__list {
  overflow: hidden;
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__list {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .bd-about__list {
    padding-left: 0px;
  }
}
.bd-about__list ul li {
  font-size: 18px;
  font-weight: 700;
  color: var(--clr-common-text-2);
  margin-bottom: 10px;
  display: flex;
}
.bd-about__list ul li i {
  padding-right: 15px;
  color: var(--clr-theme-2);
}
.bd-about__list ul li:last-child {
  margin-bottom: 0;
}

.bd-about__content .bd-about__btn {
  display: flex;
  gap: 20px;
}

.bd-about__experience {
  position: relative;
}
@media (max-width: 575px) {
  .bd-about__experience {
    float: inherit;
  }
}
.bd-about__experience h2 {
  font-size: 80px;
  line-height: 1;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(0deg, rgba(255, 55, 52, 0.9) 0%, rgba(255, 112, 51, 0.9) 100%), url(../img/about/about-text.jpg);
  position: relative;
}
.bd-about__experience:before {
  position: absolute;
  content: "";
  height: 100px;
  width: 1px;
  background: var(--clr-border-6);
  right: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-about__experience:before {
    display: none;
  }
}
.bd-about__experience span {
  top: -15px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
}

.bd-about__btn {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.bd-about_boeder {
  border-top: 1px solid #f00;
}

.bd-about__content-wrapper-3 {
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about__content-wrapper-3 {
    padding-left: 0;
  }
}

.bd-about_image_3 {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: -1;
}

.bd-about_image_1 {
  position: absolute;
  top: 265px;
  z-index: 2;
}

.bd-about_image_2 {
  position: absolute;
  left: 70px;
}

.bd-section_wrapper-3 {
  min-height: 625px;
  margin-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-section_wrapper-3 {
    margin-right: 0;
  }
}

.bd-about_shape_experience {
  background: var(--clr-common-white);
  display: inline-block;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 28px 32px;
  position: absolute;
  right: 40px;
  z-index: 5;
  border-radius: 6px;
  top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-about_shape_experience {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about_shape_experience {
    right: inherit;
  }
}
.bd-about_shape_experience h2 {
  line-height: 1;
  color: var(--clr-theme-3);
}
.bd-about_shape_experience span {
  font-weight: 700;
  color: var(--clr-common-text-3);
}

.about-section__border-3 {
  position: relative;
}
.about-section__border-3::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--clr-border-2);
}

.bd-about__content-3 {
  display: flex;
  align-items: center;
  gap: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__content-3 {
    gap: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about__content-3 {
    flex-wrap: wrap;
    gap: 20px 10px;
  }
}

.bd-about_item {
  display: flex;
  align-items: center;
  gap: 0 15px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about_item {
    gap: 0 5px;
  }
}
.bd-about_item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: var(--clr-border-10);
  right: -40px;
  top: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-about_item::before {
    display: none;
  }
}
.bd-about_item:last-child::before {
  display: none;
}

.bd-about_3_text h4 {
  font-size: 18px;
}

.bd-about_review {
  position: relative;
  margin-top: 14px;
}
.bd-about_review h3 {
  font-size: 30px;
  line-height: 0.5;
  color: #00c49a;
}
.bd-about_review span {
  font-size: 14px;
  font-weight: 700;
}

.bd-about__box {
  padding-left: 70px;
}
@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-about__box {
    padding-left: 0px;
  }
}

.bd-about__sub-title {
  font-size: 18px;
  color: var(--clr-theme-1);
  font-weight: 700;
}

.bd-about__features-box {
  display: flex;
  align-items: center;
  gap: 70px;
  border-top: 1px solid #d2dcdf;
  padding-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__features-box {
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .bd-about__features-box {
    flex-wrap: wrap;
    gap: 25px;
  }
}

.bd-about__features {
  display: flex;
  align-items: center;
}

.bd-about-img {
  margin-right: 20px;
  min-width: 70px;
  height: 70px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}

.bd-about__features-text span {
  font-size: 18px;
  color: var(--clr-theme-4);
  font-weight: 700;
}

.bd-about__wrapper {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-about__wrapper {
    margin-top: 0;
  }
}

.bd-about__img {
  padding-right: 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), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-about__img {
    padding-right: 0;
  }
}

.bd-customer__number span {
  font-weight: 700;
  border-bottom: 2px solid var(--clr-theme-6);
  color: var(--clr-theme-6);
  font-size: 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-customer__number span {
    font-size: 24px;
  }
}

.bd-customer__text {
  border-top: 1px solid #f2f2f2;
  padding-top: 33px;
}
.bd-customer__text p {
  margin-bottom: 10px;
}

.bd-customer__wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-customer__wrapper {
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 20px;
  }
}

.bd-customer__mail {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bd-customer__mail h5 {
  color: var(--clr-common-paragraph);
  font-weight: 400;
}
.bd-customer__mail h3 {
  font-size: 30px;
  color: var(--clr-common-text-4);
}
.bd-customer__mail h3 a:hover {
  color: var(--clr-theme-6);
}
@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-customer__mail h3 {
    font-size: 24px;
  }
}

.bd-book__area {
  margin-top: -200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-book__area {
    margin-top: -140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-book__area {
    margin-top: 0;
  }
}

.bd-about__thumb img {
  border-radius: 6px;
  overflow: hidden;
}

.bd-about__video__area {
  position: relative;
}

.bd-about__play {
  height: 120px;
  width: 120px;
  display: inline-block;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--clr-common-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__play {
    height: 80px;
    width: 80px;
  }
}
.bd-about__play:before {
  position: absolute;
  content: "";
  height: 165px;
  width: 165px;
  top: 50%;
  border: 5px solid var(--clr-common-white);
  background: transparent;
  opacity: 0.4;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-about__play:before {
    display: none;
  }
}
.bd-about__play:after {
  position: absolute;
  content: "";
  width: 99px;
  height: 100px;
  background: var(--clr-common-white);
  border-radius: 50%;
  animation: video-ripple 2000ms ease-out infinite;
}

.bs__about-us__box {
  padding-left: 70px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs__about-us__box {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs__about-us__box {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs__about-us__box {
    padding-right: 0;
  }
}
@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) {
  .bs__about-us__box {
    padding-left: 0;
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*   07. Service title CSS
/*----------------------------------------*/
.section__shape-2 {
  position: relative;
  overflow: hidden;
}
.section__shape-2::after {
  position: absolute;
  height: 40px;
  background: var(--clr-common-white);
  width: 1410px;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bd-service__thumb {
  -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::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  top: 0;
  left: 0;
  opacity: 60%;
}

.bd-service__content {
  position: absolute;
  left: 40px;
  bottom: 35px;
}
.bd-service__content h3 {
  color: var(--clr-common-white);
  margin-bottom: 7px;
}
.bd-service__content span {
  color: var(--clr-common-white);
  font-size: 24px;
  font-weight: 700;
}

.bd-service__ovrelay {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: end;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bd-service__inner {
  background: var(--clr-common-white);
  padding: 40px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-service__inner {
    padding: 19px 20px;
  }
}

.bd-service__inner img {
  margin-bottom: 25px;
}
.bd-service__inner h3 {
  margin-bottom: 12px;
  color: var(--clr-common-text);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-service__inner h3 {
    font-size: 20px;
  }
}
.bd-service__inner p {
  font-size: 14px;
  margin-bottom: 0;
}
.bd-service__inner a:hover {
  color: var(--clr-theme-1);
}
.bd-service__inner i {
  position: absolute;
  top: 14px;
  right: 65px;
  content: "";
  color: var(--clr-body-grey-2);
  z-index: 1;
  rotate: 45deg;
  font-size: 20px;
}

.bd-service__link a {
  display: inline-block;
  background: var(--clr-theme-1);
  height: 50px;
  width: 49px;
  line-height: 50px;
  text-align: center;
}
.bd-service__link a i {
  color: var(--clr-common-white);
}
.bd-service__link a:hover i {
  color: var(--clr-common-text);
}

.bd-service__style-2 .bd-service__inner h3 a:hover {
  color: var(--clr-theme-2);
}

.bd-service__item:hover .bd-service__ovrelay {
  opacity: 1;
  visibility: visible;
}

.bd-service__item-2 {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.04);
  padding: 50px 50px;
  border-radius: 20px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-service__item-2 {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-service__item-2 {
    padding: 50px 18px;
  }
}

.bd-service__content-2 {
  margin-bottom: 35px;
}
.bd-service__content-2 span {
  font-size: 14px;
  font-weight: 700;
  color: #312b20;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  margin-bottom: 20px;
  display: block;
}
.bd-service__content-2 span::before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.2);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.bd-service__content-2 h3 {
  margin-bottom: 10px;
}
.bd-service__content-2 h3 a:hover {
  color: var(--clr-theme-2);
}

.bd-service__link-2 a {
  height: 60px;
  display: inline-block;
  width: 100%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  line-height: 60px;
  border-radius: 0px 0px 20px 20px;
  color: var(--clr-common-white);
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
}
.bd-service__link-2 a I {
  margin-left: 10px;
}

.bd-service__wrapper:hover .bd-service__item-2 {
  border-radius: 20px 20px 0px 0px;
}
.bd-service__wrapper:hover .bd-service__link-2 a {
  opacity: 1;
  visibility: visible;
  border-radius: 0px 0px 20px 20px;
}

.bd-service__shape-1 {
  position: absolute;
  top: -160px;
  left: 0;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-service__shape-1 {
    display: none;
  }
}

.bd-service__shape-2 {
  position: absolute;
  top: -201px;
  right: -20%;
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-service__shape-2 {
    display: none;
  }
}

.bd-service__item-3 {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding: 37px 40px;
  border-radius: 6px;
  -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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 575px) {
  .bd-service__item-3 {
    padding: 35px 20px;
  }
}
.bd-service__item-3.style-2 {
  padding: 37px 48px;
}
@media (max-width: 575px) {
  .bd-service__item-3.style-2 {
    padding: 37px 30px;
  }
}
.bd-service__item-3:hover {
  z-index: 55;
  background-color: var(--clr-common-white);
}
.bd-service__item-3:hover .bd-service_big_text {
  opacity: 1;
  visibility: visible;
}
.bd-service__item-3:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.bd-service__item-3:hover .bd-service-icon-2 {
  background-color: #00c49a;
}
.bd-service__item-3::after {
  position: absolute;
  content: "";
  background-color: #00c49a;
  height: 2px;
  top: 0;
  right: 0;
  left: auto;
  width: 0;
}

.bd-service__item-3.style-2::after {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}

.bd-service-icon-2 {
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  background: var(--clr-common-white);
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 100px;
  margin-bottom: 35px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
}
.bd-service-icon-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
}
.bd-service-icon-2 i {
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
}
.bd-service-icon-2 i::before {
  display: inline;
}

.bd-service__content-3 {
  position: relative;
}
.bd-service__content-3 h4 {
  margin-bottom: 15px;
}
.bd-service__content-3 h4 a:hover {
  color: var(--clr-theme-3);
}
.bd-service__content-3 p {
  font-size: 14px;
}

.bd-service_big_text {
  font-size: 160px;
  color: transparent;
  -webkit-text-stroke: 1px #f0f0f0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 10px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.service__it-btn {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 575px) {
  .service__it-btn {
    flex-wrap: wrap;
  }
}

.bd-service__it-title {
  border-top: 1px solid var(--clr-border-7);
  padding-top: 60px;
}
@media (max-width: 575px) {
  .bd-service__it-title {
    flex-wrap: wrap;
  }
}
.bd-service__it-title h3 {
  font-size: 30px;
  color: var(--clr-common-text-3);
}
.bd-service__it-title span a {
  color: var(--clr-theme-3);
  text-decoration: underline;
}

.bd-service-icon {
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  background: var(--clr-common-white);
  display: inline-block;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  margin-bottom: 35px;
  -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-icon i {
  font-size: 40px;
  color: #d3335d;
}

.bd-service__wrapper:hover .bd-service-icon {
  background-color: #00c49a;
}
.bd-service__wrapper:hover .bd-service-icon i {
  color: var(--clr-common-white);
}
.bd-service__wrapper:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 200px;
  background: #e4e4e4;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-service__wrapper:after {
    display: none;
  }
}

.bd-service__item-3.style-2:hover .bd-service-icon-2 {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}
.bd-service__item-3.style-2:hover .bd-service-icon-2::before {
  opacity: 1;
  visibility: visible;
}

.bd-service__item-3:hover .bd-service-icon-2 i {
  background-image: linear-gradient(to right, #fff, #fff, #fff, #fff);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100%;
}

.bd-service__bordered > div:first-child .bd-service__wrapper {
  margin-right: -1px;
}

.bd-service__bordered > div:first-child .bd-service__wrapper:before {
  display: none;
}

.bd-service__bordered > div:last-child .bd-service__wrapper::after {
  display: none;
}

.bd-service__bordered > div:last-child .bd-service__wrapper {
  margin-left: -1px;
}

.bd-service__bordered > div:nth-child(2) .bd-service__wrapper {
  margin-right: -1px;
}

.bd-service__bordered > div:nth-child(3) .bd-service__wrapper {
  margin-right: -1px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-service__bordered > div:nth-child(3n+3) .bd-service__wrapper::after {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-service__bordered > div:nth-child(2n+2) .bd-service__wrapper::after {
    display: none;
  }
}

.bd-service__bordered > div:nth-child(4) .bd-service__wrapper::after {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-service__bordered > div:nth-child(4) .bd-service__wrapper::after {
    display: block;
  }
}

.bd-service__wrapper {
  -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__wrapper:hover .bd-service__item-3 {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.bd-singel__item {
  padding: 60px 80px;
  background: var(--clr-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-singel__item {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-singel__item {
    padding: 60px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-singel__item {
    padding: 60px 30px;
  }
}

.bd-service__btn {
  background: #f2f2f2;
  height: 60px;
  line-height: 60px;
  font-weight: 700;
  color: var(--clr-common-text-4);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: block;
}
.bd-service__btn:hover {
  background-color: var(--clr-theme-6);
  color: var(--clr-common-white);
}
.bd-service__btn a i {
  padding-left: 5px;
}

.bd-service__title {
  margin-bottom: 35px;
}
.bd-service__title h3 {
  color: var(--clr-common-text-4);
  margin-bottom: 15px;
}
.bd-service__title h3 a:hover {
  color: var(--clr-theme-6);
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-service__details-wrapper {
    padding-right: 0;
  }
}

.bd-service__details-title {
  color: var(--clr-common-text);
}

.bd-service__details-features {
  padding: 50px 50px;
  background: #f7f7f7;
  border-radius: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-service__details-features {
    padding: 50px 15px;
  }
}

.bd-service__features-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
}
.bd-service__features-list a {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 35px;
  width: calc((100% - 60px) / 3);
  position: relative;
  background: var(--clr-common-white);
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  color: var(--clr-common-text-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-service__features-list a {
    width: calc((100% - 60px) / 2);
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-service__features-list a {
    width: calc((100% - 0px) / 1);
  }
}
.bd-service__features-list a:before {
  position: absolute;
  content: "";
  font-size: 14px;
  color: #aab3bd;
  font-family: "Font Awesome 6 Pro";
  right: 20px;
  font-weight: 0;
}
.bd-service__features-list a:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  border-radius: 50%;
}
.bd-service__features-list a:hover {
  background-color: var(--clr-common-text-2);
  color: var(--clr-common-white);
}
.bd-service__features-list:hover a after {
  color: var(--clr-common-white);
}

.bd-case__features-item {
  padding: 50px 50px;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .bd-case__features-item {
    padding: 50px 30px;
  }
}
.bd-case__features-item:hover .bd-case__features-icon {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.bd-case__features-content h4 {
  color: var(--clr-common-text-2);
  font-size: 18px;
  margin-bottom: 5px;
}
.bd-case__features-content p {
  font-size: 14px;
  margin-bottom: 0;
}

.bd-case__features-icon {
  margin-bottom: 40px;
}

.bd-services__link ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  line-height: 1;
  border-bottom: 1px solid #f2f2f2;
  font-weight: 700;
  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;
}
.bd-services__link ul li a:hover {
  padding-left: 15px;
}
.bd-services__link ul li a:hover i {
  background-position: 100% 0;
}
.bd-services__link ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}
.bd-services__link ul li a i {
  background-image: linear-gradient(to right, #141f2b, #141f2b, #ff3834, #ff7033);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-services__link ul li a:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  bottom: -21px;
  left: 0;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.bd-sidebar__title h4 {
  color: var(--clr-common-text-2);
  padding-bottom: 20px;
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.bd-sidebar__title h4:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 60px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  bottom: -1px;
  left: 0;
  z-index: 5;
}
.bd-sidebar__title h4:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  top: 30%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.bd-docoment__items {
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  line-height: 1;
  margin-bottom: 10px;
}
.bd-docoment__items a {
  height: 60px;
  padding: 0px 30px;
  color: var(--clr-common-text-2);
  display: flex;
  align-items: center;
  position: relative;
}
.bd-docoment__items a i {
  padding-right: 10px;
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
}
.bd-docoment__items a::after {
  position: absolute;
  content: "";
  right: 30px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  background-image: linear-gradient(to right, #c6c6c6, #c6c6c6, #ff3834, #ff7033);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 100%;
}
.bd-docoment__items a:hover:after {
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position: 100% 0;
}
.bd-docoment__items:last-child {
  margin-bottom: 0;
}

.bd-service__style-2 .bd-service__link a {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}

/*----------------------------------------*/
/*   08. Portfolio CSS
/*----------------------------------------*/
.bd-portfolio__item {
  position: relative;
  overflow: hidden;
}

.bd-portfolio__content {
  position: absolute;
  bottom: -50px;
  left: 0;
  display: flex;
  align-items: end;
  max-width: 500px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bd-portfolio__active {
  overflow: visible;
}

.bd-portfolio__inner {
  background: var(--clr-common-white);
  padding: 35px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-portfolio__inner {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-portfolio__inner {
    padding: 20px 15px;
  }
}
.bd-portfolio__inner h3 {
  color: var(--clr-common-text);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-portfolio__inner h3 {
    font-size: 18px;
  }
}
.bd-portfolio__inner h3 a:hover {
  color: var(--clr-theme-1);
}
.bd-portfolio__inner span {
  font-size: 14px;
  display: block;
  margin-bottom: 12px;
  color: var(--clr-theme-1);
}

.bd-portfolio__link a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--clr-theme-1);
  line-height: 55px;
  text-align: center;
  color: var(--clr-common-white);
}
.bd-portfolio__link a:hover {
  color: var(--clr-common-text);
}

.bd-portfolio__item:hover .bd-portfolio__content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.bd-portfolio__text {
  position: absolute;
  bottom: 0;
  padding: 15px 25px;
  background: var(--clr-theme-4);
  border-radius: 6px;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.bd-Portfolio__inner {
  display: flex;
  align-items: center;
  gap: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-Portfolio__inner {
    gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-Portfolio__inner {
    display: inherit;
  }
}
.bd-Portfolio__inner h5 {
  font-size: 18px;
  color: var(--clr-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-Portfolio__inner h5 {
    font-size: 16px;
  }
}
.bd-Portfolio__inner span a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: var(--clr-common-white);
}
.bd-Portfolio__inner span a:hover {
  color: var(--clr-theme-5);
}

.bd-portfolio__item:hover .bd-portfolio__text {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.bd-portfolio__active-2 {
  overflow: visible;
  position: relative;
}
.bd-portfolio__active-2::before {
  color: #fff;
  position: absolute;
  content: "";
  width: 1000px;
  height: 100%;
  background: var(--clr-theme-4);
  left: -1000px;
  opacity: 1;
  z-index: 2;
}

.bd-portfolio-2-nav {
  position: absolute;
  top: 15px;
  right: 0px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-portfolio-2-nav {
    display: none;
  }
}

.bd-portfolio-2-nav button {
  height: 50px;
  width: 50px;
  text-align: center;
  background: var(--clr-common-white);
  border-radius: 52%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: var(--clr-theme-1);
}
.bd-portfolio-2-nav button:hover {
  background-color: var(--clr-theme-5);
  color: var(--clr-common-white);
}

.bd-portfolio-button {
  line-height: 1;
}
.bd-portfolio-button button {
  margin-right: 80px;
  color: var(--clr-common-text-2);
  font-weight: 700;
  position: relative;
  padding: 5px 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-portfolio-button button {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-portfolio-button button {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 450px) {
  .bd-portfolio-button button {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.bd-portfolio-button button.active {
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bd-portfolio-button button:hover {
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bd-portfolio-button button::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  background: #dbdfe4;
  right: -44px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-portfolio-button button::after {
    right: -25px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-portfolio-button button::after {
    display: none;
  }
}
.bd-portfolio-button button:last-child {
  margin-right: 0;
}
.bd-portfolio-button button:last-child::after {
  display: none;
}

.bd-portfolio__destils-box {
  border-radius: 10px;
  overflow: hidden;
}
.bd-portfolio__destils-box:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.bd-portfolio__destils-box:hover:after {
  opacity: 0.902;
  visibility: visible;
}
.bd-portfolio__destils-box:hover .bd-portfoio__link {
  opacity: 1;
  visibility: visible;
}

.bd-portfoio__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.bd-portfoio__link a {
  color: var(--clr-common-white);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 5px;
}
.bd-portfoio__link a:hover {
  color: var(--clr-common-text);
}

.bd-case__meta {
  display: flex;
  justify-content: space-between;
}
@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-case__meta {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.bd-case__meta-item {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-case__meta-item {
    gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-case__meta-item {
    gap: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-case__meta-item {
    gap: 30px;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .bd-case__meta-item {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.bd-case__meta .bd-gadient__btn {
  background-image: linear-gradient(to right, #fff, #fff, #ff3834, #ff7033);
}
.bd-case__meta .bd-gadient__btn:hover {
  color: var(--clr-bg-black);
}

.bd-case__meta {
  background: var(--clr-common-text-2);
  padding: 32px 40px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .bd-case__meta {
    padding: 30px;
  }
}

.bd-case__meta-title {
  line-height: 1;
}
.bd-case__meta-title h4 {
  color: var(--clr-common-white);
  margin-bottom: 5px;
}
.bd-case__meta-title span {
  color: #aebac7;
  font-size: 14px;
}

.bd-case__small-title strong {
  color: var(--clr-common-text-2);
}

.bd-case__quite-wrapper {
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  padding: 40px 60px;
  display: flex;
  gap: 30px;
  align-items: center;
  border-radius: 10px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-case__quite-wrapper {
    padding: 40px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-case__quite-wrapper {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-case__quite-wrapper {
    padding: 40px 20px;
    flex-direction: column;
  }
}

.bd-quite__title h3 {
  color: var(--clr-common-white);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
.bd-quite__title span {
  color: var(--clr-common-white);
}

.bd-case__quite-icon {
  width: 120px;
  background: var(--clr-common-white);
  display: inline-block;
  text-align: center;
  line-height: 120px;
  padding: 0 34px;
  border-radius: 50%;
}

.bd-case__quite-icon-2 {
  position: absolute;
  right: 40px;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-case__quite-icon-2 {
    right: 0;
  }
}

.bd-case__navigation-title p {
  margin-bottom: 3px;
}

.bd-case__navigation-wrapper {
  display: flex;
  align-content: center;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  padding-top: 30px;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
  column-gap: 30px;
}

.bd-case__navigation-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.bd-case__challenge-title h3 {
  margin-bottom: 15px;
}

.port-r-50 {
  border-radius: 50%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-case__navigation-icon {
    display: none;
  }
}

.bd-case__navigation-title.nav-next {
  text-align: right;
}
@media (max-width: 450px) {
  .bd-case__navigation-title.nav-next {
    text-align: inherit;
  }
}

/*----------------------------------------*/
/*   09. Process CSS
/*----------------------------------------*/
.bd-process__height {
  position: relative;
  min-height: 700px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bd-process__height:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
}

.bd-process__wrapper {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 40px 40px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-process__wrapper {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-process__wrapper {
    padding: 40px 15px;
  }
}

.bd-process__item {
  position: relative;
}
.bd-process__item::before {
  position: absolute;
  content: "";
  height: 700px;
  width: 1px;
  background: var(--clr-common-white);
  left: 0;
  bottom: 0;
  opacity: 10%;
}
@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-process__item::before {
    display: none;
  }
}
.bd-process__item:last-child::after {
  position: absolute;
  content: "";
  height: 700px;
  width: 1px;
  background: var(--clr-common-white);
  right: -1px;
  bottom: 0;
  opacity: 10%;
}
@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-process__item:last-child::after {
    display: none;
  }
}
.bd-process__item.active {
  background: var(--clr-theme-1);
}
.bd-process__item.active .bd-process__icon svg {
  opacity: 100%;
}

.bd-process__text h2 {
  font-size: 80px;
  -webkit-text-stroke: 1px var(--clr-common-white);
  color: transparent;
  margin-bottom: 5px;
}
.bd-process__text h3 {
  color: var(--clr-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .bd-process__text h3 {
    font-size: 20px;
  }
}

.bd-process__icon svg {
  opacity: 20%;
}

.process___side__border {
  position: relative;
}

.bd-process__item-2 {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .bd-process__item-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
  }
}

.bd-process__item-left {
  padding-right: 65px;
  padding-left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-process__item-left {
    padding: 0;
  }
}
@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-process__item-left {
    padding-left: 0;
  }
}

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

.bd-process__arrow-top {
  position: absolute;
  content: "";
  top: 0;
  right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-process__arrow-top {
    display: none;
  }
}

.bd-process__arrow-bottom {
  position: absolute;
  content: "";
  bottom: 0;
  right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-process__arrow-bottom {
    display: none;
  }
}

.bd-process__storck {
  font-size: 120px;
  -webkit-text-stroke: 1px #202e3d;
  color: transparent;
  font-weight: 700;
  position: absolute;
  top: 12px;
  left: -30px;
  z-index: -1;
}
@media (max-width: 575px) {
  .bd-process__storck {
    left: 50%;
    transform: translateX(-50%);
  }
}

.bd-process__content-2 {
  position: relative;
  z-index: 5;
  margin-left: 55px;
}
@media (max-width: 575px) {
  .bd-process__content-2 {
    margin-left: 0;
    text-align: center;
  }
}
.bd-process__content-2 h3 {
  color: var(--clr-common-white);
  margin-bottom: 12px;
}
.bd-process__content-2 p {
  color: #b5bcc4;
  margin-bottom: 0;
}

.process__number {
  position: absolute;
  right: -20px;
  color: var(--clr-common-white);
  font-weight: 700;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.bd-proceess__list {
  padding-left: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-proceess__list {
    padding-left: 0px;
  }
}

.bd-process-thumb-4 img {
  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-process-thumb-4 img {
    margin-left: 0;
  }
}

.bd-process__list-info {
  display: flex;
  align-items: center;
}

.bd-process__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d5e0e3;
  padding-bottom: 30px;
}
.bd-process__list-item:last-child {
  border: none;
  padding-bottom: 0;
}

.bd-process__list-icon {
  padding-right: 25px;
}

.bd-process__list-content span {
  color: var(--clr-common-paragraph);
  margin-bottom: 5px;
  display: block;
}
.bd-process__list-content h3 {
  color: var(--clr-theme-4);
}
@media (max-width: 575px) {
  .bd-process__list-content h3 {
    font-size: 20px;
  }
}
.bd-process__list-content h3 a:hover {
  color: var(--clr-theme-5);
}

.process__list-arrow a {
  font-size: 24px;
  color: var(--clr-theme-5);
}
.process__list-arrow a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 575px) {
  .process__list-arrow a {
    font-size: 20px;
  }
}

.bd-process__style-2 .bd-process__content-2 h3 {
  color: var(--clr-common-text-2);
}
.bd-process__style-2 .bd-process__content-2 p {
  color: var(--clr-common-paragraph);
  margin-bottom: 0;
}
.bd-process__style-2 .bd-process__storck {
  -webkit-text-stroke: 1px #e0e0e0;
}

/*----------------------------------------*/
/*   10. Team CSS
/*----------------------------------------*/
.bd-team__inner {
  display: flex;
  align-items: end;
}

.bd-team__content {
  position: absolute;
  content: "";
  bottom: 0;
  width: 96%;
  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__content {
    width: 100%;
  }
}

.bd-team__item:hover .bd-team__content {
  opacity: 1;
  visibility: visible;
}

.bd-team__text {
  background: var(--clr-common-white);
  padding: 25px 35px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-team__text {
    padding: 20px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-team__text {
    padding: 20px 10px;
  }
}
.bd-team__text span {
  font-size: 14px;
  color: #898989;
  display: block;
  margin-bottom: 5px;
}
.bd-team__text h4 a:hover {
  color: var(--clr-theme-1);
}

.bd-team__action {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 100%;
}
.bd-team__action a {
  height: 50px;
  width: 50px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  color: var(--clr-common-white);
  font-size: 14px;
}
.bd-team__action a:nth-child(1) {
  background: #417fd4;
}
.bd-team__action a:nth-child(2) {
  background: #3373ca;
}
.bd-team__action a:nth-child(3) {
  background: #2768c1;
}
.bd-team__action a:nth-child(4) {
  background: #195db8;
}
.bd-team__action a:hover {
  color: var(--clr-common-text);
}

.bn-team__plus {
  position: relative;
}
.bn-team__plus .plus {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: var(--clr-theme-1);
  text-align: center;
  line-height: 50px;
  color: var(--clr-common-white);
}
.bn-team__plus:hover .bd-team__action {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bn__testimonial__content {
  padding-left: 120px;
  padding-left: 100px;
}

.bd-team__wrapper-2:hover .bd-team__thumb-2 img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.bd-team__plus {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  z-index: 5;
}
.bd-team__plus i {
  font-size: 18px;
  color: var(--clr-theme-4);
}
.bd-team__plus:hover .bd-team__social {
  opacity: 1;
  visibility: visible;
}
.bd-team__plus:hover .bd-team__social-2 {
  opacity: 1;
  visibility: visible;
}

.bd-team__social {
  position: absolute;
  top: 0;
  right: 0px;
  display: flex;
  gap: 10px;
  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: 1;
}
.bd-team__social a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bd-team__social a:hover {
  background: var(--clr-theme-5);
}
.bd-team__social a:hover i {
  color: var(--clr-common-white);
}

.bd-team__social-2 {
  position: absolute;
  top: 0px;
  display: flex;
  gap: 10px;
  right: 0px;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-team__social-2 a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bd-team__social-2 a:hover {
  background: var(--clr-theme-5);
}
.bd-team__social-2 a:hover i {
  color: var(--clr-common-white);
}

.bd-team__plus {
  position: absolute;
  top: 30px;
  right: 30px;
}
.bd-team__plus i {
  font-size: 18px;
  color: var(--clr-theme-4);
}
.bd-team__plus:hover .bd-team__social {
  opacity: 1;
  visibility: visible;
  padding-right: 60px;
}
.bd-team__plus:hover .bd-team__social-2 {
  opacity: 1;
  visibility: visible;
  padding-top: 60px;
}

.bd-team__social {
  position: absolute;
  top: 0;
  right: 0px;
  display: flex;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 1;
}
.bd-team__social a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.bd-team__social-2 {
  position: absolute;
  top: 0px;
  display: flex;
  gap: 10px;
  right: 0px;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.3s;
}
.bd-team__social-2 a {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.bd-team__content-2 h3 {
  color: var(--clr-theme-4);
  line-height: 1;
}
.bd-team__content-2 span {
  color: var(--clr-theme-5);
}

.bd-team__thumb-2 {
  margin-bottom: 35px;
}

.bd-team__content-2.style-2 h3 {
  color: var(--clr-common-text-2);
}
.bd-team__content-2 h3 {
  color: var(--clr-theme-4);
  margin-bottom: 5px;
}
.bd-team__content-2 h3 a:hover {
  color: var(--clr-theme-5);
}
.bd-team__content-2 span {
  color: var(--clr-theme-5);
}

.bd-team__thumb-2 {
  margin-bottom: 35px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bd-team__thumb-2 img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.bd-team__details-contact {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-bottom: 23px;
}
.bd-team__details-contact:last-child {
  margin-bottom: 0;
}

.bd-team__details-title p {
  font-size: 14px;
  margin-bottom: 0;
}
.bd-team__details-title h4 {
  color: var(--clr-common-text-2);
}

.bd-team__details-icon {
  height: 50px;
  width: 50px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: var(--clr-theme-2);
  border: 1px solid #eaebeb;
}

.bd-team__details-content {
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-team__details-content {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-team__details-content {
    padding-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-team__details-content {
    padding-left: 0px;
  }
}

.archivement__paragraph {
  font-size: 18px;
}

.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) {
  .bd-archivement-box {
    padding-left: 0px;
  }
}

.bd-archivement__img-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-archivement__img-item {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.bd-acivement__title h3 {
  font-size: 26px;
  margin-bottom: 20px;
}
.bd-acivement__title p {
  margin-bottom: 33px;
  font-size: 18px;
}

.member-details-thumb {
  max-width: 610px;
  border-radius: 10px;
}
.member-details-thumb img {
  width: 100%;
}

.member-designation {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-common-paragraph);
  display: block;
  margin-bottom: 2px;
}

.member-name {
  font-size: 60px;
  font-weight: 700;
  color: var(--clr-common-text-2);
  margin-bottom: 13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .member-name {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .member-name {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .member-name {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .member-name {
    font-size: 32px;
  }
}

.member-details-info {
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .member-details-info {
    padding-left: 0;
  }
}
.member-details-info p {
  margin-bottom: 35px;
}

.meta-heading {
  font-size: 14px;
  font-weight: 400;
  color: var(--clr-common-paragraph);
}

.meta-link {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-common-text-2);
  display: block;
}
@media (max-width: 450px) {
  .meta-link {
    font-size: 16px;
  }
}

.info-meta-icon {
  width: 50px;
  height: 50px;
  border: 1px solid #ededed;
  border-radius: 10px;
  text-align: center;
  line-height: 48px;
}
.info-meta-icon i {
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.info-meta-single {
  display: flex;
  gap: 20px;
}

.member-details-meta-info {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 40px;
}

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

.bd-about__wrap.m-top {
  margin-top: -180px;
}

/*----------------------------------------*/
/*   11. Testimonial CSS
/*----------------------------------------*/
.testimonial-title__paraghrap {
  color: var(--clr-common-white);
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-title__paraghrap {
    font-size: 20px;
  }
}

.bd-testimonial__left-img {
  width: 39.9%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__left-img {
    width: 100%;
    position: static;
    height: 450px;
    margin-bottom: 115px;
  }
}

.bd-testimonial__img {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bd-testimomial__icon {
  height: 120px;
  width: 120px;
  background: var(--clr-theme-1);
  border-radius: 50%;
  text-align: center;
  line-height: 120px;
  display: inline-block;
  position: relative;
}
.bd-testimomial__icon i {
  font-size: 50px;
  justify-content: space-between;
  position: relative;
  top: 20px;
  color: var(--clr-common-white);
}

.bd-testimomial__shape {
  position: relative;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16%;
}
@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-testimomial__shape {
    top: 30%;
  }
}
.bd-testimomial__shape::before {
  position: absolute;
  content: "";
  height: 120px;
  width: 120px;
  background: var(--clr-common-white);
  border-radius: 50%;
  top: 10px;
  left: 10px;
}

.bd-testimopnial__inner {
  display: flex;
  align-items: center;
}

.bd-author__img img {
  margin-right: 20px;
}

.bd-testimonial__author:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #2e6abc;
  top: -35px;
}
.bd-testimonial__author.p-relative {
  margin-top: 77px;
}
.bd-testimonial__author:after {
  position: absolute;
  width: 40px;
  height: 20px;
  background: #2e6abc;
  content: "";
  left: 95px;
  top: -34px;
  clip-path: polygon(100% 0px, 0px 0px, 0 100%);
}

.bd-author__text h3 {
  color: var(--clr-common-white);
  line-height: 1;
}
.bd-author__text span {
  color: #94b5e2;
  font-size: 14px;
}

.bd-author__icon {
  position: absolute;
  top: 0px;
  left: 50px;
  content: "";
  height: 40px;
  width: 40px;
  background: var(--clr-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.bd-author__icon i {
  color: var(--clr-theme-1);
  transform: rotate(180deg);
  position: relative;
  top: -5px;
}

.bd-testimonial__quite {
  position: absolute;
  top: 0;
  font-size: 245px;
  right: 0;
  z-index: -1;
  color: #1456af;
}

.testimonial-bg-3 {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  top: 70px;
  opacity: 0.04;
  z-index: 1;
  transform: translateX(-50%);
}

.bd-testimonial-author-3 {
  background: #141414;
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 15px;
  background: #141414;
  border-radius: 50px 0px 0 50px;
  position: relative;
  z-index: 1;
}
.bd-testimonial-author-3 h4 {
  color: var(--clr-common-white);
  line-height: 1;
}
.bd-testimonial-author-3::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: -100px;
  background: #141414;
  z-index: -1;
}

.bd-testimonial-title-3 {
  margin-top: 5px;
  color: #9b9b9b;
}
.bd-testimonial-title-3 span {
  font-size: 14px;
}

.bd-testimonial-items {
  padding: 40px 40px;
  background: var(--clr-common-white);
  border-radius: 6px;
  overflow: hidden;
}
@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-testimonial-items {
    padding: 40px 20px;
  }
}

.bd-tetimonial-contant-3 {
  margin-bottom: 20px;
}
.bd-tetimonial-contant-3 p {
  color: #070707;
  font-size: 20px;
}

.bd-testimomial-image img {
  padding-right: 10px;
}

.bd-testimomial-nav {
  position: absolute;
  top: 35%;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 20px;
  transform: translatey(-50%);
  z-index: 55;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-testimomial-nav {
    display: none;
  }
}

.testimomial-button-prev {
  height: 60px;
  width: 60px;
  text-align: center;
  background: transparent;
  border-radius: 52%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 2px solid #272727;
  -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;
}
.testimomial-button-prev i {
  font-size: 20px;
  color: var(--clr-common-white);
}
.testimomial-button-prev:hover {
  background: var(--clr-theme-3);
  border-color: transparent;
}

.testimomial-button-next {
  height: 60px;
  width: 60px;
  text-align: center;
  background: transparent;
  border-radius: 52%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 2px solid #272727;
  -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;
}
.testimomial-button-next i {
  font-size: 20px;
  color: var(--clr-common-white);
}
.testimomial-button-next:hover {
  background: var(--clr-theme-3);
  border-color: transparent;
}

.testimonial__style-2.bd-tetimonial-contant-3 p {
  color: var(--clr-theme-4);
  font-size: 18px;
}
.testimonial__style-2.bd-testimonial-author-3 {
  background: var(--clr-theme-4);
}
.testimonial__style-2.bd-testimonial-author-3::before {
  background: var(--clr-theme-4);
}

.testimonial__pattren-1 {
  position: absolute;
  top: -10px;
  left: -10px;
}

.testimonial__pattren-2 {
  position: absolute;
  top: -10px;
  right: -10px;
}

.style-2 .testimomial-button-prev {
  background: var(--clr-common-white);
  border: none;
}
.style-2 .testimomial-button-prev i {
  font-size: 20px;
  color: var(--clr-theme-4);
}
.style-2 .testimomial-button-prev:hover {
  background: var(--clr-theme-5);
}
.style-2 .testimomial-button-prev:hover i {
  color: var(--clr-common-white);
}
.style-2 .testimomial-button-next {
  background: var(--clr-common-white);
  border: none;
}
.style-2 .testimomial-button-next i {
  font-size: 20px;
  color: var(--clr-theme-4);
}
.style-2 .testimomial-button-next:hover {
  background: var(--clr-theme-5);
}
.style-2 .testimomial-button-next:hover i {
  color: var(--clr-common-white);
}

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

.bd-testimonial__area-3 {
  margin-top: -205px;
}

.bd-testimonial__item {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  padding: 60px 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-testimonial__item {
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-testimonial__item {
    padding: 60px 30px;
  }
}
@media (max-width: 575px) {
  .bd-testimonial__item {
    padding: 60px 15px;
  }
}

.bd-testimonial-author-2 {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.bd-testomonial__icon {
  height: 50px;
  width: 50px;
  background: var(--clr-theme-6);
  line-height: 45px;
  border-radius: 50px;
  margin: 0 auto;
}

.bd-testimonial__text {
  margin-top: 25px;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-testimonial__text {
    font-size: 20px;
  }
}

.author__title h4 {
  color: var(--clr-common-text-4);
}
.author__title h6 {
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}
.author__title h6 span {
  color: var(--clr-theme-6);
}

/*----------------------------------------*/
/*   12. video title CSS
/*----------------------------------------*/
.bd-video__thumb-1 {
  position: absolute;
  top: 10px;
  animation-name: scaleUpUser;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.bd-video__thumb-2 {
  position: absolute;
  right: -40px;
  top: 105px;
  animation-name: scaleUpUser;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-video__thumb-2 {
    right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-video__thumb-2 {
    right: 0px;
  }
}

.bd-video__thumb-3 {
  position: absolute;
  content: "";
  top: 480px;
  animation-name: scaleUpUser;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.bd-shape__dot {
  width: 20px;
  height: 20px;
  background: var(--clr-theme-1);
  display: inline-block;
  border-radius: 50%;
  top: 470px;
  position: absolute;
  right: 80px;
}

.bd-video__btn {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  height: 168px;
  width: 168px;
  text-align: center;
  line-height: 168px;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
}

.bd-video__play {
  width: 120px;
  height: 120px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  display: inline-block;
  text-align: center;
  line-height: 120px;
  border-radius: 50%;
  color: var(--clr-theme-1) !important;
  font-size: 25px;
  position: relative;
  z-index: 5;
}
.bd-video__play::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: var(--clr-theme-1);
  border-radius: 50%;
  left: 10px;
  z-index: -1;
  animation: video-ripple 2000ms ease-out infinite;
  opacity: 2;
  top: 10px;
}
.bd-video__play:hover {
  color: var(--clr-common-white) !important;
  background: var(--clr-theme-1);
}

.bd-video__main__wrapper {
  padding-top: 195px;
}

.bd-video__quote {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 30px;
}
.bd-video__quote::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--clr-border-1);
  top: -50px;
}
.bd-video__quote .bd-video__quote__text {
  display: flex;
  align-items: center;
  gap: 30px;
}

.bd-email.icon {
  color: var(--clr-theme-1);
  content: "";
  height: 55px;
  width: 55px;
  border: 2px solid var(--clr-border-2);
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
}

.bd-video__quote__text .bd-email__text span {
  font-size: 14px;
  color: #777777;
  line-height: 1;
}
.bd-video__quote__text .bd-email__text h4 {
  color: var(--clr-common-text);
}
.bd-video__quote__text .bd-email__text h4 a:hover {
  color: var(--clr-theme-1);
}

.video__height {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.bd-video__features-wrapper {
  background: var(--clr-common-white);
  padding: 35px 40px;
}
@media (max-width: 575px) {
  .bd-video__features-wrapper {
    padding: 35px 20px;
  }
}

.bd-video__festures-title span {
  font-size: 14px;
  font-size: 18px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  margin-bottom: 5px;
}
.bd-video__festures-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--clr-common-text-2);
  margin-bottom: 20px;
}
@media (max-width: 450px) {
  .bd-video__festures-title h2 {
    font-size: 32px;
  }
}

.bd-video__list ul li {
  color: var(--clr-common-text-2);
  margin-bottom: 33px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bd-video__list ul li:last-child {
  margin-bottom: 13px;
}
.bd-video__list ul li:last-child:before {
  display: none;
}
.bd-video__list ul li:before {
  position: absolute;
  content: "";
  background: #eeeeee;
  height: 1px;
  width: 100%;
  bottom: -15px;
}
.bd-video__list ul li i {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
}

.bd-video__contact {
  display: flex;
  align-items: center;
  background: var(--clr-common-text-2);
  padding: 16px 40px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .bd-video__contact {
    padding: 16px 20px;
  }
}
.bd-video__contact .title h3 {
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .bd-video__contact .title h3 {
    font-size: 20px;
  }
}
.bd-video__contact .title span {
  color: #a8b3c0;
}
.bd-video__contact .icon {
  width: 50px;
  height: 50px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
}
.bd-video__contact .icon i {
  color: var(--clr-common-white);
}

.bd-video__play__button {
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-video__play__button {
    justify-content: center;
  }
}
.bd-video__play__button a {
  position: relative;
  height: 120px;
  width: 120px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  text-align: center;
  line-height: 125px;
  font-size: 20px;
  color: var(--clr-common-white);
  border-radius: 50%;
  position: relative;
}
.bd-video__play__button a::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: var(--clr-common-white);
  border-radius: 50%;
  left: 10px;
  animation: video-ripple 2000ms ease-out infinite;
  top: 10px;
}

/*----------------------------------------*/
/*   13. Brand CSS
/*----------------------------------------*/
.bd-section__shape::before {
  position: absolute;
  height: 40px;
  width: 100%;
  background: var(--clr-common-white);
  content: "";
  top: -110px;
}

.singel__brand {
  text-align: center;
}
.singel__brand a img {
  opacity: 50%;
}
.singel__brand a:hover img {
  opacity: 100%;
}

.brand__two-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 38px;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .brand__two-wrapper {
    column-gap: 29px;
    row-gap: 50px;
  }
  .brand__two-wrapper .singel__item {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand__two-wrapper {
    gap: 40px 68px;
  }
}

.singel__item a img {
  opacity: 40%;
}
.singel__item a:hover img {
  opacity: 100%;
}

.bd-sponsors-wrapper {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  padding: 40px 0;
}

.sponsors__brand a img {
  filter: contrast(20%);
}
.sponsors__brand a:hover img {
  filter: contrast(100%);
}

.bd-sponser-bg {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-sponser-bg {
    width: 100%;
  }
}

.sponse-item-bb {
  border-bottom: 1px solid #e2e2e2;
}

.sponse-item-br {
  border-right: 1px solid #e2e2e2;
}
@media (max-width: 575px) {
  .sponse-item-br {
    border-right: 0;
  }
}

.bd-sponser__item {
  padding: 45px 0px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-sponser__item a img {
  opacity: 30%;
}
.bd-sponser__item a img:hover {
  opacity: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sponse-border .row [class*=col-]:nth-child(3) .bd-sponser__item {
    border-right: 0;
  }
  .sponse-border .row [class*=col-]:nth-child(4) .bd-sponser__item {
    border-right: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(5) .bd-sponser__item {
    border-bottom: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(6) .bd-sponser__item {
    border-right: 0;
    border-bottom: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(8) .bd-sponser__item {
    border-right: 1px solid #e2e2e2;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sponse-border .row [class*=col-]:nth-child(2) .bd-sponser__item {
    border-right: 0;
  }
  .sponse-border .row [class*=col-]:nth-child(5) .bd-sponser__item {
    border-bottom: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(6) .bd-sponser__item {
    border-right: 0;
    border-bottom: 1px solid #e2e2e2;
  }
}
@media (max-width: 575px) {
  .sponse-border .row [class*=col-]:nth-child(1) .bd-sponser__item {
    border-right: 0;
  }
  .sponse-border .row [class*=col-]:nth-child(4) .bd-sponser__item {
    border-right: 0;
  }
  .sponse-border .row [class*=col-]:nth-child(5) .bd-sponser__item {
    border-bottom: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(6) .bd-sponser__item {
    border-bottom: 1px solid #e2e2e2;
  }
  .sponse-border .row [class*=col-]:nth-child(7) .bd-sponser__item {
    border-bottom: 1px solid #e2e2e2;
  }
}

/*----------------------------------------*/
/*   14. blog CSS
/*----------------------------------------*/
.bd-newslettter__content span {
  color: var(--clr-common-white);
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.bd-newslettter__content span:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background: var(--clr-common-white);
  left: 95px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-newslettter__content span:before {
    margin-bottom: 30px;
  }
}
.bd-newslettter__content h2 {
  font-size: 40px;
  color: var(--clr-common-white);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-newslettter__content h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .bd-newslettter__content h2 {
    font-size: 26px;
  }
}

.bd-newsletter__subcribe form input {
  height: 60px;
  width: 100%;
  background: var(--clr-common-white);
  outline: none;
  border: 0;
  padding-left: 50px;
  padding-right: 165px;
}
@media (max-width: 575px) {
  .bd-newsletter__subcribe form input {
    padding-right: 130px;
  }
}
.bd-newsletter__subcribe:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.bd-blog__wrapper {
  display: flex;
  align-items: flex-start;
}
@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-blog__wrapper {
    flex-wrap: wrap;
  }
}
.bd-blog__wrapper.style-2 .bd-blog__thumb {
  border-radius: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog__wrapper.style-2 .bd-blog__thumb {
    max-height: 400px;
    width: 60%;
  }
}
@media (max-width: 450px) {
  .bd-blog__wrapper.style-2 .bd-blog__thumb {
    width: 100%;
  }
}
.bd-blog__wrapper:hover .bd-blog__thumb img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.bd-blog__thumb {
  overflow: hidden;
  min-width: 40%;
  border-radius: 10px;
}
.bd-blog__thumb img {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.blog-sm__title {
  margin-bottom: 5px;
  display: block;
  color: var(--clr-theme-1);
}

.bd-blog__small__text {
  display: flex;
  align-items: center;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
}
.bd-blog__small__text h5 {
  background: var(--clr-common-white);
  padding: 0px 20px;
  color: var(--clr-theme-1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 40px;
  line-height: 44px;
}
.bd-blog__small__text span a {
  width: 40px;
  height: 40px;
  background: var(--clr-theme-1);
  display: inline-block;
  line-height: 45px;
  text-align: center;
  color: var(--clr-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bd-blog__content {
  padding: 40px 50px 0px 50px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog__content {
    padding: 40px 30px 0px 30px;
  }
}
@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-blog__content {
    padding: 20px 20px 0px 20px;
  }
}
.bd-blog__content h4 {
  margin-bottom: 15px;
  color: var(--clr-common-text);
  line-height: 1.5;
}
.bd-blog__content h4 a:hover {
  color: var(--clr-theme-1);
}
.bd-blog__content p {
  font-size: 14px;
}

.bd-blog__style-3 .bd-blog__text a:hover {
  color: var(--clr-theme-6);
}
.bd-blog__style-3 .bd-blog__content {
  padding: 80px 50px 40px;
  border: 2px solid #f5f5f5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog__style-3 .bd-blog__content {
    padding: 60px 23px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-blog__style-3 .bd-blog__content {
    padding: 30px 30px 30px;
  }
}
@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-blog__style-3 .bd-blog__content {
    padding: 20px 20px 20px;
  }
}

.bd-blog__meta {
  display: flex;
  padding: 7px 0 30px 0px;
}
.bd-blog__meta .text {
  margin-left: 10px;
}
.bd-blog__meta .text span {
  font-size: 14px;
  color: var(--clr-body-grey);
}
.bd-blog__meta .text h5 {
  line-height: 1;
  color: var(--clr-common-text);
}

.bd-blog__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid var(--clr-border-3);
}
.bd-blog__footer .read__more a {
  font-weight: 700;
  color: #b6b6b6;
}
.bd-blog__footer .read__more a:hover {
  color: var(--clr-theme-1);
}
.bd-blog__footer .comments i {
  margin-right: 10px;
  color: var(--clr-theme-1);
}

.bd-blog__style-2 .bd-blog__wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 10px;
  flex-wrap: inherit;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog__style-2 .bd-blog__wrapper {
    gap: 30px;
    flex-wrap: wrap;
    padding-right: 0;
  }
}

.bd-blog__style-2.blog-irc .bd-blog__thumb {
  min-width: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog__style-2.blog-irc .bd-blog__thumb {
    min-width: 100%;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-blog__thumb_two img {
    width: 100%;
  }
}

.bd-blog__style-2 .bd-blog__content {
  padding: 40px 40px;
  box-shadow: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog__style-2 .bd-blog__content {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-blog__style-2 .bd-blog__content {
    padding: 40px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog__style-2 .bd-blog__content {
    padding: 0px 0px;
  }
}
.bd-blog__style-2 .bd-blog__content::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: #ededed;
  right: 10px;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-blog__style-2 .bd-blog__content::before {
    display: none;
  }
}

.bd-sidebar__author-box {
  line-height: 1;
}

.bd-blog__wrapper:hover .bd-blog__img img {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

.bd-blog__style-2 .bd-blog__meta .text h5 {
  line-height: 1;
  color: var(--clr-common-text-2);
}

.bd-blog__style-2 .bd-blog__footer .read__more a:hover {
  color: var(--clr-theme-2);
}
.bd-blog__style-2 .bd-blog__footer .comments i {
  color: var(--clr-theme-2);
}

.bd-blog__title__inner h4 a:hover {
  color: var(--clr-theme-2);
}

.bd-small__blog-inner h4 a:hover {
  color: var(--clr-theme-2);
}

.bd-blog__title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.bd-blog__title span {
  color: #999999;
  font-size: 14px;
  position: relative;
}
.bd-blog__title span:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 1px;
  background: #dedede;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.bd-blog__title h6 {
  padding-left: 40px;
  color: var(--clr-common-text-2);
}
.bd-blog__title h6 a:hover {
  color: var(--clr-theme-2);
}

.bd-blog__title__inner h4 {
  color: var(--clr-common-text-2);
  margin-bottom: 15px;
  line-height: 1.5;
}
.bd-blog__title__inner p {
  font-size: 14px;
}

.bd-small__blog-thumb {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 10px;
  overflow: hidden;
}
.bd-small__blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bd-small__blog {
  padding-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), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-small__blog {
    padding-right: 0;
  }
}

.bd-small__blog-item {
  display: flex;
  align-items: center;
  gap: 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .bd-small__blog-item {
    flex-wrap: wrap;
  }
}
.bd-small__blog-item::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #ededed;
  bottom: -30px;
}
.bd-small__blog-item:last-child:before {
  display: none;
}
.bd-small__blog-item:hover .bd-small__blog-thumb img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.bd-blog__wrapper-3 {
  border: 2px solid var(--clr-border-13);
  padding: 45px 40px 40px 40px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.04);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog__wrapper-3 {
    padding: 45px 25px 40px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-blog__wrapper-3 {
    padding: 30px 20px 25px 20px;
  }
}
.bd-blog__wrapper-3:hover {
  border: 2px solid var(--clr-common-text-3);
  box-shadow: none;
}

.blog__stroke-text {
  position: absolute;
  font-size: 160px;
  color: transparent;
  -webkit-text-stroke: 1px var(--clr-stroke-5);
  font-weight: 700;
  right: 30px;
  bottom: 65px;
  z-index: -1;
}

.blog__btn-3 {
  color: #acacac;
  font-weight: 700;
}
.blog__btn-3 i {
  position: relative;
  top: 2px;
}
.blog__btn-3:hover i {
  margin-left: 5px;
}

.bd-blog__title.two h6 {
  color: var(--clr-common-text-3);
}

.bd-blog__content-3 {
  margin-bottom: 30px;
}
.bd-blog__content-3 h4 {
  color: var(--clr-common-text-3);
  margin-bottom: 15px;
}
.bd-blog__content-3 h4 a:hover {
  color: var(--clr-theme-3);
}
.bd-blog__content-3 p {
  font-size: 14px;
}

.bd-blog__box {
  z-index: 50;
}

.bd-blog__style-3:hover .bd-blog__image img {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}

.bd-blog__image {
  margin-left: 50px;
  margin-bottom: -40px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-blog__image {
    margin-left: 25px;
    margin-bottom: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blog__image {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.bd-blog__image img {
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.blog__btn-4 {
  color: #acacac;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.blog__btn-4:hover {
  color: var(--clr-theme-6);
}
.blog__btn-4:hover i {
  padding-left: 5px;
}

.bd-blog__text {
  color: var(--clr-common-text-4);
  margin-bottom: 25px;
  line-height: 1.5;
  letter-spacing: -1px;
}

.bd-blog__text a:hover {
  color: var(--clr-theme-6);
}

.blog__stock__text-2 {
  position: absolute;
  font-size: 160px;
  color: transparent;
  -webkit-text-stroke: 1px #f5f5f5;
  font-weight: 700;
  right: 30px;
  bottom: 5px;
  z-index: -1;
  line-height: 1;
}

.bd-postbox__box {
  padding-right: 50px;
  margin-right: 14px;
  border-right: 1px solid #ededed;
}
@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__box {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}

.bd-postbox__content {
  border: 1px solid #f3f3f3;
  padding: 60px 48px 48px 48px;
}
@media (max-width: 575px) {
  .bd-postbox__content {
    padding: 48px 20px;
  }
}

.bd-postbox__content.style-2 {
  padding: 48px 48px;
}
@media (max-width: 575px) {
  .bd-postbox__content.style-2 {
    padding: 48px 20px;
  }
}

.bd-postbox__video {
  position: relative;
}
.bd-postbox__video .play-btn {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  color: var(--clr-common-white);
}
.bd-postbox__video .play-btn:hover {
  color: var(--clr-common-text);
}

.pluse-btn {
  height: 80px;
  width: 80px;
  display: inline-block;
  background: #ff5e14;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
}

.bd-poxbox-card-1 {
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  height: 30px;
  display: inline-block;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  color: var(--clr-common-white);
  position: absolute;
  top: -12px;
  left: 50px;
  z-index: 55;
}
@media (max-width: 575px) {
  .bd-poxbox-card-1 {
    top: -1px;
    left: 0;
  }
}

.bd-poxbox-card-2 {
  position: absolute;
  bottom: -30px;
  right: 50px;
  z-index: 55;
  top: -30px;
}
@media (max-width: 575px) {
  .bd-poxbox-card-2 {
    display: none;
  }
}

.bd-post-box__big-title {
  font-size: 34px;
  margin-bottom: 10px;
}
.bd-post-box__big-title a:hover {
  color: var(--clr-theme-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-post-box__big-title {
    font-size: 28px;
  }
}
@media (max-width: 450px) {
  .bd-post-box__big-title {
    font-size: 22px;
  }
}

.postbox-card-wrapper {
  padding: 10px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.postbox-card-wrapper img {
  width: inherit;
}
.postbox-card-wrapper span {
  font-weight: 700;
  color: var(--clr-common-text-2);
  line-height: 1;
  padding-left: 10px;
}

.meta__postbox-bt {
  position: relative;
}
.meta__postbox-bt:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #e7e7e7;
  top: -25px;
}

.bd-postbox__play {
  height: 80px;
  width: 80px;
  background: #ff5e14;
  display: inline-block;
  text-align: center;
  line-height: 85px;
  border-radius: 50%;
  color: var(--clr-common-white);
}

.bd-postbox__vide-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bd-postbox__button {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: var(--clr-common-white);
}
.bd-postbox__button:hover {
  color: var(--clr-theme-2);
}
.bd-postbox__button.next {
  left: auto;
  right: 50px;
}

.bd-basic-pagination ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.bd-basic-pagination ul li:last-child {
  padding-right: 0;
}
.bd-basic-pagination ul li a {
  height: 50px;
  width: 50px;
  border: 1px solid #eeeeee;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: var(--clr-common-paragraph);
  position: relative;
}
.bd-basic-pagination ul li a::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-size: 100% 100%;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-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;
  opacity: 0;
  visibility: hidden;
}
.bd-basic-pagination ul li a:hover {
  color: var(--clr-common-white);
}
.bd-basic-pagination ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  border-color: transparent;
}
.bd-basic-pagination ul li span {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  color: var(--clr-common-white);
}

.bd-postbox__quite {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .bd-postbox__quite {
    flex-wrap: wrap;
  }
}

.bd-postbox__blockquoite {
  padding: 68px 50px;
  background: #f7f7f7;
}
@media (max-width: 575px) {
  .bd-postbox__blockquoite {
    padding: 68px 20px;
  }
}

.bd-postbox__quite-content h3 {
  font-size: 34px;
}
@media (max-width: 575px) {
  .bd-postbox__quite-content h3 {
    font-size: 28px;
  }
}

.bd-postbox__quoite-icon-2 {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.bd-postbox__meta span {
  font-size: 14px;
  color: var(--clr-common-paragraph);
  position: relative;
  padding-right: 35px;
  margin-right: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-postbox__meta span {
    padding-right: 12px;
    margin-right: 10px;
  }
}
@media (max-width: 450px) {
  .bd-postbox__meta span {
    display: block;
  }
}
.bd-postbox__meta span a:hover {
  color: var(--clr-theme-2);
}
.bd-postbox__meta span a:hover i {
  color: var(--clr-theme-2);
}
.bd-postbox__meta span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.bd-postbox__meta span:last-child::before {
  display: none;
}
.bd-postbox__meta span i {
  color: #212121;
  margin-right: 5px;
}
.bd-postbox__meta span:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  background: #dedede;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 450px) {
  .bd-postbox__meta span:before {
    display: none;
  }
}

.bd-postbox__wrapper {
  border: 2px solid #f3f3f3;
  padding: 48px 48px 48px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-postbox__wrapper {
    padding: 48px 20px 48px;
  }
}
@media (max-width: 450px) {
  .bd-postbox__wrapper {
    padding: 0px 0px 48px;
    border: 0;
  }
}

.bd-postbox__text {
  margin-bottom: 50px;
}

.bd-postbox-title {
  font-size: 30px;
  margin-bottom: 20px;
}

.title-border {
  border-top: 1px solid #e6e6e6;
}

.bd-postbox-item {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox-item {
    flex-wrap: wrap;
  }
}

.bd-blockquote__wrapper {
  padding: 45px 85px 40px 85px;
  border: 2px solid #f3f3f3;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blockquote__wrapper {
    padding: 45px 15px 40px 15px;
  }
}

.bd-blockquote__icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: var(--clr-common-white);
  text-align: center;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  line-height: 55px;
  border-radius: 50%;
  margin-bottom: 25px;
}

.bd-blockquote__text h3 {
  font-size: 28px;
  margin-bottom: 25px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-blockquote__text h3 {
    font-size: 24px;
  }
}

.bd-blockquote__founder span {
  color: var(--clr-common-placeholder);
}

.bd-postbox__tag-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .bd-postbox__tag-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}

.bd-postbox__tag-info {
  display: flex;
  gap: 10px;
  display: flex;
}
.bd-postbox__tag-info a {
  height: 30px;
  display: inline-block;
  color: var(--clr-common-paragraph);
  font-size: 12px;
  font-weight: 700;
  border: 2px solid #f3f3f3;
  padding: 0 25px;
  line-height: 30px;
  position: relative;
}
.bd-postbox__tag-info a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-position: 100% 100%;
  opacity: 0;
  visibility: hidden;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-postbox__tag-info a:hover {
  color: var(--clr-common-white);
  position: relative;
  z-index: 5;
  border-color: transparent;
}
.bd-postbox__tag-info a:hover:before {
  opacity: 1;
  visibility: visible;
}

.postbox-tag__title {
  margin-bottom: 25px;
}

.bd-postbox__tag-social {
  display: flex;
  gap: 25px;
}
.bd-postbox__tag-social a {
  font-size: 18px;
  color: #b9b9b9;
}
.bd-postbox__tag-social a:hover {
  color: #ff4834;
}

.bd-pastbox__navigation-title h3 {
  font-size: 26px;
}

.bd-post__navigation-title p {
  margin-bottom: 3px;
}

.bd-post__navigation-wrapper {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
  column-gap: 30px;
}

.bd-post__navigation-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.bd-post__challenge-title h3 {
  margin-bottom: 15px;
}

.port-r-50 {
  border-radius: 50%;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-post__navigation-icon {
    display: none;
  }
}

.bd-post__navigation-title.nav-next {
  text-align: right;
}
@media (max-width: 450px) {
  .bd-post__navigation-title.nav-next {
    text-align: inherit;
  }
}

.bd-postbox__author-box {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 38px 38px;
  border: 2px solid #f3f3f3;
}
@media (max-width: 450px) {
  .bd-postbox__author-box {
    flex-wrap: wrap;
    padding: 38px 15px;
  }
}

.bd-postbox__author-img {
  min-width: 150px;
}
@media (max-width: 450px) {
  .bd-postbox__author-img {
    width: 100%;
  }
}
.bd-postbox__author-img img {
  width: 100%;
}

.bd-postbox__author-content span {
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.bd-postbox__author-content h3 {
  margin-bottom: 5px;
  font-size: 36px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-postbox__author-content h3 {
    font-size: 26px;
  }
}
.bd-postbox__author-content p {
  font-size: 14px;
}

.bd-sidebar__tag-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.bd-sidebar__tag-link a {
  display: inline-block;
  padding: 2px 20px;
  font-size: 12px;
  font-weight: 700;
  background: #f4f4f4;
  color: var(--clr-common-paragraph);
  position: relative;
}
.bd-sidebar__tag-link a:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-position: 100% 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.bd-sidebar__tag-link a:hover {
  color: var(--clr-common-white);
  position: relative;
  z-index: 5;
}
.bd-sidebar__tag-link a:hover::before {
  opacity: 1;
  visibility: visible;
}

.bd-postbox__comment-box {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
@media (max-width: 575px) {
  .bd-postbox__comment-box {
    flex-wrap: wrap;
  }
}

.postbox__comment-title {
  font-size: 26px;
  margin-bottom: 30px;
}

.bd-postbox__comment-info {
  margin-top: 15px;
}

.bd-postbox__comment-name {
  margin-bottom: 18px;
}
.bd-postbox__comment-name h4 {
  font-size: 18px;
  font-size: 18px;
}
.bd-postbox__comment-name span {
  font-size: 14px;
  color: var(--clr-common-paragraph);
}

.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-reply a {
  display: inline-block;
  color: var(--clr-common-paragraph);
  background: transparent;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  font-size: 14px;
  border: 2px solid #f3f3f3;
  position: relative;
  border-radius: 10px;
}
.bd-postbox__comment-reply a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-position: 100% 100%;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-postbox__comment-reply a:hover {
  color: var(--clr-common-white);
  position: relative;
  z-index: 5;
  border-color: transparent;
}
.bd-postbox__comment-reply a:hover:before {
  opacity: 1;
  visibility: visible;
}

.bd-postbox__comment-text p {
  font-size: 14px;
}

.bd-sidebar__social a {
  margin-right: 22px;
  color: #d4d4d4;
}
.bd-sidebar__social a:hover {
  color: #ff4834;
}
.bd-sidebar__social a:last-child {
  margin-right: 0;
}

.bd-sidebar__author-text {
  margin-bottom: 20px;
}

.bd-sidebar__blog-text h3 {
  font-size: 18px;
}
.bd-sidebar__blog-text h4 {
  font-size: 18px;
  color: var(--clr-common-text-4);
  margin-bottom: 10px;
}

.bd-sidebar__search-input input {
  width: 100%;
  border: 0;
  height: 60px;
  background: #f8f8f8;
  outline: none;
  padding-left: 20px;
  padding-right: 65px;
}
.bd-sidebar__search-input button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  height: 60px;
  width: 60px;
}
.bd-sidebar__search-input button i {
  font-size: 14px;
  color: var(--clr-common-white);
}

.bd-sidebar__search {
  position: relative;
}

.bd-sidebar__news-text h5 {
  margin-bottom: 10px;
}
.bd-sidebar__news-text h5 a:hover {
  color: var(--clr-theme-2);
}
.bd-sidebar__news-text h5 span {
  color: var(--clr-common-paragraph);
}

.bd-sidebar__widget-link ul li a {
  color: var(--clr-common-paragraph);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 5px 0px 5px 20px;
}
.bd-sidebar__widget-link ul li a:last-child {
  padding-bottom: 0;
}
.bd-sidebar__widget-link ul li a:hover {
  color: var(--clr-theme-2);
}
.bd-sidebar__widget-link ul li a:after {
  position: absolute;
  content: "";
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  font-family: "Font Awesome 6 Pro";
  transform: translateY(-50%);
}
.bd-sidebar__widget-link ul li a span {
  color: var(--clr-common-text-2);
  font-weight: 700;
}

.bd-sidebar__title-2 h4 {
  padding-bottom: 17px;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}

.bd-sidebar__title-2 h4:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 60px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: 5;
  bottom: -1px;
}

/*-----------------------
    featueres style
-----------------------*/
.features__images-2 {
  position: absolute;
  top: 60px;
  right: 0;
}

.bd-featureas__list ul li {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 700;
  color: var(--clr-common-text-2);
  display: flex;
  align-items: center;
  gap: 20px;
}
.bd-featureas__list ul li span {
  font-size: 18px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  height: 40px;
  width: 40px;
  min-width: 40px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.1);
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  display: inline-block;
}
.bd-featureas__list ul li span:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.1);
  background: var(--clr-common-white);
  z-index: -1;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bd-features__content {
  padding-right: 90px;
}
@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-features__content {
    padding-right: 0px;
  }
}

.bd-contact__text .call__icon {
  height: 60px;
  width: 60px;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
}
.bd-contact__text .call__title h3 a:hover {
  color: var(--clr-theme-2);
}

.bd-features__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 575px) {
  .bd-features__contact {
    padding-right: 0px;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.bd-features__contact.style-2 {
  gap: 40px;
  justify-content: initial;
  flex-wrap: wrap;
}
.bd-features__contact::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--clr-border-2);
  top: -30px;
}

.call__title.style-2 span {
  color: var(--clr-common-paragraph);
}

.bd-features__circle .knob {
  font-size: 35px !important;
  color: var(--clr-common-white) !important;
  font-family: "Josefin Sans", sans-serif !important;
  font-weight: 700 !important;
}

.bd-features__circle {
  width: 48%;
  min-height: 310px;
  text-align: center;
  padding: 50px 20px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-features__circle {
    width: 62%;
  }
}
@media (max-width: 575px) {
  .bd-features__circle {
    width: 100%;
  }
}

.features__progress-wrapper {
  z-index: 3;
}
.features__progress-wrapper::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 48%;
  background: var(--clr-common-text-2);
  border-radius: 10px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .features__progress-wrapper::before {
    width: 62%;
  }
}
@media (max-width: 575px) {
  .features__progress-wrapper::before {
    width: 100%;
  }
}

.bd-progress__text {
  margin-top: 20px;
}
.bd-progress__text h3 {
  color: var(--clr-common-white);
}
.bd-progress__text span {
  color: #b0b8c1;
  font-size: 14px;
}

.bd-features__images {
  padding-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) {
  .bd-features__images {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-features__images img {
    width: 100%;
  }
}

.bd-features__content-2 {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-features__content-2 {
    justify-content: inherit;
    gap: 70px;
  }
}
@media (max-width: 575px) {
  .bd-features__content-2 {
    flex-wrap: wrap;
    gap: 0px;
  }
}

.bd-features__title {
  position: relative;
}
.bd-features__title::before {
  position: absolute;
  content: "";
  height: 1px;
  min-width: 250px;
  background: #e5e5e5;
  bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-features__title::before {
    min-width: inherit;
  }
}
.bd-features__title h6 {
  color: var(--clr-theme-4);
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.bd-features__title h6.active {
  color: var(--clr-theme-5);
}

.bd-features__improve {
  padding-top: 30px;
  margin-bottom: 35px;
}
.bd-features__improve h2 {
  font-size: 40px;
  line-height: 1;
  color: var(--clr-theme-4);
}
.bd-features__improve span {
  font-size: 14px;
  color: var(--clr-common-paragraph);
}

.bd-features__improve__list {
  display: flex;
  gap: 40px;
}

/*----------------------------------------*/
/*   16. Skill CSS
/*----------------------------------------*/
.pb-255 {
  padding-bottom: 255px;
}

.pb-skill {
  padding-bottom: 210px;
}

.bd-skill__progress-wrapper {
  padding-left: 55px;
}
@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__progress-wrapper {
    padding-left: 0;
  }
}

.bd-skill__style-2 .progress-count {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.progress-count {
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 18px;
  color: var(--clr-common-white);
}

.bd-skill__progress .progress {
  height: 6px;
  background-color: #253342;
  overflow: visible;
}
.bd-skill__progress .progress .progress-bar {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  position: relative;
  overflow: visible;
  border-radius: 5px !important;
}
.bd-skill__progress .progress .progress-bar span {
  display: inline-block;
  font-size: 18px;
  height: 24px;
  padding: 0 6px;
  margin-bottom: 62px;
  text-align: right;
  letter-spacing: 0.02em;
  color: var(--clr-common-white);
}

.bd-skill__title-wrapper {
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.bd-skill__title-wrapper h3 {
  color: var(--clr-common-white);
}
@media (max-width: 450px) {
  .bd-skill__title-wrapper h3 {
    font-size: 22px;
  }
}

.bd-skill__slider__area {
  margin-top: -200px;
}

.bd-skill__content {
  position: absolute;
  content: "";
  bottom: 60px;
  left: 40px;
}
.bd-skill__content span {
  font-size: 14px;
  color: var(--clr-common-white);
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  padding: 0px 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-radius: 10px 10px 0 0;
}
.bd-skill__content h3 {
  background: var(--clr-common-white);
  height: 50px;
  padding: 0 30px;
  border-radius: 10px 30px 30px 30px;
  line-height: 50px;
}
.bd-skill__content h3 a:hover {
  color: var(--clr-theme-2);
}

.bd-skill__thumb img {
  width: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.bd-skill__active {
  position: relative;
  margin-right: -375px;
}
.bd-skill__active .swiper-slide {
  width: auto;
}

.bd-skill__style-inner .bd-skill__title h3 {
  font-size: 26px;
}
.bd-skill__style-inner.bd-skill__style-inner .bd-skill__progress .progress {
  height: 10px;
  background-color: transparent;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.bd-skill__style-inner.bd-skill__style-inner .bd-skill__progress .progress::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: #ececec;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
}
.bd-skill__style-inner .bd-skill__title-wrapper h3 {
  color: inherit;
  font-size: 18px;
}
.bd-skill__style-inner .progress-count {
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bd-skill__img-inner {
  padding-left: 80px;
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-skill__img-inner {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-skill__img-inner {
    padding-left: 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-skill__img-inner {
    padding-left: 0px;
  }
}

/*----------------------------------------*/
/*   17. Clientt CSS
/*----------------------------------------*/
.pt-240 {
  padding-top: 240px;
}

.client__title {
  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) {
  .client__title {
    padding-left: 0;
  }
}

.bd-clients__border::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  z-index: 15;
  top: -120px;
  border-radius: 50%;
  background-color: var(--clr-border-8);
}

.bd-clientt_boeder {
  position: relative;
}
.bd-clientt_boeder::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #e1e1e1;
  bottom: -120px;
}

@media (max-width: 575px) {
  .client__brand {
    text-align: center !important;
  }
}
.client__brand a img {
  filter: contrast(0%);
}
.client__brand a:hover img {
  filter: contrast(100%);
}

/*----------------------------------------*/
/*   18. Cta CSS
/*----------------------------------------*/
.bd-user__wrapper {
  padding-right: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-user__wrapper {
    padding-right: 0;
  }
}

.bd-cta__item {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.bd-cta__item-container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  position: relative;
  max-width: 580px;
}
@media (max-width: 450px) {
  .bd-cta__item-container {
    gap: 30px;
  }
}
.bd-cta__item-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #f3f3f3;
  top: 50%;
}
@media (max-width: 450px) {
  .bd-cta__item-container::before {
    display: none;
  }
}

.bd-cta__item-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-cta__item-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.bd-cta__item-icon {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--clr-common-white);
  margin-right: 15px;
  position: relative;
}
.bd-cta__item-icon i {
  color: var(--clr-common-white);
}
.bd-cta__item-icon::before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  border: 2px solid #f0f0f0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 49%;
}

.bd-cta__item-title {
  padding-left: 15px;
}
.bd-cta__item-title h3 {
  line-height: 1;
}
@media (max-width: 575px) {
  .bd-cta__item-title h3 {
    font-size: 20px;
  }
}
.bd-cta__item-title h4 {
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-cta__item-title h4 {
    font-size: 18px;
  }
}
.bd-cta__item-title h4 a:hover {
  color: var(--clr-theme-2);
}
.bd-cta__item-title span {
  font-size: 14px;
  color: #777777;
}

.bd-contact__social a {
  margin-right: 10px;
}
.bd-contact__social a:hover {
  color: var(--clr-theme-2);
}

.bd-contact__wrapper {
  background: var(--clr-common-white);
  box-shadow: -16px 0px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 50px 50px 50px;
  border-radius: 10px;
}
@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-contact__wrapper {
    padding: 30px 30px 30px;
  }
}
@media (max-width: 450px) {
  .bd-contact__wrapper {
    padding: 30px 20px 30px;
  }
}

.bd-contact__field {
  position: relative;
}
.bd-contact__field i {
  position: absolute;
  left: 25px;
  top: 20px;
}
.bd-contact__field input {
  width: 100%;
  height: 60px;
  background: #f5f5f5;
  border: 0;
  padding-right: 25px;
  padding-left: 50px;
  outline: none;
  border-radius: 10px;
}
.bd-contact__field textarea {
  width: 100%;
  height: 120px;
  background: #f5f5f5;
  border: 0;
  resize: none;
}

.bd-contact__textarea {
  position: relative;
}
.bd-contact__textarea i {
  position: absolute;
  top: 20px;
  left: 25px;
}
.bd-contact__textarea textarea {
  height: 155px;
  width: 100%;
  resize: none;
  border: 0;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 16px 20px 16px 50px;
  outline: none;
}

.bd-contact__select {
  display: inline-block;
  width: 100%;
}

.contact-select i {
  position: absolute;
  left: 25px;
  top: 20px;
  z-index: 9;
}
.contact-select .nice-select {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 0;
  background: #f5f5f5;
  position: relative;
  padding-left: 50px;
  color: #a0a0a0;
  border-radius: 10px;
}
.contact-select .nice-select::after {
  border-bottom: 2px solid #191919;
  border-right: 2px solid #191919;
  height: 7px;
  right: 25px;
  width: 7px;
}
.contact-select .nice-select.open .list {
  min-width: 220px;
  background: #f5f5f5;
}

.bd-contact__wrapper.style-2 {
  border-radius: 0;
}

.bd-cta__patten-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.bd-cta__patten-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.bd-cat__box {
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-cat__box {
    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-cat__box {
    margin-right: 0px;
  }
}

.style-2 .bd-cta__item-icon::before {
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.08);
  background: var(--clr-common-white);
  z-index: -1;
  border: 0;
}
.style-2 .bd-cta__item-title h3 {
  color: var(--clr-common-text-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .style-2 .bd-cta__item-title h3 {
    font-size: 20px;
  }
}
.style-2 .bd-cta__item-title h3 a:hover {
  color: var(--clr-theme-6);
}
.style-2 .bd-contact__wrapper.style-2 {
  border-radius: 0;
}

.googlee-map-icon i {
  height: 80px;
  width: 60px;
  color: var(--clr-common-text-2);
  font-size: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bd-google__map__area {
  position: relative;
  margin-top: -80px;
  margin-bottom: -10px;
}
.bd-google__map__area iframe {
  width: 100%;
  min-height: 600px;
}

/*----------------------------------------*/
/*   19. Faq CSS
/*----------------------------------------*/
.bd-faq-contant {
  padding-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-faq-contant {
    padding-left: 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-faq-contant {
    padding-left: 0px;
  }
}

.bd-faq-Subscribe-from input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--clr-border-11);
  border-radius: 6px;
  padding: 0 185px 0 50px;
  outline: none;
}
@media (max-width: 575px) {
  .bd-faq-Subscribe-from input {
    padding: 0 145px 0 50px;
  }
}
.bd-faq-Subscribe-from:after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 6 Pro";
  top: 48%;
  transform: translateY(-50%);
  left: 25px;
  font-weight: 700;
}
.bd-faq-Subscribe-from .faq-btn {
  position: absolute;
  right: 0;
  height: 60px;
  padding: 0 40px;
  font-weight: 700;
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
  border-radius: 0px 6px 6px 0px;
}
.bd-faq-Subscribe-from .faq-btn i {
  padding-right: 10px;
  font-size: 16px;
}
@media (max-width: 575px) {
  .bd-faq-Subscribe-from .faq-btn {
    padding: 0 20px;
  }
}

.bd-faq-icon {
  margin-bottom: 40px;
}

.faq__happy-user {
  background: var(--clr-common-white);
  box-shadow: -16px 0px 32px 0px rgba(20, 31, 43, 0.06);
  display: inline-block;
  padding: 20px 25px;
  border-radius: 6px;
  position: relative;
}
.faq__happy-user span {
  color: var(--clr-common-text-3);
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
.faq__happy-user::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 90%;
  background: var(--clr-theme-3);
  border-radius: 0px 0px 6px 6px;
  z-index: -1;
  bottom: -4px;
}
.faq__happy-user h6 {
  font-weight: 500;
  color: var(--clr-common-paragraph);
}

.faq__happy-wapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .faq__happy-wapper {
    flex-wrap: wrap;
  }
}

.faq__happy-text p {
  margin-bottom: 0;
}

.bd-faq__image-1 {
  margin-right: 30px;
}

.bd-faq__image-2 img {
  margin-top: 50px;
  width: 100%;
}

.bd-faq__wrapper {
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-faq__wrapper {
    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-faq__wrapper {
    margin-right: 0px;
  }
}

.bd-faq__play {
  position: absolute;
  top: 50%;
  display: inline-block;
  border: 8px solid var(--clr-common-text-4);
  width: 116px;
  height: 116px;
  line-height: 102px;
  text-align: center;
  background: var(--clr-theme-6);
  border-radius: 50%;
  left: 50%;
  font-size: 18px;
  transform: translate(-50%, -50%);
}
.bd-faq__play:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: var(--clr-theme-6);
  border-radius: 50%;
  left: 0;
  z-index: -1;
  animation: video-ripple 2000ms ease-out infinite;
  opacity: 2;
}

@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-faq__main-box {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*   20. History CSS
/*----------------------------------------*/
.bd-history-active {
  position: relative;
  margin-right: -315px;
}

.bd-history-number span {
  background: var(--clr-common-white);
  position: relative;
  padding: 8px 20px 4px 30px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  display: inline-block;
  color: var(--clr-common-text-3);
  line-height: 1;
  font-weight: 700;
}
.bd-history-number span::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  border-radius: 50%;
  background: var(--clr-body-blue-2);
}

.bd-history-content {
  position: relative;
  padding-right: 40px;
}
.bd-history-content:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--clr-border-11);
  bottom: -50px;
}
.bd-history-content::after {
  position: absolute;
  content: "";
  height: 22px;
  width: 1px;
  background: var(--clr-border-11);
  left: 0;
  bottom: -60px;
}
.bd-history-content h3 {
  margin-bottom: 10px;
  color: var(--clr-common-text-3);
}

.bd-history-brand {
  margin-top: 100px;
  margin-top: 100px;
}
.bd-history-brand a img {
  opacity: 0.6;
  -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-history-brand:hover a img {
  opacity: 100%;
}

.bd-histoiry-nav {
  position: absolute;
  top: 16%;
  right: 0;
  display: flex;
  gap: 20px;
  align-content: center;
}
@media (max-width: 575px) {
  .bd-histoiry-nav {
    display: none;
  }
}

.bd-histoiry-button {
  width: 60px;
  height: 60px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 65px;
  border-radius: 50%;
  font-size: 20px;
  color: #070707;
  -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-histoiry-button:hover {
  background: var(--clr-theme-3);
}
.bd-histoiry-button:hover i {
  color: var(--clr-common-white);
}

/*----------------------------------------*/
/*   21. pricing CSS
/*----------------------------------------*/
.bd-singel-item {
  background: #0c0c0c;
  border-radius: 10px;
  padding: 60px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-singel-item {
    padding: 60px 20px;
  }
}

.bd-pricing-content h3 {
  color: var(--clr-common-white);
  margin-bottom: 5px;
}
.bd-pricing-content p {
  color: #bababa;
  margin-bottom: 0;
}
.bd-pricing-content h5 {
  color: var(--clr-common-white);
  margin-bottom: 10px;
  color: var(--clr-common-white);
  margin-bottom: 10px;
}

.bd-singel-item-2 {
  background: var(--clr-theme-1);
  padding: 60px 55px;
  border-radius: 10px;
  background: var(--clr-theme-1);
  padding: 60px 55px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-singel-item-2 {
    padding: 60px 20px;
  }
}

.pricing-text span {
  font-size: 120px;
  color: var(--clr-common-white);
  font-weight: 700;
  line-height: 1;
  font-size: 120px;
  color: var(--clr-common-white);
  font-weight: 700;
  line-height: 1;
}
.pricing-text sub {
  font-size: 60px;
  color: var(--clr-common-white);
  position: relative;
  top: 0;
  font-size: 60px;
  color: var(--clr-common-white);
  position: relative;
  top: 0;
}

.cancel-text {
  color: var(--clr-common-white);
  color: var(--clr-common-white);
  margin-bottom: 35px;
  display: block;
  margin-top: -20px;
}

.pricing-btn {
  display: inline-block;
  height: 58px;
  padding: 0 70px;
  background: transparent;
  line-height: 60px;
  border: 1px solid #3e88ea;
  color: var(--clr-common-white);
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .pricing-btn {
    padding: 0 30px;
  }
}
.pricing-btn i {
  padding-right: 10px;
}
.pricing-btn:hover {
  color: #3e88ea;
  border-color: var(--clr-common-white);
  background: var(--clr-common-white);
}

.bd-pricing-list ul li {
  color: #bababa;
  margin-bottom: 12px;
}
.bd-pricing-list ul li:last-child {
  margin-bottom: 0;
}
.bd-pricing-list ul li i {
  padding-right: 20px;
  color: #666;
}

.bd-pricing-tab .nav-tabs {
  border: none;
}
.bd-pricing-tab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 0;
}
.bd-pricing-tab .nav .nav-item {
  padding-left: 0px;
}
.bd-pricing-tab .nav .nav-item .nav-link {
  padding: 7px 55px;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: 700;
  text-transform: uppercase;
  color: #767676;
  position: relative;
  outline: none;
  font-size: 14px;
  border: none;
  z-index: 2;
}
.bd-pricing-tab .nav .nav-item .nav-link.active {
  color: var(--clr-common-white);
}
.bd-pricing-tab .nav .nav-item .nav-link.active::after {
  right: 0px;
}
@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-pricing-tab .nav .nav-item .nav-link.active::after {
    right: 5px;
  }
}
.bd-pricing-tab .nav .nav-item .nav-link::after {
  position: absolute;
  content: "";
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;
  background: #ffba00;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-pricing-tab .nav .nav-item .nav-link::after {
    height: 30px;
    width: 30px;
  }
}
.bd-pricing-tab .nav .nav-item .nav-link::before {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
  -moz-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
  background: #171717;
  width: 80px;
  height: 20px;
  border-radius: 20px;
}
.bd-pricing-tab .nav .nav-item:last-child .nav-link {
  padding-right: 0;
}
.bd-pricing-tab .nav .nav-item:last-child .nav-link::after {
  display: none;
}
.bd-pricing-tab .nav .nav-item:last-child .nav-link::before {
  display: none;
}
.bd-pricing-tab .nav .nav-item:first-child .nav-link {
  padding-left: 0;
}

/*----------------------------------------*/
/*   22. Intregration CSS
/*----------------------------------------*/
.bd-intregrations-wrapper {
  padding: 50px 50px;
  border: 1px solid var(--clr-border-14);
  -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: 992px) and (max-width: 1199px), (max-width: 575px) {
  .bd-intregrations-wrapper {
    padding: 50px 20px;
  }
}
.bd-intregrations-wrapper:hover {
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  border-color: transparent;
  border-radius: 6px;
}
.bd-intregrations-wrapper:hover .bd-intregrations-icon {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.bd-intregrations-icon img {
  margin-bottom: 25px;
  padding-right: 30px;
}

.bd-intregration-content p {
  position: relative;
  margin-bottom: 30px;
}
.bd-intregration-content p:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--clr-border-14);
  bottom: -30px;
}
.bd-intregration-content ul {
  padding-top: 35px;
}
.bd-intregration-content ul li {
  display: flex;
  align-items: center;
  color: var(--clr-theme-4);
  margin-bottom: 10px;
  font-size: 18px;
}
.bd-intregration-content ul li i {
  color: var(--clr-theme-5);
  padding-right: 20px;
}
.bd-intregration-content ul li:last-child {
  margin-bottom: 0;
}

.bd-intregrations-inner {
  display: flex;
  align-items: center;
}

.bd-intregrations-title h3 {
  color: var(--clr-theme-4);
}
.bd-intregrations-title h3 a:hover {
  color: var(--clr-theme-5);
}

/*----------------------------------------*/
/*   23. Accordion CSS
/*----------------------------------------*/
.bd-faq__accordion .accordion-item {
  background-color: var(--clr-common-white);
  border: 0;
  border-bottom: 1px solid #f4f4f4;
  border-left: 0;
  border-right: 0;
  padding: 5px 0;
}
.bd-faq__accordion .accordion-item:first-of-type {
  border-top: 1px solid #f4f4f4;
}
.bd-faq__accordion .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.bd-faq__accordion .accordion-body {
  padding: 1rem 1.5rem;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-body {
    padding: 1rem 0rem;
  }
}

.bd-faq__accordion .accordion-button {
  padding: 1rem 1.5rem;
}
@media (max-width: 575px) {
  .bd-faq__accordion .accordion-button {
    padding: 1rem 0rem;
  }
}
.bd-faq__accordion .accordion-button:not(.collapsed) {
  color: var(--clr-theme-4);
  background-color: var(--clr-common-white);
  box-shadow: none;
}
.bd-faq__accordion .accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none;
}
.bd-faq__accordion .accordion-button::after {
  margin-left: auto;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-theme-5);
  height: inherit;
  width: auto;
  background-image: none;
  background-size: 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;
}
.bd-faq__accordion .accordion-button:not(.collapsed)::after {
  content: "-";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-theme-5);
  background-image: none;
  transform: rotate(180deg);
  -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-faq__accordion .bd-accordion__tittle {
  color: var(--clr-theme-4);
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .bd-faq__accordion .bd-accordion__tittle {
    font-size: 18px;
  }
}

.bd-accordiong__style-2 .accordion-item {
  border: 0;
  margin-bottom: 15px;
  padding: 0;
  border-left: 2px solid var(--clr-theme-6);
}
.bd-accordiong__style-2 .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bd-accordiong__style-2 .accordion-item:last-of-type {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}
.bd-accordiong__style-2 .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bd-accordiong__style-2 .accordion-item:last-child {
  margin-bottom: 0;
}
.bd-accordiong__style-2 .accordion-item.accordion-button collapsed {
  border-left: 0;
}
.bd-accordiong__style-2 .accordion-body {
  background: var(--clr-common-white);
  padding: 0px 30px 7px 30px;
}
.bd-accordiong__style-2 .accordion-button {
  background-color: #40464b;
  padding: 16.5px 30px;
}
@media (max-width: 575px) {
  .bd-accordiong__style-2 .accordion-button {
    padding: 16.5px 15px;
  }
}
.bd-accordiong__style-2 .accordion-button.collapsed .bd-accordion__tittle span {
  color: var(--clr-common-white);
  font-size: 18px;
  font-weight: 700;
}
.bd-accordiong__style-2 .accordion-button .bd-accordion__tittle span {
  color: var(--clr-common-text-4);
  font-size: 18px;
  font-weight: 700;
}
.bd-accordiong__style-2 .accordion-button:focus {
  box-shadow: none;
}
.bd-accordiong__style-2 .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background: var(--clr-common-white) !important;
}
.bd-accordiong__style-2 .accordion-button::after {
  margin-left: auto;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-theme-5);
  height: inherit;
  width: auto;
  background-image: none;
  background-size: 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;
}
.bd-accordiong__style-2 .accordion-button:not(.collapsed)::after {
  content: "-";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-theme-5);
  background-image: none;
  transform: rotate(180deg);
  -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;
}

.accordion-button::after {
  color: var(--clr-common-white);
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bd-faq__accordion-2 .accordion-item {
  border: 0;
  border-top: 1px solid #eaeaea;
}
.bd-faq__accordion-2 .accordion-item:first-of-type {
  border-left: 0;
  border-right: 0;
}
.bd-faq__accordion-2 .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bd-faq__accordion-2 .accordion-item:last-child {
  border-bottom: 1px solid #eaeaea;
}
@media (max-width: 575px) {
  .bd-faq__accordion-2 .accordion-item {
    padding: 0px;
  }
}
.bd-faq__accordion-2 .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.bd-faq__accordion-2 .accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none;
}
.bd-faq__accordion-2 .accordion-button::after {
  color: var(--clr-common-text-2);
  margin-left: auto;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-common-text-2);
  height: inherit;
  width: auto;
  background-image: none;
  background-size: 0;
}
.bd-faq__accordion-2 .accordion-button:not(.collapsed)::after {
  content: "-";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  color: var(--clr-common-text-2);
  background-image: none;
  transform: rotate(180deg);
}
.bd-faq__accordion-2 .bd-accordion__number {
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
  font-weight: 700;
  padding-right: 15px;
}
.bd-faq__accordion-2 .bd-accordion__title {
  color: var(--clr-common-text-2);
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 450px) {
  .bd-faq__accordion-2 .accordion-button {
    padding: 1rem 0rem;
  }
}
.bd-faq__accordion-2 .accordion-body {
  padding: 0rem 1.25rem;
}
@media (max-width: 450px) {
  .bd-faq__accordion-2 .accordion-body {
    padding: 0rem 0rem;
  }
}
.bd-faq__accordion-2 .accordion-body p {
  padding-left: 40px;
}

/*----------------------------------------*/
/*   24. Course CSS
/*----------------------------------------*/
.section__title {
  font-size: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section__title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section__title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section__title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .section__title {
    font-size: 34px;
  }
}

.bd-course__slide {
  overflow: visible;
  position: relative;
}
.bd-course__slide::before {
  color: var(--clr-common-white);
  position: absolute;
  content: "";
  width: 1000px;
  height: 100%;
  background: var(--clr-common-white);
  left: -1000px;
  opacity: 1;
  z-index: 2;
}

.bd-course__price {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  background: var(--clr-common-white);
  text-align: center;
  line-height: 60px;
  color: var(--clr-common-text-4);
  font-weight: 700;
  border-radius: 50%;
  top: 20px;
  right: 20px;
}

.bd-course__image img {
  width: 100%;
}

.bd-course__info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 5px;
}

.bd-course__item span {
  font-size: 14px;
  color: var(--clr-common-paragraph);
}
.bd-course__item span i {
  color: #dbdbdb;
  padding-right: 10px;
}

.bd-course__content {
  padding: 30px 30px 20px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-course__content {
    padding: 30px 20px 20px;
  }
}

.bd-course__text a {
  font-size: 18px;
  color: var(--clr-common-text-4);
  line-height: 1.5;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-course__text a {
    font-size: 16px;
  }
}
.bd-course__text a:hover {
  color: var(--clr-theme-6);
}

.bd-course-nav {
  position: absolute;
  right: 0;
  top: 25px;
  display: flex;
  gap: 10px;
}
@media (max-width: 575px) {
  .bd-course-nav {
    display: none;
  }
}

.bd-course-nav .course-button-prev {
  height: 50px;
  width: 50px;
  text-align: center;
  background-color: transparent;
  border-radius: 52%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: var(--clr-common-text-4);
  border: 1px solid #f5f5f5;
  -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-course-nav .course-button-prev:hover {
  background-color: var(--clr-theme-6);
  color: var(--clr-common-white);
  border-color: transparent;
}

.bd-course-nav .course-button-next {
  height: 50px;
  width: 50px;
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  color: var(--clr-common-text-4);
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #f5f5f5;
  -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-course-nav .course-button-next:hover {
  background-color: var(--clr-theme-6);
  color: var(--clr-common-white);
  border-color: transparent;
}

.bd-course-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: #30a820;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
}

.bd-course__title {
  font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;
}

.page__title-pre {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;
}

.page__title-3 {
  font-size: 60px;
  line-height: 1.1;
  margin-top: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .page__title-3 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page__title-3 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title-3 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .page__title-3 {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .page__title-3 {
    font-size: 34px;
  }
}

.course__item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
}
.course__item-3 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.course__item-3 .course__more {
  border: 1px solid var(--clr-border-1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.course__item-3 .course__content {
  border: 1px solid #f000;
  border-top: none;
  border-bottom: none;
}
.course__item:hover .course__thumb img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.course__item-2 {
  padding: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__item-2 {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .course__item-2 {
    padding: 20px;
  }
}
.course__thumb {
  border-radius: 6px;
}
.course__thumb img {
  -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: 992px) and (max-width: 1199px) {
  .course__thumb-list {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__thumb-list img {
    height: 100%;
  }
}
.course__tag {
  position: absolute;
  top: 20px;
  left: 20px;
}
.course__tag a {
  display: inline-block;
  height: 24px;
  line-height: 27px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: var(--clr-theme-3);
  padding: 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__tag a.sky-blue {
  background: var(--clr-theme-5);
}
.course__tag a.green {
  background: var(--clr-theme-2);
}
.course__tag a.blue {
  background: var(--clr-theme-1);
}
.course__tag a.blue-2 {
  background: var(--clr-theme-3);
}
.course__tag a.orange {
  background: var(--clr-theme-4);
}
.course__tag a.pink {
  background: var(--clr-theme-5);
}
.course__tag a.yellow {
  background: var(--clr-theme-1);
}
.course__tag-2 i {
  color: var(--clr-theme-1);
  padding-right: 8px;
}
.course__tag-2 a {
  font-size: 16px;
  color: var(--clr-common-text);
  font-weight: 500;
}
.course__tag-2 a:hover {
  color: var(--clr-theme-2);
}
.course__title {
  font-size: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__title {
    font-size: 18px;
  }
}
.course__title a:hover {
  color: var(--clr-theme-2);
}
.course__title-2 {
  font-size: 24px;
  margin-bottom: 2px;
}
.course__title-2 a:hover {
  color: var(--clr-theme-2);
}
.course__title-3 {
  font-size: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__title-3 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .course__title-3 {
    font-size: 20px;
  }
}
.course__meta {
  margin-bottom: 7px;
}
.course__lesson span {
  font-size: 16px;
  font-weight: 400;
}
.course__lesson span i {
  color: var(--clr-common-text);
  padding-right: 7px;
}
.course__content {
  padding: 25px 20px;
}
.course__content-2 {
  padding-top: 25px;
}
.course__content-2 p {
  margin-bottom: 30px;
}
.course__content-3 {
  padding-left: 80px;
  padding-right: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__content-3 {
    padding-top: 15px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__content-3 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__content-3 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px) {
  .course__content-3 {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 85px;
  }
}
.course__content-4 {
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__content-4 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__content-4 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__content-4 {
    padding-left: 45px;
    padding-bottom: 85px;
  }
}
@media (max-width: 575px) {
  .course__content-4 {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 85px;
  }
}
.course__summary p {
  font-size: 18px;
}
@media (max-width: 575px) {
  .course__summary p {
    font-size: 16px;
  }
}
.course__right {
  position: relative;
  height: 100%;
}
.course__rating span {
  font-size: 16px;
}
.course__rating span i {
  padding-right: 5px;
  color: var(--clr-theme-2);
}
.course__rating-2 h5 {
  font-size: 14px;
  color: var(--clr-common-text);
  font-weight: 600;
  margin-bottom: 0;
}
.course__rating-2 ul li {
  display: inline-block;
}
.course__rating-2 ul li a {
  font-size: 14px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.course__rating-inner p {
  font-size: 16px;
  color: var(--clr-common-heading);
  font-weight: 700;
  margin-bottom: 0;
  padding-left: 3px;
}
.course__teacher-thumb img {
  width: 35px;
  height: 35px;
  border: 2px solid var(--clr-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher-thumb-2 {
  position: relative;
}
.course__teacher-thumb-2 img {
  width: 46px;
  height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
}
.course__teacher-thumb-3 img {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid var(--clr-common-white);
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
}
.course__teacher h6 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clr-common-text);
  margin-bottom: 0;
  line-height: 1;
  padding-top: 2px;
}
.course__teacher h6 a:hover {
  color: var(--clr-theme-3);
}
.course__teacher-info h6 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
}
.course__teacher-info h6 a {
  line-height: 1;
}
.course__teacher-info span {
  color: var(--clr-common-text);
  font-size: 14px;
  font-weight: 600;
}
.course__teacher-info-3 h5 {
  font-size: 14px;
  color: var(--clr-common-text);
  font-weight: 700;
  margin-bottom: 0;
}
.course__teacher-info-3 p {
  font-size: 16px;
  color: var(--clr-common-heading);
  font-weight: 700;
  margin-bottom: 0;
}
.course__teacher-rating {
  position: absolute;
  top: -1px;
  right: -7px;
}
.course__teacher-rating i {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  color: var(--clr-common-white);
  background: var(--clr-theme-2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__update h5 {
  font-size: 14px;
  color: var(--clr-common-text);
  font-weight: 600;
  margin-bottom: 0;
}
.course__update p {
  font-size: 16px;
  color: var(--clr-common-heading);
  font-weight: 700;
  margin-bottom: 0;
}
.course__status span {
  font-size: 20px;
  color: var(--clr-theme-2);
  font-weight: 600;
  padding-right: 5px;
}
.course__status span.sky-blue {
  color: var(--clr-theme-2);
}
.course__status span.green {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.course__status span.blue {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.course__status span.blue-2 {
  color: var(--clr-theme-1);
}
.course__status span.orange {
  color: var(--clr-theme-1);
}
.course__status span.pink {
  color: var(--clr-theme-1);
}
.course__status span.yellow {
  color: var(--clr-theme-2);
}
.course__status span.old-price {
  font-size: 14px;
  color: var(--clr-common-text);
  text-decoration: line-through;
}
.course__more {
  padding: 10px 25px;
  padding-top: 15px;
  border-top: 1px solid var(--clr-theme-2);
}
.course__more-2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-left: 80px;
  padding-right: 70px;
  background: var(--clr-common-white);
}
@media (max-width: 575px) {
  .course__more-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course__more-3 {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 575px) {
  .course__more-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course__btn .link-btn {
  color: var(--clr-common-heading);
  font-weight: 700;
}
.course__btn .link-btn:hover {
  color: var(--clr-theme-2);
}
.course__menu button {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
  background: transparent;
  text-transform: capitalize;
  position: relative;
}
.course__menu button .tag {
  position: absolute;
  top: -25px;
  right: -4px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  background: var(--clr-theme-1);
  color: var(--clr-common-white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  -moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
}
.course__menu button .tag::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid var(--clr-theme-1);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.course__menu button:hover, .course__menu button.active {
  color: var(--clr-theme-1);
}
.course__menu button:not(:first-child) {
  margin-left: 25px;
}
@media (max-width: 575px) {
  .course__menu button:not(:first-child) {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .course__menu button {
    margin-right: 25px;
  }
}
.course__tab-inner {
  padding: 15px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__tab-btn .nav-tabs {
  border: none;
}
.course__tab-btn .nav-tabs .nav-item .nav-link {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  width: 30px;
  height: 30px;
  background: transparent;
  padding: 0;
  margin-right: 6px;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg {
  width: 14px;
  height: 14px !important;
}
.course__tab-btn .nav-tabs .nav-item .nav-link svg.grid .st0 {
  fill: none;
  stroke: var(--clr-common-text);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active {
  background: var(--clr-theme-1);
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg.grid .st0 {
  fill: none;
  stroke: var(--clr-common-white);
}
.course__tab-btn .nav-tabs .nav-item .nav-link.active svg .st0 {
  fill: var(--clr-common-white);
}
.course__tab-2 .nav-tabs {
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.course__tab-2 .nav-tabs .nav-item {
  width: 25%;
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link {
  border-right: var(--clr-theme-3);
}
.course__tab-2 .nav-tabs .nav-item:not(:last-child) .nav-link.active {
  background: linear-gradient(to right, ff3834, ff3834);
}
.course__tab-2 .nav-tabs .nav-item .nav-link {
  background: var(--clr-body-blue-soft-2);
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-common-heading);
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.course__tab-2 .nav-tabs .nav-item .nav-link i {
  padding-right: 5px;
}
.course__tab-2 .nav-tabs .nav-item .nav-link.active {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff3834 100%);
  color: var(--clr-common-white);
}
@media (max-width: 575px) {
  .course__tab-2 .nav-tabs .nav-item .nav-link span {
    display: none;
  }
}
.course__view {
  margin-left: 12px;
}
.course__view h4 {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-text);
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .course__sort {
    margin-top: 15px;
  }
}
.course__sort-inner {
  position: relative;
}
.course__sort-inner::before {
  content: "";
  right: 15px;
  top: 4px;
  position: absolute;
  color: var(--clr-common-text);
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
}
.course__sort-inner select {
  appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  width: 160px;
  height: 35px;
  line-height: 37px;
  padding: 0 20px;
  font-size: 15px;
  color: var(--clr-common-text);
  font-weight: 500;
  text-transform: capitalize;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__sort-inner select:hover {
  cursor: pointer;
}
.course__description h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.course__description-list h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
.course__description-list ul li {
  font-size: 18px;
  color: var(--clr-common-text);
  margin-bottom: 7px;
}
.course__description-list ul li i {
  font-size: 16px;
  color: var(--clr-common-heading);
  padding-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__sidebar {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__sidebar {
    margin-top: 50px;
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .course__sidebar {
    margin-top: 50px;
    padding-left: 0;
  }
}
.course__sidebar-widget {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 27px 30px;
  padding-bottom: 24px;
  margin-bottom: 3px;
}
.course__sidebar-widget-2 {
  padding: 30px 30px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .course__sidebar-widget-2 {
    padding: 30px 20px;
  }
}
.course__sidebar-title {
  font-size: 20px;
  margin-bottom: 27px;
  text-transform: capitalize;
}
.course__sidebar-search {
  position: relative;
}
.course__sidebar-search input {
  width: 100%;
  height: 60px;
  line-height: 58px;
  padding: 0 30px;
  padding-right: 45px;
  background: var(--clr-common-text);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid var(--clr-common-text);
  outline: none;
}
.course__sidebar-search input::placeholder {
  color: var(--clr-common-text);
  font-weight: 500;
}
.course__sidebar-search input:focus {
  border-color: var(--clr-theme-1);
  background: var(--clr-common-white);
}
.course__sidebar-search button {
  width: 18px;
  height: 18px;
  background: transparent;
  position: absolute;
  top: 17px;
  right: 20px;
}
.course__sidebar-search button svg .st0 {
  fill: var(--clr-common-text);
}
.course__sidebar-search button svg .st1 {
  fill: var(--clr-common-heading);
}
.course__sidebar-check input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  background: var(--clr-common-white);
  border: 1px solid #c7c9d2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
}
.course__sidebar-check input:checked {
  position: relative;
  background-color: var(--clr-theme-1);
  border-color: transparent;
}
.course__sidebar-check input:checked::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-size: 11px;
  color: var(--clr-common-white);
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.course__sidebar-check input:hover {
  cursor: pointer;
}
.course__sidebar-check label {
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-common-text);
  padding-left: 14px;
}
.course__sidebar-check label:hover {
  cursor: pointer;
  color: var(--clr-theme-1);
}
.course__sm-thumb img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.course__sm-content h5 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1;
}
.course__sm-content h5 a:hover {
  color: var(--clr-theme-3);
}
.course__sm-price span {
  font-size: 14px;
  color: var(--clr-theme-1);
  font-weight: 600;
}
.course__sm-rating ul li {
  display: inline-block;
}
.course__sm-rating ul li a {
  font-size: 10px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
.course__instructor h3 {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__instructor-item {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__instructor-item {
    margin-top: 25px;
    margin-right: 0px;
  }
}
@media (max-width: 575px) {
  .course__instructor-item {
    margin-top: 25px;
    margin-right: 0px;
  }
}
.course__instructor-thumb img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__instructor-content h3 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
}
.course__instructor-content p {
  font-size: 14px;
  color: var(--clr-common-text);
  margin-bottom: 0;
}
.course__share h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.course__share ul li {
  display: inline-block;
  margin-right: 10px;
}
.course__share ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: var(--clr-common-heading);
  background: var(--clr-common-text);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__share ul li a.fb {
  color: #285da1;
  background: rgba(40, 93, 161, 0.1);
}
.course__share ul li a.fb:hover {
  color: var(--clr-common-white);
  background: #285da1;
}
.course__share ul li a.tw {
  color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);
}
.course__share ul li a.tw:hover {
  color: var(--clr-common-white);
  background: #03a9f4;
}
.course__share ul li a.pin {
  color: #d8163f;
  background: rgba(216, 22, 63, 0.1);
}
.course__share ul li a.pin:hover {
  color: var(--clr-common-white);
  background: #d8163f;
}
.course__curriculum-content {
  padding: 13px 30px;
  border-bottom: 1px solid var(--clr-border-8);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.course__curriculum-content:hover {
  background: var(--clr-common-text)-7;
}
.course__curriculum-info {
  display: flex;
}
.course__curriculum-info svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.course__curriculum-info svg .st0 {
  fill: none;
  stroke: #6d6e75;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.course__curriculum-info h3 {
  display: inline-block;
  font-size: 16px;
  color: var(--clr-common-text);
  font-weight: 400;
  margin-bottom: 0;
}
.course__curriculum-info h3 span {
  color: var(--clr-common-heading);
  font-weight: 700;
}
.course__curriculum-meta span.time {
  font-size: 16px;
  color: var(--clr-common-text);
}
.course__curriculum-meta span.time i {
  margin-right: 7px;
}
.course__curriculum-meta span.question {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: var(--clr-common-white);
  padding: 0 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  margin-left: 20px;
}
.course__curriculum .accordion-item {
  padding: 0;
}
.course__curriculum .accordion-item .accordion-button {
  outline: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-common-white);
  padding-top: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
.course__curriculum .accordion-item .accordion-button:after {
  background-image: none;
  content: "";
  font-family: "Font Awesome 6 Pro";
  line-height: 1;
  font-weight: 500;
  text-align: center;
}
.course__curriculum .accordion-item .accordion-button.collapsed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__curriculum .accordion-item .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.course__curriculum .accordion-item .accordion-body {
  padding: 0;
}
.course__review-rating-info {
  padding: 62px 0;
  border-right: 3px solid var(--clr-common-white);
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background: var(--clr-body-blue-soft-2);
}
@media (max-width: 575px) {
  .course__review-rating-info {
    border-right: 0;
    border-bottom: 3px solid var(--clr-common-white);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
}
.course__review-rating-info h5 {
  font-size: 100px;
  line-height: 70px;
  font-weight: 500;
  margin-bottom: 8px;
}
.course__review-rating-info ul li {
  display: inline-block;
}
.course__review-rating-info ul li a {
  color: var(--clr-theme-2);
}
.course__review-rating-info p {
  color: var(--clr-common-text);
  margin-bottom: 0;
}
.course__review-progress {
  width: calc(100% - 60px - 60px);
  height: 4px;
  overflow: hidden;
  background: var(--clr-common-text)-8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.course__review-progress .single-progress {
  background: var(--clr-theme-1);
  height: 100%;
}
.course__review-details {
  padding: 35px 65px 10px 35px;
  background: var(--clr-body-blue-soft-2);
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.course__review-details > h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--clr-common-heading);
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .course__review-details {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
}
.course__review-item {
  margin-bottom: 5px;
}
.course__review-text span {
  font-size: 16px;
  color: var(--clr-common-text);
}
.course__review-percent {
  width: 40px;
}
.course__review-percent h5 {
  font-size: 16px;
  font-weight: 400;
  color: var(--clr-common-text);
  margin-bottom: 0;
}
.course__comment-box {
  background: var(--clr-body-blue-soft-2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 25px 40px 25px 30px;
  margin-bottom: 10px;
}
.course__comment-box p {
  color: var(--clr-common-text);
  margin-bottom: 0;
}
.course__comment-thumb img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__comment-info {
  margin-bottom: 5px;
}
.course__comment-info h4 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__comment-info span {
  font-size: 14px;
  color: var(--clr-common-text);
}
.course__comment-rating ul li {
  display: inline-block;
}
.course__comment-rating ul li a {
  font-size: 12px;
  color: var(--clr-theme-2);
}
.course__comment-rating ul li a.no-rating {
  color: #b8b9bf;
}
.course__form h3 {
  font-size: 26px;
  margin-bottom: 40px;
}
.course__form-input input, .course__form-input textarea {
  width: 100%;
  height: 56px;
  line-height: 54px;
  border: 2px solid var(--clr-common-text-2);
  outline: none;
  background: var(--clr-body-blue-soft-2);
  padding: 0 22px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.course__form-input input:focus, .course__form-input textarea:focus {
  border-color: var(--clr-theme-1);
  background: var(--clr-common-white);
}
.course__form-input input::placeholder, .course__form-input textarea::placeholder {
  color: var(--clr-common-text);
}
.course__form-input textarea {
  height: 150px;
  resize: none;
  padding: 20px;
  line-height: 1.1;
}
.course__form-rating {
  margin-bottom: 10px;
}
.course__form-rating span {
  color: var(--clr-common-text);
}
.course__form-rating ul {
  display: inline-block;
}
.course__form-rating ul li {
  display: inline-block;
}
.course__form-rating ul li a {
  font-size: 14px;
  color: var(--clr-theme-2);
}
.course__form-rating ul li a.no-rating {
  color: #b8b9bf;
}
.course__form-btn button {
  text-transform: capitalize;
}
.course__member-item {
  padding: 25px 30px;
  background: var(--clr-body-blue-soft-2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.course__member-thumb {
  position: relative;
}
.course__member-thumb::after {
  position: absolute;
  content: "";
  right: 0;
  top: -5px;
  width: 1px;
  height: 80px;
  background: #dddee4;
}
@media (max-width: 575px) {
  .course__member-thumb::after {
    display: none;
  }
}
.course__member-thumb img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.course__member-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__member-name span {
  font-size: 15px;
  color: var(--clr-common-text);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__member-info {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .course__member-info {
    margin-top: 25px;
    padding-left: 0;
  }
}
.course__member-info h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.course__member-info span {
  font-size: 15px;
  color: var(--clr-common-text);
}
.course__slider .swiper-pagination {
  bottom: 20px;
}
.course__slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #d6d7de;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px;
  opacity: 1;
}
.course__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}
.course__video-thumb {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__video-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.5);
}
.course__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.course__video-play .play-btn {
  height: 50px;
  width: 50px;
  display: inline-block;
  background: var(--clr-theme-3);
  text-align: center;
  line-height: 52px;
  border-radius: 50%;
  color: 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;
}
.course__video-play .play-btn:hover {
  background: var(--clr-theme-2);
}
.course__video-price h5 {
  font-size: 26px;
  display: inline-block;
  margin-bottom: 0;
}
.course__video-price h5 span {
  font-size: 20px;
  font-weight: 600;
}
.course__video-price h5.old-price {
  text-decoration: line-through;
  color: var(--clr-common-text);
  font-weight: 500;
  font-size: 16px;
  padding-left: 10px;
}
.course__video-discount span {
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  background: var(--clr-theme-2);
  color: var(--clr-common-white);
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.course__video-content ul li:not(:last-child) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eef0f6;
}
.course__video-icon svg {
  width: 16px;
  height: 20px;
  margin-right: 12px;
}
.course__video-icon svg .st0 {
  fill: none;
  stroke: var(--clr-theme-1);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 2.6667;
}
.course__video-info h5 {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--clr-common-text);
  font-size: 15px;
  line-height: 1;
}
.course__video-info h5 span {
  font-weight: 700;
  color: var(--clr-common-heading);
  padding-right: 5px;
}
.course__payment h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.course__enroll-btn i {
  padding-left: 4px;
}
.course__shape img {
  position: absolute;
}
.course__shape img.course-dot {
  right: -30px;
  top: 150px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course__shape img.course-dot {
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course__shape img.course-dot {
    right: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course__shape img.course-dot {
    right: -10px;
  }
}
@media (max-width: 575px) {
  .course__shape img.course-dot {
    right: -10px;
  }
}

@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) {
  .course__wrapper {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*   25. Breadcrumb CSS
/*----------------------------------------*/
.bd-breadcrumb-small-title {
  background: var(--clr-common-white);
  position: relative;
  padding: 7px 20px 6px 26px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  color: var(--clr-common-text-2);
  display: inline-block;
  margin-bottom: 27px;
  line-height: 1;
  font-size: 14px;
}
.bd-breadcrumb-small-title:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}

.bd-breadcrumb-big-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -3.6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-breadcrumb-big-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-breadcrumb-big-title {
    font-size: 52px;
  }
}
@media (max-width: 450px) {
  .bd-breadcrumb-big-title {
    font-size: 46px;
  }
}

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

.bd-breadcrumb__area {
  overflow-x: clip;
}

.breadcrumb__overlay {
  position: relative;
}
.breadcrumb__overlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--clr-common-white);
  opacity: 0.941;
  top: 0;
}

.bd-breadcrumb__img {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bd-breadcrumb__img {
    width: 750px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-breadcrumb__img {
    width: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-breadcrumb__img {
    width: 600px;
  }
}
@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-breadcrumb__img {
    display: none;
  }
}
.bd-breadcrumb__img img {
  position: relative;
  z-index: 11;
  width: 100%;
}
.bd-breadcrumb__img::after {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 176%;
  width: 143%;
  bottom: -80px;
  left: -20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  z-index: 4;
}
.bd-breadcrumb__img::before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 176%;
  width: 143%;
  border-radius: 50%;
  bottom: -20px;
  left: -20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 5;
}

.bd-breadcrumb__content {
  position: relative;
  padding-top: 320px;
  padding-bottom: 180px;
  z-index: 55;
}
@media (max-width: 575px) {
  .bd-breadcrumb__content {
    padding-top: 220px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-breadcrumb__content {
    padding-top: 270px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-breadcrumb__content {
    padding-top: 250px;
  }
}

/*----------------------------------------*/
/*   26. Counter CSS
/*----------------------------------------*/
.bd-counter__text span {
  font-size: 60px;
  font-weight: 700;
  color: var(--clr-common-text-4);
  line-height: 1;
  display: inline-block;
}
@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-counter__text span {
    font-size: 40px;
  }
}

/*----------------------------------------*/
/*   27. award CSS
/*----------------------------------------*/
.bd-awards__wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 575px) {
  .bd-awards__wrapper {
    gap: 20px;
  }
}

.bd-awards__img img {
  min-width: 110px;
}

.bd-awards___title span {
  background: var(--clr-common-white);
  position: relative;
  padding: 7px 20px 7px 26px;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  color: var(--clr-common-text-2);
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
}
.bd-awards___title span:after {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 11px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}

.bd-awards__content {
  display: flex;
  align-items: center;
  gap: 240px;
  padding-left: 60px;
}
@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-awards__content {
    padding-left: 0;
    gap: 60px;
  }
}
@media (max-width: 575px) {
  .bd-awards__content {
    padding-left: 0;
    gap: 30px;
  }
}

.bd-awards__text p {
  margin-bottom: 30px;
}

.bd-awards__main {
  border-bottom: 1px solid #eaeaea;
}
.bd-awards__main:last-child {
  border-bottom: 0;
}

.bd-awards__link a {
  color: #cecece;
  font-size: 26px;
}
.bd-awards__link a:hover {
  color: var(--clr-common-text-2);
}

/*----------------------------------------*/
/*   26. Modal CSS
/*----------------------------------------*/
/* search modal start */
#search-modal {
  background: rgba(0, 0, 0, 0.65);
}
#search-modal button span {
  color: #fff;
  top: 50px;
  right: 50px;
  position: absolute;
  font-size: 50px;
  transition: 0.3s;
}
#search-modal button span:hover {
  transform: rotate(90deg);
  color: #ff4834;
}
#search-modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  outline: 0;
}
#search-modal .modal-dialog .modal-content {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#search-modal .modal-dialog .modal-content form {
  max-width: 555px;
  position: relative;
}
#search-modal .modal-dialog .modal-content form input {
  width: 100%;
  font-size: 36px;
  border: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0.938);
  background: 0 0;
  color: #fff;
  padding-bottom: 12px;
  padding-right: 40px;
  outline: none;
  transition: 0.3s;
}
#search-modal .modal-dialog .modal-content form input:focus {
  border-color: #ff4834;
}
#search-modal .modal-dialog .modal-content form input::-webkit-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input:-ms-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input::-ms-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input::placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form button {
  position: absolute;
  right: 0;
  margin-bottom: 3px;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.938);
  background: 0 0;
  border: none;
  cursor: pointer;
  top: 11px;
  transition: 0.3s;
}
#search-modal .modal-dialog .modal-content form button:hover {
  color: #ff4834;
}

.f-widget-1 {
  position: relative;
}
.f-widget-1::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 196px;
  right: 80px;
  background: #373434;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .f-widget-1::before {
    display: none;
  }
}

.f-widget-2 {
  padding-right: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .f-widget-2 {
    padding-right: 0;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .f-widget-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .f-widget-2 {
    padding-right: 20px;
  }
}
@media (max-width: 450px) {
  .f-widget-2 {
    padding-right: 0;
  }
}

.widget-3 {
  padding-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) {
  .widget-3 {
    padding-left: 0;
  }
}

.f-widget-3 {
  margin-left: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .f-widget-3 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .f-widget-3 {
    margin-left: 0px;
  }
}

.bd-footer__widget-title h5 {
  color: var(--clr-common-text-2);
  font-weight: 700;
  margin-bottom: 33px;
}

.bd-footer__widget-content p {
  color: var(--clr-common-paragraph);
  max-width: 266px;
  margin-bottom: 30px;
}

.bd-footer__widget::before {
  background-color: #dcdcdc;
  right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer__widget::before {
    right: -30px;
  }
}

.bd-footer__social a {
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  background: var(--clr-common-white);
  color: var(--clr-common-text-2);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.08);
  position: relative;
  z-index: 5;
  margin-right: 5px;
}
.bd-footer__social a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.bd-footer__social a:hover {
  color: var(--clr-common-white);
}
.bd-footer__social a:hover::before {
  opacity: 1;
  visibility: visible;
}

.bd-footer__link ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  flex-direction: column;
}
.bd-footer__link ul li {
  line-height: 1;
}
.bd-footer__link ul li a {
  color: var(--clr-common-paragraph);
  position: relative;
  padding-left: 20px;
}
.bd-footer__link ul li a:hover {
  color: var(--clr-common-text-2);
}
.bd-footer__link ul li a:hover:after {
  color: var(--clr-common-text-2);
  left: 5px;
}
.bd-footer__link ul li a::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 6 Pro";
  left: 0px;
  color: #cdcdcd;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
  font-size: 14px;
}

.bd-footer__link.two ul {
  flex-direction: inherit;
}
.bd-footer__link.two ul li {
  width: 50%;
}

.bd-contact__item span {
  color: var(--clr-common-text-2);
  display: block;
}
.bd-contact__item span a:hover {
  color: var(--clr-common-paragraph);
}

.bd-footer__bottom-main {
  margin-top: -70px;
  position: relative;
  z-index: 20;
}
@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-footer__bottom-main {
    margin-top: 0;
  }
}

.bd-copyright__wrapper {
  background: var(--clr-common-white);
  box-shadow: 0px -16px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 22px 0;
  border-radius: 10px 10px 0 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-copyright__wrapper {
    box-shadow: none;
  }
}

.bd-copyright__text p {
  margin-bottom: 0;
  color: var(--clr-common-paragraph);
}
.bd-copyright__text p span a {
  color: var(--clr-common-black);
  font-weight: 700;
}
.bd-copyright__text p span a:hover {
  color: var(--clr-theme-2);
}

.bd-footer-style-2 .bd-footer__widget-title h5 {
  color: var(--clr-common-white);
}
.bd-footer-style-2 .bd-footer__widget-content p {
  color: var(--clr-footer-1);
  margin-bottom: 30px;
}
.bd-footer-style-2 .bd-footer__social a {
  color: var(--clr-common-white);
  background: #1f1e1e;
  position: inherit;
}
.bd-footer-style-2 .bd-footer__social a:hover {
  background-color: var(--clr-theme-1);
}
.bd-footer-style-2 .bd-footer__widget::before {
  background-color: #373434;
  right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer-style-2 .bd-footer__widget::before {
    display: none;
  }
}
.bd-footer-style-2 .bd-contact__item span {
  color: var(--clr-footer-1);
  display: block;
}
.bd-footer-style-2 .bd-contact__item span a:hover {
  color: var(--clr-common-white);
}

.bd-footer-bottom-2 .bd-copyright__text p {
  margin-bottom: 0;
  color: var(--clr-common-white);
}
.bd-footer-bottom-2 .bd-copyright__text p span a {
  color: var(--clr-common-white);
}
.bd-footer-bottom-2 .bd-copyright__text p span a:hover {
  color: var(--clr-footer-1);
}

.bd-footer-style-2 .bd-footer__link ul li a {
  color: var(--clr-footer-1);
}
.bd-footer-style-2 .bd-footer__link ul li a::after {
  color: #4e4e4e;
}
.bd-footer-style-2 .bd-footer__link ul li a:hover {
  color: var(--clr-common-white);
}
.bd-footer-style-2 .bd-footer__link ul li a:hover:after {
  color: var(--clr-common-white);
}

@media (max-width: 575px) {
  .bd-copyright__trams {
    text-align: center;
  }
}
.bd-copyright__trams ul li a {
  color: var(--clr-common-white);
  font-weight: 700;
}
.bd-copyright__trams a {
  color: var(--clr-common-white);
  font-weight: 700;
  display: inline-block;
  padding-right: 40px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-copyright__trams a {
    padding-right: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-copyright__trams a {
    padding-right: 0px;
    display: block;
  }
}
.bd-copyright__trams a:last-child {
  padding-right: 0;
}
.bd-copyright__trams a:hover {
  color: #aeaeae;
}

.footer__company-link {
  color: var(--clr-common-text-3);
  font-weight: 700;
}

.bd-footer__contact ul li {
  margin-bottom: 18px;
}
.bd-footer__contact ul li:last-child {
  margin-bottom: 0;
}

.bd-footer__blog {
  display: flex;
}
.bd-footer__blog .news__thumb {
  padding-right: 20px;
}
.bd-footer__blog .news__title span {
  font-size: 14px;
  color: #aeaeae;
  margin-bottom: 5px;
  display: block;
}
.bd-footer__blog .news__title h6 {
  color: var(--clr-common-white);
  line-height: 1.7;
}
.bd-footer__blog .news__title h6 a:hover {
  color: #aeaeae;
}

.bd-footer__top__area {
  margin-bottom: -50px;
  position: relative;
  z-index: 15;
}

.footer__height {
  padding-bottom: 105px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__height {
    padding-bottom: 40px;
  }
}

.footer__bg {
  position: relative;
  z-index: 10;
}
.footer__bg::before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 100%;
  width: 100%;
  opacity: 0.941;
  z-index: -1;
}

.bd-footer__top__main {
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  padding: 25px 40px;
  border-radius: 50px;
}
@media (max-width: 575px) {
  .bd-footer__top__main {
    padding: 24px 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-footer__top__main {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__top__logo {
    text-align: center;
  }
}

.bd-footer__top__user {
  display: flex;
  gap: 35px;
  flex-wrap: wrap;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__top__user {
    gap: 15px;
    padding: 15px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__top__user {
    gap: 20px;
    justify-content: end;
  }
}
.bd-footer__top__user a {
  color: var(--clr-common-white);
  font-weight: 700;
}
.bd-footer__top__user a:hover {
  color: var(--clr-common-text);
}

.bd-footer__top__social {
  display: flex;
  gap: 10px;
  justify-content: end;
}
@media (max-width: 575px) {
  .bd-footer__top__social {
    flex-wrap: wrap;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__top__social {
    justify-content: center;
  }
}
.bd-footer__top__social a {
  height: 50px;
  width: 50px;
  background: #ff865c;
  display: inline-block;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  color: var(--clr-common-white);
}
.bd-footer__top__social a:hover {
  color: var(--clr-common-text);
  background: var(--clr-common-white);
}

.footer-col-2 {
  overflow: hidden;
  padding-left: 45px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding-left: 0;
  }
}

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

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

.footer__shape-1 {
  position: absolute;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__shape-1 {
    display: none;
  }
}

.footer__shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__shape-2 {
    display: none;
  }
}

.bd__footer-style-3 .bd-footer__widget-title h5 {
  color: var(--clr-footer-3);
}
.bd__footer-style-3 .bd-footer__widget-content p {
  color: var(--clr-common-paragraph);
  margin-bottom: 30px;
}
.bd__footer-style-3 .bd-footer__social a {
  color: var(--clr-footer-3);
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  position: inherit;
}
.bd__footer-style-3 .bd-footer__social a:hover {
  background: var(--clr-theme-3);
  color: var(--clr-common-white);
}
.bd__footer-style-3 .bd-footer__social a:hover:before {
  display: none;
}
.bd__footer-style-3 .bd-contact__item span {
  color: #070707;
}
.bd__footer-style-3 .bd-footer__blog .news__title h6 {
  color: var(--clr-footer-3);
}
.bd__footer-style-3 .bd-footer__blog .news__title h6 a:hover {
  color: var(--clr-theme-4);
}

.bd__footer-style-3 .bd-contact__item span a:hover {
  color: var(--clr-common-paragraph);
}

.bd-footer-bottom-style-3 .bd-copyright__text ul li {
  color: var(--clr-common-paragraph);
}
.bd-footer-bottom-style-3 .bd-copyright__text ul li span {
  color: var(--clr-footer-3);
  font-weight: 700;
}
.bd-footer-bottom-style-3 .bd-copyright__text ul li span a:hover {
  color: var(--clr-theme-4);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer-bottom-style-3 .bd-copyright__text ul li {
    text-align: center;
  }
}
.bd-footer-bottom-style-3 .bd-copyright__trams a {
  color: var(--clr-footer-3);
}
.bd-footer-bottom-style-3 .bd-copyright__trams a:hover {
  color: var(--clr-theme-4);
}

.bd-footer__style-4 .bd-footer__widget-content p {
  color: var(--clr-footer-4);
}
.bd-footer__style-4 .bd-footer__widget-title h5 {
  color: var(--clr-common-white);
  font-weight: 700;
  margin-bottom: 33px;
}
.bd-footer__style-4 .bd-footer__social a {
  background: #2245b2;
  color: var(--clr-common-white);
  margin-right: 5px;
  position: inherit;
}
.bd-footer__style-4 .bd-footer__social a::before {
  display: none;
}
.bd-footer__style-4 .bd-footer__social a:hover {
  background: #fd5a23;
}
.bd-footer__style-4 .f-widget-1::before {
  background: #2d4fbb;
  right: 40px;
}
@media (max-width: 575px), 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-footer__style-4 .f-widget-1::before {
    display: none;
  }
}
.bd-footer__style-4 .bd-footer__link ul li a {
  color: var(--clr-footer-4);
}
.bd-footer__style-4 .bd-footer__link ul li a:hover {
  color: var(--clr-common-white);
}
.bd-footer__style-4 .bd-footer__link ul li a:hover:after {
  color: var(--clr-common-white);
}
.bd-footer__style-4 .bd-footer__link ul li a::after {
  color: #5573d0;
}
.bd-footer__style-4 .bd-contact__item span {
  color: var(--clr-common-white);
}

.bd-footer__style-4 .footer-col-2 {
  padding-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-footer__style-4 .footer-col-2 {
    padding-left: 45px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__style-4 .footer-col-2 {
    padding-left: 0px;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__bottom-style-3 .bd-footer__logo {
    text-align: center;
    margin-bottom: 20px;
  }
}

.bd-footer__bottom-style-3 .bd-copyright__text p {
  margin-bottom: 0;
  color: var(--clr-common-white);
}
.bd-footer__bottom-style-3 .bd-copyright__text p span a {
  color: var(--clr-common-white);
}
.bd-footer__bottom-style-3 .bd-copyright__text p span a:hover {
  color: var(--clr-common-text);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__bottom-style-3 .bd-copyright__text p {
    text-align: center;
  }
}

.bd-footer__bottom-style-3 {
  padding: 25px 40px;
  border-radius: 10px 10px 0px 0px;
  position: relative;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__bottom-style-3 {
    padding: 20px 20px;
  }
}

@media (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__bottom-style-3 .bd-footer__logo {
    margin-bottom: 15px;
    text-align: center;
  }
}

.bd-footer__style-5 .bd-footer__widget-content p {
  color: var(--clr-footer-5);
  max-width: inherit;
  margin-bottom: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-footer__style-5 .bd-footer__widget-content p {
    margin-bottom: 20px;
  }
}
.bd-footer__style-5 .bd-footer__widget-title h5 {
  color: var(--clr-common-white);
}
.bd-footer__style-5 .bd-footer__subcribe-from input {
  width: 100%;
  height: 60px;
  background: #2c3137;
  border: 0;
  padding-left: 50px;
  outline: none;
  padding-right: 110px;
}
.bd-footer__style-5 .bd-footer__subcribe-from::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  left: 30px;
  color: var(--clr-common-white);
  font-size: 14px;
}
.bd-footer__style-5 .bd-footer__link ul li a {
  color: var(--clr-footer-5);
  position: inherit;
  padding-left: 0px;
}
.bd-footer__style-5 .bd-footer__link ul li a::after {
  display: none;
}
.bd-footer__style-5 .bd-footer__link ul li a:hover {
  color: var(--clr-common-white);
}
.bd-footer__style-5 .bd-footer__subcribe-box button {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  color: var(--clr-common-white);
}
.bd-footer__style-5 .bd-footer__subcribe-box button:hover {
  color: var(--clr-theme-6);
}
.bd-footer__style-5 .footer-col-5 {
  padding-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-footer__style-5 .footer-col-5 {
    padding-left: 50px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-footer__style-5 .footer-col-5 {
    padding-left: 0px;
  }
}
.bd-footer__style-5 .bd-footer__blog .news__title span {
  font-size: 16px;
  color: var(--clr-footer-5);
}
.bd-footer__style-5.footer__social a:first-child {
  margin-left: 0;
}
.bd-footer__style-5 .bd-copyright__text p {
  color: #9ca2a9;
}
.bd-footer__style-5 .bd-copyright__text span {
  color: var(--clr-common-white);
}

.bd-footer__style-5 .bd-footer__blog .news__title h6 a:hover {
  color: var(--clr-theme-6);
}

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

.footer__social a {
  color: #9ca2a9;
  font-size: 16px;
  margin-left: 20px;
}
.footer__social a:hover {
  color: var(--clr-theme-6);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social {
    text-align: center;
  }
}

.footer-bottom__area-5 {
  padding: 27px 0;
}
.footer-bottom__area-5 .bd-copyright__text p {
  color: #9ca2a9;
}
.footer-bottom__area-5 .bd-copyright__text p a {
  color: var(--clr-common-white);
}
.footer-bottom__area-5 .bd-copyright__text p a:hover {
  color: var(--clr-theme-6);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom__area-5 .bd-copyright__text p {
    margin-bottom: 15px;
    text-align: center;
  }
}

/*----------------------------------------*/
/*   30. Contact CSS
/*----------------------------------------*/
.bd-contact__input {
  position: relative;
}
.bd-contact__input input {
  height: 50px;
  width: 100%;
  border-radius: 10px;
  border: 0;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 20px;
  outline: none;
  padding-right: 65px;
}
.bd-contact__input input::placeholder {
  color: var(--clr-common-text-2);
}
.bd-contact__input textarea {
  height: 220px;
  width: 100%;
  border-radius: 10px;
  border: 0;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  padding: 20px;
  outline: none;
  resize: none;
  padding-right: 65px;
}
.bd-contact__input textarea::placeholder {
  color: var(--clr-common-text-2);
}
.bd-contact__input i {
  position: absolute;
  right: 25px;
  top: 17px;
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bd-contact__input:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 1px;
  background: #e9e9e9;
  right: 55px;
  top: 25px;
  transform: translateY(-50%);
  z-index: 55;
}

.bd-contact__select-2 .nice-select {
  height: 50px;
  width: 100%;
  border-radius: 10px;
  background: var(--clr-common-white);
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  display: flex;
  border: 0;
  align-items: center;
}
.bd-contact__select-2 .nice-select:after {
  position: absolute;
  content: "";
  transform: rotate(0deg);
  font-family: "Font Awesome 6 Pro";
  border: 0;
  top: 7px;
  right: 35px;
  position: absolute;
  content: "";
  transform: rotate(0deg);
  font-family: "Font Awesome 6 Pro";
  border: 0;
  top: 7px;
  right: 35px;
  color: #ff5e14;
  font-weight: 700;
  font-size: 16px;
}
.bd-contact__select-2 .nice-select .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  background: #fff;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
}
.bd-contact__select-2::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 1px;
  background: #e9e9e9;
  right: 55px;
  top: 25px;
  transform: translateY(-50%);
  z-index: 55;
}

.bd-contact__wrapper-2.contact-style-2 {
  background: #f8f8f8;
  padding: 50px 50px;
  border-radius: 10px 0px 0px 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-contact__wrapper-2.contact-style-2 {
    border-radius: 10px 10px 10px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-contact__wrapper-2.contact-style-2 {
    padding: 50px 30px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-contact__wrapper-2.contact-style-2 {
    padding: 40px 20px;
  }
}

.bd-contact__wrapper-3 {
  padding: 50px 50px 40px;
  border: 1px solid #eaeaea;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.04);
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-contact__wrapper-3 {
    padding: 50px 25px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-contact__wrapper-3 {
    padding: 40px 19px 30px;
  }
}

.bd-contact__title span {
  background: var(--clr-common-text-2);
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);
  color: var(--clr-common-white);
  margin-bottom: 20px;
  font-size: 14px;
  padding: 0 23px;
  display: inline-flex;
  align-items: center;
  text-transform: capitalize;
  padding-top: 2px;
}
.bd-contact__title span:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-image: -ms-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
}
.bd-contact__title h3 {
  font-size: 30px;
  line-height: 1;
}
@media (max-width: 575px) {
  .bd-contact__title h3 {
    font-size: 22px;
  }
}

.bd-contact__info-title span {
  display: inline-block;
}
.bd-contact__info-title p {
  color: var(--clr-common-text-2);
  margin-bottom: 0;
}

.bd-contact__info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 17px;
  margin-bottom: 20px;
}
.bd-contact__info-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.bd-contact__info-icon i {
  background: -webkit-linear-gradient(0deg, #ff3834 0%, #ff7033 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 25px;
  min-width: 40px;
  text-align: center;
}

.bd-contact__stroke {
  font-size: 160px;
  color: transparent;
  -webkit-text-stroke: 1px #e8e8e8;
  position: absolute;
  top: 10px;
  right: 5px;
  z-index: -1;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-contact__stroke {
    font-size: 120px;
  }
}

.bd-contact__wrapper-2.contact-style-2.border-0 {
  border-radius: 0;
}

.bd-contact__wrapper-2.style-3 {
  background: #f7f7f7;
  padding: 50px 50px;
  border-radius: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .bd-contact__wrapper-2.style-3 {
    padding: 50px 15px;
  }
}
.bd-contact__wrapper-2.style-3 .bd-contact__input textarea {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.bd-contact__wrapper-2.style-3 .bd-contact__input textarea::placeholder {
  color: #999999;
}
.bd-contact__wrapper-2.style-3 .bd-contact__input::before {
  position: inherit;
}
.bd-contact__wrapper-2.style-3 .bd-contact__input input::placeholder {
  color: #999999;
}

.bd-google__map iframe {
  width: 100%;
  min-height: 605px;
  border-radius: 0 10px 10px 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-google__map iframe {
    border-radius: 10px;
  }
}

.google-map__icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.1);
  background: var(--clr-common-white);
  text-align: center;
  line-height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*   31. Animation CSS
/*----------------------------------------*/
/* circle animation effect 
----------------------------------*/
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-thumb-sm-animation {
  0% {
    -webkit-transform: translateY(-20px) translateX(50px);
    -moz-transform: translateY(-20px) translateX(50px);
    -ms-transform: translateY(-20px) translateX(50px);
    transform: translateY(-20px) translateX(50px);
  }
  100% {
    -webkit-transform: translateY(-20px) translateX(0px);
    -moz-transform: translateY(-20px) translateX(0px);
    -ms-transform: translateY(-20px) translateX(0px);
    transform: translateY(-20px) translateX(0px);
  }
}
@keyframes hero-thumb-sm-2-animation {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
.circle-shape-change {
  -webkit-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  -moz-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  -webkit-animation: hero-border 2s linear infinite alternate;
  -moz-animation: hero-border 2s linear infinite alternate;
  -o-animation: hero-border 2s linear infinite alternate;
  animation: hero-border 2s linear infinite alternate;
}

@keyframes hero-border {
  0% {
    -webkit-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
    -moz-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
    border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  }
  100% {
    -webkit-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  }
}
/* movement animation effect 
----------------------------------*/
.horizontal_move50px {
  -webkit-animation: horizontal_move50 8s linear 0s infinite alternate;
  -moz-animation: horizontal_move50 8s linear 0s infinite alternate;
  -o-animation: horizontal_move50 8s linear 0s infinite alternate;
  animation: horizontal_move50 8s linear 0s infinite alternate;
}

@keyframes horizontal_move50 {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.horizontal_move100px {
  -webkit-animation: horizontal_move100 5s linear 0s infinite alternate;
  -moz-animation: horizontal_move100 5s linear 0s infinite alternate;
  -o-animation: horizontal_move100 5s linear 0s infinite alternate;
  animation: horizontal_move100 5s linear 0s infinite alternate;
}

@keyframes horizontal_move100 {
  0% {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.upward_movement200px {
  -webkit-animation: upward_movement200 8s linear 0s infinite alternate;
  -moz-animation: upward_movement200 8s linear 0s infinite alternate;
  -o-animation: upward_movement200 8s linear 0s infinite alternate;
  animation: upward_movement200 8s linear 0s infinite alternate;
}

@keyframes upward_movement200 {
  0% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
/* image animation effect 
----------------------------------*/
.img-animation-left, .img-animation-right {
  -webkit-animation-name: vamtam-scale-out-left;
  animation-name: vamtam-scale-out-left;
  animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes vamtam-scale-out-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.img-animation-right {
  -webkit-animation-name: vamtam-scale-out-right;
  -webkit-animation-name: vamtam-scale-out-right;
  animation-name: vamtam-scale-out-right;
  animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes vamtam-scale-out-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
/* visible animation effect 
----------------------------------*/
.top_right_visible_animation {
  -webkit-animation-name: top_right_visible;
  -webkit-animation-name: top_right_visible;
  animation-name: top_right_visible;
  animation-duration: 5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes top_right_visible {
  from {
    transform: translate(100%, -100%);
  }
  to {
    transform: translate(0, 0);
  }
}
.width_visible_animation {
  -webkit-animation: width_visible 3s linear 0s;
  -moz-animation: width_visible 3s linear 0s;
  -o-animation: width_visible 3s linear 0s;
  animation: width_visible 3s linear 0s;
}

@keyframes width_visible {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* hvr-buzz-out animation effect 
----------------------------------*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/* wobble-vertical animation effect 
----------------------------------*/
@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes animation-pulse-shrink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  75% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
/* video play animation */
.hero-3-play-btn:before, .hero-3-play-btn:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  animation: popupBtn 1.8s linear infinite;
}

.hero-3-play-btn:before {
  animation-delay: 0.8s;
}

@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes hero-triangle-1 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* icon bounce  */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes about-sm {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-thumb-sm-3-animation {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes services-triangle-2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-15px);
    -moz-transform: rotate(0deg) translateX(-15px);
    -ms-transform: rotate(0deg) translateX(-15px);
    transform: rotate(0deg) translateX(-15px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(30px);
    -moz-transform: rotate(360deg) translateY(30px);
    -ms-transform: rotate(360deg) translateY(30px);
    transform: rotate(360deg) translateY(30px);
  }
}
@keyframes services-circle-2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}
.message-box, .map-bg-2 {
  animation-name: message-box;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.map-bg-2 {
  animation-delay: 1s;
}

.body-1-main, .body-2-main, .flower-box-1 {
  animation-name: message-box;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: 0.9s;
}

.body-2-main {
  animation-delay: 0.5s;
}

.flower-box-1 {
  animation-delay: 0.11s;
}

@keyframes message-box {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.dot-animated {
  animation-name: dot-animated;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.dot-animated.delay-2 {
  animation-delay: 0.3s;
}
.dot-animated.delay-3 {
  animation-delay: 0.6s;
}

@keyframes dot-animated {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-4px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0);
  }
}
.leaves-rotate-1 {
  animation-name: leaves-rotate-1;
  animation-duration: 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

.leaves-rotate-2 {
  animation-name: leaves-rotate-2;
  animation-duration: 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

@keyframes leaves-rotate-1 {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(35deg);
    transform-origin: left;
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes leaves-rotate-2 {
  0% {
    transform: rotateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: rotateX(0);
  }
}
.parcentage-box {
  -webkit-animation: hero-thumb-sm-3-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-3-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-3-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-3-animation 4s linear infinite alternate;
}

@keyframes hero-thumb-sm-3-animation {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.icon-animated-hidden {
  transform: translateX(120px);
  opacity: 0;
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes video-scale-up {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}
@keyframes hero-triangle-2 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes topBottomLine {
  0% {
    top: 0;
  }
  50% {
    top: calc(100% - 30px);
  }
  100% {
    top: 0;
  }
}
@keyframes scaleUpUser {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
/* ========= video-ripple ========== */
@keyframes video-ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@-webkit-keyframes video-ripple {
  0%, 35% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

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