/***************************************************
================ Master Stylesheet =================
====================================================
Template Name: BigBaz
Template URL: https://oilytheme.net/demo-html/2023/002/bigbaz/index.html
Description: BigBaz is a stunning, professional and flexible all types of Agency, Marketing, Consulting, business multi-purpose HTML5 Template.
Author: OilyTheme
Author URL: https://themeforest.net/user/oilytheme
Version: 1.0
****************************************************/

/***************************************************
=================== 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,400;0,500;0,600;0,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");

:root {
  --primary_color_01: #012c5f;
  --primary_color_01_bg: #eeeefd;
  --secondary_color_01: #33cc79;
  --secondary_color_01_bg: #112119;
  --secondary_color_02: #d51f23;
  --secondary_color_02_bg: #fdfaef;
  --tertiary_color_01: #151718;
  --border_color_01: #e8e8e8;
  --font_color_01: #6a6a74;
  --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;
}

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

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

html,
body {
  min-height: 100%;
}

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

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

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

i {
  font-style: normal;
}

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

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

body {
  font-family: var(--font_primary);
  color: var(--font_color_01);
  font-size: 17px;
}

p {
  font-family: var(--font_primary);
  font-weight: normal;
  color: var(--font_color_01);
  font-size: 17px;
  line-height: 30px;
}

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(--primary_color_01);
  color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--primary_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_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;
  }
}

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

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.fix {
  overflow: hidden !important;
}

.white {
  color: #fff;
}

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

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

@-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/)
####################################################################### */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 24px;
  padding: 14px 20px;
  border-radius: 0px;
  outline: 0 none;
  font-size: 16px;
  font-family: var(--font_primary);
  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;
}

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

/*==================================================
===| 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: 48px;
  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 .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 {
    display: none;
  }
}

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

.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: absolute;
  top: -80px;
}

@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 {
    top: 0px;
  }

  .header.home2 {
    height: 100px;
  }
}

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

  border-radius: 5px;
}

.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: white;
  }

  .header.home2 .main-menu nav ul li.active > a {
    color: white;
  }

  .header.home2 .main-menu nav ul li.active > a:hover {
    color: white;
  }

  .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(--secondary_color_02);
    -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;
    border-bottom: 1px solid var(--border_color_01);
  }

  .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 {
    background-color: var(--tertiary_color_01);
  }

  .header.home2 .main-menu nav ul li ul li:hover > a {
    color: white;
  }

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

/*==================================================
===| 10. Footer
===================================================*/

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

/*==================================================
===| 11. Slider And Hero
===================================================*/

.slider2__height {
  height: calc(100vh - 139px);
}

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

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

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

.slider2__content h1 {
  font-size: 85px;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: #ffffff;
  font-weight: 700;
}

@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: #ffffff;
  padding-right: 200px;
}

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

/*==================================================
===| 12. Service And Feature
===================================================*/

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

.service1__padding {
  padding-top: 120px;
  padding-bottom: 96px;
}

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

/*==================================================
===| 13. Project And Portfolio
===================================================*/

.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__item {
  overflow: hidden;
  margin-bottom: 24px;
}

.project1__item__thumb {
  position: relative;
}

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

/*==================================================
===| 14. Blog or News
===================================================*/

/*==================================================
===| 15. Testimonial
===================================================*/

/*==================================================
===| 16. Team
===================================================*/

/*==================================================
===| 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.home2 .about1__right {
  padding-left: 0px;
}

.techManagement1 {
  background-color: var(--tertiary_color_01);
  position: relative;
}

.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/video-kapak-resmi.jpg);
  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 {
  margin-top: 70px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(200px, 1fr)
  ); /* responsive sütunlar */
  gap: 15px; /* resimler arası boşluk */
}

.gallery img {
  width: 100%;
  height: 200px; /* sabit yükseklik */
  object-fit: cover; /* resmi düzgün kırpar */
  border-radius: 10px; /* köşeleri yuvarlat */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* hafif gölge */
  transition: transform 0.3s ease;
}

.gallery img:hover {
  transform: scale(1.05); /* hover efekti */
}

.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;
  border-bottom-left-radius: 60px;
  border-top-right-radius: 60px;
  height: 90px;
  border: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--font_color_01);
  background-color: var(--button_bg_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(--secondary_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 {
  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;
  }
}

/*==================================================
===| 18. Sidebar
===================================================*/

/*==================================================
===| 19. Detail Pages
===================================================*/

.serviceDetails1__content ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

.serviceDetails1__content ul li:not(:last-child) {
  margin-bottom: 6px;
}

.menu {
  background: #fff;
  padding: 10px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.menu ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.menu ul li {
  position: relative;
}

.menu ul li.active {
  background: var(--primary_color_01, #0077ff);
  border-radius: 8px;
  color: #fff;
  padding: 8px 12px;
}

.menu ul li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: flex;
  align-items: center;
  transition: 0.3s;
  padding: 8px 12px;
  border-radius: 8px;
}

.menu ul li a i {
  font-size: 18px;
  color: var(--primary_color_01, #0077ff);
  margin-right: 8px;
  transition: 0.3s;
}

.menu ul li a:hover {
  background: var(--primary_color_01, #0077ff);
  color: #fff;
}

.menu ul li a:hover i {
  color: #fff;
}

.serviceDetails1__content__text {
  border: 1px solid var(--border_color_01);
  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;
}

/*==================================================
===| 20. Contact
===================================================*/
.contact1__input .title {
  padding-right: 50px;
}

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

.contact1__input__form form#contact-form .form-control {
  border-color: var(--border_color_01);
  padding: 18px 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.contact1__input__form form#contact-form .form-control:focus {
  border-color: var(--primary_color_01);
}

.contact1__input__form
  form#contact-form
  .form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form form#contact-form .form-control:-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form form#contact-form .form-control::-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form
  form#contact-form
  .form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form form#contact-form .form-control::-moz-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form form#contact-form .form-control:-ms-input-placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

.contact1__input__form form#contact-form .form-control::placeholder {
  color: #999;
  font-size: 15px;
  font-family: var(--font_primary);
  line-height: 30px;
  font-weight: 500;
}

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

/*==================================================
===| 21. Other Sections (Author CSS End)
===================================================*/

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

.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/service/kalip-imalat/5.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__02 {
  background: url(../img/service/fikstur-imalat/1.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__03 {
  background: url(../img/service/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__04 {
  background: url(../img/service/ozgun-tasarim-makina-imalat/7.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__05 {
  background: url(../img/service/kaynakli-parca-celik-imalati/7.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__06 {
  background: url(../img/about/hero.avif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__07 {
  background: url(../img/hero/contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.pageTitle1__bg__12 {
  background: url(../img/service/talasli-imalat/hero.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;
}

/*==================================================
===| 22. Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */

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

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

/*
* Hide visually and from screen readers, but maintain layout
*/

/*
* 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.
*/

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (-o-min-device-pixel-ratio: 5/4),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */

  /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */

  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
.gradient-text {
  font-size: 48px;
  font-weight: bold;
  color: #00f0ff;
  text-shadow: 0 0 5px #e1fdff, 0 0 10px #000000, 0 0 20px #0d0d0d,
    0 0 40px #000000;
}

/*==================================================
===| Style CSS End
===================================================*/