/***************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Heading And Page Title
09. Header
10. Footer
11. Slider And Hero
12. Service And Feature
13. Project And Portfolio
14. Blog or News
15. Testimonial
16. Team
17. About
18. Sidebar
19. Detail Pages
20. Contact
21. Other Sections (Author CSS End)
22. Helper classes
****************************************************/

/*==================================================
===| 01. Google Font
===================================================*/
/*
font-family: 'Arimo', sans-serif;
font-family: 'Poppins', sans-serif;
*/
@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;1,400;1,500;1,600;1,700;1,400;1,500;1,600;1,700&display=swap");
@import url("fontawesome-all.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/flaticon/flaticon.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("animate.css");
@import url("slick.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("default.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
  --primary_color_01: #c41c44;
  --primary_color_01_bg: #eeeefd;
  --secondary_color_01: #022c6c;
  --secondary_color_01_bg: #ebfaf2;
  --secondary_color_02: #0277bd;
  --secondary_color_02_bg: #fdfaef;
  --tertiary_color_01: #b71c1c;
  --border_color_01: #e8e8e8;
  --font_color_01: #6b6b6b;
  --heading_color_01: #151718;
  --sub_heading_color_01: #52525c;
  --gray_bg_01: #f7f8fa;
  --button_bg_01: #f1f0ec;
  --font_display: "Poppins", sans-serif;
  --font_primary: "Arimo", sans-serif;
  --transition: 0.2s linear;
}

/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.fs-19 {
  font-size: 22px !important;
}

.text-primary- {
  color: var(--primary_color_01);
}

.text-primary-bg {
  background: var(--primary_color_01);
}

.text-secondary- {
  color: var(--secondary_color_01) !important;
}

.text-secondary-bg {
  background: var(--secondary_color_01) !important;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  display: none;
}

html,
body {
  min-height: 100%;
  /* overflow-x: hidden; */
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: var(--primary_color_01);
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

label {
  color: var(--font_color_01);
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

body {
  font-family: var(--font_display);
  color: var(--font_color_01);
  font-size: 14px;
  background-color: #fff;
  /* overflow-x: hidden; */
}

p,
ul li,
ol li {
  /* font-family: var(--font_primary); */
  font-weight: 500;
  color: var(--font_color_01);
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font_display);
  color: var(--heading_color_01);
  font-weight: 600;
}

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

::-moz-selection {
  background: var(--secondary_color_01);
  color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--secondary_color_01);
  color: #fff;
  text-shadow: none;
}

.container_m {
  position: static;
  max-width: 1194px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

@media only screen and (max-width: 1399px) {
  .container_m {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m {
    padding: 0px 15px;
  }
}

.container_l {
  position: static;
  max-width: 1344px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

@media only screen and (max-width: 1399px) {
  .container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_l {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_l {
    padding: 0px 15px;
  }
}

.container_m_30 {
  position: static;
  max-width: 1210px;
  padding: 0px 17px;
  margin: 0px auto;
  width: 100%;
}

.container_m_30.container_l {
  max-width: 1360px;
}

@media only screen and (max-width: 1399px) {
  .container_m_30.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_30.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_30 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_30 {
    max-width: 1127px;
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_30 {
    padding: 0px 15px;
  }
}

.container_m_30 .col_padding {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 1199px) {
  .container_m_30 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_40 {
  position: static;
  max-width: 1210px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

.container_m_40.container_l {
  max-width: 1360px;
}

@media only screen and (max-width: 1399px) {
  .container_m_40.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_40.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_40 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_40 {
    max-width: 1127px;
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_40 {
    padding: 0px 15px;
  }
}

.container_m_40 .col_padding {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1199px) {
  .container_m_40 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_50 {
  position: static;
  max-width: 1220px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

.container_m_50.container_l {
  max-width: 1370px;
}

@media only screen and (max-width: 1399px) {
  .container_m_50.container_l {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_50 {
    max-width: 1143px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50 {
    max-width: 1127px;
    padding: 0px 27px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_50 {
    padding: 0px 15px;
  }
}

.container_m_50 .col_padding {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 1399px) {
  .container_m_50 .col_padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_50 .col_padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_50 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_60 {
  position: static;
  max-width: 1230px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

.container_m_60.container_l {
  max-width: 1380px;
}

@media only screen and (max-width: 1399px) {
  .container_m_60.container_l {
    max-width: 1153px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_60 {
    max-width: 1153px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60 {
    max-width: 1127px;
    padding: 0px 22px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_60 {
    padding: 0px 15px;
  }
}

.container_m_60 .col_padding {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 1399px) {
  .container_m_60 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_60 .col_padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_60 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_70 {
  position: static;
  max-width: 1240px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

.container_m_70.container_l {
  max-width: 1390px;
}

@media only screen and (max-width: 1399px) {
  .container_m_70.container_l {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_70 {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70 {
    max-width: 1127px;
    padding: 0px 17px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_70 {
    padding: 0px 15px;
  }
}

.container_m_70 .col_padding {
  padding-left: 35px;
  padding-right: 35px;
}

@media only screen and (max-width: 1399px) {
  .container_m_70 .col_padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_70 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_70 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_m_80 {
  position: static;
  max-width: 1250px;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

.container_m_80.container_l {
  max-width: 1399px;
}

@media only screen and (max-width: 1399px) {
  .container_m_80.container_l {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80.container_l {
    max-width: 1127px;
  }
}

@media only screen and (max-width: 1399px) {
  .container_m_80 {
    max-width: 1163px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80 {
    max-width: 1127px;
    padding: 0px 17px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_80 {
    padding: 0px 15px;
  }
}

.container_m_80 .col_padding {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 1399px) {
  .container_m_80 .col_padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .container_m_80 .col_padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .container_m_80 .col_padding {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.container_xl_fluid {
  position: static;
  max-width: 100%;
  padding: 0px 12px;
  margin: 0px auto;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .container_xl_fluid {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container_xl_fluid {
    padding: 0px 15px;
  }
}

.content_box_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_120_90 {
  padding-top: 120px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_90 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_90 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_120_80 {
  padding-top: 120px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_80 {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_80 {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

.content_box_120_70 {
  padding-top: 120px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_70 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_70 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.content_box_120_60 {
  padding-top: 120px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_60 {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_60 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

.content_box_120_50 {
  padding-top: 120px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_50 {
    padding-top: 100px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_50 {
    padding-top: 80px;
    padding-bottom: 10px;
  }
}

.content_box_120_40 {
  padding-top: 120px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_40 {
    padding-top: 100px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_40 {
    padding-top: 80px;
    padding-bottom: 00px;
  }
}

.content_box_pob_120 {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120 {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120 {
    padding-bottom: 80px;
  }
}

.content_box_pob_120_90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_90 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_90 {
    padding-bottom: 50px;
  }
}

.content_box_pob_120_80 {
  padding-bottom: 80px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_80 {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_80 {
    padding-bottom: 40px;
  }
}

.content_box_pob_120_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_70 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_70 {
    padding-bottom: 30px;
  }
}

.content_box_pob_120_60 {
  padding-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_60 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_60 {
    padding-bottom: 20px;
  }
}

.content_box_pob_120_50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_50 {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_50 {
    padding-bottom: 10px;
  }
}

.content_box_pob_120_40 {
  padding-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_40 {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_40 {
    padding-bottom: 0px;
  }
}

.content_box_pot_120 {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pot_120 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pot_120 {
    padding-top: 80px;
  }
}

.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  .mt_laptop1_50 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mt_tab1_50 {
    margin-top: 50px;
  }
}

.gray_bg {
  background-color: #f7f7f7;
}

.img_100 {
  width: 100%;
  height: auto;
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.fix {
  overflow: hidden !important;
}

.white_bg {
  background-color: #fff;
}

.white {
  color: #fff;
}

.vh_100 {
  height: 100vh;
}

.nice-select {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: var(--primary_color_01);
}

#amount_shop {
  border: 0px;
  color: var(--heading_color_01);
  font-weight: bold;
}

/* .header.home1 .header__menu {
  min-height: 95px;
} */

@media only screen and (max-width: 991px) {
  /* .header.home1 .header__menu {
    min-height: 75px;
  } */
}

.header.home1 .header__menu-wrapper {
  position: relative;
}

.header.home1 .menu_sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 1010;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}

@media only screen and (max-width: 991px) {
  .header.home1 .menu_sticky {
    background: #fff;
  }
}

.mapouter {
  position: relative;
  width: 100%;
  height: 600px;
}

@media only screen and (max-width: 991px) {
  .mapouter {
    height: 500px;
  }
}

@media only screen and (max-width: 575px) {
  .mapouter {
    height: 400px;
  }
}

.mapouter .gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 100%;
  width: 100%;
}

.mapouter .gmap_canvas iframe {
  width: 100%;
  height: 100%;
  border: 0px;
  overflow: hidden;
  margin: 0px;
}

.circle-chart {
  width: 150px;
  height: 150px;
}

.circle-chart__circle {
  stroke: #00acc1;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  -webkit-animation: circle-chart-fill 2s reverse;
  animation: circle-chart-fill 2s reverse;
  /* 1 */
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  /* 2, 3 */
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  /* 4 */
}

.circle-chart__circle--negative {
  -webkit-transform: rotate(-90deg) scale(1, -1);
  -ms-transform: rotate(-90deg) scale(1, -1);
  transform: rotate(-90deg) scale(1, -1);
  /* 1, 2, 3 */
}

.circle-chart__background {
  stroke: #efefef;
  stroke-width: 2;
  fill: none;
}

.circle-chart__info {
  -webkit-animation: circle-chart-appear 2s forwards;
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  -webkit-transform: translateY(0.3em);
  -ms-transform: translateY(0.3em);
  transform: translateY(0.3em);
}

.circle-chart__percent {
  /* alignment-baseline: central; */
  text-anchor: middle;
  font-size: 8px;
}

.circle-chart__subline {
  /* alignment-baseline: central; */
  text-anchor: middle;
  font-size: 3px;
}

.success-stroke {
  stroke: #00c851;
}

.warning-stroke {
  stroke: #ffbb33;
}

.danger-stroke {
  stroke: #ff4444;
}

@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

@-webkit-keyframes circle-chart-appear {
  to {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  padding: 4px 0;
  min-height: 42px;
  z-index: 4000;
}

.mean-container a.meanmenu-reveal {
  border: 1px solid #2b2b2b;
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #2b2b2b;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-right: 15px;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #2b2b2b;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 53px;
}

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

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 13px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.4;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 13px 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 13px 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 13px 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 13px 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 6px 11px;
  text-align: center;
  position: absolute;
  line-height: 34px;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

.mobile-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: 24px;
}

@media only screen and (max-width: 319px) {
  .mobile-menu {
    top: 20px;
  }
}

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

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

.mean-container a.meanmenu-reveal span:before {
  width: 22px;
  height: 3px;
  content: "";
  background: #2b2b2b;
  position: absolute;
  left: 13px;
  top: 22px;
}

.mean-container a.meanmenu-reveal span:after {
  width: 22px;
  height: 3px;
  content: "";
  background: #2b2b2b;
  position: absolute;
  left: 13px;
  top: 28px;
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes circling2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes circling2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.sliderInDown {
  -webkit-animation-name: sliderInDown;
  animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes sliderOutDown {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.sliderOutDown {
  -webkit-animation-name: sliderOutDown;
  animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

@keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

.fadeInDown_2 {
  -webkit-animation-name: fadeInDown_2;
  animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(-100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

.fadeInLeft_2 {
  -webkit-animation-name: fadeInLeft_2;
  animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

@keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(100%, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

.fadeInRight_2 {
  -webkit-animation-name: fadeInRight_2;
  animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

@keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    transform: translateZ(0);
  }
}

.fadeInUp_2 {
  -webkit-animation-name: fadeInUp_2;
  animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown_2 {
  -webkit-animation-name: fadeOutDown_2;
  animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft_2 {
  -webkit-animation-name: fadeOutLeft_2;
  animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight_2 {
  -webkit-animation-name: fadeOutRight_2;
  animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  }

  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp_2 {
  -webkit-animation-name: fadeOutUp_2;
  animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.preloader__spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #000000;
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

@media only screen and (max-width: 767px) {
  .preloader__spinner {
    height: 8em;
    width: 8em;
  }
}

@media only screen and (max-width: 575px) {
  .preloader__spinner {
    height: 7em;
    width: 7em;
  }
}

.preloader__txt {
  font: bold 5em "Montserrat", sans-serif;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 767px) {
  .preloader__txt {
    font: bold 3.5em "Montserrat", sans-serif;
  }
}

@media only screen and (max-width: 575px) {
  .preloader__txt {
    font: bold 2em "Montserrat", sans-serif;
  }
}

.preloader__txt .letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.preloader__txt .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: #000000;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.preloader__txt .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.preloader__txt .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.preloader__txt .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.preloader__txt .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.preloader__txt .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.preloader__txt .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.preloader__txt .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.preloader__txt .letters-loading:nth-child(9):before {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.preloader__txt .letters-loading:nth-child(10):before {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.preloader__txt .letters-loading:nth-child(11):before {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.preloader__txt .letters-loading:nth-child(12):before {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.preloader__txt .letters-loading:nth-child(13):before {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.preloader__txt .letters-loading:nth-child(14):before {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.preloader__txt .letters-loading:nth-child(15):before {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}

.preloader__txt .letters-loading:nth-child(16):before {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 5000;
  color: #fff;
  background: #222;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14),
    0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    bottom: 30px;
    right: 30px;
  }
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  background: -o-radial-gradient(
    center,
    ellipse,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
}

.scrollToTop:hover {
  color: #fff;
  background: var(--primary_color_01);
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 12px 15px;
  border-radius: 5px;
  outline: 0 none;
  font-size: 14px;
  font-family: var(--font_display);
  color: var(--font_color_01);
}

.form-control:focus {
  border-color: rgba(var(--primary_color_01), 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
  color: var(--font_color_01);
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::-moz-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.form-control::placeholder {
  color: #999;
  font-size: 14px;
}

.quantity {
  position: relative;
}

.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.quantity input {
  width: 80px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.quantity input:focus {
  outline: 0;
}

.quantity .quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ddd;
  width: 20px;
  text-align: center;
  color: #3e3e3e;
  font-size: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 2.2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #ddd;
}

.quantity .quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-block;
}

.main_btn a,
.main_btn button {
  text-transform: capitalize;
  color: #fff;
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding: 19px 45px;
  font-weight: bold;
  z-index: 20;
  line-height: 30px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.main_btn button {
  background: transparent;
  border: none;
}

.main_btn:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: var(--primary_color_01);
  width: 100%;
  z-index: 10;
  border-radius: 10px;
}

.main_btn:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #524dea;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  border-radius: 10px;
}

.main_btn:hover {
  color: #fff;
}

.main_btn:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn1 {
  display: inline-block;
  text-transform: uppercase;
  padding: 19px 42px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  background: var(--primary_color_01);
  border: none;
  font-family: var(--font_primary);
  font-weight: bold;
}

.btn1:hover,
.btn1:focus {
  background: var(--tertiary_color_01);
  color: #fff;
}

.btn1:focus,
.btn1.focus {
  outline: 0;
}

.btn2 {
  font-family: var(--font_primary);
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--font_color_01);
  letter-spacing: 1.3px;
  position: relative;
}

.btn2:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #fff;
  left: 0px;
  top: -6px;
  z-index: -2;
  border-radius: 30px;
  border: 2px solid var(--font_color_01);
}

.btn2:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 16px;
  background-color: #fff;
  left: 15px;
  top: 1px;
  z-index: -1;
}

.btn2:hover {
  color: #000;
}

.btn2 img {
  margin-left: 15px;
}

.btn2 span {
  margin-left: 5px;
}

.btn3 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  border: none;
  font-family: var(--font_primary);
  padding: 17px 52px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--heading_color_01);
  background: #fff;
  -webkit-box-shadow: 0px 10px 15px rgba(104, 100, 237, 0.15);
  box-shadow: 0px 10px 15px rgba(104, 100, 237, 0.15);
}

.btn3:hover,
.btn3:focus {
  background: var(--tertiary_color_01);
  color: #fff;
  -webkit-box-shadow: 0px 10px 15px rgba(104, 100, 237, 0.2);
  box-shadow: 0px 10px 15px rgba(104, 100, 237, 0.2);
}

.btn3:focus,
.btn3.focus {
  outline: 0;
}

.btn4 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  border: none;
  font-family: var(--font_primary);
  padding: 21px 45px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--sub_heading_color_01);
  background: #fff;
  -webkit-box-shadow: 0px 5px 15px rgba(104, 100, 237, 0.15);
  box-shadow: 0px 5px 15px rgba(104, 100, 237, 0.15);
}

.btn4:hover,
.btn4:focus {
  background: var(--tertiary_color_01);
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px rgba(104, 100, 237, 0.2);
  box-shadow: 0px 5px 15px rgba(104, 100, 237, 0.2);
}

.btn4:focus,
.btn4.focus {
  outline: 0;
}

/*==================================================
===| 08. Heading And Page Title
===================================================*/
.title h5 {
  font-size: 17px;
  font-weight: bold;
  font-family: var(--font_primary);
  text-transform: capitalize;
  line-height: 30px;
  color: var(--sub_heading_color_01);
}

.title h2 {
  font-size: 38px;
  font-weight: 600;
  font-family: var(--font_display);
  line-height: 1.2;
  letter-spacing: 0.5;
  color: var(--heading_color_01);
}

@media only screen and (max-width: 575px) {
  .title h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 319px) {
  .title h2 {
    font-size: 30px;
  }
}

.title h2 span {
  position: relative;
  display: inline-block;
  z-index: 10;
}

.title h2 span:before {
  position: absolute;
  content: "";
  left: 0px;
  width: 100%;
  height: 7px;
  background-color: var(--primary_color_01);
  bottom: -1px;
  z-index: -1;
}

/*==================================================
===| 09. Header
===================================================*/
.header__padding {
  padding: 0px 108px;
}

@media only screen and (max-width: 1399px) {
  .header__padding {
    padding: 0px 48px;
  }
}

@media only screen and (max-width: 991px) {
  .header__padding {
    padding: 0px 18px;
  }
}

@media only screen and (max-width: 767px) {
  .header__padding {
    padding: 0px;
  }
}

.header__top1 {
  background-color: var(--tertiary_color_01);
  height: 56px;
}

@media only screen and (max-width: 767px) {
  .header__top1 {
    height: auto;
    padding-bottom: 12px;
  }
}

.header__top1--leftContent ul {
  margin-top: 14px;
}

@media only screen and (max-width: 1199px) {
  .header__top1--leftContent ul {
    text-align: center;
  }
}

.header__top1--leftContent ul li {
  display: inline-block;
}

.header__top1--leftContent ul li:not(:last-child) {
  margin-right: 15px;
  position: relative;
  padding-right: 15px;
}

.header__top1--leftContent ul li:not(:last-child):before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgba(102, 112, 117, 0.5);
  right: 0px;
  top: 4px;
}

@media only screen and (max-width: 640px) {
  .header__top1--leftContent ul li:nth-child(2) {
    margin-right: 10px;
    padding-right: 0px;
  }

  .header__top1--leftContent ul li:nth-child(2):before {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  .header__top1--leftContent ul li:nth-child(1) {
    margin-right: 10px;
    padding-right: 0px;
  }

  .header__top1--leftContent ul li:nth-child(1):before {
    display: none;
  }
}

.header__top1--leftContent ul li svg {
  width: 20px;
  color: var(--primary_color_01);
  margin-right: 2px;
}

.header__top1--leftContent ul li span {
  font-size: 15px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .header__top1--rightContent {
    display: none;
  }
}

.header__top1--rightContent ul {
  display: inline-block;
  margin-right: 15px;
}

.header__top1--rightContent ul li {
  display: inline-block;
}

.header__top1--rightContent ul li:not(:first-child) {
  margin-left: 10px;
}

.header__top1--rightContent ul li a {
  width: 30px;
  height: 30px;
  color: #667075;
  border: 1px solid #667075;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

.header__top1--rightContent ul li a:hover {
  background-color: var(--primary_color_01);
  border-color: var(--primary_color_01);
  color: #fff;
}

.header__top1--rightContent .main_btn a,
.header__top1--rightContent .main_btn button {
  font-size: 16px;
  padding: 13px 45px;
}

.header__top1--rightContent .main_btn:after {
  border-radius: 0px;
}

.header__top1--rightContent .main_btn:before {
  border-radius: 0px;
}

/* .header.home1 .header__menu {
  height: 100px;
} */

@media only screen and (max-width: 991px) {
  /* .header.home1 .header__menu {
    background-color: var(--primary_color_01);
    height: 96px;
  } */
}

.header.home1 .header__menu-wrapper {
  padding: 10px 40px;
}

@media only screen and (max-width: 1399px) {
}

@media only screen and (max-width: 991px) {
}

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

.header.home1 .header__side-nav .search_box_container {
  position: relative;
}

.header.home1 .header__side-nav .search_box_container button.button {
  position: relative;
  top: -15px;
  right: 30px;
  color: var(--font_color_01);
}

@media only screen and (max-width: 1599px) {
  .header.home1 .header__side-nav .search_box_container button.button {
    right: 15px;
  }
}

.header.home1 .header__side-nav .search_box_container .search_form {
  display: inline-block;
  width: 400px;
  position: absolute;
  top: 78px;
  right: 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  padding: 40px 30px;
  z-index: 100;
  background-color: #fff;
  border-top: 3px solid var(--primary_color_01);
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header.home1
  .header__side-nav
  .search_box_container
  .search_form.search_form_toggle {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
  top: 48px;
}

.header.home1 .header__side-nav .search_box_container .search_form form {
  position: relative;
}

.header.home1 .header__side-nav .search_box_container .search_form form input {
  width: 100%;
  border: 1px solid var(--border_color_01);
  padding: 10px 20px;
}

.header.home1 .header__side-nav .search_box_container .search_form form button {
  border: none;
  background: none;
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--font_color_01);
}

.header.home1 .header__side-nav ul li {
  display: inline-block;
}

.header.home1 .header__logo {
  position: relative;
  max-width: 160px;
  transform: translateY(25px);
}

@media only screen and (max-width: 319px) {
  .header.home1 .header__logo {
    width: 120px;
  }
}

/* .header.home1 .header__logo:before {
  position: absolute;
  content: "";
  width: 2000px;
  height: 100px;
  background-color: var(--primary_color_01);
  top: 0px;
  right: 34%;
  z-index: -1;
} */

@media only screen and (max-width: 1599px) {
  .header.home1 .header__logo:before {
    right: 15%;
  }
}

@media only screen and (max-width: 1399px) {
  .header.home1 .header__logo:before {
    right: 28%;
  }
}

@media only screen and (max-width: 1199px) {
  .header.home1 .header__logo:before {
    right: 10%;
  }
}

@media only screen and (max-width: 991px) {
  .header.home1 .header__logo:before {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
}

.header.home1 .main-menu nav > ul > li {
  display: inline-block;
  position: relative;
}

.header.home1 .main-menu nav > ul > li > a {
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
  color: var(--heading_color_01);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 36px 20px 36px;
}

.header.home1 .main-menu nav > ul > li > a:hover {
  color: var(--primary_color_01);
}

@media only screen and (max-width: 1599px) {
  .header.home1 .main-menu nav > ul > li > a {
    padding: 36px 10px 36px;
  }
}

.header.home1 .main-menu nav > ul > li.active > a {
  color: #fff;
  position: relative;
}

.header.home1 .main-menu nav > ul > li.active > a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 36px;
  width: 100%;
  height: 28px;
  z-index: -1;
  background-color: var(--primary_color_01);
}

.header.home1 .main-menu nav > ul > li.active > a:hover {
  color: #fff;
}

@media only screen and (min-width: 992px) {
  .header.home1 .main-menu nav ul li {
    position: relative;
  }

  .header.home1 .main-menu nav ul li:hover > a {
    color: var(--primary_color_01);
  }

  .header.home1 .main-menu nav ul li.active > a {
    color: #fff;
  }

  .header.home1 .main-menu nav ul li.active > a:hover {
    color: #fff;
  }

  .header.home1 .main-menu nav ul li ul {
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid var(--primary_color_01);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 17px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home1 .main-menu nav ul li ul {
    width: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home1 .main-menu nav ul li ul li {
    position: relative;
  }

  .header.home1 .main-menu nav ul li ul li ul {
    position: absolute;
    left: 250px;
    top: 30px;
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home1 .main-menu nav ul li ul li ul {
    left: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home1 .main-menu nav ul li ul li:hover ul {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
    top: 0px;
  }

  .header.home1 .main-menu nav ul li ul li a {
    font-weight: 500;
    padding: 6px 28px;
    display: block;
    font-size: 17px;
    color: #666;
  }

  .header.home1 .main-menu nav ul li ul li:hover > a {
    color: var(--primary_color_01);
  }

  .header.home1 .main-menu nav ul li ul li.sub_menu_li > a {
    position: relative;
  }

  .header.home1 .main-menu nav ul li ul li.sub_menu_li > a:before {
    position: absolute;
    content: "\f054";
    right: 28px;
    top: 9px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
  }

  .header.home1 .main-menu nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
  }
}

.header.home1 .mean-container a.meanmenu-reveal {
  border-color: #fff;
  color: #fff;
}

.header.home1 .mean-container a.meanmenu-reveal span {
  background: #fff;
}

.header.home1 .mean-container a.meanmenu-reveal span:before {
  background: #fff;
}

.header.home1 .mean-container a.meanmenu-reveal span:after {
  background: #fff;
}

.header.home1 .mean-container .mean-nav {
  margin-top: 65px;
}

.header.home1 .extraInfo {
  width: 228px;
  position: relative;
}

.header.home1 .extraInfo:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100px;
  background-color: var(--border_color_01);
}

.header.home1 .extraInfo__imgBox {
  position: absolute;
  left: 35px;
  top: 29px;
}

.header.home1 .extraInfo__content {
  padding-top: 30px;
  padding-left: 87px;
}

.header.home1 .extraInfo__content p {
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 17px;
}

.header.home1 .extraInfo__content span {
  line-height: 1;
  font-size: 20px;
  font-weight: 700;
  color: var(--heading_color_01);
}

.header .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.header__top2 {
  padding-right: 40px;
  padding-top: 16px;
  padding-bottom: 14px;
  padding-left: 22%;
}

@media only screen and (max-width: 1199px) {
  .header__top2 {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .header__top2 {
    background-color: var(--tertiary_color_01);
  }
}

.header__top2__left {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .header__top2__left {
    text-align: center;
    float: none !important;
  }
}

.header__top2__left--thumb1 {
  background-color: var(--secondary_color_02);
  width: 45px;
  height: 45px;
  border-radius: 50px;
  text-align: center;
  line-height: 43px;
  display: inline-block;
}

.header__top2__left--thumb2 {
  position: absolute;
  top: 30px;
  left: -140px;
}

@media only screen and (max-width: 1830px) {
  .header__top2__left--thumb2 {
    display: none;
  }
}

.header__top2__left p {
  margin-bottom: 0px;
  padding-left: 10px;
}

@media only screen and (max-width: 991px) {
  .header__top2__left p {
    color: #fff;
  }
}

@media only screen and (max-width: 400px) {
  .header__top2__left p {
    font-size: 15px;
    line-height: 25px;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .header__top2__right {
    display: none;
  }
}

.header__top2__right--item {
  position: relative;
  display: inline-block;
}

.header__top2__right--item:not(:first-child) {
  margin-left: 75px;
}

.header__top2__right--item:not(:first-child):before {
  position: absolute;
  left: -40px;
  content: "";
  top: 8px;
  width: 1px;
  height: 30px;
  background-color: var(--border_color_01);
}

@media only screen and (max-width: 1599px) {
  .header__top2__right--item:last-child {
    display: none;
  }
}

.header__top2__right--item img {
  position: absolute;
  left: 0px;
  top: 10px;
}

.header__top2__right--itemContent {
  padding-left: 40px;
}

.header__top2__right--itemContent p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1px;
  line-height: 1;
}

.header__top2__right--itemContent h6 {
  font-size: 17px;
  font-weight: 600;
  font-family: var(--font_primary);
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  line-height: 1;
}

.header__top2 p {
  margin-bottom: 0px;
  display: inline-block;
}

.header.home2 .header__logo {
  position: relative;
  left: 15%;
  bottom: 38px;
}

@media only screen and (max-width: 1199px) {
  .header.home2 .header__logo {
    left: 20px;
    bottom: 0px;
    max-width: 160px;
  }
}

@media only screen and (max-width: 991px) {
  .header.home2 .header__logo {
    bottom: auto;
    top: 30px;
  }
}

.header.home2 .header__menu-wrapper {
  position: relative;
}

.header.home2 .header__menu-wrapper:before {
  position: absolute;
  content: "";
  width: 78%;
  height: 62px;
  background-color: var(--primary_color_01);
  z-index: -1;
  top: 0px;
  right: 0px;
  border-radius: 10px 0px 0px 0px;
}

@media only screen and (max-width: 991px) {
  .header.home2 .header__menu-wrapper:before {
    display: none;
  }
}

.header.home2 .header__side-nav > ul > li {
  display: inline-block;
}

.header.home2 .header__side-nav > ul > li.search_box_container {
  position: relative;
}

.header.home2 .header__side-nav > ul > li.search_box_container button.button {
  position: relative;
  top: 0px;
  right: 45px;
  color: #fff;
}

@media only screen and (max-width: 1599px) {
  .header.home2 .header__side-nav > ul > li.search_box_container button.button {
    right: 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .header.home2 .header__side-nav > ul > li.search_box_container button.button {
    top: 15px;
  }
}

.header.home2 .header__side-nav > ul > li.search_box_container .search_form {
  display: inline-block;
  width: 400px;
  position: absolute;
  top: 74px;
  right: -4px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  padding: 40px 30px;
  z-index: 100;
  background-color: #fff;
  border-top: 3px solid var(--primary_color_01);
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header.home2
  .header__side-nav
  > ul
  > li.search_box_container
  .search_form.search_form_toggle {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
  top: 44px;
}

@media only screen and (max-width: 1399px) {
  .header.home2
    .header__side-nav
    > ul
    > li.search_box_container
    .search_form.search_form_toggle {
    top: 62px;
  }
}

.header.home2
  .header__side-nav
  > ul
  > li.search_box_container
  .search_form
  form {
  position: relative;
}

.header.home2
  .header__side-nav
  > ul
  > li.search_box_container
  .search_form
  form
  input {
  width: 100%;
  border: 1px solid var(--border_color_01);
  padding: 10px 20px;
}

.header.home2
  .header__side-nav
  > ul
  > li.search_box_container
  .search_form
  form
  button {
  border: none;
  background: none;
  position: absolute;
  right: 20px;
  top: 10px;
  color: var(--font_color_01);
}

.header.home2 .header__side-nav .home2__menuBtn {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1.3px;
  color: var(--heading_color_01);
  text-transform: uppercase;
  background-color: var(--secondary_color_02);
  padding: 19px 40px;
  position: relative;
  display: inline-block;
  height: 62px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header.home2 .header__side-nav .home2__menuBtn:hover {
  background-color: var(--heading_color_01);
  color: #fff;
}

@media only screen and (max-width: 1399px) {
  .header.home2 .header__side-nav .home2__menuBtn {
    display: none;
  }
}

.header.home2 .main-menu {
  height: 62px;
}

.header.home2 .main-menu nav > ul > li {
  display: inline-block;
}

.header.home2 .main-menu nav > ul > li > a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 28px;
  display: inline-block;
  padding: 17px 22px;
  position: relative;
}

.header.home2 .main-menu nav > ul > li > a:before {
  position: absolute;
  content: "";
  left: 2%;
  top: 16px;
  width: 96%;
  height: 28px;
  background-color: var(--primary_color_01);
  z-index: -1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.header.home2 .main-menu nav > ul > li > a:hover {
  color: var(--heading_color_01);
}

.header.home2 .main-menu nav > ul > li > a:hover:before {
  background-color: var(--secondary_color_02);
}

.header.home2 .main-menu nav > ul > li.active > a {
  color: var(--heading_color_01);
}

.header.home2 .main-menu nav > ul > li.active > a:before {
  background-color: var(--secondary_color_02);
}

@media only screen and (min-width: 992px) {
  .header.home2 .main-menu nav ul li {
    position: relative;
  }

  .header.home2 .main-menu nav ul li:hover > a {
    color: var(--heading_color_01);
  }

  .header.home2 .main-menu nav ul li.active > a {
    color: var(--heading_color_01);
  }

  .header.home2 .main-menu nav ul li.active > a:hover {
    color: var(--heading_color_01);
  }

  .header.home2 .main-menu nav ul li ul {
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid var(--primary_color_01);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 17px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home2 .main-menu nav ul li ul {
    width: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home2 .main-menu nav ul li ul li {
    position: relative;
  }

  .header.home2 .main-menu nav ul li ul li ul {
    position: absolute;
    left: 250px;
    top: 30px;
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home2 .main-menu nav ul li ul li ul {
    left: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home2 .main-menu nav ul li ul li:hover ul {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
    top: 0px;
  }

  .header.home2 .main-menu nav ul li ul li a {
    font-weight: 500;
    padding: 6px 28px;
    display: block;
    font-size: 17px;
    color: #666;
  }

  .header.home2 .main-menu nav ul li ul li:hover > a {
    color: var(--primary_color_01);
  }

  .header.home2 .main-menu nav ul li ul li.sub_menu_li > a {
    position: relative;
  }

  .header.home2 .main-menu nav ul li ul li.sub_menu_li > a:before {
    position: absolute;
    content: "\f054";
    right: 28px;
    top: 9px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
  }

  .header.home2 .main-menu nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
  }
}

.header.home3 {
  position: relative;
  z-index: 1000;
}

.header.home3 .header__menu {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}

.header.home3 .header__menu-wrapper {
  padding-top: 40px;
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__menu-wrapper {
    padding-top: 30px;
  }
}

.header.home3 .main-menu {
  margin-left: 25px;
  float: left;
}

@media only screen and (max-width: 1399px) {
  .header.home3 .main-menu {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .header.home3 .main-menu {
    float: right;
  }
}

.header.home3 .main-menu > nav > ul > li {
  display: inline-block;
}

.header.home3 .main-menu > nav > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font_primary);
  line-height: 28px;
  letter-spacing: 1px;
  color: var(--heading_color_01);
  display: inline-block;
  text-transform: uppercase;
  padding: 20px 16px;
}

@media only screen and (max-width: 1399px) {
  .header.home3 .main-menu > nav > ul > li > a {
    padding: 20px 10px;
  }
}

.header.home3 .main-menu > nav > ul > li > a:hover {
  color: var(--primary_color_01);
}

@media only screen and (min-width: 992px) {
  .header.home3 .main-menu > nav ul li {
    position: relative;
  }

  .header.home3 .main-menu > nav ul li:hover > a {
    color: var(--heading_color_01);
  }

  .header.home3 .main-menu > nav ul li.active > a {
    color: var(--heading_color_01);
  }

  .header.home3 .main-menu > nav ul li.active > a:hover {
    color: var(--heading_color_01);
  }

  .header.home3 .main-menu > nav ul li ul {
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid var(--primary_color_01);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 17px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home3 .main-menu > nav ul li ul {
    width: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home3 .main-menu > nav ul li ul li {
    position: relative;
  }

  .header.home3 .main-menu > nav ul li ul li ul {
    position: absolute;
    left: 250px;
    top: 30px;
    opacity: 0;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.home3 .main-menu > nav ul li ul li ul {
    left: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .header.home3 .main-menu > nav ul li ul li:hover ul {
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
    top: 0px;
  }

  .header.home3 .main-menu > nav ul li ul li a {
    font-weight: 500;
    padding: 6px 28px;
    display: block;
    font-size: 17px;
    color: #666;
  }

  .header.home3 .main-menu > nav ul li ul li:hover > a {
    color: var(--primary_color_01);
  }

  .header.home3 .main-menu > nav ul li ul li.sub_menu_li > a {
    position: relative;
  }

  .header.home3 .main-menu > nav ul li ul li.sub_menu_li > a:before {
    position: absolute;
    content: "\f054";
    right: 28px;
    top: 9px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
  }

  .header.home3 .main-menu > nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
    visibility: visible;
  }
}

/*==================================================
===| 10. Footer
===================================================*/
.footer1 {
  position: relative;
}

.footer1:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 445px;
  background-color: var(--tertiary_color_01);
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  .footer1:before {
    height: 545px;
  }
}

.footer1__cta__content {
  background-color: var(--secondary_color_02);
  border-radius: 15px;
  padding: 100px 140px 116px;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .footer1__cta__content {
    padding: 100px 50px 116px;
  }
}

@media only screen and (max-width: 640px) {
  .footer1__cta__content {
    padding: 80px 25px 94px;
  }
}

@media only screen and (max-width: 319px) {
  .footer1__cta__content {
    padding: 80px 10px 94px;
  }
}

.footer1__cta__content h2 {
  font-size: 60px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .footer1__cta__content h2 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .footer1__cta__content h2 {
    font-size: 32px;
  }
}

.footer1__cta__content p {
  padding: 0px 190px 0px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1399px) {
  .footer1__cta__content p {
    padding: 0px 50px 0px;
  }
}

@media only screen and (max-width: 640px) {
  .footer1__cta__content p {
    padding: 0px 0px 0px;
  }
}

.footer1__cta__content a {
  z-index: 10;
  position: relative;
}

.footer1__cta__thumb {
  position: absolute;
  right: 135px;
  bottom: 130px;
}

@media only screen and (max-width: 991px) {
  .footer1__cta__thumb {
    right: 50px;
    bottom: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .footer1__cta__thumb {
    right: 10px;
    bottom: 20px;
  }
}

.footer1__bottom {
  padding-bottom: 35px;
}

.footer1__bottom__copyRight {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 38px;
}

.footer1__bottom__copyRight p {
  color: rgba(255, 255, 255, 0.5);
  margin-top: 80px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 640px) {
  .footer1__bottom__copyRight p {
    font-size: 15px;
  }
}

.footer1__bottom__copyRight p a {
  color: rgba(255, 255, 255, 0.5);
}

.footer1__bottom__copyRight p a:hover {
  color: var(--primary_color_01);
}

@media only screen and (max-width: 991px) {
  .footer1__bottom__nav {
    margin-bottom: 20px;
  }
}

.footer1__bottom__nav a {
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 5px;
}

.footer1__bottom__nav a:not(:last-child) {
  margin-right: 38px;
}

@media only screen and (max-width: 640px) {
  .footer1__bottom__nav a {
    font-size: 14px;
  }
}

.footer1__bottom__social a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  display: inline-block;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.footer1__bottom__social a:not(:first-child) {
  margin-left: 8px;
}

.footer2 {
  background-color: var(--tertiary_color_01);
}

.footer2__top {
  padding: 120px 0px 76px;
}

@media only screen and (max-width: 575px) {
  .footer2__top {
    padding: 100px 0px 56px;
  }
}

.footer2__top__item {
  position: relative;
  margin-bottom: 24px;
}

.footer2__top__item img {
  width: 100%;
  height: auto;
}

.footer2__top__item:hover .footer2__top__item--thumb {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.footer2__top__item:hover .footer2__top__item--thumb a {
  top: 50%;
}

.footer2__top__item--thumb {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.footer2__top__item--thumb a {
  display: inline-block;
  position: absolute;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer2__top__item--thumb a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.footer2__middle {
  padding-bottom: 60px;
}

@media only screen and (max-width: 575px) {
  .footer2__middle {
    padding-bottom: 40px;
  }
}

.footer2__middle h1,
.footer2__middle h2,
.footer2__middle h3,
.footer2__middle h4,
.footer2__middle h5,
.footer2__middle h6 {
  color: #fff;
}

.footer2__middle__title {
  margin-bottom: 24px;
}

@media only screen and (max-width: 991px) {
  .footer2__middle__title {
    margin-bottom: 40px;
  }
}

.footer2__middle__title h3 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 575px) {
  .footer2__middle__title h3 {
    font-size: 36px;
  }
}

.footer2__middle__item {
  margin-bottom: 40px;
}

.footer2__middle__item > h5 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font_primary);
  text-transform: capitalize;
  margin-bottom: 25px;
}

@media only screen and (max-width: 575px) {
  .footer2__middle__item > h5 {
    margin-bottom: 10px;
  }
}

.footer2__middle__item ul li {
  margin-bottom: 3px;
}

.footer2__middle__item ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
}

.footer2__middle__item ul li a:hover {
  color: var(--primary_color_01);
}

.footer2__middle__item ul li p {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0px;
}

.footer2__middle__item ul li h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  font-family: var(--font_primary);
}

.footer2__middle__item--social {
  margin-top: 30px;
}

@media only screen and (max-width: 575px) {
  .footer2__middle__item--social {
    margin-top: 10px;
  }
}

.footer2__middle__item--social a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.05);
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
}

.footer2__middle__item--social a:not(:last-child) {
  margin-right: 3px;
}

.footer2__middle__item--social a:hover {
  background-color: var(--primary_color_01);
}

.footer2__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 24px 0px;
}

@media only screen and (max-width: 991px) {
  .footer2__bottom__nav {
    margin-bottom: 5px;
  }
}

.footer2__bottom__nav ul li {
  display: inline-block;
}

.footer2__bottom__nav ul li:not(:last-child) {
  margin-right: 38px;
}

@media only screen and (max-width: 767px) {
  .footer2__bottom__nav ul li:not(:last-child) {
    margin-right: 15px;
  }
}

.footer2__bottom__nav ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

.footer2__bottom__copyRight p {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
}

/*==================================================
===| 11. Slider And Hero
===================================================*/
.slider1__item {
  position: relative;
}

.slider1__item:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  width: 100px;
  height: 500px;
  background-color: #fff;
  z-index: 10;
}

@media only screen and (max-width: 1399px) {
  .slider1__item:before {
    height: 400px;
    opacity: 0.5;
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
  }
}

@media only screen and (max-width: 767px) {
  .slider1__item:before {
    display: none;
  }
}

.slider1__height {
  height: 800px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 991px) {
  .slider1__height {
    padding-bottom: 0px;
    height: 600px;
  }
}

.slider1__img-01 {
  background: url(../img/hero/hero-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider1__img-02 {
  background: url(../img/hero/hero-02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider1__img-03 {
  background: url(../img/hero/hero-03.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider1__content h1 {
  font-size: 85px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1.1;
}

@media only screen and (max-width: 991px) {
  .slider1__content h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .slider1__content h1 {
    font-size: 40px;
  }
}

.slider1__content p {
  color: #fff;
  font-weight: 500;
  padding-right: 120px;
}

@media only screen and (max-width: 1199px) {
  .slider1__content p {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider1__content p {
    font-size: 16px;
  }
}

.slider1 .owl-carousel .owl-dots {
  position: absolute;
  top: 145px;
  z-index: 1000;
  right: 60px;
}

@media only screen and (max-width: 767px) {
  .slider1 .owl-carousel .owl-dots {
    display: none;
  }
}

.slider1 .owl-carousel .owl-dots button.owl-dot {
  margin: 40px 0px;
  display: block;
  position: relative;
}

.slider1 .owl-carousel .owl-dots button.owl-dot span {
  display: none;
}

.slider1 .owl-carousel .owl-dots button.owl-dot:before {
  position: absolute;
  color: var(--heading_color_01);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

.slider1 .owl-carousel .owl-dots button.owl-dot:nth-child(1):before {
  content: "01";
}

.slider1 .owl-carousel .owl-dots button.owl-dot:nth-child(2):before {
  content: "02";
}

.slider1 .owl-carousel .owl-dots button.owl-dot:nth-child(3):before {
  content: "03";
}

.slider1 .owl-carousel .owl-dots button.owl-dot.active:before {
  color: var(--primary_color_01);
}

.slider1 .owl-carousel .owl-dots button.owl-dot.active:after {
  position: absolute;
  content: "";
  left: 1px;
  bottom: -27px;
  width: 22px;
  height: 2px;
  background-color: var(--primary_color_01);
}

.slider2__height {
  height: 800px;
}

@media only screen and (max-width: 767px) {
  .slider2__height {
    height: 600px;
  }
}

.slider2__img-01 {
  background: url(../img/hero/hero-04.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider2__img-02 {
  background: url(../img/hero/hero-05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider2__img-03 {
  background: url(../img/hero/hero-06.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider2__content h1 {
  font-size: 85px;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .slider2__content h1 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 479px) {
  .slider2__content h1 {
    font-size: 40px;
    line-height: 1.2;
  }
}

.slider2__content p {
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
  padding-right: 200px;
}

@media only screen and (max-width: 1399px) {
  .slider2__content p {
    padding-right: 0px;
  }
}

.slider2 .owl-carousel .owl-nav button.owl-prev,
.slider2 .owl-carousel .owl-nav button.owl-next {
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: 25px;
  line-height: 65px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  bottom: 60px;
  right: 300px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider2 .owl-carousel .owl-nav button.owl-prev:hover,
.slider2 .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--primary_color_01);
}

@media only screen and (max-width: 1399px) {
  .slider2 .owl-carousel .owl-nav button.owl-prev,
  .slider2 .owl-carousel .owl-nav button.owl-next {
    right: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .slider2 .owl-carousel .owl-nav button.owl-prev,
  .slider2 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.slider2 .owl-carousel .owl-nav button.owl-next {
  right: 240px;
  bottom: 120px;
}

@media only screen and (max-width: 1399px) {
  .slider2 .owl-carousel .owl-nav button.owl-next {
    right: 100px;
  }
}

.hero1 {
  position: relative;
}

.hero1__padding {
  padding: 288px 0px 178px 0px;
}

@media only screen and (max-width: 991px) {
  .hero1__padding {
    padding: 200px 0px 150px 0px;
  }
}

@media only screen and (max-width: 479px) {
  .hero1__padding {
    padding: 150px 0px 100px 0px;
  }
}

.hero1__thumb1 {
  position: absolute;
  z-index: -1;
  right: 8%;
  top: 19%;
  opacity: 0.07;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; */
  width: 700px;
  height: auto;
}

@media only screen and (max-width: 1700px) {
  .hero1__thumb1 {
    width: 640px;
    right: 5%;
  }
}

@media only screen and (max-width: 1599px) {
  .hero1__thumb1 {
    right: 1%;
    width: 600px;
  }
}

@media only screen and (max-width: 1199px) {
  .hero1__thumb1 {
    right: auto;
    left: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .hero1__thumb1 {
    top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .hero1__thumb1 {
    width: calc(100% - 40px);
    left: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__thumb1 {
    top: 150px;
  }
}

.hero1__thumb2 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 44%;
}

@media only screen and (max-width: 1700px) {
  .hero1__thumb2 {
    top: 13%;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__thumb2 {
    left: auto;
    right: 30px;
  }
}

.hero1__thumb3 {
  position: absolute;
  z-index: -1;
  bottom: 84px;
  left: 91px;
}

@media only screen and (max-width: 991px) {
  .hero1__thumb3 {
    left: auto;
    right: 80px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__thumb3 {
    bottom: 40px;
  }
}

.hero1__wrapper h1 {
  font-size: 85px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1399px) {
  .hero1__wrapper h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__wrapper h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__wrapper h1 {
    font-size: 35px;
  }
}

.hero1__wrapper p {
  padding-right: 100px;
}

@media only screen and (max-width: 880px) {
  .hero1__wrapper p {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 319px) {
  .hero1__wrapper p {
    font-size: 15px;
    line-height: 26px;
  }
}

.hero1__wrapper__btn {
  margin-top: 39px;
}

.hero1__wrapper__btn > a.btn4 {
  margin-left: 25px;
}

@media only screen and (max-width: 575px) {
  .hero1__wrapper__btn > a.btn4 {
    display: none;
  }
}

.hero1__item {
  position: relative;
  margin-bottom: 33px;
  padding-top: 5px;
}

@media only screen and (max-width: 319px) {
  .hero1__item {
    padding-top: 0px;
  }
}

.hero1__item i {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  background-color: var(--primary_color_01);
  border-radius: 10px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}

@media only screen and (max-width: 319px) {
  .hero1__item i {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    border-radius: 3px;
  }
}

.hero1__item__content {
  padding-left: 80px;
}

@media only screen and (max-width: 319px) {
  .hero1__item__content {
    padding-left: 52px;
  }
}

.hero1__item__content h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0px;
}

@media only screen and (max-width: 319px) {
  .hero1__item__content h6 {
    font-size: 17px;
  }
}

.hero1__item__content p {
  margin-bottom: 0px;
  color: var(--heading_color_01);
  text-transform: capitalize;
}

@media only screen and (max-width: 319px) {
  .hero1__item__content p {
    font-size: 15px;
  }
}

.hero1__item__content p a {
  font-style: italic;
  text-decoration: underline;
  display: inline-block;
  color: var(--heading_color_01);
}

.hero1__item__content p a:hover {
  color: var(--primary_color_01);
}

.hero1__thumb {
  width: 470px;
  height: 470px;
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .hero1__thumb {
    display: none;
  }
}

.hero1__thumb__img1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}

.hero1__thumb__img2 {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 10;
  width: 440px;
  height: 440px;
  border-radius: 100%;
}

.hero1__thumb__info1 {
  width: 135px;
  height: 135px;
  background-color: var(--secondary_color_02);
  position: absolute;
  z-index: 15;
  border-radius: 100%;
  text-align: center;
  left: 0px;
  top: 0px;
}

.hero1__thumb__info1 p {
  margin: 42px 0px 0px;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  color: var(--heading_color_01);
}

.hero1__thumb__info2 {
  width: 70px;
  height: 70px;
  background-color: var(--secondary_color_01);
  position: absolute;
  z-index: 20;
  border-radius: 100%;
  text-align: center;
  left: -25px;
  top: -25px;
}

.hero1__thumb__info2 h6 {
  margin: 20px 0px 0px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

/*==================================================
===| 12. Service And Feature
===================================================*/
.feature1 {
  margin-top: -80px;
  position: relative;
  z-index: 1000;
}

.feature1.home3 {
  margin-top: 0px;
}

.feature1.home3:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 280px;
  z-index: -1;
  background-color: var(--gray_bg_01);
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 991px) {
  .feature1.home3:before {
    height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .feature1.home3:before {
    height: 240px;
  }
}

.feature1.home3.home4:before {
  display: none;
}

.feature1.home3 .content_box_pob_120_90 {
  padding-top: 120px;
}

@media only screen and (max-width: 991px) {
  .feature1.home3 .content_box_pob_120_90 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .feature1.home3 .content_box_pob_120_90 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .feature1 .content_box_pob_120_90 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .feature1 .content_box_pob_120_90 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .feature1 {
    margin-top: 0px;
  }
}

.feature1__item {
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  padding: 50px 40px 42px;
  background-color: #fff;
}

@media only screen and (max-width: 400px) {
  .feature1__item {
    padding: 40px 30px 32px;
  }
}

.feature1__thumbBox {
  border-bottom: 2px solid var(--border_color_01);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.feature1__thumb1 {
  width: 80px;
  height: auto;
}

.feature1__thumb2 {
  margin-top: 10px;
  height: 70px;
  width: auto;
}

.feature1__content h4 {
  font-size: 24px;
  line-height: 1.5;
  color: var(--heading_color_01);
  font-weight: 600;
  margin-bottom: 13px;
}

.feature1__content p {
  margin-bottom: 0px;
}

.service1 {
  background-color: var(--gray_bg_01);
}

.service1__padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1199px) {
  .service1__padding {
    padding-top: 100px;
    padding-bottom: 76px;
  }
}

@media only screen and (max-width: 767px) {
  .service1__padding {
    padding-top: 80px;
    padding-bottom: 56px;
  }
}

.service1__item {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 50px 60px 30px;
  position: relative;
  z-index: 10;
  margin-bottom: 24px;
}

@media only screen and (max-width: 479px) {
  .service1__item {
    padding: 50px 40px 30px;
  }
}

.service1__item:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  background-color: #2ed667;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
}

.service1__item:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  background-color: #fff;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.service1__item:hover:after {
  top: 5px;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
}

.service1__item h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  position: relative;
  z-index: 20;
}

.service1__item h4 a {
  color: var(--heading_color_01);
}

.service1__item__thumb {
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  position: relative;
  background-color: #fff;
  z-index: 5;
  margin-left: 7px;
  margin-bottom: 21px;
}

.service1__item__thumb:after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background-color: #58de85;
  z-index: -12;
  left: -7px;
  top: 0px;
  border-radius: 50px;
}

.service1__item__thumb:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background-color: #e7faed;
  z-index: -11;
  left: 0px;
  top: 0px;
  border-radius: 50px;
}

.service1__item__thumb img {
  width: 40px;
}

.service1__btn {
  background-color: #d5f2ff;
  width: 100%;
  padding: 50px;
  height: calc(100% - 24px);
  margin-bottom: 24px;
  border-radius: 20px;
}

.service1__btn h6 {
  font-weight: bold;
  font-size: 17px;
  line-height: 30px;
  color: var(--sub_heading_color_01);
  font-family: var(--font_primary);
  margin-bottom: 18px;
}

.service1 .service1_row div[class^="col"]:nth-child(1) .service1__item:after {
  background-color: #2ed667;
}

.service1 .service1_row div[class^="col"]:nth-child(1) .service1__item__thumb {
  color: #2ed667;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(1)
  .service1__item__thumb:after {
  background-color: #58de85;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(1)
  .service1__item__thumb:before {
  background-color: #e7faed;
}

.service1 .service1_row div[class^="col"]:nth-child(2) .service1__item:after {
  background-color: #b05eff;
}

.service1 .service1_row div[class^="col"]:nth-child(2) .service1__item__thumb {
  color: #b05eff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(2)
  .service1__item__thumb:after {
  background-color: #c07eff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(2)
  .service1__item__thumb:before {
  background-color: #f3e6ff;
}

.service1 .service1_row div[class^="col"]:nth-child(3) .service1__item:after {
  background-color: #ffac42;
}

.service1 .service1_row div[class^="col"]:nth-child(3) .service1__item__thumb {
  color: #ffac42;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(3)
  .service1__item__thumb:after {
  background-color: #ffbd68;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(3)
  .service1__item__thumb:before {
  background-color: #fff7ec;
}

.service1 .service1_row div[class^="col"]:nth-child(4) .service1__item:after {
  background-color: #2bbcff;
}

.service1 .service1_row div[class^="col"]:nth-child(4) .service1__item__thumb {
  color: #2bbcff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(4)
  .service1__item__thumb:after {
  background-color: #55c9ff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(4)
  .service1__item__thumb:before {
  background-color: #e6f7ff;
}

.service1 .service1_row div[class^="col"]:nth-child(5) .service1__item:after {
  background-color: #fd346e;
}

.service1 .service1_row div[class^="col"]:nth-child(5) .service1__item__thumb {
  color: #fd346e;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(5)
  .service1__item__thumb:after {
  background-color: #fd5d8b;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(5)
  .service1__item__thumb:before {
  background-color: #ffedf2;
}

.service1 .service1_row div[class^="col"]:nth-child(6) .service1__item:after {
  background-color: #1ee2cf;
}

.service1 .service1_row div[class^="col"]:nth-child(6) .service1__item__thumb {
  color: #1ee2cf;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(6)
  .service1__item__thumb:after {
  background-color: #4be8d9;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(6)
  .service1__item__thumb:before {
  background-color: #e2fbf9;
}

.service1 .service1_row div[class^="col"]:nth-child(7) .service1__item:after {
  background-color: #fcdc02;
}

.service1 .service1_row div[class^="col"]:nth-child(7) .service1__item__thumb {
  color: #fcdc02;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(7)
  .service1__item__thumb:after {
  background-color: #fde335;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(7)
  .service1__item__thumb:before {
  background-color: #fffded;
}

.service1 .service1_row div[class^="col"]:nth-child(8) .service1__item:after {
  background-color: #ff5351;
}

.service1 .service1_row div[class^="col"]:nth-child(8) .service1__item__thumb {
  color: #ff5351;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(8)
  .service1__item__thumb:after {
  background-color: #ff7574;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(8)
  .service1__item__thumb:before {
  background-color: #ffeaea;
}

.service1 .service1_row div[class^="col"]:nth-child(9) .service1__item:after {
  background-color: #2ed667;
}

.service1 .service1_row div[class^="col"]:nth-child(9) .service1__item__thumb {
  color: #2ed667;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(9)
  .service1__item__thumb:after {
  background-color: #58de85;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(9)
  .service1__item__thumb:before {
  background-color: #e7faed;
}

.service1 .service1_row div[class^="col"]:nth-child(10) .service1__item:after {
  background-color: #b05eff;
}

.service1 .service1_row div[class^="col"]:nth-child(10) .service1__item__thumb {
  color: #b05eff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(10)
  .service1__item__thumb:after {
  background-color: #c07eff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(10)
  .service1__item__thumb:before {
  background-color: #f3e6ff;
}

.service1 .service1_row div[class^="col"]:nth-child(11) .service1__item:after {
  background-color: #ffac42;
}

.service1 .service1_row div[class^="col"]:nth-child(11) .service1__item__thumb {
  color: #ffac42;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(11)
  .service1__item__thumb:after {
  background-color: #ffbd68;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(11)
  .service1__item__thumb:before {
  background-color: #fff7ec;
}

.service1 .service1_row div[class^="col"]:nth-child(12) .service1__item:after {
  background-color: #2bbcff;
}

.service1 .service1_row div[class^="col"]:nth-child(12) .service1__item__thumb {
  color: #2bbcff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(12)
  .service1__item__thumb:after {
  background-color: #55c9ff;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(12)
  .service1__item__thumb:before {
  background-color: #e6f7ff;
}

.service1 .service1_row div[class^="col"]:nth-child(13) .service1__item:after {
  background-color: #fd346e;
}

.service1 .service1_row div[class^="col"]:nth-child(13) .service1__item__thumb {
  color: #fd346e;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(13)
  .service1__item__thumb:after {
  background-color: #fd5d8b;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(13)
  .service1__item__thumb:before {
  background-color: #ffedf2;
}

.service1 .service1_row div[class^="col"]:nth-child(14) .service1__item:after {
  background-color: #1ee2cf;
}

.service1 .service1_row div[class^="col"]:nth-child(14) .service1__item__thumb {
  color: #1ee2cf;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(14)
  .service1__item__thumb:after {
  background-color: #4be8d9;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(14)
  .service1__item__thumb:before {
  background-color: #e2fbf9;
}

.service1 .service1_row div[class^="col"]:nth-child(15) .service1__item:after {
  background-color: #fcdc02;
}

.service1 .service1_row div[class^="col"]:nth-child(15) .service1__item__thumb {
  color: #fcdc02;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(15)
  .service1__item__thumb:after {
  background-color: #fde335;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(15)
  .service1__item__thumb:before {
  background-color: #fffded;
}

.service1 .service1_row div[class^="col"]:nth-child(16) .service1__item:after {
  background-color: #ff5351;
}

.service1 .service1_row div[class^="col"]:nth-child(16) .service1__item__thumb {
  color: #ff5351;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(16)
  .service1__item__thumb:after {
  background-color: #ff7574;
}

.service1
  .service1_row
  div[class^="col"]:nth-child(16)
  .service1__item__thumb:before {
  background-color: #ffeaea;
}

.service2 {
  background-color: var(--gray_bg_01);
  position: relative;
}

.service2__bg1 {
  position: absolute;
  left: 147px;
  top: 177px;
}

@media only screen and (max-width: 575px) {
  .service2__bg1 {
    display: none;
  }
}

.service2__bg2 {
  position: absolute;
  bottom: 111px;
  right: 78px;
}

@media only screen and (max-width: 575px) {
  .service2__bg2 {
    display: none;
  }
}

.service2__item {
  background-color: #fff;
  padding: 47px 50px 47px;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 400px) {
  .service2__item {
    padding: 40px 30px 40px;
  }
}

.service2__item__thumb {
  margin-bottom: 30px;
}

.service2__item__thumb img {
  max-width: 70px;
}

.service2__item__content h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 13px;
}

@media only screen and (max-width: 479px) {
  .service2__item__content h5 {
    font-size: 22px;
  }
}

.service2__item__content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 27px;
}

.service2__item__content a {
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: var(--heading_color_01);
}

.service2__item__content a:hover {
  color: var(--primary_color_01);
}

.service2__item__content a i {
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/*==================================================
===| 13. Project And Portfolio
===================================================*/
.project1.home3 .project1__padding {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .project1.home3 .project1__padding {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .project1.home3 .project1__padding {
    padding-top: 80px;
  }
}

.project1__padding {
  padding-bottom: calc(120px - 24px);
}

@media only screen and (max-width: 1199px) {
  .project1__padding {
    padding-bottom: calc(100px - 24px);
  }
}

@media only screen and (max-width: 767px) {
  .project1__padding {
    padding-bottom: calc(80px - 24px);
  }
}

@media only screen and (max-width: 991px) {
  .project1__left {
    margin-bottom: 50px;
  }
}

.project1__left p {
  margin-bottom: 30px;
}

.project1__left__tags {
  margin-bottom: 30px;
}

.project1__left__tags a {
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  color: rgba(106, 106, 116, 0.7);
  border: 1px solid var(--border_color_01);
  border-radius: 5px;
  padding: 3px 20px;
  margin-bottom: 10px;
  margin-right: 6px;
}

.project1__left__tags a:hover {
  border-color: var(--heading_color_01);
  color: var(--heading_color_01);
}

.project1__item {
  overflow: hidden;
  margin-bottom: 24px;
}

.project1__item:hover .project1__item__overlay {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
}

.project1__item:hover .project1__item__overlay:before {
  top: 0px;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.project1__item:hover .project1__item__overlay:after {
  left: 0px;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.project1__item:hover .project1__item__overlay > a {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.project1__item:hover .project1__item__overlay > p > a {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.project1__item__thumb {
  position: relative;
}

.project1__item__thumb img {
  width: 100%;
  height: auto;
}

.project1__item__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(37, 37, 40, 0.85);
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.project1__item__overlay:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  top: -250px;
  left: 50px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.project1__item__overlay:after {
  position: absolute;
  content: "";
  width: 75%;
  height: 1px;
  background-color: #fff;
  bottom: 50px;
  left: -150px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.project1__item__overlay p a {
  font-size: 15px;
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 70px;
  bottom: 60px;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.project1__item__overlay p a:hover {
  color: var(--primary_color_01);
}

.project1__item__overlay > a {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: transparent;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.project1__item__overlay > a:hover {
  background-color: var(--primary_color_01);
}

/*==================================================
===| 14. Blog or News
===================================================*/
.blog1__item__thumb {
  position: relative;
}

.blog1__item__thumb__data {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 64px;
  text-align: center;
  background-color: var(--primary_color_01);
  padding: 10px 0px 5px;
}

.blog1__item__thumb__data h4 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 0px;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 3px;
}

.blog1__item__thumb__data h4:before {
  position: absolute;
  content: "";
  left: 12px;
  bottom: 0px;
  width: 40px;
  height: 1px;
  background-color: #fff;
}

.blog1__item__thumb__data p {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}

.blog1__item__content {
  padding-left: 50px;
  margin-top: 33px;
  padding-right: 10px;
}

@media only screen and (max-width: 1399px) {
  .blog1__item__content {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blog1__item__content {
    padding-left: 0px;
  }
}

.blog1__item__content__data {
  color: var(--font_color_01);
  margin-bottom: 7px;
}

.blog1__item__content__data > span:not(:last-child) {
  margin-right: 25px;
}

.blog1__item__content__data span i {
  font-size: 16px;
  margin-right: 4px;
}

.blog1__item__content__data span span a {
  color: var(--font_color_01);
  font-size: 15px;
  line-height: 30px;
}

.blog1__item__content__data span span a:hover {
  color: var(--primary_color_01);
}

.blog1__item__content h2 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--heading_color_01);
}

.blog1__item__content p {
  margin-bottom: 20px;
}

.blog2__item__thumb {
  position: relative;
}

.blog2__item__thumb img {
  width: 100%;
  height: auto;
}

.blog2__item__thumb--tag {
  position: absolute;
  left: 50px;
  bottom: 25px;
}

@media only screen and (max-width: 319px) {
  .blog2__item__thumb--tag {
    display: none;
  }
}

.blog2__item__thumb--tag a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #fff;
  background-color: var(--primary_color_01);
  padding: 6px 21px;
  border-radius: 3px;
}

.blog2__item__data {
  margin-bottom: 10px;
}

.blog2__item__data ul li {
  display: inline-block;
  margin-bottom: 10px;
}

.blog2__item__data ul li:not(:last-child) {
  margin-right: 28px;
}

@media only screen and (max-width: 479px) {
  .blog2__item__data ul li:not(:last-child) {
    margin-right: 10px;
  }
}

.blog2__item__data ul li:first-child a {
  color: var(--heading_color_01);
}

@media only screen and (max-width: 479px) {
  .blog2__item__data ul li:nth-child(2) {
    display: none;
  }
}

.blog2__item__data ul li img {
  display: inline-block;
  width: 40px;
  border-radius: 50px;
}

.blog2__item__data ul li svg {
  width: 20px;
  color: var(--font_color_01);
}

.blog2__item__data ul li a {
  font-size: 15px;
  display: inline-block;
  color: var(--font_color_01);
  font-weight: 500;
  padding-left: 4px;
}

.blog2__item__data ul li a:hover {
  color: var(--primary_color_01);
}

.blog2__item__content {
  padding: 35px 50px 30px;
  border-left: 1px solid var(--border_color_01);
  border-right: 1px solid var(--border_color_01);
  border-bottom: 1px solid var(--border_color_01);
}

@media only screen and (max-width: 575px) {
  .blog2__item__content {
    padding: 35px 30px 30px;
  }
}

@media only screen and (max-width: 319px) {
  .blog2__item__content {
    padding: 35px 20px 20px;
  }
}

.blog2__item__content h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
  .blog2__item__content h3 {
    font-size: 20px;
  }
}

/*==================================================
===| 15. Testimonial
===================================================*/
@media only screen and (max-width: 1199px) {
  .testimonial1__title .title {
    margin-bottom: 40px;
  }
}

.testimonial1__Carousel {
  margin-top: 75px;
}

@media only screen and (max-width: 1199px) {
  .testimonial1__Carousel {
    margin-top: 40px;
  }
}

.testimonial1__item {
  border: 1.5px solid var(--border_color_01);
  border-radius: 20px;
  padding: 108px 40px 50px;
  position: relative;
  margin: 60px 5px 67px;
}

@media only screen and (max-width: 400px) {
  .testimonial1__item {
    padding: 108px 20px 50px;
  }
}

@media only screen and (max-width: 319px) {
  .testimonial1__item {
    margin: 60px 5px 40px;
  }
}

.testimonial1__thumb {
  width: 180px;
  background-color: #fff;
  position: absolute;
  height: 120px;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial1__thumb--img {
  position: absolute;
  top: 0px;
  z-index: 5;
  width: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial1__thumb--img img {
  border-radius: 10px;
}

.testimonial1__thumb--icon {
  position: absolute;
  z-index: 10;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial1__thumb--icon i {
  font-size: 28px;
  color: var(--primary_color_01);
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 60px;
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}

.testimonial1__content p {
  margin-bottom: 20px;
}

.testimonial1__content--rating {
  margin-bottom: 25px;
}

.testimonial1__content--rating i {
  font-size: 16px;
  color: var(--secondary_color_02);
  margin: 0px -1px;
}

.testimonial1__content--data h5 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 2px;
}

.testimonial1__content--data h6 {
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  color: var(--sub_heading_color_01);
  text-transform: uppercase;
  margin: 0px;
}

.testimonial1 .slider-section-dots {
  position: relative;
}

.testimonial1 .slider-section-dots .owl-dots {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
}

@media only screen and (max-width: 479px) {
  .testimonial1 .slider-section-dots .owl-dots {
    width: 100%;
  }
}

.testimonial1 .slider-section-dots .owl-dots:after {
  content: "";
  background-color: #eeeefd;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0px;
  top: 8px;
  z-index: -1;
  border-radius: 20px;
}

@media only screen and (max-width: 1199px) {
  .testimonial1 .slider-section-dots .owl-dots:after {
    background-color: transparent;
  }
}

.testimonial1 .slider-section-dots .owl-dots .owl-dot span {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 150px;
  height: 10px;
  border-radius: 20px;
  border: none;
  background: transparent;
  margin: 0px;
}

@media only screen and (max-width: 1199px) {
  .testimonial1 .slider-section-dots .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    background-color: #c5c5e6;
  }
}

.testimonial1 .slider-section-dots .owl-dots .owl-dot.active span,
.testimonial1 .slider-section-dots .owl-dots .owl-dot:hover span {
  background: var(--primary_color_01);
}

.home2 .testimonial1__item {
  margin: 60px 0px 50px;
}

.testimonial2 {
  background: url(../img/png-img/png-img-30.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.testimonial2__thumbStyle1 {
  position: absolute;
  width: 100px;
  border: 1px solid var(--border_color_01);
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  padding: 5px;
  opacity: 0.5;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
}

@media only screen and (max-width: 1199px) {
  .testimonial2__thumbStyle1 {
    display: none;
  }
}

.testimonial2__thumbStyle1 img {
  border-radius: 50%;
}

.testimonial2__thumbStyle1__01 {
  top: 88px;
  left: 50px;
}

.testimonial2__thumbStyle1__02 {
  top: 428px;
  left: 50px;
}

.testimonial2__thumbStyle1__03 {
  top: 268px;
  left: 200px;
  width: 80px;
}

.testimonial2__thumbStyle1__04 {
  top: 608px;
  left: 200px;
  width: 80px;
}

.testimonial2__thumbStyle1__05 {
  top: 88px;
  right: 50px;
}

.testimonial2__thumbStyle1__06 {
  top: 428px;
  right: 50px;
}

.testimonial2__thumbStyle1__07 {
  top: 268px;
  right: 200px;
  width: 80px;
}

.testimonial2__thumbStyle1__08 {
  top: 608px;
  right: 200px;
  width: 80px;
}

.testimonial2__wrapper {
  padding: 0px 100px;
}

@media only screen and (max-width: 880px) {
  .testimonial2__wrapper {
    padding: 0px 40px;
  }
}

@media only screen and (max-width: 575px) {
  .testimonial2__wrapper {
    padding: 0px 20px;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial2__wrapper {
    padding: 0px 0px;
    font-size: 16px;
  }
}

.testimonial2__wrapper__thumb1 img {
  width: 120px;
}

.testimonial2__item p {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 15px;
}

.testimonial2__item h5 {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 2px;
}

.testimonial2__item span {
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--sub_heading_color_01);
}

.testimonial2__item__thumb {
  width: 100px;
  border: 1px solid var(--border_color_01);
  margin: 16px auto 0px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  padding: 5px;
}

.testimonial2__item__thumb img {
  border-radius: 50%;
}

.testimonial2 .owl-carousel .owl-nav button.owl-prev,
.testimonial2 .owl-carousel .owl-nav button.owl-next {
  background: transparent;
  color: #b4b4b9;
  position: absolute;
  top: 45px;
  left: -135px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 60px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 1199px) {
  .testimonial2 .owl-carousel .owl-nav button.owl-prev,
  .testimonial2 .owl-carousel .owl-nav button.owl-next {
    left: -100px;
  }
}

.testimonial2 .owl-carousel .owl-nav button.owl-prev:hover,
.testimonial2 .owl-carousel .owl-nav button.owl-next:hover {
  background: transparent;
  color: #b4b4b9;
}

@media only screen and (max-width: 880px) {
  .testimonial2 .owl-carousel .owl-nav button.owl-prev,
  .testimonial2 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.testimonial2 .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -135px;
}

@media only screen and (max-width: 1199px) {
  .testimonial2 .owl-carousel .owl-nav button.owl-next {
    right: -100px;
  }
}

/*==================================================
===| 16. Team
===================================================*/
.team1 {
  position: relative;
}

.team1__thumb {
  background: url(../img/png-img/png-img-21.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 550px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}

.team1__item__info {
  background-color: var(--gray_bg_01);
  padding: 24px 40px 23px;
  position: relative;
  margin-left: 70px;
  top: -55px;
  margin-bottom: -55px;
}

@media only screen and (max-width: 400px) {
  .team1__item__info {
    margin-left: 0px;
    padding: 24px 20px 23px;
    top: 0px;
    margin-bottom: 0px;
  }
}

.team1__item__info h4 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 2px;
}

.team1__item__info p {
  font-size: 16px;
  margin-bottom: 0px;
}

.team1__item__info > ul {
  position: absolute;
  top: -1px;
  right: 0px;
}

.team1__item__info > ul > li {
  position: relative;
}

.team1__item__info > ul > li > ul {
  position: absolute;
  top: -165px;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.team1__item__info > ul > li > ul > li {
  position: relative;
  top: -10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.team1__item__info > ul > li > ul > li:nth-child(odd) a {
  background-color: var(--secondary_color_01);
}

.team1__item__info > ul > li > ul > li:nth-child(1) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.team1__item__info > ul > li > ul > li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.team1__item__info > ul > li > ul > li a {
  width: 55px;
  height: 55px;
  background-color: var(--primary_color_01);
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 55px;
}

.team1__item__info > ul > li:first-child:hover ul {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.team1__item__info > ul > li:first-child:hover ul li {
  top: 0px;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.team1__item__info > ul > li:first-child a {
  background-color: var(--primary_color_01);
}

.team1__item__info > ul > li > a {
  width: 55px;
  height: 55px;
  background-color: var(--secondary_color_01);
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 55px;
}

.team1__item__info > ul > li span {
  width: 55px;
  height: 55px;
  background-color: var(--primary_color_01);
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 55px;
  cursor: pointer;
}

.team2 {
  background-color: var(--secondary_color_02);
  position: relative;
}

.team2.home2 {
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .team2__title .main_btn {
    margin-top: 30px;
  }
}

.team2__bg1 {
  position: absolute;
  left: 73px;
  top: 364px;
}

@media only screen and (max-width: 1599px) {
  .team2__bg1 {
    display: none;
  }
}

.team2__bg2 {
  position: absolute;
  right: 70px;
  bottom: 242px;
}

@media only screen and (max-width: 1599px) {
  .team2__bg2 {
    display: none;
  }
}

.team2__item:hover .team2__item__thumb--social {
  bottom: 0px;
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
  visibility: visible;
}

.team2__item__thumb {
  position: relative;
  overflow: hidden;
}

.team2__item__thumb img {
  width: 100%;
  height: auto;
}

.team2__item__thumb--social {
  position: absolute;
  width: 100%;
  height: 150px;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: -70px;
  left: 0px;
  text-align: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
  visibility: hidden;
}

.team2__item__thumb--social ul li {
  display: inline-block;
}

.team2__item__thumb--social ul li a {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: var(--heading_color_01);
  background-color: var(--secondary_color_02);
  margin: 30px 3px 0px;
}

.team2__item__thumb--social ul li a:hover {
  background-color: var(--primary_color_01);
  color: #fff;
}

.team2__item__content {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  width: 74%;
  left: 13%;
  position: relative;
  text-align: center;
  padding: 30px 25px 27px;
  margin-top: -55px;
  background-color: var(--secondary_color_02);
}

@media only screen and (max-width: 400px) {
  .team2__item__content {
    width: 90%;
    left: 5%;
  }
}

.team2__item__content h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4px;
}

.team2__item__content p {
  margin-bottom: 0px;
  font-size: 15px;
  color: var(--sub_heading_color_01);
}

/*==================================================
===| 17. About
===================================================*/
.about1__imgBox1 {
  position: relative;
}

.about1__thumb1 {
  display: inline-block;
  border-radius: 10px;
  position: relative;
  width: 317px;
  top: 40px;
}

@media only screen and (max-width: 1399px) {
  .about1__thumb1 {
    top: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about1__thumb1 {
    width: auto;
  }
}

.about1__thumb2 {
  display: inline-block;
  border-radius: 10px;
  width: 308px;
  margin-left: 17px;
}

@media only screen and (max-width: 1399px) {
  .about1__thumb2 {
    display: none;
  }
}

.about1__thumb5 {
  position: absolute;
  left: -58px;
  top: 23px;
  z-index: -1;
}

@media only screen and (max-width: 1599px) {
  .about1__thumb5 {
    display: none;
  }
}

.about1__imgBox2 {
  margin-top: 20px;
  position: relative;
}

.about1__thumb3 {
  display: inline-block;
  border-radius: 10px;
  position: relative;
  width: 205px;
  top: -48px;
}

@media only screen and (max-width: 1399px) {
  .about1__thumb3 {
    display: none;
  }
}

.about1__thumb4 {
  display: inline-block;
  border-radius: 10px;
  width: 420px;
  margin-left: 17px;
}

@media only screen and (max-width: 1399px) {
  .about1__thumb4 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about1__thumb4 {
    width: auto;
  }
}

.about1__thumb6 {
  position: absolute;
  width: 200px;
  left: 170px;
  top: -110px;
  display: inline-block;
}

@media only screen and (max-width: 1399px) {
  .about1__thumb6 {
    left: auto;
    right: 40px;
    top: -160px;
  }
}

@media only screen and (max-width: 1199px) {
  .about1__thumb6 {
    left: 300px;
    right: auto;
  }
}

@media only screen and (max-width: 575px) {
  .about1__thumb6 {
    left: auto;
    right: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .about1__thumb6 {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -120px;
  }
}

.about1__thumb6__content {
  position: absolute;
  display: inline-block;
  text-align: center;
  width: 200px;
  left: 0px;
  padding-top: 43px;
}

.about1__thumb6__content h6 {
  font-size: 48px;
  font-weight: 600;
  font-family: var(--font_display);
  color: #fff;
  letter-spacing: -0.5px;
  margin-bottom: 0px;
}

.about1__thumb6__content p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.about1__right {
  padding-left: 40px;
}

@media only screen and (max-width: 1399px) {
  .about1__right {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .about1__right {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .about1__right {
    margin-bottom: 80px;
  }
}

.about1__content > p {
  margin-bottom: 30px;
}

.about1__content__item {
  margin-bottom: 38px;
}

.about1__content__item--title {
  margin-bottom: 15px;
}

.about1__content__item--title span {
  width: 30px;
}

.about1__content__item--title h5 {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-family: var(--font_primary);
  margin-left: 10px;
}

@media only screen and (max-width: 1399px) {
  .about1__content__item--title h5 {
    margin-left: 0px;
  }
}

.about1__content__item p {
  padding-right: 20px;
}

@media only screen and (max-width: 1399px) {
  .about1__content__item p {
    padding-right: 0px;
  }
}

.about1.home2 .about1__right {
  padding-left: 0px;
}

.about1.home2 .about1__imgBox3 {
  position: relative;
  text-align: center;
}

.about1.home2 .about1__imgBox3__thumb1 {
  padding-top: 60px;
  padding-bottom: 77px;
  width: 238px;
}

@media only screen and (max-width: 1399px) {
  .about1.home2 .about1__imgBox3__thumb1 {
    padding: 13px 0px 13px;
  }
}

@media only screen and (max-width: 575px) {
  .about1.home2 .about1__imgBox3__thumb1 {
    display: none;
  }
}

.about1.home2 .about1__imgBox3__thumb2 {
  position: absolute;
  width: 317px;
  bottom: 0px;
  left: 258px;
}

@media only screen and (max-width: 1399px) {
  .about1.home2 .about1__imgBox3__thumb2 {
    width: 239px;
  }
}

@media only screen and (max-width: 575px) {
  .about1.home2 .about1__imgBox3__thumb2 {
    position: relative;
    left: 0px;
    width: 100%;
  }
}

.about1.home2 .about1__imgBox3__thumb3 {
  position: absolute;
  top: 0px;
  left: 258px;
  width: 239px;
  height: 241px;
  border: 2px dashed rgba(104, 100, 237, 0.5);
  padding-top: 35px;
}

@media only screen and (max-width: 575px) {
  .about1.home2 .about1__imgBox3__thumb3 {
    position: relative;
    left: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.about1.home2 .about1__imgBox3__thumb3 h6 {
  font-size: 20px;
  color: var(--sub_heading_color_01);
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 0px;
}

.about1.home2 .circle-chart {
  width: 130px;
  height: 130px;
}

.about1.home2 .success-stroke {
  stroke: var(--primary_color_01);
}

.about1.home2 .warning-stroke {
  stroke: var(--primary_color_01);
}

.about1.home2 .danger-stroke {
  stroke: var(--primary_color_01);
}

.about1.home2 .circle-chart__percent {
  font-size: 8px;
  font-weight: bold;
  font-family: var(--font_primary);
  left: 50px;
}

.about1.home2 .circle-chart__subline {
  display: none;
}

.whyChooseUs1__right {
  padding-left: 70px;
}

@media only screen and (max-width: 1399px) {
  .whyChooseUs1__right {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .whyChooseUs1__right {
    margin-bottom: 60px;
  }
}

.whyChooseUs1__feature {
  position: relative;
}

.whyChooseUs1__feature--thumb {
  position: absolute;
  left: 0px;
  top: 1px;
  display: inline-block;
}

.whyChooseUs1__feature--thumb i {
  background-color: var(--secondary_color_01);
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 40px;
  text-align: center;
  line-height: 28px;
}

.whyChooseUs1__feature--content {
  padding-left: 48px;
}

.whyChooseUs1__feature--content h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 14px;
}

.whyChooseUs1__feature--content p {
  padding-right: 30px;
  margin: 0px;
}

@media only screen and (max-width: 1399px) {
  .whyChooseUs1__feature--content p {
    padding-right: 0px;
  }
}

.whyChooseUs1__content > p {
  margin-bottom: 32px;
  padding-right: 20px;
}

@media only screen and (max-width: 1399px) {
  .whyChooseUs1__content > p {
    padding-right: 0px;
  }
}

.whyChooseUs1__content .whyChooseUs1__feature:nth-child(2n) {
  margin-top: 30px;
}

.whyChooseUs1__content
  .whyChooseUs1__feature:nth-child(2n)
  .whyChooseUs1__feature--thumb
  i {
  background-color: var(--secondary_color_02);
}

.whyChooseUs1__left {
  position: relative;
}

.whyChooseUs1__left--bg {
  position: absolute;
  left: 100px;
  top: 57px;
  z-index: -1;
}

@media only screen and (max-width: 1399px) {
  .whyChooseUs1__left--bg {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 575px) {
  .whyChooseUs1__left--bg {
    display: none;
  }
}

.whyChooseUs1__item {
  width: 270px;
  -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  padding: 50px 40px 45px;
  background-color: #fff;
}

@media only screen and (max-width: 1399px) {
  .whyChooseUs1__item {
    width: auto;
  }
}

@media only screen and (max-width: 640px) {
  .whyChooseUs1__item {
    width: 100%;
  }
}

@media only screen and (max-width: 319px) {
  .whyChooseUs1__item {
    padding: 50px 30px 45px;
  }
}

.whyChooseUs1__item--01 {
  margin-top: 170px;
  margin-right: 5px;
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .whyChooseUs1__item--01 {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .whyChooseUs1__item--01 {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.whyChooseUs1__item--02 {
  margin-bottom: 40px;
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  .whyChooseUs1__item--02 {
    margin-left: 0px;
  }
}

.whyChooseUs1__item--02 .whyChooseUs1__item--thumb {
  background-color: #ebfaf2;
}

.whyChooseUs1__item--03 {
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  .whyChooseUs1__item--03 {
    margin-left: 0px;
  }
}

.whyChooseUs1__item--03 .whyChooseUs1__item--thumb {
  background-color: #fdfaef;
}

.whyChooseUs1__item--thumb {
  width: 60px;
  height: 60px;
  background-color: #eeeefd;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  margin-bottom: 27px;
}

.whyChooseUs1__item--thumb img {
  width: 30px;
}

.whyChooseUs1__item--content h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 25px;
}

.whyChooseUs1__item--content p {
  margin: 0px;
}

.techManagement1 {
  background-color: var(--tertiary_color_01);
  position: relative;
}

.techManagement1__thumb1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.techManagement1__thumb2 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: calc(50% - 15px);
}

@media only screen and (max-width: 1199px) {
  .techManagement1__thumb2 {
    width: 100%;
    position: relative;
  }
}

.techManagement1__thumb2__wrapper {
  position: relative;
  width: 100%;
  height: 570px;
  background: url(../img/about/about-05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.techManagement1__thumb2__imgBox {
  position: absolute;
  background-color: var(--secondary_color_02);
  width: 225px;
  height: 100%;
  top: 0px;
  left: 0px;
}

@media only screen and (max-width: 479px) {
  .techManagement1__thumb2__imgBox {
    width: 50%;
  }
}

.techManagement1__thumb2__imgBox i {
  position: absolute;
  left: 50%;
  top: 50px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 110px;
  height: 110px;
  background-color: var(--tertiary_color_01);
  text-align: center;
  line-height: 110px;
  color: #fff;
  border-radius: 50%;
  font-size: 20px;
}

.techManagement1__thumb2__imgBox p {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--font_primary);
  color: var(--heading_color_01);
  padding: 0px 30px 25px;
}

@media only screen and (max-width: 479px) {
  .techManagement1__thumb2__imgBox p {
    padding: 0px 20px 15px;
  }
}

@media only screen and (max-width: 400px) {
  .techManagement1__thumb2__imgBox p {
    font-size: 16px;
    line-height: 26px;
  }
}

.techManagement1__content p {
  color: rgba(255, 255, 255, 0.7);
  padding-right: 100px;
}

@media only screen and (max-width: 1399px) {
  .techManagement1__content p {
    padding-right: 0px;
  }
}

.techManagement1__content ul {
  margin-top: 32px;
}

.techManagement1__content ul li {
  position: relative;
}

.techManagement1__content ul li:not(:last-child) {
  margin-bottom: 15px;
}

.techManagement1__content ul li:before {
  position: absolute;
  content: "\f058";
  color: var(--secondary_color_02);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  left: 0px;
  top: -1px;
}

.techManagement1__content ul li span {
  color: rgba(255, 255, 255, 0.7);
  padding-left: 34px;
}

.techManagement1__content .title {
  margin-bottom: 30px;
}

.techManagement1__content .title h5 {
  color: #fff;
}

.techManagement1__content .title h2 {
  color: #fff;
}

.ourMission1__wrapper nav {
  margin-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .ourMission1__wrapper nav {
    margin-bottom: 50px;
  }
}

.ourMission1__wrapper nav .nav.nav-tabs {
  border: none;
}

.ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
  background-color: var(--button_bg_01);
  width: 318.75px;
  border-radius: 10px;
  height: 90px;
  border: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--font_color_01);
}

.ourMission1__wrapper nav .nav.nav-tabs button.nav-link:not(:last-child) {
  margin-right: 15px;
}

@media only screen and (max-width: 640px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link:not(:last-child) {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
    width: 263px;
  }
}

@media only screen and (max-width: 1199px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
    width: 217px;
    font-size: 15px;
    height: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
    width: 173px;
  }
}

@media only screen and (max-width: 767px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 640px) {
  .ourMission1__wrapper nav .nav.nav-tabs button.nav-link {
    width: 100%;
  }
}

.ourMission1__wrapper nav .nav.nav-tabs button.nav-link.active {
  background-color: var(--primary_color_01);
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .ourMission1__wrapper
    .tab-content
    > .tab-pane
    > .row
    > div[class^="col"]:nth-child(1) {
    margin-bottom: 40px;
  }
}

.ourMission1__left {
  padding-right: 50px;
}

@media only screen and (max-width: 1399px) {
  .ourMission1__left {
    padding-right: 0px;
  }
}

.ourMission1__left__item {
  position: relative;
}

.ourMission1__left__item:first-child {
  border-bottom: 1px solid var(--border_color_01);
  padding-bottom: 28px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .ourMission1__left__item:first-child {
    border-bottom: none;
    padding-bottom: 0px;
  }
}

.ourMission1__left__thumb {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: var(--button_bg_01);
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 400px) {
  .ourMission1__left__thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 7px;
  }
}

@media only screen and (max-width: 400px) {
  .ourMission1__left__thumb img {
    width: 15px;
  }
}

.ourMission1__left__content {
  padding-left: 90px;
}

@media only screen and (max-width: 400px) {
  .ourMission1__left__content {
    padding-left: 55px;
  }
}

.ourMission1__left__content h4 {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 15px;
}

.ourMission1__left__content p {
  margin: 0px;
}

.ourMission1__right h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  padding-right: 30px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1399px) {
  .ourMission1__right h3 {
    padding-right: 0px;
  }
}

.ourMission1__right__item {
  border: 1px solid var(--border_color_01);
  border-radius: 10px;
  padding: 30px 20px 27px;
  position: relative;
  margin-top: 20px;
}

.ourMission1__right__item img {
  position: absolute;
  left: 20px;
  top: 32px;
}

@media only screen and (max-width: 1199px) {
  .ourMission1__right__item img {
    top: 21px;
  }
}

@media only screen and (max-width: 479px) {
  .ourMission1__right__item img {
    top: 32px;
  }
}

.ourMission1__right__item h6 {
  padding-left: 55px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--font_color_01);
  margin-bottom: 0px;
}

.workingSkill1__thumb {
  padding-left: 55px;
  position: relative;
}

@media only screen and (max-width: 1399px) {
  .workingSkill1__thumb {
    padding-left: 0px;
  }
}

.workingSkill1__thumb__01 {
  display: inline-block;
  max-width: 368px;
}

@media only screen and (max-width: 1399px) {
  .workingSkill1__thumb__01 {
    max-width: 45%;
  }
}

.workingSkill1__thumb__02 {
  display: inline-block;
  max-width: 310px;
  margin-left: 19px;
}

@media only screen and (max-width: 1399px) {
  .workingSkill1__thumb__02 {
    max-width: 45%;
  }
}

@media only screen and (max-width: 479px) {
  .workingSkill1__thumb__02 {
    margin-left: 10px;
  }
}

.workingSkill1__thumb__03 {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-color: #fff;
  padding: 15px;
  top: 50%;
  left: 57%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1399px) {
  .workingSkill1__thumb__03 {
    left: 50%;
  }
}

@media only screen and (max-width: 1199px) {
  .workingSkill1__thumb__03 {
    left: 40%;
  }
}

@media only screen and (max-width: 991px) {
  .workingSkill1__thumb__03 {
    left: 45%;
  }
}

@media only screen and (max-width: 767px) {
  .workingSkill1__thumb__03 {
    left: 47%;
  }
}

@media only screen and (max-width: 479px) {
  .workingSkill1__thumb__03 {
    display: none;
  }
}

.workingSkill1__thumb__03--btn {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  text-align: center;
}

.workingSkill1__thumb__04 {
  position: absolute;
  right: -53px;
  top: -5px;
  z-index: -1;
}

@media only screen and (max-width: 1599px) {
  .workingSkill1__thumb__04 {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .workingSkill1__wrapper {
    margin-bottom: 60px;
  }
}

.workingSkill1__content #progress-elements {
  margin-top: 40px;
}

.workingSkill1__content #progress-elements .progress-skill {
  position: relative;
}

.workingSkill1__content #progress-elements .progress-skill:not(:first-child) {
  margin-top: 26px;
}

.workingSkill1__content #progress-elements .progress-skill:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--primary_color_01);
  left: 0px;
  bottom: -5px;
}

.workingSkill1__content #progress-elements .progress-skill h4 {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  color: var(--heading_color_01);
}

.workingSkill1__content #progress-elements .progress-skill .progress {
  border-radius: 0px;
  height: 8px;
  background-color: #fff;
}

.workingSkill1__content #progress-elements .progress-skill .progress-bar {
  background-color: var(--secondary_color_02);
}

.workingSkill1__content #progress-elements .progress-skill .progress-bar span {
  position: absolute;
  right: 0px;
  bottom: 15px;
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  color: var(--font_color_01);
}

/*==================================================
===| 18. Sidebar
===================================================*/
.sidebar1__item {
  border: 1px solid var(--border_color_01);
  padding: 45px 40px 50px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1399px) {
  .sidebar1__item {
    padding: 35px 30px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .sidebar1__item {
    padding: 35px 20px 40px;
  }
}

.sidebar1__item__title {
  margin-bottom: 23px;
}

.sidebar1__item__title h4 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  position: relative;
}

.sidebar1__item__title h4:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  background-color: var(--primary_color_01);
  opacity: 0.85;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; */
  left: 0px;
  bottom: -2px;
  z-index: -1;
}

.sidebar1__item__search form {
  position: relative;
}

.sidebar1__item__search form input {
  width: 100%;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: var(--gray_bg_01);
  border: none;
  display: inline-block;
  padding: 12px 50px 12px 20px;
  border-radius: 10px;
}

.sidebar1__item__search form input::-webkit-input-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input:-ms-input-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input::-ms-input-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input::-webkit-input-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input::-moz-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input:-ms-input-placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form input::placeholder {
  font-size: 15px;
  font-style: italic;
  font-family: var(--font_primary);
  color: var(--font_color_01);
  opacity: 0.8;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
}

.sidebar1__item__search form button {
  border: none;
  position: absolute;
  top: 11px;
  right: 20px;
  background: none;
  color: var(--font_color_01);
}

.sidebar1__item__admin img {
  max-width: 120px;
  height: auto;
  display: inline-block;
  margin-bottom: 28px;
}

.sidebar1__item__admin h6 {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
}

.sidebar1__item__admin p {
  font-size: 15px;
  line-height: 25px;
  font-style: italic;
  margin-bottom: 17px;
}

.sidebar1__item__admin ul li {
  display: inline-block;
}

.sidebar1__item__admin ul li:not(:last-child) {
  margin-right: 10px;
}

.sidebar1__item__admin ul li a {
  display: inline-block;
  font-size: 18px;
  color: var(--font_color_01);
}

.sidebar1__item__admin ul li a:hover {
  color: var(--primary_color_01);
}

.sidebar1__item__post--item {
  position: relative;
}

.sidebar1__item__post--item:not(:last-child) {
  margin-bottom: 20px;
}

.sidebar1__item__post--thumb {
  max-width: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 400px) {
  .sidebar1__item__post--thumb {
    max-width: 60px;
  }
}

.sidebar1__item__post--content {
  min-height: 100px;
  padding-left: 120px;
  padding-top: 8px;
}

@media only screen and (max-width: 1399px) {
  .sidebar1__item__post--content {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .sidebar1__item__post--content {
    padding-left: 75px;
  }
}

.sidebar1__item__post--content h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
}

.sidebar1__item__post--content > a i {
  display: inline-block;
  font-size: 20px;
  color: var(--primary_color_01);
  top: 1px;
  position: relative;
}

.sidebar1__item__post--content > a span {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  color: var(--font_color_01);
  margin-left: 5px;
}

.sidebar1__item__categories ul li {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
}

.sidebar1__item__categories ul li:not(:last-child) {
  margin-bottom: 5px;
}

.sidebar1__item__categories ul li a {
  background-color: var(--gray_bg_01);
  padding: 5px 5px 5px 30px;
}

@media only screen and (max-width: 400px) {
  .sidebar1__item__categories ul li a {
    padding: 5px 5px 5px 20px;
  }
}

.sidebar1__item__categories ul li a:hover {
  background-color: var(--primary_color_01);
}

.sidebar1__item__categories ul li a:hover span:first-child {
  color: #fff;
}

.sidebar1__item__categories ul li a span:first-child {
  font-size: 17px;
  color: var(--sub_heading_color_01);
  font-weight: 500;
  font-family: var(--font_primary);
  line-height: 1.3;
  text-transform: capitalize;
  margin-top: 10px;
}

.sidebar1__item__categories ul li a span:last-child {
  width: 40px;
  height: 40px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  color: var(--sub_heading_color_01);
  font-weight: 500;
  font-family: var(--font_primary);
  border-radius: 5px;
}

.sidebar1__item__tags ul li {
  display: inline-block;
}

.sidebar1__item__tags ul li a {
  display: inline-block;
  margin: 4.5px 2.5px;
  min-width: 104px;
  height: 40px;
  background: #fff;
  border: 1px solid var(--border_color_01);
  font-size: 15px;
  text-align: center;
  line-height: 40px;
  color: var(--font_color_01);
}

@media only screen and (max-width: 479px) {
  .sidebar1__item__tags ul li a {
    min-width: 95px;
  }
}

/*==================================================
===| 19. Detail Pages
===================================================*/
.blogDetails1.home2 .blogDetails1__wrapper {
  top: 0px;
  margin-bottom: 0px;
  border-radius: 0px 0px 0px 0px;
  border-left: 1px solid var(--border_color_01);
  border-right: 1px solid var(--border_color_01);
  border-bottom: 1px solid var(--border_color_01);
  padding: 50px 50px 30px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .blogDetails1.home2 .blogDetails1__wrapper {
    padding: 50px 30px 10px;
  }
}

@media only screen and (max-width: 479px) {
  .blogDetails1.home2 .blogDetails1__wrapper {
    padding: 30px 0px 0px;
    border: none;
  }
}

.blogDetails1__thumb {
  border-radius: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 479px) {
  .blogDetails1__thumb {
    border-radius: 5px;
  }
}

.blogDetails1__wrapper {
  position: relative;
  background-color: #fff;
  padding: 50px 50px 0px;
  top: -80px;
  border-radius: 30px 30px 0px 0px;
  margin-bottom: -80px;
}

@media only screen and (max-width: 991px) {
  .blogDetails1__wrapper {
    border-radius: 0px;
    top: 0px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blogDetails1__wrapper {
    padding: 50px 30px 0px;
  }
}

@media only screen and (max-width: 479px) {
  .blogDetails1__wrapper {
    padding: 50px 0px 0px;
  }
}

.blogDetails1__data {
  margin-bottom: 20px;
}

.blogDetails1__data ul li {
  display: inline-block;
}

.blogDetails1__data ul li:first-child img {
  border-radius: 100%;
}

.blogDetails1__data ul li:first-child a {
  color: var(--heading_color_01);
  font-weight: 600;
}

.blogDetails1__data ul li:not(:last-child) {
  margin-right: 25px;
}

.blogDetails1__data ul li i {
  display: inline-block;
  font-size: 20px;
  color: var(--font_color_01);
  position: relative;
  top: 2px;
}

.blogDetails1__data ul li a {
  display: inline-block;
  color: var(--font_color_01);
  margin-left: 5px;
  font-size: 15px;
  font-weight: 500;
}

.blogDetails1__content h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 11px;
}

.blogDetails1__quote {
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 38px 50px;
  border-left: 3px solid var(--primary_color_01);
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 479px) {
  .blogDetails1__quote {
    padding: 25px 30px;
  }
}

.blogDetails1__quote h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--sub_heading_color_01);
  margin-bottom: 15px;
}

.blogDetails1__quote h6 {
  font-family: var(--font_primary);
  font-weight: 500;
  font-size: 17px;
  color: var(--heading_color_01);
}

.blogDetails1__quote img {
  max-width: 100px;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 0;
}

.blogDetails1__imgBox {
  margin-top: 30px;
}

.blogDetails1__tag {
  margin-top: 70px;
  margin-bottom: 50px;
}

.blogDetails1__tag__link {
  margin-bottom: 10px;
}

.blogDetails1__tag__link span {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  color: var(--heading_color_01);
  margin-right: 10px;
}

.blogDetails1__tag__link a {
  display: inline-block;
  font-size: 15px;
  line-height: 30px;
  border: 1px solid var(--border_color_01);
  border-radius: 5px;
  color: var(--font_color_01);
  padding: 1px 20px;
  margin-bottom: 10px;
}

.blogDetails1__tag__link a:not(:last-child) {
  margin-right: 4px;
}

.blogDetails1__tag__link a:hover {
  background-color: var(--primary_color_01);
  border-color: var(--primary_color_01);
  color: #fff;
}

.blogDetails1__tag__share span {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  color: var(--heading_color_01);
  margin-right: 10px;
}

.blogDetails1__tag__share a {
  width: 32px;
  display: inline-block;
  border: 1px solid var(--border_color_01);
  border-radius: 5px;
  height: 32px;
  color: var(--font_color_01);
  text-align: center;
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 10px;
}

.blogDetails1__tag__share a:not(:last-child) {
  margin-right: 4px;
}

.blogDetails1__tag__share a:hover {
  background-color: var(--primary_color_01);
  border-color: var(--primary_color_01);
  color: #fff;
}

.blogDetails1__otherPost {
  background-color: var(--button_bg_01);
  border-radius: 5px;
  padding: 30px 40px 25px;
}

@media only screen and (max-width: 767px) {
  .blogDetails1__otherPost {
    padding: 30px 30px 30px;
  }
}

@media only screen and (max-width: 479px) {
  .blogDetails1__otherPost {
    display: none;
  }
}

.blogDetails1__otherPost__item > a {
  display: inline-block;
  color: var(--font_color_01);
  font-size: 15px;
  background-color: #fff;
  padding: 5px 20px;
  border-radius: 5px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .blogDetails1__otherPost__item > a {
    margin-bottom: 0px;
  }
}

.blogDetails1__otherPost__item h6 {
  font-family: var(--font_primary);
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .blogDetails1__otherPost__item h6 {
    display: none;
  }
}

.blogDetails1__comment {
  margin-top: 60px;
}

.blogDetails1__comment h4 {
  font-family: var(--font_display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 40px;
}

.blogDetails1__comment__item {
  position: relative;
}

.blogDetails1__comment__item:not(:last-child) {
  margin-bottom: 30px;
}

.blogDetails1__comment__item.reply {
  margin-left: 90px;
}

@media only screen and (max-width: 479px) {
  .blogDetails1__comment__item.reply {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 319px) {
  .blogDetails1__comment__item.reply {
    margin-left: 25px;
  }
}

.blogDetails1__comment__item--thumb {
  width: 60px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
}

.blogDetails1__comment__item--content {
  margin-left: 90px;
}

@media only screen and (max-width: 400px) {
  .blogDetails1__comment__item--content {
    margin-left: 75px;
  }
}

.blogDetails1__comment__item--content p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
}

.blogDetails1__comment__item--data {
  margin-bottom: 15px;
}

.blogDetails1__comment__item--data h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.blogDetails1__comment__item--data span {
  font-size: 14px;
}

.blogDetails1__form {
  margin-top: 60px;
}

.blogDetails1__form > h4 {
  font-family: var(--font_display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 14px;
}

.blogDetails1__form > span {
  font-size: 16px;
  line-height: 26px;
  display: block;
}

.blogDetails1__form #contact-form {
  margin-top: 30px;
}

.blogDetails1__form #contact-form h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 13px;
}

.blogDetails1__form #contact-form .form-control {
  border-color: var(--border_color_01);
  border-radius: 5px;
  padding: 12px 20px;
  margin-bottom: 30px;
}

.blogDetails1__form #contact-form .form-check-label {
  font-size: 16px;
  line-height: 26px;
}

.blogDetails1__form #contact-form .main_btn {
  margin-top: 40px;
}

@media only screen and (max-width: 479px) {
  .blogDetails1__form #contact-form .main_btn {
    margin-top: 20px;
  }
}

.projectDetails1__info {
  border: 1px solid var(--border_color_01);
  padding: 45px 40px 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1399px) {
  .projectDetails1__info {
    padding: 35px 30px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .projectDetails1__info {
    padding: 35px 20px 40px;
  }
}

.projectDetails1__info__title {
  margin-bottom: 24px;
}

.projectDetails1__info__title h4 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  position: relative;
}

.projectDetails1__info__title h4:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  background-color: var(--primary_color_01);
  opacity: 0.85;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; */
  left: 0px;
  bottom: -2px;
  z-index: -1;
}

.projectDetails1__info__content ul li:not(:last-child) {
  margin-bottom: 5px;
}

.projectDetails1__info__content ul li span:first-child {
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  color: var(--heading_color_01);
  margin-right: 5px;
}

.projectDetails1__info__content ul li span:last-child {
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
}

.projectDetails1__cta a {
  font-family: var(--font_primary);
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--font_color_01);
  letter-spacing: 1.3px;
  display: inline-block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: var(--primary_color_01);
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 319px) {
  .projectDetails1__cta a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .projectDetails1__content {
    margin-top: 50px;
  }
}

.projectDetails1__content__text {
  border: 1px solid var(--border_color_01);
  border-top: none;
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .projectDetails1__content__text {
    padding: 40px 30px 40px;
  }
}

@media only screen and (max-width: 479px) {
  .projectDetails1__content__text {
    border: none;
    padding: 30px 0px 0px;
  }
}

.projectDetails1__content__text h3 {
  font-family: var(--font_display);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 22px;
}

.projectDetails1__content__text h4 {
  font-family: var(--font_display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 22px;
}

.serviceDetails1__content ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

.serviceDetails1__content ul li:not(:last-child) {
  margin-bottom: 6px;
}

.serviceDetails1__content ul li i {
  font-size: 18px;
  color: var(--primary_color_01);
  display: inline-block;
  margin-right: 10px;
}

.serviceDetails1__content__thumb {
  width: 100%;
  height: auto;
}

.serviceDetails1__content__text {
  border: 1px solid var(--border_color_01);
  border-top: none;
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .serviceDetails1__content__text {
    padding: 40px 30px 40px;
  }
}

@media only screen and (max-width: 479px) {
  .serviceDetails1__content__text {
    border: none;
    padding: 30px 0px 0px;
  }
}

.serviceDetails1__content__text h3 {
  font-family: var(--font_display);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 22px;
}

.serviceDetails1__content__text h4 {
  font-family: var(--font_display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  margin-bottom: 22px;
}

.serviceDetails1__imgBox {
  margin-top: 35px;
  margin-bottom: 15px;
}

.serviceDetails1__imgBox__item {
  margin-bottom: 24px;
}

.serviceDetails1__imgBox__item img {
  width: 100%;
  height: auto;
}

/*==================================================
===| 20. Contact
===================================================*/
.contact1__input .title {
  padding-right: 50px;
}

@media only screen and (max-width: 1399px) {
  .contact1__input .title {
    padding-right: 0px;
  }
}

.contact1__input__form > P {
  margin-bottom: 40px;
}

.contact1__input__form form#contact-form .form-control {
  border-color: var(--border_color_01);
  padding: 15px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.contact1__input__form form#contact-form .form-control:focus {
  border-color: var(--secondary_color_01);
}

.contact1__input__form
  form#contact-form
  .form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form form#contact-form .form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form form#contact-form .form-control::-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form
  form#contact-form
  .form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form form#contact-form .form-control::-moz-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form form#contact-form .form-control:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

.contact1__input__form form#contact-form .form-control::placeholder {
  color: #999;
  font-size: 14px;
  font-family: var(--font_display);
  line-height: 30px;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .contact1__info {
    margin-top: 50px;
  }
}

.contact1__info__item {
  position: relative;
}

.contact1__info__item:not(:last-child) {
  border-bottom: 1px solid var(--border_color_01);
  padding-bottom: 55px;
}

.contact1__info__item:not(:first-child) {
  margin-top: 50px;
}

.contact1__info__item > i {
  font-size: 25px;
  color: var(--primary_color_01);
  position: absolute;
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 400px) {
  .contact1__info__item > i {
    font-size: 20px;
  }
}

.contact1__info__item--content {
  padding-left: 55px;
}

@media only screen and (max-width: 400px) {
  .contact1__info__item--content {
    padding-left: 30px;
  }
}

.contact1__info__item--content h6 {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  line-height: 1;
  margin-bottom: 0px;
}

.contact1__info__item--content h4 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  font-family: var(--font_display);
  color: var(--heading_color_01);
  margin-bottom: 0px;
  margin-top: 18px;
}

@media only screen and (max-width: 1399px) {
  .contact1__info__item--content h4 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  .contact1__info__item--content h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 400px) {
  .contact1__info__item--content h4 {
    font-size: 18px;
  }
}

.contact1__info__item--content p {
  line-height: 1;
  font-size: 17px;
  font-weight: 500;
  color: var(--heading_color_01);
  margin-bottom: 0px;
  margin-top: 14px;
}

.location1__wrapper {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .location1__wrapper {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .location1__wrapper {
    padding-top: 80px;
  }
}

.location1__item {
  padding: 55px 50px 60px;
  -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
}

@media only screen and (max-width: 400px) {
  .location1__item {
    padding: 30px 30px;
    border-radius: 0px;
  }
}

.location1__item h4 {
  font-size: 32px;
  color: var(--primary_color_01);
  font-family: var(--font_primary);
  font-weight: 500;
  margin-bottom: 27px;
}

@media only screen and (max-width: 400px) {
  .location1__item h4 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

.location1__item ul li:not(:last-child) {
  margin-bottom: 8px;
}

/*==================================================
===| 21. Other Sections (Author CSS End)
===================================================*/
.cta1 {
  background-color: var(--gray_bg_01);
  background: url(../img/png-img/png-img-18.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cta1__content {
  margin-bottom: 135px;
}

@media only screen and (max-width: 1199px) {
  .cta1__content {
    margin-bottom: 0px;
  }
}

.cta1__content p {
  padding: 0px 80px;
}

@media only screen and (max-width: 640px) {
  .cta1__content p {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 400px) {
  .cta1__content p {
    padding: 0px 10px;
  }
}

.cta1__content--bottom {
  padding-top: 13px;
}

.cta1__content--bottom .main_btn {
  top: -16px;
}

@media only screen and (max-width: 767px) {
  .cta1__content--bottom .main_btn {
    top: 0px;
  }
}

.cta1__btn {
  display: inline-block;
  position: relative;
  margin-left: 37px;
  margin-top: 17px;
}

@media only screen and (max-width: 767px) {
  .cta1__btn {
    display: none;
  }
}

.cta1__btn--thumb {
  position: absolute;
  background-color: var(--secondary_color_01);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
}

.cta1__btn--thumb img {
  width: 30px;
}

.cta1__btn--content {
  padding-left: 75px;
  text-align: start;
}

.cta1__btn--content h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--secondary_color_01);
  margin-bottom: 0px;
}

.cta1__btn--content h6 {
  font-family: var(--font_primary);
  font-size: 17px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: bold;
  color: var(--font_color_01);
  margin: 0px;
}

@media only screen and (max-width: 1199px) {
  .counterUp1 .counterUp1__row div[class^="col"]:nth-child(1) {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .counterUp1 .counterUp1__row div[class^="col"]:nth-child(2) {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .counterUp1 .counterUp1__row div[class^="col"]:nth-child(3) {
    margin-bottom: 50px;
  }
}

.counterUp1__wrapper {
  background-color: var(--primary_color_01);
  width: 1600px;
  margin: 0px auto;
  border-radius: 200px;
  padding: 100px 0px;
  margin-top: -150px;
}

@media only screen and (max-width: 1700px) {
  .counterUp1__wrapper {
    width: 1500px;
  }
}

@media only screen and (max-width: 1599px) {
  .counterUp1__wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  .counterUp1__wrapper {
    margin-top: 0px;
    border-radius: 0px;
  }
}

.counterUp1__item {
  position: relative;
  height: 100px;
}

.counterUp1__item--thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #7774ef;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  border-radius: 100px;
}

.counterUp1__item--thumb img {
  width: 50px;
}

.counterUp1__item--content {
  padding-left: 115px;
  padding-top: 8px;
}

.counterUp1__item--content h3 {
  font-family: var(--font_display);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--heading_color_01);
  color: #fff;
  margin-bottom: 6px;
}

.counterUp1__item--content p {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
}

.faq1 {
  background: url(../img/png-img/png-img-28.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 991px) {
  .faq1__left {
    margin-bottom: 50px;
  }
}

.faq1__left__content h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: var(--sub_heading_color_01);
  font-family: var(--font_primary);
  margin-bottom: 4px;
  text-transform: capitalize;
}

.faq1__left__content p {
  margin-bottom: 13px;
}

.faq1__left__content a {
  display: inline-block;
  color: var(--primary_color_01);
}

.faq1__left__content a i {
  display: inline-block;
  font-size: 18px;
}

.faq1__left__content a span {
  display: inline-block;
  font-weight: 600;
  margin: 0px 0px 0px 5px;
}

.faq1__left__bottom {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .faq1__left__bottom {
    display: none;
  }
}

.faq1__left__bottom h6 {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  font-family: var(--font_primary);
  text-transform: capitalize;
}

.faq1__left__bottom img {
  position: absolute;
  left: 70px;
  top: 40px;
}

.faq1__wrapper {
  position: relative;
}

.faq1__wrapper__thumb {
  position: absolute;
  top: 31px;
  left: 20%;
  max-width: 60%;
}

@media only screen and (max-width: 1399px) {
  .faq1__wrapper__thumb {
    top: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .faq1__wrapper__thumb {
    display: none;
  }
}

.faq1__wrapper .accordion.accordion_style_01 .accordion-item {
  border: none;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  position: relative;
  z-index: 10;
}

.faq1__wrapper .accordion.accordion_style_01 .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button {
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  font-family: var(--font_primary);
  color: var(--heading_color_01);
  position: relative;
  display: inline-block;
  padding: 27px 60px 27px 40px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media only screen and (max-width: 479px) {
  .faq1__wrapper
    .accordion.accordion_style_01
    .accordion-item
    h2.accordion-header
    button {
    padding: 28px 50px 28px 25px;
  }
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button:after {
  display: none;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button
  i {
  position: absolute;
  right: 40px;
  top: 30px;
}

@media only screen and (max-width: 479px) {
  .faq1__wrapper
    .accordion.accordion_style_01
    .accordion-item
    h2.accordion-header
    button
    i {
    right: 25px;
  }
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button
  i.fa-eye {
  display: none;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button.accordion-button:not(.collapsed) {
  background-color: var(--button_bg_01);
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button.accordion-button:not(.collapsed)
  i.fa-eye-slash {
  display: none;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item
  h2.accordion-header
  button.accordion-button:not(.collapsed)
  i.fa-eye {
  display: block;
}

.faq1__wrapper .accordion.accordion_style_01 .accordion-item .accordion-body {
  padding: 28px 40px 11px;
}

@media only screen and (max-width: 479px) {
  .faq1__wrapper .accordion.accordion_style_01 .accordion-item .accordion-body {
    padding: 28px 25px 11px;
  }
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item:first-of-type
  .accordion-button {
  border-radius: 0px;
}

.faq1__wrapper
  .accordion.accordion_style_01
  .accordion-item:last-of-type
  .accordion-button {
  border-radius: 0px;
}

.client1 {
  background: var(--gray_bg_01);
}

.client1__padding {
  padding: 80px 0px;
}

.client1__thumb {
  opacity: 0.5;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.client1__thumb:hover {
  opacity: 1;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
}

.pricing1__item--Professional .pricing1__item__head {
  background-color: var(--primary_color_01_bg);
}

.pricing1__item__head {
  background-color: var(--gray_bg_01);
  padding: 65px 30px 31px;
  border-radius: 20px 20px 0px 0px;
}

.pricing1__item__head h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
}

.pricing1__item__head h2 {
  font-size: 60px;
  font-weight: bold;
  font-family: var(--font_primary);
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-bottom: 15px;
}

.pricing1__item__head p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.2;
}

.pricing1__item__head h5 {
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--font_color_01);
  font-family: var(--font_primary);
}

.pricing1__item__body {
  border-left: 1px solid var(--border_color_01);
  border-right: 1px solid var(--border_color_01);
  border-bottom: 1px solid var(--border_color_01);
  padding: 35px 40px 125px;
  border-radius: 0px 0px 20px 20px;
  min-height: 380px;
  position: relative;
}

@media only screen and (max-width: 479px) {
  .pricing1__item__body {
    padding: 35px 20px 45px;
    min-height: auto;
  }
}

.pricing1__item__body > a {
  position: absolute;
  left: 50%;
  bottom: 60px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  text-transform: capitalize;
  padding: 20px 40px;
}

@media only screen and (max-width: 1399px) {
  .pricing1__item__body > a {
    padding: 20px 30px;
  }
}

@media only screen and (max-width: 479px) {
  .pricing1__item__body > a {
    position: static;
    left: 0%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    margin-top: 30px;
  }
}

.pricing1__item__body ul li {
  position: relative;
}

.pricing1__item__body ul li:not(:last-child) {
  margin-bottom: 14px;
}

.pricing1__item__body ul li:before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  left: 0px;
  top: -2px;
  color: var(--secondary_color_01);
  font-size: 20px;
}

.pricing1__item__body ul li span {
  font-size: 15px;
  padding-left: 30px;
}

.page404__thumb {
  margin: 0px auto 65px;
}

@media only screen and (max-width: 767px) {
  .page404__thumb {
    max-width: 300px;
    margin: 0px auto 40px;
  }
}

.page404__content {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .page404__content {
    margin-bottom: 30px;
  }
}

.page404__content h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .page404__content h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }
}

.page404__content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .page404__content p {
    font-size: 16px;
  }
}

.page404__bottom__search form {
  margin: 0px auto 40px;
  width: 800px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .page404__bottom__search form {
    width: 100%;
  }
}

.page404__bottom__search form input {
  border: 1px solid var(--border_color_01);
  display: inline-block;
  border-radius: 5px;
  padding: 16px 70px 16px 30px;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  .page404__bottom__search form input {
    padding: 16px 70px 16px 20px;
  }
}

.page404__bottom__search form button {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--border_color_01);
  color: var(--font_color_01);
  width: 60px;
  height: 60px;
}

.pageTitle1 {
  position: relative;
}

.pageTitle1__bg {
  position: absolute;
  width: calc(100% - 120px);
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.pageTitle1__bg__01 {
  background: url(../img/bg/bg-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__02 {
  background: url(../img/bg/bg-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__03 {
  background: url(../img/bg/bg-03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__04 {
  background: url(../img/bg/bg-04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__05 {
  background: url(../img/bg/bg-05.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__06 {
  background: url(../img/bg/bg-06.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__07 {
  background: url(../img/bg/bg-07.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__08 {
  background: url(../img/bg/bg-08.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__09 {
  background: url(../img/bg/bg-09.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__10 {
  background: url(../img/bg/bg-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__12 {
  background: url(../img/bg/bg-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__13 {
  background: url(../img/bg/bg-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1599px) {
  .pageTitle1__bg {
    width: 100%;
  }
}

.pageTitle1__padding {
  padding: 150px 0px;
}

@media only screen and (max-width: 991px) {
  .pageTitle1__padding {
    padding: 100px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pageTitle1__padding {
    padding: 100px 0px 130px;
  }
}

.pageTitle1__heading h1 {
  font-size: 85px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #fff;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .pageTitle1__heading h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .pageTitle1__heading h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 479px) {
  .pageTitle1__heading h1 {
    font-size: 36px;
  }
}

.pageTitle1__breadCrumb {
  position: absolute;
  bottom: 0px;
  right: 120px;
}

@media only screen and (max-width: 1599px) {
  .pageTitle1__breadCrumb {
    right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pageTitle1__breadCrumb {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .pageTitle1__breadCrumb {
    width: 100%;
    left: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.pageTitle1__breadCrumb ul {
  background-color: var(--primary_color_01);
  padding: 11px 46px;
}

@media only screen and (max-width: 767px) {
  .pageTitle1__breadCrumb ul {
    padding: 11px 20px;
  }
}

.pageTitle1__breadCrumb ul li {
  display: inline-block;
  position: relative;
}

.pageTitle1__breadCrumb ul li:not(:last-child) {
  margin-right: 25px;
}

.pageTitle1__breadCrumb ul li:not(:last-child):before {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  right: -19px;
  top: 1.5px;
  color: #fff;
  font-size: 16px;
}

.pageTitle1__breadCrumb ul li a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1px;
}

.pageTitle1__breadCrumb ul li span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1px;
}

.pagination1 ul li {
  display: inline-block;
}

.pagination1 ul li.active a {
  background-color: var(--primary_color_01);
  color: #fff;
}

.pagination1 ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: var(--sub_heading_color_01);
  background-color: var(--button_bg_01);
  margin: 0px 5px;
}

@media only screen and (max-width: 479px) {
  .pagination1 ul li a {
    margin: 0px 5px 15px;
  }
}

.pagination1 ul li a:hover {
  background-color: var(--primary_color_01);
  color: #fff;
}

/*==================================================
===| 22. Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* New Css */

.bannerArea {
  height: 100vh;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bannerGif {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bannerArea video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.bannerTItle {
  position: relative;
  z-index: 10;
  width: 80%;
  color: #fff;
}

.bannerArea:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}

.bannerTItle h3 {
  font-size: 66px;

  margin: 0rem auto 1rem;
  color: #fff;
  line-height: 90px;
}

.bannerTItle p {
  color: #fff;
  font-size: 18px;
}

.serviceSec {
  background-image: url(/assets/img/serviceBG.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.sevriceMaincard {
  position: relative;
  border: 0px solid #f0f0f0;
  padding: 25px;
  border-radius: 5px;
  background-color: #ffffff9c;
  backdrop-filter: blur(1px);
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  height: 100%;
  overflow: hidden;
}

.sevriceTitle {
  font-size: 16px;
  margin-bottom: 0.8rem;
}

.sevriceIcon {
  font-size: 100px;
  position: absolute;
  right: -30px;
  opacity: 0.1;
  margin-bottom: 0 !important;
  bottom: 0;
  top: 30px;
  margin: auto 0;
  z-index: 0;
}

footer {
  padding: 5rem 0rem 6rem;
  position: relative;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.copyrightarea p {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.5px;
}

.copyrightarea p a {
  color: inherit;
}

.sepratior {
  display: block;
  width: 1px;
  height: 14px;
  background-color: #fff;
}

.prjctShowMain .nav-link {
  background-color: transparent;
  border-radius: 0px;
  min-width: 250px;
  text-align: center;
  border-bottom: 2px solid #f3f3f3;
  color: #777777;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 10px;
}

.prjctShowMain .nav-link.active {
  background-color: var(--secondary_color_01);
  color: #fff;
  border-color: var(--secondary_color_01);
  font-weight: 600;
  border-radius: 5px;
}

.prjctShowInner .nav-link {
  text-align: left;
  color: #fff !important;
  position: relative;
  background-color: var(--secondary_color_01) !important;
  padding: 10px 15px;
  border-radius: 4px;
  font-weight: 400;
  position: relative;
  box-shadow: 0px 15px 20px -17px #00000029;
}

.prjctShowInner .nav-link:not(:last-child) {
  margin-bottom: 15px;
}

.prjctShowInner .nav-link.active,
.prjctShowInner .nav-link:hover {
  background-color: var(--primary_color_01) !important;
  color: #fff !important;
  font-weight: 500;
  /* background-color: var(--secondary_color_01) !important;
  color: #fff !important; */
}

.prjcyImg img {
  width: 100%;
  /* height: 100%;
  object-fit: cover;
  border-radius: 5px; */
}

.prjcyImg {
  overflow: hidden;
  min-height: 540px;
  border: 1px solid rgb(246, 246, 246);
  padding: 18px 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 30px -7px;
  /* width: 98%;
  margin-left: auto; */
}

.productBoard {
  overflow: hidden;
  min-height: 540px;
  border: 1px solid rgb(246, 246, 246);
  padding: 18px 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: rgb(0 0 0) 0px 10px 30px -7px;
  /* width: 98%;
  margin-left: auto; */
}

.title p {
  font-size: 16px;
  color: #444;
}

.glbBG {
  position: absolute;
  left: -40%;
  top: -30%;
  width: 80%;
  transform: scale(-1);
  opacity: 0.2;
  z-index: -1;
}

.stckItSecImg {
  width: 80%;
  margin: 0 auto;
}

.stckItSecImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stckItInfo h4 {
  font-size: 28px;
  margin-bottom: 1rem;
}

.stckItInfo p {
  margin-bottom: 0rem;
  color: rgb(68, 68, 68);
  font-size: 18px;
  width: 80%;
}

.whyChsUsTitle {
  width: 95%;
  position: sticky;
  top: 20px;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 19px;
  min-height: 500px;
}

.whyChsUsTitle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whychseUp {
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  /* overflow-y: auto;
  overflow-x: hidden; */
}

.whychseUp::-webkit-scrollbar {
  display: none;
}

.whyChsUsTitle > h2 {
  font-size: 36px;
  margin-bottom: 1rem;
  word-break: break-word;
  line-height: 1.3;
}

.whyChsUsTitle > p {
  font-size: 16px;
  margin-bottom: 2rem;
}

.whychseUp::after {
  content: "";
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.whychseUp .container {
  position: relative;
  z-index: 2;
}

.whyChsUsInfoMian:not(:last-child) {
  /* margin-bottom: 1.5rem; */
  margin-bottom: 1rem;
  border-bottom: 1px solid rgb(234 234 234 / 50%);
}

.whyChsUsInfoMian {
  /* border: 1px solid #f8fbff; */
  /* padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; */
  /* border: 1px solid #f8fbff;  */
  padding: 20px 20px 20px;
  border-radius: 6px;
  transition: 0.5s linear;
}

.dataactive {
  background-color: #dfecff;
  border-bottom: 1px solid rgb(255 255 255) !important;
}

.whyChsUsInfoMian h3 {
  font-size: 24px;
  margin-bottom: 1rem;
}

.whyChsUsInfoMian p {
  font-size: 16px;
}

.whyChsUsIcon {
  width: 40px;
  margin: 0 auto;
}

.sevriceIconinner {
  width: 55px;
  margin-bottom: 15px;
}

.btn-primary {
  background-color: var(--primary_color_01);
  border-color: var(--primary_color_01);
}

.btn-primary:hover {
  background-color: var(--secondary_color_01);
  border-color: var(--secondary_color_01);
}

.CtaMain {
  border: 1px solid #ddd;
  padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 230px;
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.CtaMain::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #000000c2;
  z-index: 0;
  display: block;
}

.CtaMainInner {
  position: relative;
  z-index: 1;
}

.CtaMainInner h4 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 2rem;
}

.CTAButton {
  background-color: var(--secondary_color_01) !important;
  border-color: var(--secondary_color_01) !important;
  padding: 10px 30px;
  width: 100%;
}

.CtaModalDialog {
  max-width: 60%;
}

.contact1__input__form h3 {
  font-size: 25px;
  margin-bottom: 1rem;
  /* text-align: center;   */
}

.CtaModalDialog .modal-body {
  padding: 2rem;
}

.CtaModalDialog .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.techBxlogosMain {
  padding: 0px 0px;
}

.techLogo {
  width: 60px;
  height: 60px;
  position: absolute;
}

.techLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.technologiesSec {
  min-height: 600px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.techLogo:nth-child(1) {
  left: 3%;
  top: 26%;
}

.techLogo:nth-child(2) {
  left: 71%;
  top: 69%;
}

.techLogo:nth-child(3) {
  left: 32%;
  top: 18%;
}

.techLogo:nth-child(4) {
  left: 16%;
  top: 7%;
}

.techLogo:nth-child(5) {
  left: 5%;
  bottom: 7%;
}

.techLogo:nth-child(6) {
  right: 30%;
  top: 24%;
}

.techLogo:nth-child(7) {
  right: 8%;
  top: 12%;
}

.techLogo:nth-child(8) {
  right: 2%;
  top: 38%;
}

.techLogo:nth-child(9) {
  right: 7%;
  bottom: 12%;
}

.techLogo:nth-child(10) {
  right: 85%;
  bottom: 32%;
}

.techLogo:nth-child(11) {
  right: 61%;
  bottom: 27%;
}

.techLogo:nth-child(12) {
  right: 47%;
  bottom: 6%;
}

.techLogo:nth-child(13) {
  right: 44%;
  bottom: 82%;
}

.techLogo:nth-child(14) {
  right: 77%;
  bottom: 4%;
}

.floatingChat {
  position: fixed;
  right: 25px;
  bottom: 26px;
  z-index: 99;
}

.floatingBtn {
  background-color: #fdd33a;
  border: 1px solid #f5c001;
  padding: 6px;
  outline: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 20px 0px #fdd33aa8;
}

.floatingChatForm {
  background-color: #fffffff7;
  padding: 22px;
  width: 24rem;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 14%);
  backdrop-filter: blur(1px);
}

.floatingChatInner {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}

#contact-form h3 {
  font-size: 22px;
  margin-bottom: 5px;
}

#contact-form p {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
}

.floatingChatClose {
  position: absolute;
  right: 15px;
  top: 7px;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 18px;
  color: #585858;
}

.floatingChatForm {
  display: none;
}

.footerCard > h3 {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin-bottom: 2rem;
}

.footerCardOne {
  padding-right: 2rem;
}

.footerCard {
  margin-bottom: 1rem;
}

footer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #383737;
  opacity: 0.7;
  z-index: 0;
}

footer > .container {
  position: relative;
  z-index: 1;
}

.footerLinks a {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.5px;
  padding: 5px 0px 5px 14px;
  transition: var(--transition);
  position: relative;
}

.footerLinks a::after {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  width: 6px;
  background-color: #fff;
  top: 15px;
  transition: var(--transition);
}

.footerLinks a:hover:after {
  width: 10px;
}

.footerLinks a:hover {
  padding: 5px 0px 5px 18px;
}

.socialLinks > a {
  display: inline-block;
  color: #fff;
  font-size: 28px;
  transition: var(--transition);
}

.socialLinks > a:hover {
  transform: scale(0.9);
}

.serviceSecImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.serviceSecImg {
  overflow: hidden;
  border-radius: 10px;
  height: 410px;
  width: 85%;
  margin: 0 auto;
}

.whyChsUsInfoMian .row {
  margin: 0;
}

.whyChsUsInfoMian .row .col-lg-1 {
  display: none;
}

.whyChsUsInfoMian .row .col-lg-11 {
  width: 100%;
  padding: 0 !important;
}

.serviceBadge {
  width: fit-content;
  font-size: 14px;
  position: absolute;
  z-index: 10;
  padding: 12px 19px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.3px;
  background: var(--primary_color_01);
  box-shadow: 0px 15px 20px -17px #000000d4;
}

.serviceBadge1 {
  top: 13%;
  left: 0%;
  background: var(--primary_color_01);
}

.serviceBadge2 {
  bottom: 13%;
  right: -2%;
  background: #ef476f;
}

.serviceBadge3 {
  bottom: 13%;
  left: -2%;
  background: #d81159;
}

.serviceBadge4 {
  right: 0%;
  top: 13%;
  background: #bc6c25;
}

.serviceBadge5 {
  top: 13%;
  left: 0%;
  background: var(--primary_color_01);
}

.serviceBadge6 {
  bottom: 13%;
  right: -2%;
  background: #ef476f;
}

.serviceBadge7 {
  bottom: 13%;
  left: -2%;
  background: #d81159;
}

.serviceBadge8 {
  right: 0%;
  top: 13%;
  background: #bc6c25;
}

.serviceBadge9 {
  top: 13%;
  left: 0%;
  background: #1a659e;
}

.serviceBadge10 {
  bottom: 13%;
  right: -2%;
  background: #7b2cbf;
}

.productsInnertab {
  width: 100%;
  margin: 0 auto;
}

.prjctShowInner .nav-link:after {
  content: "";
  position: absolute;
  right: -24px;
  top: 19px;
  width: 24px;
  border-bottom: 1px solid #e6e6e6;
}

.prjctShowInner {
  position: relative;
  /* padding-left: 1.5rem; */
}

.prjctShowInner button {
  font-size: 22px;
}

/* .prjctShowInner::after {
  content: "";
  position: absolute;
  left: -4px;
  top: 11px;
  bottom: 11px;
  border-right: 2px dotted #686868;
} */

.prjctShowTitle {
  font-size: 30px;
  margin-bottom: 1.5rem;
  margin-left: -4px;
  color: #212529;
  font-weight: 600;
}

.prjctShowInner .nav-link.active:after {
  border-bottom: 1px solid var(--secondary_color_01) !important;
}

.productSec {
  background-color: #f9fcff;
}

.pdng {
  padding: 80px 0 80px;
}

.bannerHeading {
  font-size: 40px;
  line-height: 54px;
}

.bannerDesc {
  font-size: 16px;
  line-height: 33px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.bannerLink {
  background-color: #f7f7f7;
  padding: 12px 15px;
  min-width: 190px;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  margin-top: 10px;
  color: #333;
  font-weight: 600;
  border: 1px solid #eeeeee;
}

.getQuote {
  background-color: var(--secondary_color_01);
  border: 1px solid var(--secondary_color_01) !important;
  color: #fff !important;
}

.schCall {
  background-color: var(--primary_color_01) !important;
  color: #fff !important;
  border: 1px solid var(--primary_color_01) !important;
}

.titleBox {
  width: 70%;
  margin: 0rem auto 4rem;
}

.titleBox h2 {
  font-size: 40px;
}

.titleBox p {
  font-size: 19px;
  margin-bottom: 0;
  line-height: 28px;
  margin-top: 1rem;
  color: var(--font_color_01);
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.centerCircleInner::after,
.centerCircleInner {
  width: 300px;
  height: 300px;
}

.centerCircleInner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0px;
  border: 2px dashed #ddd;
  z-index: 10;
  border-radius: 50%;
  transform: scale(1.1);

  margin: 0 auto;
  animation: rotateCircle 1s linear infinite;
}

.centerCircleMain {
  transform: translateY(-23px);
}

@keyframes rotateCircle {
  100% {
    transform: scale(1.1) rotate(10deg);
  }
}

.centerCircleInner {
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 8px solid #fff;
}

.aboutLabelInfo {
  width: 82%;
}

.aboutLabelIcon {
  width: 60px;
  height: 60px;
  font-size: 22px;
  line-height: 60px;
  /* background-color: var(--primary_color_01); */
  background-color: var(--secondary_color_01);
  text-align: center;
  border-radius: 50%;
  color: #fff;
  position: relative;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutLabelInfo h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.aboutLabelInfo p {
  line-height: 25px;
  font-size: 17px;
}

.aboutLabel {
  margin-bottom: 3.5rem;
}

.bannerImage {
  border-radius: 10px;
  overflow: hidden;
  width: 90%;
  margin-left: auto;
  height: 600px;
  position: relative;
}

.aboutLabel.text-end::after {
  content: "";
  position: absolute;
  right: -12%;
  width: 11%;
  border-bottom: 2px dashed #ddd;
}

.aboutLabel.text-end:last-child::before,
.aboutLabel.text-end:first-child::before {
  content: "";
  position: absolute;
  right: -28px;
  border-right: 2px dashed #ddd;
  z-index: 1;
}

.aboutLabel.text-end:first-child::before,
.aboutLabel.text-start:first-child::before {
  top: 50%;
  height: 158%;
}

.aboutLabel.text-end:first-child::after,
.aboutLabel.text-end:last-child::after {
  right: -28px;
  width: 26px;
}

.aboutLabel.text-end:last-child::before {
  height: 158%;
  bottom: 50%;
}

.aboutLabel.text-start::after {
  content: "";
  position: absolute;
  left: -12%;
  width: 11%;
  border-bottom: 2px dashed #ddd;
}

.aboutLabel.text-start:last-child::before,
.aboutLabel.text-start:first-child::before {
  content: "";
  position: absolute;
  left: -28px;
  border-right: 2px dashed #ddd;
  z-index: 1;
}

.aboutLabel.text-start:first-child::after,
.aboutLabel.text-start:last-child::after {
  left: -28px;
  width: 26px;
}

.aboutLabel.text-start:last-child::before {
  height: 171%;
  bottom: 51%;
}

.bgCircle,
.bgCircle2 {
  position: absolute;
  z-index: 0;
  border: 2px dashed #e6e6e6;
  left: 0;
  border-radius: 50%;
  margin: 0 auto;
  right: 0;
}

.bgCircle {
  width: 50rem;
  height: 50rem;
  top: -15%;
  animation: rotateCircle2 5s linear infinite;
}

.bgCircle2 {
  width: 80rem;
  height: 80rem;
  top: -53%;
  animation: rotateCircle3 5s linear infinite;
}

@keyframes rotateCircle2 {
  100% {
    transform: rotate(10deg);
  }
}

@keyframes rotateCircle3 {
  100% {
    transform: rotate(-10deg);
  }
}

.section_all {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 100vh;
}

.section-title {
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.section-subtitle {
  letter-spacing: 0.4px;
  line-height: 28px;
  max-width: 550px;
}

.section-title-border {
  background-color: #000;
  height: 1 3px;
  width: 44px;
}

.section-title-border-white {
  background-color: #fff;
  height: 2px;
  width: 100px;
}

.about_icon i {
  font-size: 22px;
  height: 65px;
  width: 65px;
  line-height: 65px;
  display: inline-block;
  background: #fff;
  border-radius: 35px;
  color: #00bd2a;
  box-shadow: 0 8px 20px -2px rgba(158, 152, 153, 0.5);
}

.about_header_main .about_heading {
  font-size: 40px;
}

.about_icon span {
  position: relative;
  top: -10px;
}

.about_content_box_all {
  padding: 28px;
}

.productTitle {
  width: fit-content;
  font-weight: 600;
  font-size: 15px;
  margin: 0rem 0rem 1rem;
  color: var(--primary_color_01) !important;
  /* padding: 10px 22px; */
  /* border-radius: 40px; */
  /* background-color: #fff; */
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}

.marvelstory {
  min-height: 900px;
  background-image: url("../img/techBg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.marvelstory::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  /* background-image: url(../img/serviceBG.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; */
}

.marvelstory .container {
  position: relative;
  z-index: 5;
}

.showCaseFeature .nav-link {
  font-size: 16px;
  text-align: left;
  color: #7a7a7a;
  border-bottom: 0px solid transparent;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  filter: grayscale(1) opacity(0.4);
  font-weight: 600;
  border-radius: 12px 0px 0px 12px;
  padding: 10px 10px;
  width: 106%;
}

.showCaseFeature .nav-link .aboutLabelIcon {
  width: 40px;
  height: 40px;
  padding: 10px;
  margin-right: 12px;
}

.showCaseFeature .nav-link.active {
  background-color: #ffffff;
  color: #012c6c;
  filter: grayscale(0) opacity(1);
  /* transform: scale(1); */
  border-bottom-color: #012c6c;
}

.showCaseFeature {
  border-right: 1px solid #e8e8e8dd;
  padding-right: 2rem;
}

.showCaseFeature .nav-link::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: -13px;
  background-color: #949494;
  border-radius: 50%;
  z-index: 1;
  opacity: 1;
  transition: 0.1s linear;
  transform: scale(0.7);
}

.showCaseFeature .nav-link.active::after {
  transform: scale(1);
  background-color: #012c6c;
}

.revImage {
  position: sticky;
  top: 0px;
  margin: 100px 0px;
}

.main-container-j {
  min-height: 900px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 600px;
  overflow: hidden;
}

.main-j {
  margin: 0px auto;
  width: 800px;
  height: 800px;
  position: relative;
}

.big-circle {
  height: 75%;
  width: 75%;
  top: 50%;
  left: 50%;
  position: absolute;
  border: 3px dashed #ebebeb;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  /* animation: circle-rotate 20s linear infinite; */
  /* -webkit-animation: circle-rotate 20s linear infinite; */
}

.too-big-circle {
  height: 100%;
  width: 100%;
  position: relative;
  border: 3px dashed #ebebeb;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  /* animation: Rotate 20s linear infinite; */
  /* -webkit-animation: Rotate 20s linear infinite; */
}

/* .too-big-circle .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
} */

.big-circle .icon-block img {
  transform: translate(-50%, -50%) rotate(316deg);
  -webkit-transform: translate(-0%, -0%) rotate(316deg);
}

.icon-block {
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
  overflow: hidden;
  padding: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.icon-block img {
  margin: 0px auto;
  width: 100%;
  /* animation: img-rotate-2 20s linear infinite; */
  /* -webkit-animation: img-rotate-2 20s linear infinite; */
  height: 100%;
  object-fit: contain;
}

.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}

.icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}

.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* circle content */
.circle {
  /* animation: Rotate 20s linear infinite; */
  /* -webkit-animation: Rotate 20s linear infinite; */
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  border: 3px dashed #ebebeb;
  border-radius: 50%;
}

/* .circle .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
} */

/* center logo */
.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.center-logo img {
  max-width: 200px;
  width: 100%;
}

/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes img-rotate {
  from {
    transform: rotate(-0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes img-rotate-2 {
  from {
    transform: rotate(-40deg);
  }

  to {
    transform: rotate(-400deg);
  }
}

@-webkit-keyframes img-rotate-2 {
  from {
    -webkit-transform: rotate(-40deg);
  }

  to {
    -webkit-transform: rotate(-400deg);
  }
}

.bg-bubbles {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgb(1, 44, 108, 0.1);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}

.bg-bubbles li:nth-child(1) {
  left: 10%;
}

.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
  background-color: rgba(1, 44, 108, 0.25);
}

.bg-bubbles li:nth-child(5) {
  left: 70%;
}

.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  background-color: rgba(1, 44, 108, 0.2);
}

.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  background-color: rgba(1, 44, 108, 0.3);
}

.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}

@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
  }
}

@keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-1700px) rotate(600deg);
    transform: translateY(-1700px) rotate(600deg);
  }
}

.mt_60 {
  margin-top: -60px;
}

.mt_30 {
  margin-top: -30px;
}

.w-14-46 {
  width: 20%;
  height: auto;
}

.shadow-box {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.story {
  width: 1270px;
  border-radius: 10px;
  z-index: 1;
}

/* Navbar styling */
.navbar-c {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding: 20px;
  /* position: fixed; */
  top: 0;
  width: 100%;
  z-index: 999;
  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); */
}

.navbar-c a {
  color: #012c6c;
  text-decoration: none;
  margin: 0 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  padding: 12px 0;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-30px);
  transition: transform 0.4s ease, opacity 0.4s ease, color 0.4s ease;
}

/* Navbar link hover effect */
.navbar-c a:hover {
  color: #ff4081;
  transform: translateY(-5px);
}

/* Animation: sliding in from the sides */
.navbar-c a:nth-child(odd) {
  animation: slideInLeft 0.5s ease-out forwards;
  animation-delay: 0.2s;
}

.navbar-c a:nth-child(even) {
  animation: slideInRight 0.5s ease-out forwards;
  animation-delay: 0.4s;
}

/* Sliding animations */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Floating effect for navbar links */
.navbar-c a {
  animation: floatUp 2s infinite alternate;
}

@keyframes floatUp {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
  }
}

/* Jarwiz showcase */
.mainCenter {
  margin: 10rem auto 10rem;
  padding: 8rem 4rem;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* overflow: hidden; */
}

.mainCenter::after {
  /* content: ''; */
  position: absolute;
  /* border: 0px solid #ff00001c; */
  width: 360px;
  height: 360px;
  top: 4%;
  left: 0%;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  transform: scaleX(3) scaleY(1.9);
  box-shadow: 0px 15px 20px 2px #ff00001c;
  margin: 0 auto;
}

.featuredPillsitems .nav-link .aboutLabelIcon {
  width: 90px;
  height: 90px;
  padding: 25px;
  transition: 0.3s linear;
  background-color: #ffffff;
  box-shadow: rgb(149 157 165 / 34%) 0px 8px 24px;
}

.featuredPillsitems .nav-link .aboutLabelIcon img {
  filter: invert(0);
}

.featuredPillsitems .nav-link.active .aboutLabelIcon img {
  filter: invert(1);
}

.featuredPillsitems .nav-link {
  text-align: center;
  background-color: transparent !important;
  color: #000 !important;
  font-size: 13px;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.featuredPillsitems {
  position: absolute;
  z-index: 10;
  transform-origin: center 240px;
  /* Center of the circle */
}

.featuredPillsitems .nav-link.active .aboutLabelIcon {
  background-color: var(--primary_color_01) !important;
}

/* Positioning the items around the circle */
.featuredPillsitems:nth-child(1) {
  top: -39%;
  transform: translateX(15%);
}

.featuredPillsitems:nth-child(2) {
  top: -20%;
  transform: translateX(264%);
}

.featuredPillsitems:nth-child(3) {
  top: 14%;
  transform: translateX(397%);
}

.featuredPillsitems:nth-child(4) {
  top: 69%;
  transform: translateX(271%);
}

.featuredPillsitems:nth-child(5) {
  top: 102%;
  transform: translateX(240%);
}

.featuredPillsitems:nth-child(6) {
  bottom: -46%;
  transform: translateX(30%);
}

.featuredPillsitems:nth-child(7) {
  top: 99%;
  transform: translateX(-126%);
}

.featuredPillsitems:nth-child(8) {
  top: 68%;
  transform: translateX(-225%);
}

.featuredPillsitems:nth-child(9) {
  top: 12%;
  transform: translateX(-306%);
}

.featuredPillsitems:nth-child(10) {
  top: -22%;
  transform: translateX(-130%);
}

/* Jarwiz showcase */
.bannerImage::after,
.bannerImage::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 210px;
  background-color: #f7f7f9;
  filter: blur(4px);
}

.bannerImage::after {
  right: -10px;
  top: 80px;
}

.bannerImage::before {
  left: -10px;
  bottom: 69px;
}

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

.bannerSection {
  margin-top: -8.3rem;
  padding-top: 5.5rem;
}

.marvetTechCard {
  transform: translateY(-110px);
}

.parabadge {
  width: fit-content;
  border-radius: 8px;
}

.container {
  max-width: 97%;
}

.revCard {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 1.5rem;
}

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

.techStackMain::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.4;
}

.techStackInner {
  z-index: 5;
}

.fillOutline {
  position: absolute;
  z-index: 10;
  left: -10px;
  top: -10px;
}

.fillOutline circle {
  transform: scale(1.05);
  transform-origin: center center;
}

.circleFeature .tab-pane.active #my-circle {
  animation: dashAnimation 2s linear infinite;
}

@keyframes dashAnimation {
  from {
    stroke-dashoffset: 1200;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.bannerBottomTitle {
  margin-top: -60px;
  margin-bottom: 0;
}

.techStackMain .titleBox,
.techStackMain .container {
  position: relative;
  z-index: 10;
}

/* .whyChsLeftMain {
  padding: 0rem 5rem 0rem 5rem;
} */

.whyChsAccrdinner .accordion-item {
  margin-bottom: 1rem;
  border: none;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.whyChsAccrdinner .accordion-item .accordion-button {
  border: none !important;
  box-shadow: none !important;
  background-color: #fafafa;
  border-radius: 7px;
  font-size: 19px;
  font-weight: 600;
  color: #012c6c;
  gap: 15px;
}

.whyChsAccrdinner .accordion-item .accordion-button::after {
  display: none;
}

.whyChsAccrdinner .accordion-item .accordion-button:not(.collapsed) {
  color: #c41c44 !important;
  background-color: #f2f7ff;
}

.whyChsAccrdinner .accordion-item .accordion-body {
  background-color: #f2f7ff;
  padding-top: 10px;
  padding-left: 1.4rem;
  /* min-height: 750px; */
  min-height: 5%;
}

.whyChsSection.techStackMain::after {
  opacity: 0.5 !important;
}

.iconBold::before {
  font-weight: 900 !important;
}

.whyChsAccrdinner .accordion-item .accordion-button .bi-dash-lg {
  display: none;
}

.whyChsAccrdinner
  .accordion-item
  .accordion-button:not(.collapsed)
  .bi-plus-lg {
  display: none;
}

.whyChsAccrdinner
  .accordion-item
  .accordion-button:not(.collapsed)
  .bi-dash-lg {
  display: block;
}

.whyChsLeftInner h2 {
  font-size: 40px;
}

.outerLogoImg {
  top: 0%;
  width: 80px;
  height: 80px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
  overflow: hidden;
  padding: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  /* animation: logoMove 1s linear infinite; */
}

.outerLogoImg:nth-child(1) {
  left: 20%;
  top: 17%;
  animation-delay: 0s;
}

.outerLogoImg:nth-child(2) {
  left: 26%;
  top: 4%;
  animation-delay: 0.1s;
}

.outerLogoImg:nth-child(3) {
  left: 13%;
  top: 35%;
  animation-delay: 0.2s;
}

.outerLogoImg:nth-child(4) {
  bottom: 38%;
  top: unset;
  left: 10%;
  animation-delay: 0.3s;
}

.outerLogoImg:nth-child(5) {
  bottom: 19%;
  top: unset;
  left: 17%;
  animation-delay: 0.4s;
}

.outerLogoImg:nth-child(6) {
  left: 30%;
  bottom: 0%;
  top: unset;
  animation-delay: 0.5s;
}

.outerLogoImg:nth-child(7) {
  bottom: 23%;
  top: unset;
  right: 19%;
  animation-delay: 0.6s;
}

.outerLogoImg:nth-child(8) {
  right: 30%;
  bottom: 0%;
  top: unset;
  animation-delay: 0.7s;
}

.outerLogoImg:nth-child(9) {
  right: 10%;
  top: 59%;
  animation-delay: 0.8s;
}

.outerLogoImg:nth-child(10) {
  right: 18%;
  top: 37%;
  animation-delay: 0.9s;
}

.outerLogoImg:nth-child(11) {
  right: 20%;
  top: 12%;
  animation-delay: 1s;
}

@keyframes logoMove {
  0% {
    transform: translateY(0px);
  }

  25% {
    transform: translateY(3px);
  }

  50% {
    transform: translateY(8px);
  }

  70% {
    transform: translateY(5px);
  }

  70% {
    transform: translateY(3px);
  }
}

.section-frame {
  border-radius: 1rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.processBg {
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.processBgOverlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mb-12 {
  margin-bottom: 3.5rem !important;
}

.contactCardbottom {
  margin: 0 auto;
  max-width: 90%;
  padding: 4rem 0rem;
}

.contactCardbottom h1 {
  font-size: 26px;
  font-weight: 500;
  line-height: 50px;
}

.contactCardmain .container,
.contactsmallCard > .row {
  position: relative;
  z-index: 10;
}

.contactsmallCard > .row {
  width: 100%;
}

.contactsmallCard {
  border: 0px solid #fff;
  max-width: 83%;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 3rem !important;
  height: 170px;
  transform: translateY(-10rem);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: -10rem;
  box-shadow: rgb(0 0 0) 0px 10px 30px -7px;
}

.contactsmallBg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contactCardmain {
  margin-top: 15rem;
  margin-bottom: 4rem;
}

.contactsmallCard:before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.conatctModal .btn-close {
  position: fixed;
  z-index: 20;
  right: 20px;
  top: 20px;
  font-size: 20px;
}

.contactCardmain {
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-top: 3rem;
}

.pointer-none {
  pointer-events: none !important;
}
.mobileScrollMain {
  display: none;
}
.mainCenterInner {
  min-height: 270px;
}
.gtftcpyrt {
  display: none;
}
.serviceBannermain {
  margin: 5rem 0rem 0rem;
  padding: 2rem 2rem;
}
.serviceBannerinner p {
  font-size: 16px;
}
.aboutus {
  margin-top: -2.4rem;
}

.featCardMain {
  /* background-color:#e3eeff; */
  padding: 25px 20px 20px;
  /* margin-bottom: 1.4rem; */
  /* border-radius: 10px; */
  /* box-shadow:rgb(0 0 0 / 5%) 0px 10px 15px -3px, rgb(0 0 0 / 0%) 0px 4px 6px -2px; */
  /* min-height: 209px; */
}
.featIcon {
  display: inline-block;
  width: 45px;
  height: 45px;
  /* background-color: var(--secondary_color_01); */
  padding: 14px;
  /* border-radius: 50%; */
  /* margin-bottom: 1rem; */
}
/* .featIcon img{
  filter: invert(1);
} */
.featCardInner h3 {
  font-size: 20px;
}
/* .featCardInner p {
  line-height: 22px;
} */
.featCardInner {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 20px;
}
.featCardInfo {
  width: 80%;
}
.featIcon {
  display: inline-block;
  width: 75px;
  height: 75px;
  background-color: #f1f1f1;
  padding: 14px;
  border-radius: 50%;
}
.wchMainImage {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
    scroll-behavior: smooth;
  }
  .marvetTechCard {
    width: 90% !important;
  }
  .bannerHeading {
    font-size: 35px;
    line-height: 47px;
  }
  .centerCircleInner::after,
  .centerCircleInner {
    width: 200px;
    height: 200px;
  }
  .mainCenter {
    transform: scale(0.8);
  }
  .showCaseProduct.productTabsSec {
    height: 930px;
    min-height: unset !important;
  }
  .prjctShowInner button {
    font-size: 16px;
  }
  .showCaseProduct .col-lg-10:has(.projectShowcase) {
    width: 100%;
  }
  .showCaseProduct.jarwizMobile {
    padding: 60px 0px 80px;
    height: fit-content;
    min-height: fit-content !important;
  }
  .w-14-46 {
    width: 32%;
  }
  .contactsmallCard {
    max-width: 93%;
    padding: 2rem !important;
    height: 250px;
    transform: translateY(-14rem);
    margin-bottom: -12rem;
    text-align: center;
  }
  .contactsmallCard > .row > div {
    width: 100%;
  }
  .contactsmallCard > .row > div.col-lg-10 {
    margin-bottom: 1.5rem;
  }
  .whyChsSection .row > div {
    width: 100%;
  }
  .whyChsSection .row > div.col-lg-6.col-md-12.col-sm-12.align-content-center {
    margin-bottom: 1.5rem;
  }
  .techStackMain.ourTechLogos {
    height: fit-content;
    min-height: fit-content !important;
    padding: 80px 0px 170px;
  }
  .outerLogoImg:nth-child(9) {
    right: 4%;
    top: 63%;
  }
  .outerLogoImg:nth-child(4) {
    bottom: 28%;
    left: 3%;
  }
  .outerLogoImg:nth-child(5) {
    bottom: 16%;
    left: 16%;
  }
  .outerLogoImg:nth-child(1) {
    left: 6%;
    top: 17%;
  }
  .outerLogoImg:nth-child(7) {
    bottom: 10%;
    right: 7%;
  }

  .serviceBannerinner .row > div {
    width: 100%;
    text-align: center;
  }
  .serviceBannerinner .row > div.col-lg-10 {
    margin-bottom: 1.6rem;
  }
  .aboutus {
    margin-top: -0.5rem;
  }
}
@media (max-width: 820px) {
  .whyChsSection {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container {
    max-width: 100%;
  }

  .header.home1 .header__logo {
    max-width: 150px;
    transform: translateY(25px) translateX(11px);
  }

  .bannerHeading {
    font-size: 30px;
    line-height: 44px;
  }

  .header.home1 .header__menu-wrapper {
    padding: 0px 0px;
  }

  .titleBox p {
    font-size: 16px;
    line-height: 28px;
  }

  .bannerSection {
    padding-top: 13rem;
  }

  .bannerImage {
    width: 100%;
    height: fit-content;
  }

  .bannerImage::after,
  .bannerImage::before {
    height: 130px;
  }

  .bannerImage::before {
    bottom: -21px;
  }

  .bannerImage::after {
    right: -10px;
    top: -20px;
  }

  .bannerBottomTitle {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 0;
    line-height: 30px;
  }

  .titleBox {
    width: 100%;
    margin: 0rem auto 3rem;
    padding: 0px 15px;
  }

  .marvetTechCard .card-body.p-5 {
    padding: 2.5rem !important;
  }

  .aboutus .card-body.p-5 {
    padding: 2.5rem !important;
  }

  .aboutLabel.text-end::after,
  .aboutLabel.text-end::before,
  .aboutLabel.text-start::after,
  .aboutLabel.text-end:last-child::before,
  .aboutLabel.text-end:first-child::before,
  .aboutLabel.text-start:last-child::before,
  .aboutLabel.text-start:first-child::before,
  .aboutLabel.text-start:first-child::after,
  .aboutLabel.text-start:last-child::after {
    display: none;
  }

  .centerCircleMain {
    display: none;
  }

  .aboutLabelInfo {
    width: 100%;
    padding: 0 !important;
  }

  .aboutLabel.text-end {
    flex-direction: column-reverse;
    text-align: left !important;
    align-items: self-start !important;
    row-gap: 12px;
    margin-bottom: 2rem;
  }

  .aboutLabel.text-start {
    flex-direction: column;
    text-align: left !important;
    align-items: self-start !important;
    row-gap: 12px;
    margin-bottom: 2rem;
  }

  .aboutLabelInfo p {
    margin-top: 0;
  }

  .aboutLabelInfo p {
    line-height: 28px !important;
    font-size: 16px !important;
    margin-top: 0;
  }

  .card {
    border-radius: 10px;
  }

  .titleBox h2 {
    font-size: 28px;
    line-height: 38px;
    margin-top: 0.4rem !important;
  }

  .marvetTechCard {
    transform: translateY(-110px);
    width: 86% !important;
    margin: 0rem auto -2rem !important;
  }

  .aboutLabelIcon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 12px;
  }

  .whyChsLeftMain {
    padding: 0rem 0rem 3rem 0rem;
  }

  .whyChsLeftInner h2 {
    font-size: 28px;
  }

  .whyChsAccrdinner .accordion-item .accordion-button {
    font-size: 18px;
  }

  .icon-block,
  .outerLogoImg {
    width: 45px;
    height: 45px;
    padding: 8px;
  }

  .main-container-j {
    min-height: unset;
    height: 720px;
  }

  .center-logo img {
    max-width: 90px;
  }

  .center-logo .fs-4 {
    font-size: calc(0.8rem + 0.3vw) !important;
  }

  .circle {
    top: 38%;
    left: 25%;
    width: 50%;
    height: 23.4%;
    border: 2px dashed #ebebeb;
  }

  .big-circle {
    height: 37%;
    width: 80%;
    border: 2px dashed #ebebeb;
  }

  .too-big-circle {
    height: 52%;
    width: 110%;
    left: -5%;
    top: 24.3%;
  }

  .outerLogoImg:nth-child(8) {
    bottom: 3%;
    right: 17%;
  }

  .outerLogoImg:nth-child(7) {
    bottom: 16%;
    right: 37%;
  }

  .outerLogoImg:nth-child(6) {
    bottom: 4%;
    left: 21%;
  }

  .outerLogoImg:nth-child(5) {
    bottom: 17%;
    left: 8%;
  }

  .outerLogoImg:nth-child(9) {
    right: 10%;
    top: 73%;
  }

  .outerLogoImg:nth-child(4) {
    bottom: 70%;
    left: 81%;
  }

  .outerLogoImg:nth-child(3) {
    left: 15%;
    top: 13%;
  }

  .outerLogoImg:nth-child(2) {
    left: 30%;
    top: 26%;
  }

  .outerLogoImg:nth-child(1) {
    left: 4%;
    top: 34%;
  }
  .outerLogoImg:nth-child(11) {
    right: 20%;
    top: 14%;
  }
  .outerLogoImg:nth-child(10) {
    right: 3%;
    top: 40%;
  }
  .productBoard {
    min-height: fit-content;
    padding: 15px 15px;
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 30px -7px;
    margin-top: 1rem;
  }

  .prjctShowInner .nav-link {
    padding: 10px 12px !important;
    font-size: 14px;
    width: fit-content;
    white-space: nowrap;
  }

  .prjctShowInner .nav-link:after {
    display: none;
  }

  .prjctShowInner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    flex-direction: row !important;
    column-gap: 7px;
  }

  .prjctShowInner .nav-link:not(:last-child) {
    margin-bottom: 0px;
  }

  .featureMainCard {
    margin: -10rem 0rem 0rem;
  }
  .w-14-46 {
    width: 20%;
  }
  .showCaseProduct {
    height: 600px;
  }
  .mainCenter {
    transform: scale(0.5);
  }
  .showCaseProduct.productTabsSec {
    height: 640px;
    min-height: unset !important;
  }
  .showCaseProduct.jarwizMobile {
    padding: 60px 0px 80px;
    height: fit-content;
    min-height: fit-content !important;
  }
  .techStackMain.ourTechLogos {
    height: fit-content;
    min-height: fit-content !important;
    padding-bottom: 150px;
    padding-top: 60px;
  }
  .contactsmallCard {
    height: fit-content;
  }
  .productsInnertab > .row > div {
    width: 100%;
  }

  .productsInnertab > .row {
    flex-direction: column;
  }
  .outerLogoImg {
    z-index: 20;
  }
  .main-container-j {
    display: none;
  }

  .mobileScrollMain {
    display: block;
  }
  .mobileScrollInner {
    padding: 0px 15px;
  }
  .mobileLogosRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
  }
  .mobileLogosRow::-webkit-scrollbar {
    display: none;
  }
  .mobileLogos {
    min-width: 70px;
    height: 70px;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    animation: slideLeft 15s linear 1s infinite alternate;
  }
  .logoLayer2 .mobileLogos {
    animation: slideRight 15s linear 1s infinite alternate;
    transform: translateX(-100%);
  }
  @keyframes slideRight {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  @keyframes slideLeft {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  /*  */
}

@media (max-width: 768px) {
  /*  */
}

@media (max-width: 500px) {
  .mobileLogos {
    animation: slideLeft 30s linear 1s infinite alternate;
  }
  .logoLayer2 .mobileLogos {
    animation: slideRight 30s linear 1s infinite alternate;
    transform: translateX(-700%);
  }
  @keyframes slideRight {
    0% {
      transform: translateX(-700%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  @keyframes slideLeft {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-700%);
    }
  }
  .whyChsSection .row > div.col-lg-6.col-md-12.col-sm-12.align-content-center {
    margin-bottom: 0rem;
  }
  .featureMainCard {
    margin: -14rem 0rem 0rem;
  }
  .showCaseProduct.productTabsSec {
    height: 555px;
    min-height: unset !important;
  }
  .techStackMain.ourTechLogos {
    padding-bottom: 30px;
    padding-top: 50px;
  }
  .w-14-46 {
    width: 43%;
    height: auto;
  }

  #staticBackdrop .modal-body {
    max-width: 100% !important;
  }

  .contactsmallCard a.btn-primary {
    margin-top: 1rem;
  }
  .contactsmallCard p.text-secondary- {
    margin-top: 1rem;
  }
  footer {
    padding: 4rem 0rem 0rem;
  }
  .mainCenter {
    transform: scale(0.34);
  }

  .main-j {
    scale: 0.7;
  }

  .contactsmallBg {
    flex-direction: column;
  }

  .contactsmallCard {
    padding: 2.3rem 1rem !important;
    height: fit-content;
    margin-bottom: 0rem;
    transform: translateY(0rem);
    text-align: center;
  }

  .contactsmallBg h3 {
    line-height: 30px;
    margin-bottom: 1rem;
    font-size: 20px;
  }

  .contactsmallBg a {
    font-size: 15px !important;
  }

  .modal-dialog.modal-dialog-centered.conatctModal {
    max-width: 90% !important;
  }

  .contactCardbottom {
    margin: 0 auto;
    max-width: 90%;
    padding: 2rem 0rem 2rem;
  }

  .contactCardbottom h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
  }
  .abtftcpyrt {
    display: none;
  }
  .gtftcpyrt {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
  }


  .featCardMain {
    padding: 25px 6px 0px;
}

.featIcon {
  width: 55px;
  height: 55px;
  padding: 10px;
}
.featCardInner h3 {
  font-size: 19px;
  line-height: 30px;
}
.wchMainImage {
  width: 90%;
  margin: 0 auto 1rem;
}
  /*  */
}

@media (max-width: 375px) {
  /*  */
}

@media (max-width: 320px) {
  /*  */
}