@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*====================================================================
        2. Css Files Includes
======================================================================*/
/* Module Css */
@import url("module-css/header.css");
@import url("module-css/footer.css");
@import url("module-css/fact-counter.css");



/*====================================================================
        2. Variable CSS
======================================================================*/
:root {
  --thm-body-font-family: "Montserrat", sans-serif;
  --thm-heading-font-family: "Montserrat", sans-serif;
  --thm-primary-color: #3f97fe;
  --thm-secondary-color: #9D0F02;
  --thm-body-font-color: #BEBEBE;
  --thm-heading-font-color: #ffffff;
  --thm-paragraph-color: #BEBEBE;
  --thm-body-font-size: 16px;
  --thm-body-font-weight: 400;
  --thm-heading-font-weight: 700;
  --thm-body-background: #000;
  --thm-black-bg: #1A1A1C;
  --thm-blue: #0d6efd;
  --thm-indigo: #6610f2;
  --thm-purple: #6f42c1;
  --thm-pink: #d63384;
  --thm-red: #dc3545;
  --thm-orange: #fd7e14;
  --thm-yellow: #ffc107;
  --thm-green: #198754;
  --thm-teal: #20c997;
  --thm-cyan: #0dcaf0;
  --thm-white: #ffffff;
  --thm-black: #141416;
  --thm-gray: #E3E3E3;
  --black-bg: #1A1A1C;
}

/*====================================================================
        4. Default CSS
======================================================================*/
body {
  font-family: var(--thm-body-font-family);
  font-weight: var(--thm-body-font-weight);
  font-size: var(--thm-body-font-size);
  line-height: 30px;
  color: var(--thm-body-font-color);
  font-style: normal;
}

.section-title {
  position: relative;
  display: block;
  margin-top: -8px;
  padding-bottom: 13px;
}

.section-title h5 {
  color: var(--thm-primary-color);
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.section-title h2 {
  color: var(--thm-white);
  font-size: 48px;
  line-height: 1.2em;
  margin: 60px 0 0;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img,
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}

a,
button {
  transition: all 0.3s ease-out 0s;
  text-decoration: none;
}

a:focus,
.btn:focus,
button:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  /* color: var(--thm-primary-color); */
  text-decoration: none;
}

a,
button {
  color: var(--thm-primary-color);
  outline: medium none;
  text-decoration: none;
}

.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--thm-heading-font-family);
  color: var(--thm-heading-font-color);
  margin-top: 0px;
  margin-bottom: 0;
  font-style: normal;
  line-height: 1.2em;
  font-weight: var(--thm-heading-font-weight);
  text-transform: inherit;
}

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

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}


.bottm-0{
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
.list-wrap {
  margin: 0px;
  padding: 0px;
}

.list-wrap li {
  list-style: none;
}

p {
  font-size: var(--thm-body-font-size);
  font-weight: var(--thm-body-font-weight);
  line-height: 30px;
  color: var(--thm-paragraph-color);
  margin-bottom: 0;
}

hr {
  border-bottom: 1px solid var(--thm-primary-color);
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: var(--thm-body-font-color);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}

*::-moz-selection {
  background: var(--thm-primary-color);
  color: var(--thm-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--thm-primary-color);
  color: var(--thm-white);
  text-shadow: none;
}

::selection {
  background: var(--thm-primary-color);
  color: var(--thm-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--thm-body-font-color);
  font-size: var(--thm-body-font-size);
  opacity: 1;
}

*::placeholder {
  color: var(--thm-body-font-color);
  font-size: var(--thm-body-font-size);
  opacity: 1;
}

.theme-overlay {
  position: relative;
}

.theme-overlay::before {
  background: var(--thm-primary-color) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.separator {
  border-top: 1px solid var(--thm-primary-color);
}

@media only screen and (min-width: 1200px) {
  .container {
    /* max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px; */
    max-width: 1920px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }
}
/* Bootstrap 5 */
.row {
  --bs-gutter-x: 30px;
}

.row.g-0 {
  --bs-gutter-x: 0;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

.fix {
  overflow: hidden;
}

/*====================================================================
   5. Search Popup
======================================================================*/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  padding-top: 130px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(-110%);
  transition: transform 500ms ease, opacity 500ms ease;
}

.search-popup.active {
  transform: translateY(0%);
}

.search-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 320px;
  background-color: var(--thm-black);
  opacity: 1;
  cursor: pointer;
}

.search-close-btn {
  position: absolute;
  top: 10px;
  right: 27px;
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  transform: inherit;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  width: 60px;
  height: 60px;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-close-btn:hover {
  background-color: var(--thm-primary-color);
}

.search-close-btn i {
  position: relative;
  display: inline-block;
  transform: rotate(45deg);
}

.search-close:hover {
  color: var(--thm-primary-color);
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: var(--thm-white);
  border-radius: 10px;
  overflow: hidden;
}

.search-popup__content form input[type=search],
.search-popup__content form input[type=text] {
  width: 100%;
  background-color: var(--thm-white);
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
  padding-right: 75px;
}

.search-popup__content .btn-one {
  padding: 0;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0px;
  border-radius: 0;
  background-color: var(--thm-primary-color);
  border: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.search-popup__content .btn-one::before {
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: var(--thm-black);
}

.search-popup__content .btn-one i::before {
  position: relative;
  display: inline-block;
  color: var(--thm-white);
  font-size: 20px;
  font-weight: 700;
  background-color: transparent;
  margin-left: 0;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  z-index: 5;
}

.search-popup__content .btn-one:hover i::before {
  color: var(--thm-white);
}

.search-popup__content .btn-one i {
  margin-left: 0px;
}

/*====================================================================
        6. Preloader CSS
======================================================================*/
#preloader {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 999;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 75px;
  display: inline-block;
  vertical-align: middle;
}

.loader .loader-outter {
  position: absolute;
  border: 2px solid var(--thm-primary-color);
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.loader .loader-inner {
  position: absolute;
  border: 4px solid var(--thm-primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
@keyframes loader-outter {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.preloader-two .loader .loader-outter {
  position: absolute;
  border: 4px solid var(--thm-primary-color-two);
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader-two .loader .loader-inner {
  position: absolute;
  border: 4px solid var(--thm-primary-color-two);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader-three .loader .loader-outter {
  position: absolute;
  border: 4px solid var(--thm-primary-color-three);
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader-three .loader .loader-inner {
  position: absolute;
  border: 4px solid var(--thm-primary-color-three);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

/*====================================================================
        7. Button One style
======================================================================*/
.btn-box {
  margin-top: 30px;
}

.button-style-1 {
  gap: 15px;
  z-index: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  border-radius: 5px;
  padding: 10px 30px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--thm-white);
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 1.28px;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  font-family: var(--thm-heading-font-family);
}

.button-style-1:before,
.button-style-1:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: var(--thm-secondary-color);
}

.button-style-1:before {
  transform: translateX(-100%);
  z-index: -1;
}

.button-style-1:hover:before {
  transform: translateX(0);
  transition: transform 350ms ease;
}

.button-style-1:after {
  z-index: -1;
  transform: translateX(100%);
  transition: none;
  transition: transform 350ms ease;
}

.button-style-1:hover:after {
  opacity: -1;
  transform: translateX(0);
  transition: transform 350ms 360ms ease;
}

.button-style-1:hover {
  color: var(--thm-white);
}

.button-style-1.secondary-white {
  background-color: #df2a19;
}

.secondary-white:before,
.secondary-white:after {
  background-color: var(--thm-white);
}

.button-style-1.secondary-white:hover {
  color: var(--thm-black);
}

/* Button Style 2 */
.button-style-2 {
  gap: 15px;
  z-index: 0;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  line-height: 40px;
  padding: 10px 30px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  letter-spacing: 1.28px;
  justify-content: center;
  color: var(--thm-white);
  text-transform: uppercase;
  background-color: #141416;
  transition: all 0.3s ease-in-out;
  font-family: var(--thm-heading-font-family);
}

.button-style-2 i {
  font-size: 13px;
  font-weight: 700;
  color: var(--thm-primary-color);
}

.button-style-2:hover {
  color: var(--thm-primary-color);
}

/*====================================================================
        8. ScrollUp
======================================================================*/
/* scrollUp */
.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: var(--thm-body-font-size);
  border-radius: 6px;
  z-index: 99;
  color: var(--thm-white);
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  transition: 1s ease;
  border: none;
}

.scroll-top.open {
  bottom: 30px;
}

.scroll-top::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
  background: var(--thm-secondary-color);
}

.custom-container {
  max-width: 1320px;
}

.body-dark-bg {
  background-color: var(--thm-body-background);
}

/*====================================================================
        9. Sidebar
======================================================================*/
.xs-sidebar-group .xs-overlay {
  left: 0%;
  top: 0;
  position: fixed;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  cursor: url(../img/icon/cross-out.png), pointer;
  z-index: 99999999;
}

.xs-sidebar-group.isActive .xs-overlay {
  opacity: 0.6;
  visibility: visible;
  transition-delay: 0s;
  right: 100%;
  background-color: #000000;
}

.xs-sidebar-widget {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 365px;
  background-color: #000000;
  overflow: hidden;
  overflow-y: auto;
  transform: translateX(-300px);
  transition: 0.6s;
  opacity: 1;
  z-index: 999999999;
}

.xs-sidebar-widget::-webkit-scrollbar {
  width: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  left: 0;
  transform: translateX(0px);
}

.sidebar-textwidget {
  padding: 70px 30px;
  padding-top: 30px;
}

.sidebar-widget-container {
  position: relative;
  top: -150px;
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: all 300ms ease 100ms;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  backface-visibility: hidden;
  transition: all 600ms ease 800ms;
}

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  z-index: 0;
  background-color: #000000;
}

.xs-sidebar-group .widget-heading {
  top: 5px;
  right: 0;
  z-index: 1;
  padding: 25px;
  position: absolute;
}

.xs-sidebar-group .widget-heading a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border: 2px solid var(--thm-white);
  border-radius: 50%;
  color: var(--thm-white);
  font-size: 16px;
  font-weight: 400;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.xs-sidebar-group .widget-heading a:hover {
  color: var(--thm-white);
  border-color: var(--thm-white);
}

.xs-sidebar-group .content-inner .logo {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.xs-sidebar-group .content-inner .logo a {
  position: relative;
  display: inline-block;
}

.xs-sidebar-group .content-inner h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: var(--thm-white);
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 14px;
  margin-bottom: 30px;
}

.xs-sidebar-group .content-inner h4:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background: var(--thm-white);
}

.xs-sidebar-group .content-inner .content-box {
  margin-bottom: 30px;
  padding-right: 15px;
}

.xs-sidebar-group .content-inner .content-box .inner-text {
  position: relative;
  display: block;
  padding-top: 2px;
}

.xs-sidebar-group .content-inner .content-box p {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.xs-sidebar-group .content-inner .form-inner .form-group {
  position: relative;
  margin-bottom: 20px;
}

.xs-sidebar-group .content-inner .form-inner .form-group:last-child {
  margin-bottom: 0px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input[type=text],
.xs-sidebar-group .content-inner .form-inner .form-group input[type=email],
.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  padding: 10px 20px;
  background-color: var(--thm-black-bg);
  color: var(--thm-body-font-color);
  transition: all 500ms ease;
  outline: none;
  border: none;
}

.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  resize: none;
  height: 120px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus,
.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
  border-color: transparent;
}

.xs-sidebar-group .content-inner .form-inner .form-group.message-btn {
  position: relative;
}

.xs-sidebar-group .content-inner .form-inner .form-group.message-btn button {
  border: none;
  width: 100%;
}

.xs-sidebar-group .content-inner .form-inner .form-group.message-btn .btn-one {
  position: relative;
}

.sidebar-contact-info {
  position: relative;
  display: block;
  padding-top: 43px;
}

.sidebar-contact-info ul {
  position: relative;
  display: block;
  padding-bottom: 22px;
}

.sidebar-contact-info ul li {
  position: relative;
  display: block;
  color: var(--thm-body-font-color);
  line-height: 30px;
}

.sidebar-contact-info ul li span {
  position: relative;
  display: inline-block;
  width: 25px;
}

.sidebar-contact-info ul li span:before {
  position: relative;
  display: inline-block;
  color: #ffffff;
}

.sidebar-contact-info ul li a {
  color: var(--thm-body-font-color);
}

.sidebar-contact-info ul li a:hover {
  color: var(--thm-primary-color);
}

.xs-sidebar-group .content-inner .thm-social-link1 {
  overflow: hidden;
}

.thm-social-link1 {
  position: relative;
  display: block;
}

.thm-social-link1 ul {
  position: relative;
}

.thm-social-link1 ul li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
}

.thm-social-link1 ul li:last-child {
  margin-right: 0;
}

.thm-social-link1 ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #1c1c1e;
  border-radius: 50%;
  color: var(--thm-white);
  font-size: 16px;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}

.thm-social-link1 ul li a:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: var(--thm-primary-color);
  border-radius: 50%;
  transition: 0.5s;
  transform: scale(0.5);
  opacity: 0;
  content: "";
  z-index: -1;
}

.thm-social-link1 ul li a:hover:before {
  transform: scale(1);
  opacity: 1;
}

.thm-social-link1 ul li a:hover {
  color: var(--thm-white);
}

/*====================================================================
        10. Styled Pagination
======================================================================*/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 0px;
  text-align: center;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin-right: 17px;
}

.styled-pagination li:last-child {
  margin-right: 0;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  background: var(--thm-black-bg);
  border-radius: 50%;
  color: var(--thm-white);
  font-size: 18px;
  line-height: 65px;
  font-weight: 700;
  border: 1px solid #3b3b3b;
  text-align: center;
  transition: all 500ms ease;
  font-family: var(--thm-heading-font-family);
  z-index: 1;
}

.styled-pagination li:hover a,
.styled-pagination li.active a {
  color: var(--thm-white);
  background: var(--thm-primary-color);
  border-color: var(--thm-primary-color);
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
  border-radius: 50%;
  color: var(--thm-white);
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
  color: var(--thm-white);
}

.styled-pagination li a span:before {
  position: relative;
  top: 1px;
  color: var(--thm-white);
  font-size: 15px;
  font-weight: 400;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.styled-pagination li a:hover span:before,
.styled-pagination li.active a span:before {
  color: var(--thm-white);
}

/*====================================================================
        11. Page Header
======================================================================*/
.page-header {
  position: relative;
  display: block;
  padding: 270px 0px 148px;
  background: var(--thm-black);
  overflow: hidden;
  z-index: 1;
}

.page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.page-header__bg::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(20, 20, 22, 0) 0%, #141416 100%);
  z-index: -2;
  content: "";
}

.page-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.page-header__inner h2 {
  color: var(--thm-white);
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.page-header__inner .thm-breadcrumb {
  position: relative;
  display: block;
}

.page-header__inner .thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: var(--thm-white);
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: var(--thm-heading-font-family);
  transition: all 200ms linear;
  transition-delay: 0.1s;
  padding-left: 10px;
}

.page-header__inner .thm-breadcrumb li:first-child {
  padding-left: 0;
}

.page-header__inner .thm-breadcrumb li a {
  color: var(--thm-white);
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: var(--thm-heading-font-family);
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.page-header__inner .thm-breadcrumb li a:hover {
  color: var(--thm-primary-color);
}

/*====================================================================
        12. Project One CSS
======================================================================*/
.project-one {
  position: relative;
  display: block;
  /* padding: 120px 0px 90px; */
}

.project-one h4.project-one {
  bottom: 10px;
  padding: 0 15px;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  transition: all ease-in-out 0.3s;
  font-size: 24px;
}

.project-one__img:hover h4.project-one {
  opacity: 0;
}

.project-one .project-one__single:hover h4.project-one {
  opacity: 0;
}

.project-one .container-fluid {
  max-width: 1760px;
  padding-left: 15px;
  padding-right: 15px;
}

.project-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.project-one__img-box {
  position: relative;
  display: block;
}

.project-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 6px;
  z-index: 1;
}

.project-one__img .project-one {
  z-index: 998;
}

.project-one__img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}

.project-one__img:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(to right, #3f97fe, #7a3cd3);
  /* background-image: linear-gradient(to right, #3f97fe, #7a3cd3); */
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transition: all 500ms ease;
  z-index: 1;
}

.project-one__img img {
  width: 100%;
  transition: 0.9s ease;
  transform: scale(1.05);
  /* height: 505px; */
  -o-object-fit: cover;
     object-fit: cover;
}

.project-one__single:hover .project-one__img img {
  transform: scale(1);
}

.project-one__content {
  position: absolute;
  left: 40px;
  bottom: 40px;
  right: 40px;
  z-index: 1;
  overflow: hidden;
}

.team-one__single-img h3 {
  font-weight: 400;
}


.project-one__single:hover .project-one__title {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 500ms;
}

.project-one__title::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 0%;
  background: var(--thm-white);
  transition: transform 1500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  content: "";
}

.project-one__single:hover .project-one__title::before {
  transform: scale(1, 1);
  transform-origin: left center;
  width: 100%;
}

.project-one__title a {
  color: var(--thm-white);
}

.project-one__sub-title {
  color: var(--thm-white);
  margin-top: 11px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 900ms ease;
}

.project-one__single:hover .project-one__sub-title {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 500ms;
}

.project-one__single:hover .project-one__img:before {
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.project-one__single:hover .project-one__content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 700ms;
}

/*.project-one__gap .col-xl-3:nth-child(1) .project-one__single,*/
/*.project-one__gap .col-xl-3:nth-child(3) .project-one__single {*/
/*    margin-top: 70px;*/
/*}*/
/*====================================================================
        13. Working Process One
======================================================================*/
.working-process-one {
  position: relative;
  display: block;
  padding: 120px 0px 120px;
  z-index: 1;
}

.working-process-one__inner {
  position: relative;
  display: block;
}

.working-process-one__single {
  position: relative;
  display: block;
  background: var(--thm-black-bg);
  padding: 40px 40px 40px;
  border-radius: 5px;
  z-index: 1;
}

.working-process-one__title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-left: 8px;
}

.working-process-one__title .circle {
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  background: var(--thm-primary-color);
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.working-process-one__single:hover .working-process-one__title .circle {
  transform: scale(1.05);
}

.working-process-one__title .icon {
  position: absolute;
  left: 0px;
  top: 15px;
}

.working-process-one__title .icon span {
  position: relative;
  display: inline-block;
  color: var(--thm-white);
  font-size: 60px;
  line-height: 60px;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.working-process-one__single:hover .working-process-one__title .icon span {
  transform: scale(0.9);
}

.working-process-one__title h3 {
  font-size: 24px;
  line-height: 30px;
}

.working-process-one__text {
  margin-bottom: 30px;
}

.working-process-one__btn {
  color: var(--thm-primary-color);
  line-height: 32px;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  font-family: var(--thm-heading-font-family);
  font-weight: var(--thm-heading-font-weight);
}

.working-process-one__btn i {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: -1px;
}

.working-process-one__btn:hover {
  color: var(--thm-white);
}

.working-process-one__big-text {
  position: absolute;
  right: 26px;
  bottom: 21px;
  color: rgba(255, 255, 255, 0.1);
  font-size: 68px;
  line-height: 0.8em;
  font-weight: 700;
  font-family: var(--thm-heading-font-family);
}

.working-process-one .swiper-container {
  overflow: inherit;
  visibility: visible;
}

/*====================================================================
        14. Feature One
======================================================================*/
.feature-one {
  position: relative;
  display: block;
  padding: 38px 0px 34px;
  background: var(--thm-black);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  overflow-x: hidden;
}

.feature-one__wrap {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
}

.feature-one__wrap:hover .feature-one__title-box {
  animation-play-state: paused;
}

.feature-one__title-box {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px;
  animation: slide-left 10s linear infinite;
}

.feature-one__wrap .feature-one__title-box {
  padding: 0;
  animation: slide-left 10s linear infinite;
}

.feature-one__title-box > * {
  margin: 0 20px;
}

.feature-one__title {
  position: relative;
  color: var(--thm-white);
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  text-transform: capitalize;
}

.feature-one__title span {
  position: relative;
  display: inline-block;
  color: var(--thm-primary-color);
  font-size: 40px;
  line-height: 40px;
}

.feature-one__title .icon-one {
  position: relative;
  display: inline-block;
  margin-right: 45px;
  margin-left: 2px;
}

@keyframes slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*====================================================================
        15. Projects Two
======================================================================*/
.projects-two {
  position: relative;
  display: block;
  padding: 0px 0px 70px;
  z-index: 1;
}

.projects-two__top {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 55px;
}

.projects-two__top .section-title {
  padding-bottom: 0;
}

.projects-two__top .btn-box {
  position: relative;
  display: block;
  top: -15px;
}

.projects-two__menu-box {
  position: relative;
  display: block;
  padding-bottom: 70px;
}

.projects-two__menu-box .project-filter {
  position: relative;
  display: block;
  z-index: 1;
}

.projects-two__menu-box .project-filter li {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.projects-two__menu-box .project-filter li:last-child {
  margin-bottom: 0px;
}

.projects-two__menu-box .project-filter li .filter-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--thm-body-font-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 1.28px;
  background: var(--thm-black-bg);
  border-radius: 5px;
  padding: 13px 20px 11px;
  cursor: pointer;
  transition: all 0.4s ease;
  font-family: var(--thm-heading-font-family);
  z-index: 1;
}

.projects-two__menu-box .project-filter li .filter-text i {
  position: relative;
  display: inline-block;
  color: var(--thm-white);
  font-size: 8px;
  line-height: 8px;
  font-weight: 400;
  top: 0px;
}

.projects-two__menu-box .project-filter li .filter-text:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: -1px;
  content: "";
  background: var(--thm-primary-color);
  border-radius: 5px;
  opacity: 1;
  transform: perspective(400px) rotateX(90deg);
  transform-origin: bottom;
  transition: all 300ms linear;
  transition-delay: 0.1s;
  z-index: -1;
}

.projects-two__menu-box .project-filter li:hover .filter-text:before,
.projects-two__menu-box .project-filter li.active .filter-text:before {
  opacity: 1;
  transform: perspective(400px) rotateX(0deg);
  transition: all 300ms linear;
  transition-delay: 0.1s;
}

.projects-two__menu-box .project-filter li:hover .filter-text,
.projects-two__menu-box .project-filter li.active .filter-text {
  color: #ffffff;
}

.projects-two__menu-box .project-filter li .count {
  display: none;
}

.projects-two__content {
  position: relative;
  display: block;
}

.projects-two__single {
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.projects-two__single-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  z-index: 1;
}

.projects-two__link {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.7);
  transition: all 600ms ease;
  z-index: 2;
}

.projects-two__single:hover .projects-two__link {
  transform: scale(1);
  opacity: 1;
  transition-delay: 500ms;
}

.projects-two__link a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background-color: var(--thm-white);
  border-radius: 50%;
  color: var(--thm-black);
  text-align: center;
  transition: 0.4s;
  -webkit-transition: all 0.4s ease-in-out;
}

.projects-two__link a:hover {
  color: var(--thm-white);
  background: var(--thm-primary-color);
}

.projects-two__link a span::before {
  position: relative;
  display: inline-block;
  font-size: 25px;
}

.projects-two__single-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0;
  transition: 0.5s;
  transform: perspective(400px) rotateX(-10deg);
  transform-origin: top;
  z-index: 1;
}

.projects-two__single:hover .projects-two__single-img::before {
  opacity: 0.6;
  transform: perspective(400px) rotateX(0deg);
}

.projects-two__single-img img {
  width: 100%;
  transform: scale3d(1, 1, 1);
  transition: transform 1s ease-in-out;
}

.projects-two__single:hover .projects-two__single-img img {
  transform: scale(1.05) rotate(0deg);
}

.projects-two__single-content {
  position: relative;
  display: block;
  padding-top: 23px;
}

.projects-two__single-content h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.projects-two__single-content h2 a {
  color: var(--thm-white);
}

.projects-two__single-content h2 a:hover {
  color: var(--thm-primary-color);
}

.projects-two__single-content p {
  margin: 0;
}

/*====================================================================
        16. Testimonial One
======================================================================*/
.testimonial-one--about {
  position: relative;
  display: block;
  padding: 120px 0px 120px;
  z-index: 1;
}

.testimonial-one--about .swiper-nav-style1 {
  top: 168px;
}

/*====================================================================
        17. Footer Two
======================================================================*/
.footer-one__two.about {
  position: relative;
  display: block;
  background: var(--thm-black-bg);
  padding: 120px 0px 0px;
}

.footer-one__two.about .footer-one__two-top-inner .social-links li a {
  background: #212224;
}

/*====================================================================
        18. Services One
======================================================================*/
.services-one--services {
  position: relative;
  display: block;
  padding: 120px 0px 90px;
  z-index: 1;
}

/*====================================================================
        19. Project One
======================================================================*/
.project-one--project {
  position: relative;
  display: block;
  padding: 120px 0px 90px;
  z-index: 1;
}

/*====================================================================
        20. Project Details
======================================================================*/
.project-details {
  position: relative;
  display: block;
  padding: 120px 0px 112px;
  z-index: 1;
}

.project-details__inner {
  position: relative;
  display: block;
}

.project-details__text1 {
  position: relative;
  display: block;
}

.project-details__text1-img {
  position: relative;
  display: block;
}

.project-details__text1-img-left {
  position: relative;
  display: block;
  margin-right: -27.5px;
}

.project-details__text1-img-left .single-img {
  position: relative;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px;
}

.project-details__text1-img-left .single-img img {
  width: 100%;
}

.project-details__text1-img-right {
  position: relative;
  display: block;
  max-width: 480px;
  width: 100%;
  margin-left: 28px;
}

.project-details__text1-img-right .img-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}

.project-details__text1-img-right .img-box img {
  width: 100%;
}

.project-details__text1-list {
  position: relative;
  display: block;
  margin-left: -40px;
}

.project-details__text1-list ul {
  position: relative;
  display: block;
  border: 1px solid #3d3d3f;
  border-radius: 5px;
  padding: 0px 35px 0px;
  padding-bottom: 33px;
}

.project-details__text1-list ul li {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 34px;
  margin-top: 36px;
}

.project-details__text1-list ul li:last-child {
  padding-bottom: 0px;
}

.project-details__text1-list ul li::before {
  position: absolute;
  left: -35px;
  bottom: 0;
  right: -35px;
  height: 1px;
  background: #3d3d3f;
  content: "";
}

.project-details__text1-list ul li:last-child:before {
  display: none;
}

.project-details__text1-list ul li .icon-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #1d1415;
}

.project-details__text1-list ul li .icon-box span {
  position: relative;
  display: inline-block;
  color: var(--thm-primary-color);
  font-size: 20px;
  line-height: 20px;
}

.project-details__text1-list ul li .text-box {
  position: relative;
  display: block;
  margin-left: 20px;
  flex: 1;
}

.project-details__text1-list ul li .text-box p {
  color: var(--thm-white);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 5px;
}

.project-details__text1-list ul li .text-box h4 {
  color: var(--thm-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}

.project-details__text2 {
  position: relative;
  display: block;
  margin-top: 37px;
}

.project-details__text2 p {
  margin: 0;
}

.project-details__text2 p + p {
  margin-top: 32px;
}

.project-details__text3 {
  position: relative;
  display: block;
  margin-top: 33px;
}

.project-details__text3-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.project-details__text3-single h4 {
  color: var(--thm-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 19px;
}

.project-details__text3-single h4 span {
  position: relative;
  display: inline-block;
  color: var(--thm-primary-color);
  font-size: 18px;
  line-height: 18px;
  top: 2px;
  padding-right: 9px;
}

.project-details__text3-single p {
  margin: 0;
}

.project-details__text4 {
  position: relative;
  display: block;
}

.project-details__text4 p {
  margin: 0;
}

.project-details__btn-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--thm-white);
  margin-top: 45px;
  padding-top: 30px;
}

.project-details__btn-box-single {
  position: relative;
  display: block;
}

.project-details__btn-box-single a {
  color: var(--thm-white);
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  font-family: var(--thm-heading-font-family);
}

.project-details__btn-box-single a span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  top: 1px;
  padding-right: 5px;
}

.project-details__btn-box-single a:hover {
  color: var(--thm-primary-color);
}

.project-details__btn-box-single p {
  color: var(--thm-white);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  font-family: var(--thm-heading-font-family);
  margin-top: 13px;
}

.project-details__btn-box-single.style2 {
  position: relative;
  display: block;
  text-align: right;
}

.project-details__btn-box-single.style2 a span {
  padding-right: 0px;
  padding-left: 5px;
}

/*====================================================================
        21. Faq One
======================================================================*/
.faq-one {
  position: relative;
  display: block;
  padding: 120px 0px 100px;
  z-index: 1;
}

.faq-one__inner {
  position: relative;
  display: block;
}

.faq-one__accrodion {
  position: relative;
  display: block;
}

.faq-one__accrodion .accrodion {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  border: 0px solid transparent;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.faq-one__accrodion .accrodion .accrodion-title {
  position: relative;
  display: block;
  background: var(--thm-black-bg);
  cursor: pointer;
  padding: 17px 0px 15px;
  padding-left: 45px;
  padding-right: 45px;
  border-radius: 5px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.faq-one__accrodion .accrodion .accrodion-title h2 {
  position: relative;
  color: var(--thm-white);
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.faq-one__accrodion .accrodion .accrodion-title h2::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--thm-primary-color);
  border-radius: 50%;
  font-family: "icomoon" !important;
  color: var(--thm-primary-color);
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  transform: translateY(-50%);
  transition: all 500ms ease;
  content: "\e921";
}

.faq-one__accrodion .accrodion.active .accrodion-title h2::before {
  content: "\e922";
  font-family: "icomoon" !important;
  color: var(--thm-primary-color);
}

.faq-one__accrodion .accrodion .accrodion-content {
  position: relative;
  display: block;
  padding: 27px 0px 15px;
}

.faq-one__accrodion .accrodion.active .accrodion-content {
  position: relative;
  display: block;
}

.faq-one__accrodion .accrodion .accrodion-content .inner {
  position: relative;
  display: block;
}

.faq-one__accrodion .accrodion .accrodion-content .inner p {
  margin: 0;
}

/*====================================================================
        22. Pricing One
======================================================================*/
.subscribe-one--pricing {
  position: relative;
  display: block;
  padding-bottom: 120px;
}

/*====================================================================
        23. Pricing Two
======================================================================*/
.pricing-two--pricing {
  position: relative;
  display: block;
  padding: 120px 0px 90px;
}

.contents {
  padding-right: 30px;
}

.slider-nav .slick-prev.slick-arrow {
  position: absolute;
  bottom: -55px !important;
  right: 44px !important;
  left: auto;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  top: auto;
  padding: 10px 18px;
  height: auto;
  width: auto;
}

.slider-nav .slick-next.slick-arrow {
  position: absolute;
  bottom: -55px !important;
  right: -25px !important;
  left: auto;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  top: auto;
  padding: 10px 18px;
  height: auto;
  width: auto;
}

.purple {
  color: #9529eb;
}

.purplebg {
  background: #9529eb;
}

.service-banner {
  padding: 200px 0;
  position: relative;
}

.service-banner:after {
  content: "";
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  background-repeat: no-repeat;
  height: 8px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}

/* .service-banner:before{
    content: "";
    background: rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1
} */
.service-banner .container {
  position: relative;
  z-index: 999;
}

.service-banner h2 {
  font-size: 54px;
  margin-bottom: 20px;
  font-weight: 600;
  position: relative;
  z-index: 3;
}

.service-banner #myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.6;
}

.service-banner p {
  font-size: 24px;
  line-height: 1.5;
  position: relative;
  color: #fff;
  z-index: 3;
}

.service-section-2 {
  padding: 120px 0 120px;
}

.service-section-2 h3 {
  font-size: 37px;
  font-weight: 600;
  margin-bottom: 30px;
}

.service-section-2 .container {
  max-width: 1000px;
  margin: auto;
}

.service-section-2 p {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: 500;
}

.service-section-3 {
  text-align: center;
}

.service-section-3 {
  padding: 170px 0;
  background: url("../../assets/img/service/Gradient.png");
  position: relative;
  background-size: 119%;
  background-position: -100px center;
  background-repeat: no-repeat;
}

.service-section-3 .stats {
  font-size: 90px;
  display: block;
  font-weight: bolder;
  color: #fff;
  margin-bottom: 40px;
}

.service-section-3 p {
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: 500;
}

.btn-purple {
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  color: #fff;
  padding: 15px 50px;
  font-size: 20px;
  font-weight: 500;
  margin-top: 60px;
  display: inline-block;
  position: relative;
  top: 57px;
  transition: all ease-in-out 0.4s;
}

.btn-purple:hover {
  background: linear-gradient(to right, #3f97fe, #3f97fe);
  color: #fff;
}

.service-section-4 {
  padding: 120px 0;
}

.service-section-4 h2 {
  text-align: center;
  font-size: 52px;
  margin-bottom: 80px;
  font-weight: 600;
}

.service-section-4 h4 {
  font-size: 22px;
  font-weight: 500;
  transition: all ease-in-out 0.4s;
  margin-bottom: 30px;
  line-height: 1.4;
}

.service-section-4 .box-section {
  padding: 30px;
  border: 1px solid #ccc;
  margin: 0 15px;
  position: relative;
  border-top: 0px;
  height: 100%;
}

.service-section-4 .col-sm-3.col-12 {
  align-items: stretch;
  display: flex;
}

.service-section-4 .box-section:after {
  content: "";
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  background-repeat: no-repeat;
  height: 2px;
  width: 100%;
  left: 0;
  top: 0px;
  position: absolute;
  z-index: 3;
}

.service-section-4 p {
  font-size: 17px;
  line-height: 1.5;
  transition: all ease-in-out 0.4s;
}

.service-section-4 .box-section:hover {
  background: #7a3cd3;
}

.service-section-4 .box-section:hover p {
  color: #fff;
}

/*.service-section-4 .box-section:hover h4{
    font-size: 30px
}*/
.service-section-4 .box-section:hover p {
  opacity: 1;
}

.service-section-5 {
  position: relative;
  padding: 120px 0;
}

.service-section-5 h2 {
  font-size: 52px;
  margin-bottom: 80px;
  font-weight: 600;
  position: relative;
}

.service-section-5 ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.service-section-5 li {
  width: 25%;
  padding: 30px 120px 0px 0;
  display: flex;
  align-items: center;
}

.service-section-6 {
  position: relative;
  padding: 120px 0;
}

.service-section-6 h2 {
  text-align: center;
  font-size: 52px;
  margin-bottom: 80px;
  font-weight: 600;
  position: relative;
}

.service-section-7 {
  position: relative;
  padding: 0px 0 100px;
}

.service-section-7 h2 {
  font-size: 45px;
  margin-bottom: 0px;
  font-weight: 500;
  position: relative;
}

.service-section-7 .btn-purple {
  margin-top: 0;
}

.industry-banner {
  background-image: url("../../assets/img/industry/banner.jpg");
  padding: 250px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.industry-banner:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.industry-banner .banner-box {
  max-width: 570px;
  padding: 50px 60px;
  position: relative;
  background: rgba(0, 0, 0, 0.7);
  margin-left: -15px;
  position: relative;
  z-index: 3;
}

.industry-banner .banner-box h2 {
  margin: 30px 0;
  font-weight: 500;
  font-size: 40px;
}

.industry-banner .container-fluid {
  position: relative;
  z-index: 666;
}

.industry-banner .banner-box p {
  color: #fff;
}

.industry-banner .banner-box::after {
  content: "";
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  background-repeat: repeat;
  background-repeat: no-repeat;
  height: 2px;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.industry-section-2 {
  position: relative;
  padding: 120px 0;
}

.industry-section-2 h2 {
  font-weight: bolder;
  font-size: 62px;
  margin-bottom: 50px;
}

.industry-section-2 p {
  font-size: 29px;
  line-height: 1.5;
  color: #fff;
}

.industry-section-2 .img-setion img {
  margin-top: 100px;
}

.industry-section-3 .img-wrapper {
  margin-left: 200px;
  padding: 100px 80px 200px;
  background: url("../../assets/img/prespective.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  z-index: 99;
  margin-bottom: 120px;
}

.industry-section-3 .img-wrapper:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.industry-section-3 h2 {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 55px;
}

.project-one {
  z-index: 9999;
  background: transparent !important;
}

.industry-section-3 .img-wrapper h5 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 11px;
  position: relative;
  z-index: 999;
}

.industry-section-3 .img-wrapper span {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  position: relative;
  z-index: 999;
}

.purples {
  color: #b587dd;
}

.container-wrapper {
  position: relative;
}

.container-wrapper:after {
  content: "";
  position: absolute;
  background: #1b1a28;
  height: 80%;
  width: 80%;
  left: 0;
  top: -80px;
}

.container-wrapper .container {
  position: relative;
  z-index: 33;
}

.industry-section-4 {
  background: #160623;
  padding: 80px 0;
}

.industry-section-4 h3 {
  font-weight: 500;
  margin-bottom: 35px;
}

.industry-section-4 p {
  color: #fff;
  font-size: 16px;
}

.industry-section-4 .col-sm-3 {
  position: relative;
  padding: 15px 30px;
}

.industry-section-4 .col-sm-3:before {
  content: "";
  height: 100%;
  width: 2px;
  background: #7c7580;
  left: 0;
  top: 0px;
  position: absolute;
}

.service-section-7.about {
  position: relative;
  padding: 100px 0 100px;
}

.service-banner.about {
  padding: 400px 0 50px;
}

.industry-banner.about h2 {
  font-size: 60px;
  position: relative;
  z-index: 99;
  font-weight: 500;
}

.industry-banner.about .container {
  position: relative;
  z-index: 99;
}

.about-section-2 {
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  margin-top: 0px;
}

.about-section-2 p {
  font-size: 29px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.4;
  padding-right: 50px;
}

.service-banner.about::after {
  display: none !important;
}

.content-about {
  padding: 150px 60px;
}

/* .content-about h2{
    font-size: 70px;
    margin-bottom: 30px;
    font-weight: 500
} */
.content-about p {
  font-size: 21px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.5;
}

.about-image {
  background-image: url("/assets/img/about/health-01.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about-section-3 .container-fluid {
  padding: 0;
}

.about-section-3.about-section-5 .about-image {
  background-image: url("/assets/img/about/about-img-01.webp");
}

.industry-section-4.about-section-4 {
  background: #313131;
}

.industry-section-4.about-section-4 .col-sm-4 {
  position: relative;
  padding: 0px 30px 30px;
}

.industry-section-4.about-section-4 h2 {
  font-weight: 400;
  margin-bottom: 60px;
  text-align: center;
}

.industry-section-4 .col-sm-4:before {
  content: "";
  height: 100%;
  width: 1px;
  background: #ccc;
  left: 0;
  top: 0px;
  position: absolute;
}

.industry-section-4.about-section-4 label {
  color: #fff;
}

.about-section-6 {
  padding: 80px 0 30px;
}

.about-section-6 h2 {
  font-weight: 500;
  margin-bottom: 80px;
  text-align: center;
}

.about-section-6 li {
  width: 33%;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  padding: 30px 0;
  margin-top: 50px;
  border-left: 2px solid #7a3cd3;
}

.about-section-6 li:first-of-type {
  border-left: 0;
}

.careers-banner {
  min-height: 70Vh;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: stretch;
}

.careers-banner .row.justify-content-between {
  width: 100%;
}

.careers-banner .container-fluid {
  display: flex;
  align-items: stretch;
  position: relative;
  padding: 0 70px;
}

.careers-banner .col-12 {
  display: flex;
  align-items: flex-end;
}

.careers-banner .col-12 .btn-purple {
  top: 0;
  margin-top: 0;
}

.careers-banner .col-12 h1 {
  background: #000;
  display: inline-block;
  padding: 15px 100px 10px;
}

.careers-banner .col-12 h1 span {
  display: inline-block;
  font-size: 38px;
  font-weight: 500;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  background: -webkit-linear-gradient(to right, #3f97fe, #7a3cd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.careers-section-1 {
  padding: 120px 0;
}

.careers-section-1 .banner-box {
  padding: 20px 70px;
}

.careers-section-1 .banner-box h2 {
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 30px;
}

.careers-section-1 .banner-box p {
  font-size: 24px;
  color: #fff;
  line-height: 1.5;
}

.careers-section-1 {
  align-items: stretch;
}

.careers-section-1 .nav-tabs .nav-link {
  color: #495057;
  background-color: #fff;
  border-radius: 0px;
  width: 100%;
  font-size: 24Px;
  padding: 12px 0;
  text-align: left;
  border: 0px;
  margin-bottom: 20px;
  position: relative;
}

.careers-section-1 .nav-tabs .nav-link.active:after {
  position: absolute;
  content: "";
  background: url("./../img/gradient_2.jpg");
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  height: 2px;
  width: calc(100% + 30px);
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.careers-section-1 nav {
  width: 30%;
  background: #fff;
  padding: 30px;
}

.careers-section-1 .tab-content {
  width: 70%;
  padding: 40px !important;
  background: #000 !important;
  border: 0px !important;
}

.careers-section-1 .tab-content p {
  font-size: 19px;
  color: #fff;
  margin-bottom: 20px;
}

.nav-tabs {
  border-bottom: 0px;
}

.careers-section-1 .tab-content h4 span {
  position: relative;
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 500;
  background: linear-gradient(to right, #3f97fe, #7a3cd3);
  background: -webkit-linear-gradient(to right, #3f97fe, #7a3cd3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 10px;
  padding-right: 30px;
  margin-bottom: 40px;
  display: inline-block;
}

.careers-section-1 .d-flex {
  margin-top: 100px;
}

.careers-section-1 .tab-content h4 span:after {
  position: absolute;
  content: "";
  background: url("./../img/gradient_2.jpg");
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.careers-section-1 .justify-content-end {
  position: relative;
  margin-top: 40px;
}

.careers-section-1 .justify-content-end:before {
  position: absolute;
  content: "";
  background-image: url("./../img/careers/down.jpg");
  width: 80%;
  height: 95%;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.careers-section-2 .btn-purple {
  margin-top: 0px;
}

.careers-section-2 h2 {
  font-size: 60px;
  margin-top: 20px;
  margin-right: 60px;
  font-weight: 400;
  min-width: 418px;
}

.careers-section-2 img {
  max-width: 60%;
}

.careers-section-2 .content-section {
  padding: 50px 30px;
  background: #fff;
  color: #000;
  margin-top: -175px;
  position: relative;
  right: -15px;
}

.careers-section-2 .content-section p {
  color: #000;
  font-size: 20px;
}

.careers-section-3 {
  padding: 120px 0;
}

.careers-section-3 .d-flex {
  width: 100%;
}

.careers-section-3 ul li {
  width: 17%;
  text-align: center;
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  padding: 1px 30px;
  border-right: 1px solid #9829ea;
  position: relative;
}

.careers-section-3 ul li:last-of-type {
  border-right: 0px;
}

.careers-section-3 ul li .btn-purple {
  margin-top: 10px;
  position: absolute;
  left: 0;
  top: 110%;
  right: 0;
  margin: auto;
  opacity: 0;
}

.careers-section-3 ul li:hover {
  color: #7a3cd3;
}

.careers-section-3 ul li:hover .btn-purple {
  opacity: 1;
  top: 99%;
}

.careers-section-4.about-section-2 p {
  font-size: 28px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.4;
  padding-right: 50px;
}

.careers-section-4.about-section-2 label {
  color: #fff;
  font-size: 24px;
  position: relative;
  padding-left: 30px;
}

.careers-section-4.about-section-2 label:before {
  position: absolute;
  content: "";
  background: #fff;
  height: 2px;
  width: 20px;
  left: 0;
  top: 14px;
}

.careers-section-4.about-section-2 label small {
  display: block;
  font-size: 18px;
  color: var(--thm-body-font-color);
}

.about-section-2 .col-sm-1 {
  padding-left: 0;
}

.member-box {
  text-align: center;
  margin-bottom: 30px;
}

.member-box h4 {
  font-size: 28px;
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: 500;
}

.member-box h5 {
  font-weight: 400;
  font-size: 16px;
}

.member-box img {
  width: 90%;
  margin: auto;
}

.contact-us {
  padding: 200px 0 100px;
}

.contact-us h1 {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 20px;
}

.contact-us p {
  font-size: 22px;
  margin-bottom: 60px;
  line-height: 1.5;
}

.contact-us h4 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 40px;
}

.contact-us label {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
}

.contact-us span {
  font-size: 30px;
  font-weight: 400;
}

.contact-us .row .col-12:first-of-type {
  border-right: 1px solid #fff;
  padding-bottom: 40px;
}

.contact-us .row .col-12:last-of-type {
  padding-left: 100px;
}

.form-section h4 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 40px;
}

.form-label {
  padding: 0;
}

.form-control {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 3px;
  height: 60px;
}

.form-section label {
  font-size: 19px;
}

.form-control {
  border-image-source: linear-gradient(to right, #3f97fe, #7a3cd3);
}

.form-section .d-flex {
  padding: 0;
}

.form-section .d-flex .col-sm-11 {
  padding-left: 15px;
}

.form-section .row {
  margin-bottom: 40px;
}

.form-section textarea.form-control {
  height: 250px;
  resize: none;
}

.form-section .btn-purple {
  margin-top: -60px;
  border: 0px;
  margin-left: -15px;
  margin-bottom: 150px;
  display: block;
}

.big-text {
  font-weight: 700;
  font-size: 60px;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 40px;
}

.research-report-section-2 ul {
  margin-left: 30px;
  padding-right: 30px;
  margin-bottom: 70px;
}

.research-report-section-2 li {
  font-size: 27px;
  color: #fff;
  margin-bottom: 15px;
  list-style: disc;
  line-height: 1.5;
  font-weight: 500;
}

.btn-new {
  padding: 20px 30px 20px 30px;
  max-width: 387px;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  margin-right: 60px;
}

.btn-new:hover {
  background: #fff;
  color: #000;
}

.btn-new img {
  margin-left: 30px;
  padding-right: 0 !important;
  max-width: 30px !important;
}

.research-report-section-3 {
  padding: 100px 0 80px;
}

.research-report-section-3 p {
  font-size: 28px;
  color: #fff;
  margin-bottom: 35px;
  list-style: disc;
  line-height: 1.7;
  font-weight: 500;
  padding-right: 60px;
}

.research-report-section-3.research-report-section-4.trext-center {
  padding-top: 0;
}

.research-report-section-3.research-report-section-4.trext-center .d-flex {
  margin-bottom: 50px;
}

.research-report-section-3.research-report-section-4.trext-center .d-flex img {
  max-width: 500px;
  padding-right: 60px;
}

.research-report-section-3.research-report-section-4.trext-center .d-flex p {
  line-height: 2;
  font-size: 25px;
  color: var(--thm-paragraph-color);
  padding-right: 50px;
}

.research-report-section-3.research-report-section-4.research-report-section-5.trext-center .d-flex {
  margin-top: 80px;
}

.research-report-section-3.research-report-section-4.research-report-section-5.trext-center ul {
  margin-left: 30px;
  padding-right: 30px;
  margin-bottom: 70px;
}

.research-report-section-3.research-report-section-4.research-report-section-5.trext-center li {
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
  list-style: decimal;
  line-height: 1.5;
  font-weight: 500;
  padding-left: 12px;
  padding-right: 30px;
}


/* Slider */


/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?m31ns');
  src: url('../fonts/icomoon.eot?m31ns#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?m31ns') format('truetype'),
    url('../fonts/icomoon.woff?m31ns') format('woff'),
    url('../fonts/icomoon.svg?m31ns#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-x:before {
  content: "\e906"; /* Unicode will depend on export */
}
.icon-right-quotes-symbol:before {
  content: "\e900";
}

.icon-share:before {
  content: "\e901";
}

.icon-add:before {
  content: "\e902";
}

.icon-plus:before {
  content: "\e903";
}

.icon-pdf:before {
  content: "\e904";
}

.icon-file:before {
  content: "\e905";
}

.icon-file-1:before {
  content: "\e906";
}

.icon-location:before {
  content: "\e907";
}

.icon-loupe:before {
  content: "\e908";
}

.icon-down-arrow:before {
  content: "\e909";
}

.icon-global:before {
  content: "\e90a";
}

.icon-caret-down:before {
  content: "\e90b";
}

.icon-user:before {
  content: "\e90c";
}

.icon-bag:before {
  content: "\e90d";
}

.icon-chevron-2:before {
  content: "\e90e";
}

.icon-chevron:before {
  content: "\e90f";
}

.icon-right-arrow:before {
  content: "\e910";
}

.icon-play-button-arrowhead:before {
  content: "\e911";
}

.icon-tick:before {
  content: "\e912";
}

.icon-left-arrow-2:before {
  content: "\e913";
}

.icon-right-arrow-2:before {
  content: "\e914";
}

.icon-download:before {
  content: "\e915";
}

.icon-left-quote:before {
  content: "\e916";
}

.icon-star:before {
  content: "\e917";
}

.icon-star-1:before {
  content: "\e918";
}

.icon-setting:before {
  content: "\e919";
}

.icon-time:before {
  content: "\e91a";
}

.icon-left-arrow-3:before {
  content: "\e91b";
}

.icon-right-arrow-3:before {
  content: "\e91c";
}

.icon-facebook:before {
  content: "\e91d";
}

.icon-twitter:before {
  content: "\e91e";
}

.icon-instagram:before {
  content: "\e91f";
}

.icon-youtube:before {
  content: "\e920";
}

.icon-plus-1:before {
  content: "\e921";
}

.icon-remove:before {
  content: "\e922";
}

.icon-phone:before {
  content: "\e923";
}

.icon-mail:before {
  content: "\e924";
}

.icon-phone-call:before {
  content: "\e925";
}

.icon-phone-call-1:before {
  content: "\e926";
}

.icon-question-mark:before {
  content: "\e927";
}

.icon-checklist:before {
  content: "\e928";
}

.icon-star-2:before {
  content: "\e929";
}

.icon-check:before {
  content: "\e92a";
}

.icon-maps-and-flags:before {
  content: "\e92b";
}

.icon-behance:before {
  content: "\e92c";
}

.icon-dribbble:before {
  content: "\e92d";
}

.icon-linkedin:before {
  content: "\e92e";
}

.icon-checklist-1:before {
  content: "\e92f";
}

.icon-hamburger:before {
  content: "\e930";
}

.icon-menu:before {
  content: "\e931";
}

.icon-menu-1:before {
  content: "\e932";
}

.icon-zoom-in:before {
  content: "\e933";
}

.icon-link:before {
  content: "\e934";
}

.icon-zoom-in-1:before {
  content: "\e935";
}

.icon-close:before {
  content: "\e936";
}

.icon-shopping-cart:before {
  content: "\e937";
}

.icon-user-1:before {
  content: "\e938";
}

.icon-play-button:before {
  content: "\e939";
}

.icon-star-3:before {
  content: "\e93a";
}

.icon-checklist-2:before {
  content: "\e93b";
}

.icon-paper-plane:before {
  content: "\e93c";
}

.icon-call:before {
  content: "\e93d";
}

.icon-pin:before {
  content: "\e93e";
}

.icon-envelope:before {
  content: "\e93f";
}

.icon-user-2:before {
  content: "\e940";
}

.icon-speech-bubble:before {
  content: "\e941";
}

.icon-shopping-cart-1:before {
  content: "\e942";
}

.icon-menu-2:before {
  content: "\e943";
}

.icon-dollar-symbol:before {
  content: "\e944";
}

.icon-open-file:before {
  content: "\e945";
}

.icon-calendar:before {
  content: "\e946";
}

.icon-tag:before {
  content: "\e947";
}

.icon-price-tag:before {
  content: "\e948";
}

.icon-reply:before {
  content: "\e949";
}

.icon-aI-forge-labs:before {
  content: "\e94a";
}

.icon-allow22:before {
  content: "\e94b";
}

.icon-analycis:before {
  content: "\e94c";
}

.icon-app-swift:before {
  content: "\e94d";
}

.icon-app-swift-devops-2:before {
  content: "\e94e";
}

.icon-chat:before {
  content: "\e94f";
}

.icon-cloud-migrate-pro:before {
  content: "\e950";
}

.icon-code-genius-hub:before {
  content: "\e951";
}

.icon-data-guard-sentinel:before {
  content: "\e952";
}

.icon-data-guard-sentinel-2:before {
  content: "\e953";
}

.icon-happy-clients:before {
  content: "\e954";
}

.icon-long-right-arrow:before {
  content: "\e955";
}

.icon-net-connect-plus:before {
  content: "\e956";
}

.icon-power:before {
  content: "\e957";
}

.icon-project-done:before {
  content: "\e958";
}

.icon-quote11:before {
  content: "\e959";
}

.icon-quote22:before {
  content: "\e95a";
}

.icon-quote-top:before {
  content: "\e95b";
}

.icon-sparkle:before {
  content: "\e95c";
}

.icon-team-member:before {
  content: "\e95d";
}

.icon-web-weave-solutions:before {
  content: "\e95e";
}

.icon-winning-award:before {
  content: "\e95f";
}
/*# sourceMappingURL=style.css.map */


.styled-link {
color: #fff;
text-decoration: none; 
font-size: 1.2em;
position: relative; 
display: inline-block; 
cursor: pointer;
}

.styled-link::after {
content: '';
position: absolute;
left: 0;
bottom: -3px; 
width: 70%; 
height: 4px; 
background-color: #b200ff; 
}



/* .styled-link-con::after {
content: '';
position: absolute; 
left: 0; 
bottom: -4px; 
width: 100%; 
height: 4px; 
background-color: #b200ff;
} */

.horizontal-line {
width: 100%;
margin: 0 auto;
margin-top: 20px;
position: relative;
background: #000000; 
padding-bottom: 8px; 
}

.horizontal-line::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 8px; 
background: linear-gradient(to right, #4f00ff, #b200ff);
}




.card-with-line {
position: relative; 
background-color: #1c1c1c; 
overflow: hidden;
}

.card-with-line::after {
content: ''; 
position: absolute; 
top: 0;
right: 0; 
width: 6px;
height: 100%; 
background: linear-gradient(to bottom, #b200ff, #4f00ff); 
}


.genral-text {
font-size: .5em; 
font-weight: bold; 
background: linear-gradient(to right, #4f00ff, #b200ff); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent; 
background-clip: text; 
color: transparent; 
}



/* hero */


.industry-banner .banner-box::after {
    content: "";
    background: linear-gradient(to right, #4f00ff, #b200ff, #4f00ff);
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 2px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}



.industry-banner {
    background-image: url('../images/banner-img.webp');
    padding: 500px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.fix .industry-banner .banner-box {
    max-width: 100%;
    padding: 40px 60px;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    margin-left: -15px;
    position: relative;
    z-index: 3;
}

.industry-banner .banner-box h1 {
    font-size: 1.8rem;
    font-weight: var(--thm-body-font-weight);
}

.industry-banner .banner-box p.use-case-highlight {
    color: var(--thm-purple);
    margin-bottom: 15px;
}

/* ------ Iot Driven-------- */

.industry-section-2 {
    padding: 100px 0;
}

.col-sm-5.col-12.section-img {
    width: 32%;
    margin: auto;
}

.industry-section-2 h2 {
    font-size: 45px;
    margin: 0px;
    width: 75%;
    font-weight: var(--thm-heading-font-weight);
}

.highlighted-text {
    background: linear-gradient(272deg, #5808fb, #9929ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--thm-heading-font-weight);
}

.industry-section-2 p {
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 25px;
    color: #fff;
}

.industry-section-2 p:first-of-type {
    margin-bottom: 50px;
}


/* ------ Trade finance ---- */

.industry-section-3 h2 {
    margin-bottom: 30px;
}

.Trade-finance-wrapper {
    background: #160623;
    padding: 45px;
}

.trade-cards {
    border-left: 1px solid #fff;
    padding: 15px;
}

/* ----- IoT-Driven Solution-----------------*/
.industry-section-4 {
    padding: 100px 0;
    background: none;
}

.industry-section-4 h2 {
    margin-bottom: 75px;
}

.col {
    padding: 20px;
    color: white;
}

.left,
.right {
    flex: 3;
}

.middle {
    flex: 2;
    padding: 0;
}

/* Centered heading */
.solution-heading {
    font-weight: 600;
    text-align: center;
    margin: 60px 0 40px;
}

/* Box titles spacing */
.box-title {
    margin-bottom: 10px;
}

/* Color codes for specific content blocks */
.content-block:nth-of-type(1) .box-title {
    color: #E7AEB5;
}

.content-block:nth-of-type(2) .box-title {
    color: #A4C9CF;
}

.col:last-child .content-block:nth-of-type(1) .box-title {
    color: #E5AB8B;
}

.col:last-child .content-block:nth-of-type(2) .box-title {
    color: #C7B4E5;
}

/* Content block spacing */
.content-block-1 {
    margin-bottom: 100px;
}

/* Fix horizontal scroll from rotated box */
.logo-box {
    max-width: 100%;
    margin: 0 auto;
}

/* Make SVG responsive inside logo-box */
.logo-box svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Ensure row wraps properly if needed */
.Spearhead-solution-wraper {
    flex-wrap: wrap;
}



/* ----- buisness Finance --------------- */
.industry-section-5 {
    padding: 100px 0;
}

.industry-section-5 h2 {
    margin-bottom: 45px;
}

.img-wrapper.buisness ul li {
    list-style: disc;
}

.container-wrapper {
    position: relative;
}

.container-wrapper .container {
    position: relative;
    z-index: 33;
}

.container-wrapper:after {
    content: "";
    position: absolute;
    background: #1b1a28;
    height: 80%;
    width: 80%;
    left: 0;
    top: -80px;
    max-width: 100%;
}

.industry-section-5 .img-wrapper {
    margin-left: 200px;
    padding: 100px 80px 200px;
    background: url('../images/RPA\,IOT-03.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    z-index: 99;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.industry-section-5 .img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
    z-index: -1;
}

.img-wrapper.buisness p,
ul {
    font-size: 18px !important;
    font-weight: 500;
    color: #fff;
}



.img-wrapper.buisness span {
    font-weight: 600;
    color: var(--thm-white);
}


/* -------------------------- --------*/
.industry-section-6 h2 {
    font-size: 35px;
    margin-bottom: 30px;
    width: 85%;
    font-weight: var(--thm-heading-font-weight);
}

.industry-section-6 h2 span {
    background: linear-gradient(272deg, #6a0dad, #b300ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.industry-section-6 p {
    font-size: 18px;
    width: 65%;
    /* font-weight: var(--thm-heading-font-weight); */
}

.industry-section-6 p span {
    background: #9429eb;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* footer--------- */

footer {
    color: #fff;
    padding: 100px 0 20px;
}

.footer-line {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 20px 0;
}

.footer-logo,
.social-icons {
    margin-right: 48px;
}

.footer-tagline,
.footer-links {
    margin-left: 48px;
}

.footer-links a {
    color: #fff;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 400;
}

.footer-links a:hover {
    color: var(--thm-primary-color);
}

.social-icons i {
    color: #fff;
    font-size: 1.2rem;
    margin-right: 15px;
    text-decoration: none;
}

.footer-logo {
    max-width: 180px;
}




/*------------- responsive css---------------- */


@media (min-width: 320px) and (max-width: 767px) {

    /* hero */
    .industry-banner .banner-box {
        padding: 10px 15px;
    }

    .industry-banner .banner-box h1 {
        font-size: 1.5rem;
    }

    /*IoT-Driven Infrastructure section------------ */


    .industry-section-2 {
        padding: 60px 0;
    }

    .industry-section-2 h2 {
        font-size: 28px;
        width: 100%;
    }

    .industry-section-2 p {
        font-size: 16px;
        margin-bottom: 0;
    }

    /* trade finance  section---------------------------------------- */
    .Trade-finance-wrapper {
        background: #160623;
        padding: 15px;
    }

    .industry-section-3 h2 {
        font-size: 28px;
    }

    .trade-cards {
        border-bottom: 1px solid #fff;
        border-left: 0;
        padding: 15px 0;
        margin: 10px 0px;
    }

    /* Spearhead Technology’s IoT-Driven Solution---- */
    .industry-section-4 {
        padding: 60px 0;
    }

    .Spearhead-solution-wraper {
        flex-direction: column;
    }

    .middle {
        padding: 20px;
    }

    .industry-section-4 h2 {
        margin-bottom: 0;
        font-size: 28px;
    }

    .content-block-1 {
        margin: 30px 0;
    }

    /* buisness impact section -------- */
    .industry-section-5 {
        padding: 60px 0;
    }

    .industry-section-5 h2 {
        font-size: 20px;
        margin-bottom: 45px;
    }

    .img-wrapper.buisness p,
    ul {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    .container-wrapper:after {
        width: 100%;
    }

    .industry-section-5 .img-wrapper {
        margin-left: 0;
        padding: 60px 40px;
        width: 100%;
    }


    /* unlock the future------------------ */
    .industry-section-6 h2 {
        font-size: 28px;
        margin-bottom: 30px;
        width: 100%;
        font-weight: var(--thm-heading-font-weight);
    }

    .industry-section-6 p {
        font-size: 16px;
        margin-bottom: 30px;
        width: 100%;
    }

    /* footer -------------------------------- */
    footer {
        color: #fff;
        padding: 60px 0 0px;
    }

    .footer-top-wraper {
        justify-content: center;
        display: flex;
    }

    .footer-tagline,
    .footer-links {
        margin-left: 0px;
    }

    .footer-logo,
    .social-icons {
        margin: 0 0 15px;
    }

    .footer-bottom-wraper {
        flex-wrap: wrap;
    }

    .coyright {
        text-align: center;
        margin: 15px 0;
    }
}
/* hero section  */


.industry-banner {
    background-image: url('../images/banner-2.webp');
    padding: 550px 0 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.industry-banner:before {
   background: none;
}

.hero-section .banner-box p {
    font-size: 40px;
    font-weight: 600;
}

.hero-section .banner-box {
    max-width: 28%;
    padding: 30px 50px;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    margin-left: -15px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

.industry-banner .banner-box::after {
    background: none
}

@media (min-width: 320px) and (max-width: 768px) {

    /* hero section */
    .hero-section .banner-box p {
        font-size: 20px;
        font-weight: 700;
    }

    .hero-section .banner-box {
        max-width: 100%;
    }
}

/* ------Rpa autamation-------- */
.industry-section-1 {
    padding: 100px 0;
}

.industry-section-1 h2 {
    font-size: 54px;
    margin-bottom: 30px;
    width: 75%;
    font-weight: var(--thm-heading-font-weight);
}

.industry-section-1 h2 span {
    background: linear-gradient(272deg, #6a0dad, #b300ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--thm-heading-font-weight);
}

.industry-section-1 .wrap-content p:first-of-type {
    margin-bottom: 50px;
}

.industry-section-1 .wrap-content p {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

.buisness-content-box p {
    margin-bottom: 20px !important;
    font-size: 18px !important;
}
/*------------ process automation--------- */
.industry-section-2 {
    position: relative;
}

.container-wrapper {
    position: relative;
}

.container-wrapper .container {
    position: relative;
    z-index: 33;
}

.industry-section-2 h2 {
    margin-bottom: 110px;
    font-size: 45px;
}

.industry-section-2 .img-wrapper {
    margin-left: 200px;
    padding: 45px 45px;
    background: #6a0dad5b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    z-index: 99;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.container-wrapper:after {
    content: "";
    position: absolute;
    background: url(../images/automation-process.webp);
    height: 80%;
    width: 70%;
    left: 0;
    top: 100px;
    max-width: 100%;
    border-left: 5px solid #7a3cd3;
}
.industry-bg:after {
        background: url(../images/automation-process.webp) !important;
height: 100% !important;
    
}

.buisness-content-box h5 {
    font-size: 24px
}

.buisness-content-box p {
    font-size: 18px;
    margin-bottom: 0px;
    max-width: 50%
}

.challenges-process-contentbuisness-content-box:first-child h5:first-child{
    margin-left: 20px
}

/* .Challenges-process-content {
    padding-bottom: 15px;
    width: 60%;
} */

.buisness-content-box ul li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
    padding-left: 0px
}

li::marker {
    color: var(--thm-white);
}

.challenges-process-content h5, p {
    padding-bottom: 15px;
    font-size: 18px;
    max-width: 100%;
}

/* .content-box-1 h5 {
    font-weight: 600;
} */

/* --------------Spearhead Technology's RPA & Automation Solution------------------ */
.industry-section-3 {
    padding: 0 0 100px
}

.industry-section-3 h2 {
    margin-bottom: 50px;
    font-weight: 600;
}

.Spearhead-solution-wraper h5{
    padding-bottom: 15px;
    font-size: 22px;
    max-width: 100%;
    text-align:left;
}

.Spearhead-solution-wraper p {
    padding-bottom: 15px;
    font-size: 20px;
    max-width: 100%;
}


/* .col {
    padding: 20px;
    color: white;
} */

.left,
.right {
    flex: 3;
}

.middle {
    flex: 2;
}

.content-block:nth-of-type(1) .box-title {
    color: #E7AEB5;
}

.content-block:nth-of-type(2) .box-title {
    color: #A4C9CF;
}

.col:last-child .content-block:nth-of-type(1) .box-title {
    color: #E5AB8B;
}

.col:last-child .content-block:nth-of-type(2) .box-title {
    color: #C7B4E5;
}

/* Content block spacing */
.content-block-1 {
    margin-bottom: 140px;
}



/* -----------Business Impact & Key Results---------------- */
.industry-section-4 {
    padding: 0;
    background: none
}

.buisnes-impact-wrapper {
    height: 100%;
    position: relative;
}
.col.buisness-left-column {
    padding-left: 50px;
    min-height: 470px;
}
.buisness-content-wraper {
    position: absolute;
    bottom: 0;
    display: flex;
    gap: 10px;
    align-items: flex-end;
    width: 180%;
}

.buisness-box-content {
    background-color: var(--thm-white);
    padding: 35px 80px;
    flex-grow: 1;
}

.how-we-innovate {
    display: flex;
    justify-content: right;
}

.innovate-btn {
    background: linear-gradient(to right, #b200ff, #4f00ff);
    padding: 10px 20px;
}

.innovate-btn a {
    color: var(--thm-white);
    display: block;
    width: 177px;
}

.industry-section-4 h2 {
    margin-bottom: 50px;
    font-size: 50px;
}

.buisness-content-wraper p {
    color: var(--thm-black);
    line-height: normal;
    font-size: 16px;
}

.left-imh-wrapper {
    max-width: 50%;
    display: flex;
    justify-content: right;
    /* position: absolute;
    right: 0;
    top: 11px; */
    z-index: -1;
    padding-right: 0;
    margin-right: -15px;
}

.left-imh-wrapper img {
    width: 100%;
    object-fit: cover;
}


/* -------------------------- --------*/
.industry-section-5 {
    padding: 100px 0;
}

.industry-section-5 h2 {
    font-size: 40px;
    margin-bottom: 30px;
    width: 70%;
    font-weight: var(--thm-heading-font-weight);
}

.industry-section-5 p {
    width: 68%;
}

p span,
.purple {
    color: var(--thm-purple);
}

.industry-section-5 h2 span {
    background: linear-gradient(272deg, #6a0dad, #b300ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





/*------------ footer--------- */

footer {
    color: #fff;
    padding: 0 0 20px;
}

.footer-line {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 20px 0;
}

.footer-logo,
.social-icons {
    margin-right: 48px;
}

.footer-tagline,
.footer-links {
    margin-left: 48px;
}

.footer-links a {
    color: #fff;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 400;
}

.footer-links a:hover {
    color: var(--thm-primary-color);
}

.social-icons i {
    color: #fff;
    font-size: 1.2rem;
    margin-right: 15px;
    text-decoration: none;
}

.footer-logo {
    max-width: 180px;
}




/* ---------responsive css--------- */
@media screen and (max-width: 992px) {
    .col.buisness-left-column {
        padding-left: 0;
    }
    .buisness-box-content {
        padding: 30px;
    }
    .industry-section-4 h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 769px) {
    .industry-section-4 h2 {
        font-size: 30px;
    }
    .col.buisness-left-column {
        width: 100%;
        padding-left: 15px;
        flex: auto;
        min-height: unset;
    }
    .col.left-imh-wrapper {
        max-width: 100%;
        width: 100%;
        padding-right: 15px;
        flex: auto;
    }

    .buisness-content-wraper {
        position: static;
        flex-direction: column;
        gap: 20px;
        width: auto;
        align-items: center;
        margin-bottom: 30px;
    }
   
}

@media (min-width: 320px) and (max-width: 768px) {

    .industry-section-1 {
        padding: 30px 0;
    }

    .industry-section-1 h2 {
        font-size: 28px;
        width: 100%;
    }

    /* process automation--- */
    .industry-section-2 h2 {
        margin-bottom: 110px;
        font-size: 28px;
    }

    .buisness-content-box p {
        font-size: 16px;
        margin-bottom: 0px;
        max-width: 100%;
    }

    .industry-section-2 .img-wrapper {
        margin-left: 0;
        padding: 40px 30px;
    }

    .container-wrapper:after {
        width: 100%;
    }

    /* RPA autamation solution */
    .industry-section-3 {
        padding: 30px 0;
    }
    .industry-section-3 h2 {
        font-size: 28px;
        margin: 0;
    }

    .Spearhead-solution-wraper {
        flex-direction: column;
    }

    .Spearhead-solution-wraper p {
        /* padding-bottom: 15px; */
        font-size: 16x;
        /* max-width: 100%; */
    }

    .content-block {
        margin-block: 30px;
    }

    /* -------buisness impact section----- */
    .industry-section-4 h2 {
        margin-bottom: 28px;
        max-width: 100%;
    }

    .buisnes-impact-wrapper {
        max-width: 100%;
    }

    .buisness-box-content {
        background-color: var(--thm-white);
        padding: 15px 30px;
    }

    .left-imh-wrapper {
        max-width: 100%;
    }

    .how-we-innovate {
        display: flex;
        justify-content: center;
        position: static;
    }

    /* buisness operations */
    .industry-section-5 {
        padding: 30px 0;
    }

    .industry-section-5 h2 {
        font-size: 28px;
        width: 100%;
    }

    .industry-section-5 p {
        width: 100%;
    }

    /* footer -------------------------------- */
    footer {
        color: #fff;
    }

    .footer-top-wraper {
        justify-content: center;
        display: flex;
    }

    .footer-tagline,
    .footer-links {
        margin-left: 0px;
    }

    .footer-logo,
    .social-icons {
        margin: 0 0 15px;
    }

    .footer-bottom-wraper {
        flex-wrap: wrap;
    }

    .coyright {
        text-align: center;
        margin: 15px 0;
    }
} 

@media(max-width:768px)
{
    .contact-info p
    {
      padding-bottom: 0;
    }
}

/* Base Odometer */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* Digit */
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* Spacer (hidden width holder) */
.odometer.odometer-auto-theme .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit-spacer {
  display: inline-block;
  visibility: hidden;
}

/* Digit inner wrapper */
.odometer.odometer-auto-theme .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit-inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
  text-align: left;
}

/* Ribbon */
.odometer.odometer-auto-theme .odometer-ribbon,
.odometer.odometer-theme-default .odometer-ribbon {
  display: block;
}

/* Ribbon inner */
.odometer.odometer-auto-theme .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-ribbon-inner {
  display: block;
  backface-visibility: hidden;
}

/* Values */
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  display: block;
  transform: translateZ(0);
  text-align: center;
}

/* Previous value */
.odometer.odometer-auto-theme .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-value.odometer-last-value {
  position: absolute;
}

/* Animation – counting up */
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s ease;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}

/* Animation – counting down */
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s ease;
  transform: translateY(0);
}

/* Hide formatting marks (commas etc.) */
.odometer-formatting-mark {
  display: none;
}



@media only screen and (min-width: 1200px) and (max-width: 1650px) {
    .subscribe-one--two .shape1 {
        display: none;
    }
}
@media only screen and (max-width: 1400px) {
    .service-section-4 h4 {
        font-weight: 500;
        transition: all ease-in-out 0.4s;
        margin-bottom: 30px;
    }
    /*    .service-section-4 .box-section:hover h4 {
            font-size: 20px;
            font-weight: 500;
            transition: all ease-in-out 0.4s;
            margin-bottom: 30px;
        }*/
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
    .about-one__content-features ul li .inner h3 {
        font-size: 21px;
    }

    .project-one__content {
        left: 25px;
    }

    .pricing-one__single-left {
        max-width: 320px;
        width: 100%;
        padding-right: 40px;
    }

    .working-process-one__title h3 {
        font-size: 20px;
    }

    .project-details__text1-list {
        margin-left: 0px;
    }

    .project-details__text1-list ul {
        padding: 0px 25px 33px;
    }

    .project-details__text1-list ul li::before {
        left: -25px;
        right: -25px;
    }

    .project-details__text1-list ul li .text-box h4 {
        font-size: 16px;
    }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-container {
        max-width: 960px;
    }

    /* Services One  */
    .services-one__single {
        padding: 35px;
    }

    /* About One */
    .about-one__img {
        padding-right: 0px;
        max-width: 600px;
        width: 100%;
    }

    .about-one__content {
        padding-top: 65px;
        max-width: 800px;
        width: 100%;
    }

    /*Fact Counter */
    .fact-counter-one .row {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }

    /*Testimonial One*/
    .testimonial-one__single-img {
        width: 130px;
        height: 130px;
    }

    .testimonial-one__single-inner {
        padding-left: 155px;
    }

    .testimonial-one__single {
        padding: 50px 35px 55px;
    }

    /* Pricing One */
    .pricing-one__single-inner {
        display: block;
    }

    .pricing-one__single-right {
        display: block;
    }

    .pricing-one__single-right-btn {
        margin-left: 0px;
    }

    .pricing-one__single-left {
        padding-right: 0px;
        max-width: none;
        margin-bottom: 30px;
    }

    .pricing-one__single-right-price {
        padding-left: 0px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .pricing-one__single-left::before {
        display: none;
    }

    .pricing-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Blog One */
    .blog-one__single__title {
        margin: 17px 0 18px;
    }

    /* Footer Main */
    .single-footer-widget.ml50 {
        margin-left: 0px;
        margin-bottom: 60px;
    }

    .single-footer-widget.ml15 {
        margin-left: 0px;
    }

    .single-footer-widget+.single-footer-widget {
        margin-top: 60px;
    }

    /* Services One  */
    .subscribe-one--two .shape1 {
        display: none;
    }

    .subscribe-one--two__content {
        max-width: 660px;
        width: 100%;
        margin-bottom: 50px;
    }

    /* Pricing Two */
    .pricing-two {
        padding: 120px 0px 90px;
    }

    .pricing-two__single {
        padding: 40px 35px 50px;
    }

    .pricing-two__price {
        padding: 10px 40px;
    }

    /* About Two */
    .about-two__content {
        margin-top: 0px;
        max-width: 750px;
        width: 100%;
    }

    .about-two__content .section-title h2 br {
        display: none;
    }

    .about-two__img {
        margin-left: 0px;
        max-width: 500px;
        width: 100%;
        margin-top: 85px;
    }

    /* Team Two */
    .team-two__top {
        display: block;
    }

    .team-two__top .text-box {
        margin-top: 30px;
    }

    /* Fact Counter Two */
    .fact-counter-two .row {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }

    /* Blog-Two */
    .blog-two__single__title {
        font-size: 20px;
    }

    .blog-two__single__content {
        padding: 30px 21px 30px;
    }

    /* Main Footer Two */
    .footer-one__two .single-footer-widget.ml50 {
        margin-left: 0px;
    }

    .page-header {
        padding: 130px 0px 128px;
    }

    /* Service Details */
    .service-details__content-text2 .content-box {
        margin-top: 40px;
    }

    .service-details__content-text4 {
        display: block;
    }

    .service-details__content-text4 .img-box {
        margin-top: 40px;
    }

    .service-details__content-text4 .content-box {
        padding-right: 0px;
    }

    /*  Contact Page */
    .contact-page__contact-info ul li .text-box p br {
        display: none;
    }

    .contact-page__contact-info {
        margin-left: -20px;
    }

    .project-details__text1-img {
        max-width: 960px;
    }

    .project-details__text1-list {
        margin-left: 0px;
        margin-top: 20px;
        max-width: 400px;
        width: 100%;
    }

    /* Blog Page */
    .blog-page__single-content .title h2 {
        font-size: 28px;
        line-height: 40px;
    }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-container {
        max-width: 720px;
    }

    /* Services One  */
    .services-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* About One */
    .about-one__img {
        padding-right: 0px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .about-one__content {
        padding-top: 65px;
        max-width: 800px;
        width: 100%;
    }

    /*Fact Counter */
    .fact-counter-one .row {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }

    /*Testimonial One*/
    .testimonial-one__single {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    /* Pricing One */
    .pricing-one__single-inner {
        display: block;
    }

    .pricing-one__single-right {
        display: block;
    }

    .pricing-one__single-right-btn {
        margin-left: 0px;
    }

    .pricing-one__single-left {
        padding-right: 0px;
        max-width: none;
        margin-bottom: 30px;
    }

    .pricing-one__single-right-price {
        padding-left: 0px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .pricing-one__single-left::before {
        display: none;
    }

    .pricing-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Blog One */
    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Footer Main */
    .single-footer-widget.ml50 {
        margin-left: 0px;
        margin-bottom: 60px;
    }

    .single-footer-widget.ml15 {
        margin-left: 0px;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .copyright-text {
        margin-bottom: 10px;
    }

    .footer-bottom .text-end {
        text-align: center !important;
    }

    /* Services Two */
    .services-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Services One  */
    .subscribe-one--two .shape1 {
        display: none;
    }

    .subscribe-one--two__content {
        max-width: 660px;
        width: 100%;
        margin-bottom: 50px;
    }

    /* Pricing Two */
    .pricing-two {
        padding: 120px 0px 90px;
    }

    .pricing-two__single {
        max-width: 500px;
        width: 500%;
        margin: 0 auto 30px;
    }

    /* About Two */
    .about-two__content {
        margin-top: 0px;
        max-width: 750px;
        width: 100%;
    }

    .about-two__content .section-title h2 br {
        display: none;
    }

    .about-two__img {
        margin-left: 0px;
        max-width: 500px;
        width: 100%;
        margin-top: 85px;
    }

    /* Working Process One */
    .working-process-one__single {
        padding: 40px 30px 40px;
    }

    .working-process-one__title .circle {
        margin-right: 14px;
    }

    .working-process-one__title h3 {
        font-size: 21px;
    }

    /* Projects Two */
    .projects-two__menu-box {
        max-width: 330px;
        width: 100%;
        margin: 0 auto;
    }

    /* Team Two */
    .team-two__top {
        display: block;
    }

    .team-two__top .text-box {
        margin-top: 30px;
    }

    .team-two__single-content {
        max-width: 450px;
        width: 100%;
    }

    /* Fact Counter Two */
    .fact-counter-two .row {
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
    }

    /* Blog-Two */
    .blog-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Main Footer Two */
    .footer-one__two .single-footer-widget.ml50 {
        margin-left: 0px;
    }

    .page-header {
        padding: 130px 0px 128px;
    }

    /* Service Details */
    .service-details-sidebar-box {
        margin-right: 0px;
        max-width: 390px;
        width: 100%;
        margin-bottom: 60px;
    }

    /*  Contact Page */
    .contact-page__contact-info {
        margin-top: 60px;
        max-width: 750px;
        width: 100%;
    }

    /*  Faq One */
    .faq-one__accrodion .accrodion .accrodion-title h2 {
        font-size: 21px;
        line-height: 31px;
    }

    .project-details__text1-img {
        max-width: 500px;
        width: 100%;
    }

    .project-details__text1-list {
        margin-left: 0px;
        margin-top: 40px;
        max-width: 400px;
        width: 100%;
    }

    .project-details__text1-img-right {
        max-width: 500px;
        width: 100%;
        margin-left: 0px;
    }

    .project-details__text1-img-left {
        margin-right: 0px;
    }

    /*  Blog Details */
    .sidebar {
        max-width: 500px;
        width: 100%;
        margin: 70px auto 0px;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .custom-container {
        max-width: 540px;
    }

    /* Services One  */
    .services-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* About One */
    .about-one__img {
        padding-right: 0px;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }

    .about-one__content {
        padding-top: 65px;
        max-width: 800px;
        width: 100%;
    }

    .about-one__shape1 {
        display: none;
    }

    .section-title h2 {
        font-size: 35px;
    }

    .section-title h2 br {
        display: none;
    }

    .about-one__content-features ul {
        display: block;
        max-width: 400px;
        width: 100%;
    }

    .about-one__content-features ul li+li {
        margin-left: 0px;
    }

    .about-one__content-features ul li {
        margin-bottom: 10px;
    }

    .about-one__content-features ul li:last-child {
        margin-bottom: 0px;
    }

    .about-one__content-features ul li .inner h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .about-one__img-top ul {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    .about-one__img-top ul li {
        padding: 0 0px 0;
        margin-bottom: 30px;
    }

    .about-one__img-icon {
        display: none;
    }

    .about-one__img-bottom ul {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    .about-one__img-bottom ul li {
        padding: 0 0px 0;
        float: none;
    }

    .about-one__img-top ul li {
        float: none;
    }

    .about-one__img-top {
        padding-left: 0px;
    }

    .about-one__img-bottom ul li+li {
        margin-top: 30px;
    }

    .about-one__img-bottom {
        padding-right: 0px;
    }

    /* Subscribe One */
    .subscribe-one__inner .title-box h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .subscribe-one__inner .title-box h2 br {
        display: none;
    }

    .subscribe-one__inner .shape1 {
        display: none;
    }

    .subscribe-one__form {
        display: block;
        text-align: center;
        max-width: 500px;
    }

    .subscribe-one__form button {
        margin-left: 0px;
        margin: 20px auto 0px;
    }

    .subscribe-one__inner {
        padding: 53px 15px 65px;
    }

    /* Project One */
    .project-one__single {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 30px;
    }

    .project-one__gap .col-xl-3:nth-child(1) .project-one__single,
    .project-one__gap .col-xl-3:nth-child(3) .project-one__single {
        margin-top: 0px;
    }

    /*Fact Counter */
    .fact-counter-one__single {
        max-width: 400px;
        margin: 0 auto 15px;
    }

    /*Testimonial One*/
    .testimonial-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        padding: 50px 35px 55px;
    }

    .testimonial-one__single-inner {
        padding-left: 0px;
    }

    .testimonial-one__single-img {
        position: relative;
    }

    .testimonial-one__single-text {
        margin-top: 50px;
    }

    /* Pricing One */
    .pricing-one__single-inner {
        display: block;
    }

    .pricing-one__single-right {
        display: block;
    }

    .pricing-one__single-right-btn {
        margin-left: 0px;
    }

    .pricing-one__single-left {
        padding-right: 0px;
        max-width: none;
        margin-bottom: 30px;
    }

    .pricing-one__single-right-price {
        padding-left: 0px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .pricing-one__single-left::before {
        display: none;
    }

    .pricing-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
        padding: 55px 40px 55px;
    }

    /* Team One */
    .team-one__single {
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
    }

    /* Contact One */
    .contact-one__form {
        padding: 60px 30px 60px;
    }

    /* Blog One */
    .blog-one__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-one__single__title {
        margin: 17px 0 18px;
    }

    /* Footer Main */
    .single-footer-widget.ml50 {
        margin-left: 0px;
        margin-bottom: 60px;
        margin-top: 60px;
    }

    .single-footer-widget.ml15 {
        margin-left: 0px;
        margin-top: 60px;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .copyright-text {
        margin-bottom: 10px;
    }

    .footer-bottom .text-end {
        text-align: center !important;
    }

    /* Services Two */
    .services-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Services One  */
    .subscribe-one--two .shape1 {
        display: none;
    }

    .subscribe-one--two__content {
        max-width: 660px;
        width: 100%;
        margin-bottom: 50px;
    }

    .subscribe-one__form-bottom {
        display: block;
    }

    .subscribe-one--two__content h2 br {
        display: none;
    }

    .subscribe-one--two__content h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .subscribe-one--two__form-box .subscribe-one__form {
        max-width: none;
    }

    .subscribe-one--two__form-box .subscribe-one__form button {
        margin: 30px 0px 0px;
    }

    /* Pricing Two */
    .pricing-two {
        padding: 120px 0px 90px;
    }

    .pricing-two__price {
        padding: 10px 35px;
    }

    .pricing-two__price h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .pricing-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* About Two */
    .about-two__content {
        margin-top: 0px;
        max-width: 750px;
        width: 100%;
    }

    .about-two__content .section-title h2 br {
        display: none;
    }

    .about-two__img {
        margin-left: 0px;
        max-width: 500px;
        width: 100%;
        margin-top: 85px;
    }

    .about-two__content-list-box-single ul {
        margin-top: 20px;
    }

    /* Working Process One */
    .working-process-one__single {
        padding: 40px 25px 40px;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .working-process-one__title .circle {
        margin-right: 14px;
    }

    .working-process-one__title h3 {
        font-size: 18px;
    }

    .working-process-one__title .circle {
        width: 50px;
        height: 50px;
    }

    .working-process-one__title {
        margin-bottom: 36px;
    }

    /* Projects Two */
    .projects-two__menu-box {
        max-width: 330px;
        width: 100%;
        margin: 0 auto;
    }

    .projects-two__top {
        display: block;
    }

    .projects-two__top .btn-box {
        top: 0px;
        margin-top: 25px;
    }

    .projects-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 40px;
    }

    /* Team Two */
    .team-two__top {
        display: block;
    }

    .team-two__top .text-box {
        margin-top: 30px;
    }

    .team-two__single-content {
        max-width: 450px;
        width: 100%;
        display: block;
    }

    .team-two__single__inner {
        display: block;
    }

    .team-two__single-icon-box .social-links .share .social-links-inner {
        right: auto;
        left: 62px;
    }

    .team-two__single-content .title-box h2 {
        margin-bottom: 10px;
    }

    .team-two__single-icon-box {
        margin-top: 20px;
    }

    .team-two__top {
        padding-bottom: 13px;
    }

    .team-two__single-icon-box .social-links li.share {
        display: inline-block;
    }

    /* Testimonial Two */
    .testimonial-two__single-author-box {
        display: block;
    }

    .testimonial-two__single-author-box .text-box2 {
        margin-left: 0px;
        margin-top: 15px;
    }

    .testimonial-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    /* Fact Counter Two */
    .fact-counter-two__single {
        max-width: 400px;
        width: 100%;
        margin: 0 auto 30px;
    }

    /* Blog-Two */
    .blog-two__single {
        max-width: 500px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .blog-two__top {
        display: block;
    }

    .blog-two__top .btn-box {
        top: 0px;
        margin-top: 25px;
    }

    /* Main Footer Two */
    .footer-one__two .single-footer-widget.ml50 {
        margin-left: 0px;
    }

    .footer-one__two .single-footer-widget.mt {
        margin-top: 33px;
    }

    .footer-one__two-top-inner {
        display: block;
    }

    .footer-one__two-top-inner .social-links {
        overflow: hidden;
        margin-top: 30px;
    }

    .page-header {
        padding: 130px 0px 128px;
    }

    .page-header__inner {
        display: block;
    }

    .page-header__inner .thm-breadcrumb {
        margin-top: 25px;
    }

    /* Service Details */
    .service-details-sidebar-box {
        margin-right: 0px;
        max-width: 390px;
        width: 100%;
        margin-bottom: 60px;
    }

    .single-sidebar__search form.search-form {
        display: block;
    }

    .single-sidebar__search form.search-form button {
        margin-left: 0px;
        margin-top: 10px;
    }

    .single-sidebar__search form.search-form input[type="text"] {
        max-width: 210px;
    }

    .single-sidebar-box {
        padding: 40px 30px 40px;
    }

    .sidebar-quote-box .text-box {
        padding: 46px 30px 46px 30px;
    }

    .service-details__content-text2 .content-box {
        margin-top: 50px;
    }

    .service-details__content-text4 {
        display: block;
    }

    .service-details__content-text4 .content-box {
        padding-right: 0px;
    }

    .service-details__content-text4 .img-box {
        margin-top: 40px;
    }

    /*  Contact Page */
    .contact-page__contact-info {
        margin-top: 60px;
    }

    .contact-page__form .title-box h2 {
        font-size: 31px;
        line-height: 45px;
    }

    .contact-page__contact-info ul li .text-box p br {
        display: none;
    }

    .contact-page__form {
        margin-right: 0px;
    }

    .contact-page__contact-info ul li {
        padding-left: 70px;
    }

    /*  Faq One */
    .faq-one__accrodion .accrodion .accrodion-title h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .faq-one__accrodion .accrodion .accrodion-title {
        padding-left: 35px;
        padding-right: 65px;
    }

    .faq-one__accrodion .accrodion .accrodion-title h2::before {
        right: -40px;
    }

    .project-details__text1-img {
        max-width: 500px;
        width: 100%;
    }

    .project-details__text1-list {
        margin-left: 0px;
        margin-top: 40px;
        max-width: 400px;
        width: 100%;
    }

    .project-details__text1-img-right {
        max-width: 500px;
        width: 100%;
        margin-left: 0px;
    }

    .project-details__text1-img-left {
        margin-right: 0px;
    }

    .project-details__btn-box {
        display: block;
    }

    .project-details__btn-box-single.style2 {
        text-align: left;
        margin-top: 35px;
    }

    /*  Blog Details */
    .sidebar {
        max-width: 500px;
        width: 100%;
        margin: 70px auto 0px;
    }

    .blog-page__single-content .meta-box {
        display: block;
    }

    .blog-details__content-text2 {
        padding: 40px 30px 40px;
    }

    .blog-details__content-text2 .text-box h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .blog-details__content-text5 {
        display: block;
    }

    .blog-details__content-text5 .meta-box {
        margin-bottom: 15px;
    }

    .blog-details__content-text6 {
        padding-left: 0px;
    }

    .blog-details__content-text6 .img-box {
        position: relative;
        margin-bottom: 30px;
    }

    .blog-details__form .title-box h2 {
        font-size: 35px;
        line-height: 45px;
    }

    /* Blog Page */
    .blog-page__single-content .title h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .styled-pagination li {
        margin-right: 5px;
    }

    .services-one.pdt0 {
        padding-top: 0;
    }

    .swiper-nav-style1 {
        display: none;
    }

}


/*--------------------------------------------------------------
////////////////////////////////
# Main Header All Responsice Css
////////////////////////////////
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area .navbar-wrap {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
    }

    .menu-nav__right {
        margin-left: 50px;
    }

    .contact-info-box-one {
        display: none;
    }

    .main-header-one {
        position: relative;
        background: var(--thm-black-bg);
    }

    /* Main Header Two */
    .main-header-two {
        position: relative;
        display: block;
        overflow: hidden;
        background: var(--thm-black-bg);
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom {
        display: none;
    }

    .logo-box-two {
        position: relative;
        width: 150px;
        height: 90px;
        background: transparent;
    }

    .main-header-two .menu-area__inner {
        overflow: hidden;
        background: transparent;
    }

    .main-header-two__inner {
        padding-left: 0px;
    }

}


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

    .menu-area .navbar-wrap {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
    }

    .menu-nav__right {
        margin-left: 50px;
    }

    .contact-info-box-one {
        display: none;
    }

    .main-header-one {
        position: relative;
        background: var(--thm-black-bg);
    }

    /* Main Header Two */
    .main-header-two {
        position: relative;
        display: block;
        overflow: hidden;
        background: var(--thm-black-bg);
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom {
        display: none;
    }

    .logo-box-two {
        position: relative;
        width: 150px;
        height: 90px;
        background: transparent;
    }

    .main-header-two .menu-area__inner {
        overflow: hidden;
        background: transparent;
    }

    .main-header-two__inner {
        padding-left: 0px;
    }

}


@media (max-width: 767px) {

    .menu-area .navbar-wrap {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
        padding: 30px 5px;
    }

    .menu-nav__right {
        display: none;
    }

    .contact-info-box-one {
        display: none;
    }

    .main-header-one {
        position: relative;
        background: var(--thm-black-bg);
    }

    /* Main Header Two */
    .main-header-two {
        position: relative;
        display: block;
        overflow: hidden;
        background: var(--thm-black-bg);
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom {
        display: none;
    }

    .logo-box-two {
        position: relative;
        width: 150px;
        height: 90px;
        background: transparent;
    }

    .main-header-two .menu-area__inner {
        overflow: hidden;
        background: transparent;
    }

    .main-header-two__inner {
        padding-left: 0px;
    }

}


@media (max-width: 1199px) {

    .sticky-menu {
        position: static;
    }

    .menu-area__inner {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

}


/*--------------------------------------------------------------
///////////////////////////
# Slider All Responsice Css
///////////////////////////
--------------------------------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    /*	.banner-two__left-content .title h2 {
                    font-size: 65px;
            }*/
    .banner-one__single {
        position: relative;
        display: block;
        padding: 200px 0 0px;
    }
    .banner-two__right-content-bottom .counter .count {
        font-size: 43px;
        line-height: 43px;
    }

    .banner-two__right-content-bottom .icon-box span {
        font-size: 55px;
        line-height: 55px;
    }

    .banner-two .shape3 {
        display: none;
    }

}

@media(max-width:1199px)
{
    .navigation>li.parent-menu{
        position:relative
    }
    .navigation>li.parent-menu:after{
        position: absolute;
        content: "";
        background-image: url('../../assets/img/down-arrow.png');
        height: 20px;
        width: 20px;
        right: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        transition:  all ease-in-out 0.3s;
        top: 12px;
        cursor: pointer;
    }
    .navigation>li.active:after{
        transform: rotate(180deg)
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* banner Two */
    .banner-two {
        padding: 120px 0px 140px;
    }

    .banner-two .shape3 {
        display: none;
    }

    .banner-two__left-content .title {
        margin-bottom: 60px;
    }

    .banner-two .row {
        align-items: flex-start;
    }

    .banner-two__right-content-bottom {
        margin-top: 45px;
        justify-content: center;
    }

    .banner-two__right-content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        margin-top: 75px;
        text-align: center;
    }

}


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

    /* banner Two */
    .banner-two {
        padding: 120px 0px 140px;
    }

    .banner-two .shape3 {
        display: none;
    }

    .banner-two__left-content .title {
        margin-bottom: 60px;
        text-align: center;
    }

    .banner-two .row {
        align-items: flex-start;
    }

    .banner-two__right-content-bottom {
        margin-top: 45px;
        justify-content: center;
    }

    .banner-two__right-content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        margin-top: 75px;
        text-align: center;
    }

    .banner-two__left-content-text1 {
        justify-content: center;
    }

    .banner-two__left-content .btn-box {
        text-align: center;
    }

    .banner-two__left-content {
        margin-bottom: 50px;
    }

    .banner-one__content .big-title h2 {
        font-size: 80px;
    }

    .banner-one .shape2 {
        display: none;
    }

    .banner-one .shape3 {
        display: none;
    }

    .banner-one .shape4 {
        display: none;
    }

    .banner-one .shape5 {
        display: none;
    }

    .banner-one__single {
        padding: 60px 0;
    }

}

@media only screen and (max-width: 767px) {
    /* .main-slider__nav {
        display: none;
    } */

    /* banner Two */
    .team-one__single-img{
        .team-one__social-icon{
            h3{
                font-size: 20px;
            }
        }
    }
    .banner-two {
        padding: 120px 0px 140px;
    }

    .banner-two .shape3 {
        display: none;
    }

    .banner-two__left-content .title {
        margin-bottom: 60px;
        text-align: center;
    }

    .banner-two .row {
        align-items: flex-start;
    }

    .banner-two__right-content-bottom {
        margin-top: 45px;
        justify-content: center;
    }

    .banner-two__right-content {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        margin-top: 75px;
        text-align: center;
    }

    .banner-two__left-content-text1 {
        justify-content: center;
    }

    .banner-two__left-content .btn-box {
        text-align: center;
    }

    .banner-two__left-content {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .project-one{
        margin-top: 15px;
    }

    .banner-two__left-content .title h2 br {
        display: none;
    }

    .banner-two__left-content .title h2 {
        font-size: 22px;
        line-height: 1.5;
    }
    .tg-element-title {
        font-size: 28px !important;
        margin-bottom: 12px;
    }
    h3 {
        font-size: 22px;
    }
    .header h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .section-title h2 {
        font-size: 30px;
        margin-bottom: 8px;
    }
    .section-title h3 {
        margin-bottom: 15px;
    }
    .banner-two__left-content-text1 ul {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section-title p br {
        display: none;
    }
    .banner-two__left-content-text1 .counter-box {
        margin-left: 0px;
        margin-top: 25px;
    }
    .fact-counter-one__single-inner{
        text-align: center
    }
    .banner-two__left-content-text1 {
        display: block;
        text-align: center;
    }
    .fact-counter-one__single-inner .outer-box .outer-box__inner {
        position: relative;
        display: flex;
        align-items: center;
        line-height: 0;
        justify-content: center;
    }
    .banner-two .shape1 {
        display: none;
    }

    .banner-two__left-content .btn-box {
        margin-top: 52px;
    }



    .banner-one__content .big-title h2 {
        font-size: 50px;
        line-height: 1.3em;
    }

    .banner-one__content .big-title h2 br {
        display: none;
    }

    .banner-one__content .big-title h2 a.btn-one {
        top: -12px;
        border-radius: 30px;
        line-height: 26px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .banner-one .shape1 {
        display: none;
    }

    .banner-one .shape4 {
        display: none;
    }

    .banner-one .shape2 {
        display: none;
    }

    .banner-one .shape3 {
        display: none;
    }

    .banner-one .shape4 {
        display: none;
    }

    .banner-one .shape5 {
        display: none;
    }

    .banner-one__single {
        padding:30px;
    }
    .header h1 {
        font-size: 35px !important;
        margin-bottom: 10px;
    }
    .contents.slick-slide {
        margin-top: 20px;
    }
    .contents.slick-slide h3{
        margin-bottom: 10px
    }
    .fact-counter-one__single-inner .outer-box h2 {

        font-size: 37px;
    }
    .contact-one h2 {
        font-size: 28px !important;
        padding: 0;
        margin-left: 0 !important;
        line-height: 36px;
        margin-bottom: 0;
    }
    .slider-scroll h3 {
        font-size: 25px;
        margin-top: 10px;
    }
    .slider-scroll p {
        font-size: 19px;
        padding: 10px 10px 10px 0px;
        line-height: 1.5;
    }
    .blog-one h2 {
        background: linear-gradient(to right, #3f97fe, #7a3cd3);
        color: #ffffff;
        text-align: center;
        padding: 40px 20px !important;
        height: auto !important;
        font-weight: 100;
        font-size: 30px !important;
        font-weight: 600;

    }
    .blog-one h2 span{
        font-size: 20px !important
    }
    .spearhead-advantage {
        margin: 50px auto 0;
    }
    
    .contents.slick-slide{
        padding-right: 0px
    }
    .styled-link-con {
        color: #90a0b0;
        text-decoration: none;
        font-size: 1.2em;
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin-left: 15px;
        margin-bottom: 30px;
    }
    .col-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .industry-section-2 h2 {
        font-weight: bolder;
        font-size: 30px;
        margin-bottom: 50px;
    }
    .industry-section-2 p {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .industry-section-2 {
        position: relative;
        padding: 60px 15px;
    }
    .industry-section-2 .img-setion img {
        margin-top: 10px;
    }
    .industry-section-3 .img-wrapper {
        margin-left: 0;
        padding: 50px 40px 90px;
        margin-bottom: 0
    }
    .industry-section-3 {
        margin-top: 30px;
        overflow: hidden;
    }
    .industry-section-3 h2 {
        font-size: 35px;
        margin-bottom: 25px;
        padding-top: 30px;
    }
    .industry-section-3 .img-wrapper h5 {
        font-size: 25px;
    }
    .container-wrapper::after {

        top: -42px;
    }
    .industry-section-4 h3 {
        font-size: 26px;
    }
    .industry-section-4 {
        background: #160623;
        padding: 25px 0;
        overflow: hidden;
    }
    .service-section-6 {
        position: relative;
        padding: 45px 0 30px;

    }
    .service-section-6 h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .industry-banner .banner-box {
        max-width: 570px;
        padding:  30px;
    }
    .industry-banner {
        padding: 160px 0 100px;
    }
    .industry-section-4 .col-sm-3::before{
        display: none
    }
    .industry-section-4 .col-sm-3 {
        position: relative;
        padding: 50px 30px 0;
    }
    .service-banner h2 {
        font-size: 30px;
    }
    .service-banner p {
        font-size: 17px;

    }
    .service-banner {
        padding: 100px 0 100px;
        position: relative;
    }
    .service-section-2 {
        padding: 90px 0 90px;
    }
    .service-section-2 {
        padding: 60px 0 60px;
    }
    .service-section-2 h3 {
        font-size: 24px;
    }
    .service-section-2 p {
        font-size: 16px;
    }
    .service-section-3 {
        padding: 40px 0;
    }
    .service-section-3 .stats {
        font-size: 50px;
    }
    .service-section-3 .col-sm-4.col-12 {
        margin-bottom: 45px;
        padding: 10px 20px;
    }
    .service-section-3{
        background: none
    }
    .btn-purple {
        margin-top: 0;
        top: 0;
        padding: 8px 35px;
    }
    .service-section-4 {
        padding: 60px 0;
    }
    .service-section-4 h2 {
        text-align: center;
        font-size: 28px;
        margin-bottom: 60px;
        font-weight: 600;
    }
    .service-section-4 .col-sm-3.col-12 {
        align-items: stretch;
        display: flex;
        margin-bottom: 30px;
    }
    .service-section-5 h2 {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .service-section-5 li {
        width: 50%;
        padding: 30px 60px 0px 0;
    }
    .service-section-5 {
        position: relative;
        padding: 60px 0;
    }
    .service-section-7{
        text-align: center
    }
    .service-section-7 h2 {
        font-size: 30px;
        margin-bottom: 30px;
        font-weight: 500;
        position: relative;
    }
    .service-section-7 .col-sm-4.col-12 {
        margin-top: 40px;
    }
    .careers-banner {
        min-height: 34Vh;
    }
    .careers-section-1 .banner-box {
        padding: 20px 20px;
    }
    .careers-section-1 {
        padding: 30px 0;
    }
    .careers-section-1 nav {
        width: 100%;
        background: #fff;
        padding: 30px;
    }
    .careers-section-1 .d-flex {
        flex-wrap: wrap;
    }
    .careers-section-1 nav {
        width: 90%;
        background: #fff;
        padding: 30px 30px 10px;
        margin: auto;
    }
    .careers-section-1 .banner-box p {
        font-size: 18px;
    }
    .careers-section-1 .nav-tabs .nav-link {
        font-size: 17px;
        padding: 12px 0;
        margin-bottom: 1px;
    }
    .careers-section-1 .tab-content {
        width: 100%;
        padding: 20px !important;
        background: #000 !important;
        border: 0px !important;
    }
    .careers-section-2 .content-section {
        padding: 30px 30px;
        background: #fff;
        color: #000;
        margin-top: 30px;
        position: relative;
        right: 0;
    }
    .careers-section-2 h2 {
        font-size: 35px;
        margin-top: 20px;
        margin-right: 0;
        font-weight: 400;
        min-width: 100%;
        margin-bottom: 18px;
        padding: 0 15px;
    }
    .careers-section-2 .btn-purple {
        margin-top: 0px;
        margin-left: 20px;
    }
    .careers-section-2 .col-sm-11.col-12.d-flex {
        flex-wrap: wrap;
    }
    .careers-section-2 img {
        max-width: 100%;
        margin-top: 30px;
    }
    .careers-section-3 .d-flex {
        width: 100%;
        flex-wrap: wrap;
    }
    .careers-section-3 .d-flex li {
        width: 100%;

    }
    .careers-section-3 ul li {
        width: 17%;
        text-align: left;
        color: #fff;
        font-size: 22px;
        display: flex;
        align-items: center;
        padding: 1px 30px;
        border-bottom:  1px solid #9829ea;
        border-right: 0;
        position: relative;
    }
    .careers-section-3 .d-flex li {
        width: 100%;
        font-size: 18px;
        margin-bottom: 13px;
        padding-left: 0;
        padding-bottom: 6px;
    }
    .careers-section-3 {
        padding: 40px 0;
    }
    .careers-section-4.about-section-2 p {
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
        line-height: 1.4;
        padding-right: 0;
        padding-left: 37px;
    }
    .about-section-2.careers-section-4 img {
        max-width: 22px;
        position: relative;
        right: -18px;
    }
    .about-section-2 {
        padding: 40px 0 30px;
    }
    .about-section-2 p {
        font-size: 20px;
    }
    .content-about h2 {
        font-size: 24px;
        margin-bottom: 30px;
        font-weight: 500;
    }
    .about-section-6 h2 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 70px;
        text-align: center;
    }
    .content-about {
        padding: 40px 15px 30px;
    }
    .industry-section-4.about-section-4 h2 {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 45px;
        text-align: center;
    }
    .about-section-6.text-center .d-flex {
        flex-wrap: wrap;
    }
    .about-section-6.text-center .d-flex li {
        width: 50%;
        text-align: left;
        padding-left: 15px;
    }
    .about-section-3.about-section-5 .about-image {

        height: 300px;
    }
    .about-section-2 p {
        color: #fff;
        line-height: 1.4;
        padding-right: 0;
        padding: 0 30px;
    }
    .about-section-3.about-section-5 .d-flex {
        display: flex !important;
        flex-wrap: wrap;
    }
    .contact-us {
        padding: 30px 0 60px;
    }
    .contact-us h2 {
        font-size: 30px;
    }
    .contact-us p {
        font-size: 17px;
    }
    .contact-us .row .col-12:last-of-type {
        padding-left: 15px;
    }
    .contact-us h4 {
        font-size: 26px;
        margin-bottom: 10px
    }
    .contact-us span {
        font-size: 20px;
        font-weight: 400;
    }
    .contact-us label {
        font-size: 24px;
    }
    .form-section .row {
        margin-bottom: 20px;
        padding: 0 15px;
    }
    .form-section h4 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .form-section .btn-purple {
        margin-top: 10px;
        border: 0px;
        margin-left: 0;
        margin-bottom: 50px;
        display: block;
    }
    .form-section .d-flex .col-sm-1 {
        width: 60px;
    }
    .form-section .d-flex .col-sm-11 {
        padding-left: 15px;
        width:calc(100% - 60px);
    }
    .row.member-box .col-sm-4.col-12 {
        margin-bottom: 40px;
    }
    .member-box h4 {
        font-size: 25px;
    }
    .careers-banner .container-fluid {
        padding: 0 20px;
    }
    .careers-banner .col-sm-6.col-12.wow.fadeInLeft.d-flex.justify-content-end.animated {
        justify-content: center !important;
    }
    .careers-banner .container-fluid {
        display: flex;
        align-items: flex-end;
    }
    .careers-banner .col-12 h2 {
        background: #000;
        display: block;
        padding: 15px 42px 10px;
        margin: auto;
    }
    .careers-banner .col-12 {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
}


.header-info .icons{
   margin-top: 0px;
}
.header-info{
  padding-bottom: 12px;
}

/* Submenu */
._sub-menu .outer-menu{
    display: flex;
    flex-wrap: wrap;
}
._sub-menu .outer-menu .left-content{
      max-width: 45%;
      padding-top: 45px;
      padding-right: 60px;
}
._sub-menu .outer-menu .right-menu-content{
    max-width: 55%;
    padding-left: 40px;
    border-radius: 30px 0 0 30px;
    padding-top: 32px;
      
}
._sub-menu .outer-menu .right-menu-content .inner-wrap{
   display: flex;
}
.right-menu-content ul li a svg{
  transform: rotate(0deg)!important;
}
.alisir._sub-menu .outer-menu .left-content{
      max-width: 60%;
}
.alisir._sub-menu .outer-menu .right-menu-content{
    max-width: 40%;
}
.sub-menu.mege-menu ul li a svg{
      transform: rotate(0deg);
}
@media(max-width:990px){
    ._sub-menu .outer-menu .left-content{
      max-width: 100%;
      padding-right: 0;
      flex-wrap: wrap;
    }
    ._sub-menu .outer-menu .right-menu-content{
      max-width: 100%;
      padding-left: 0;
    }
    .alisir._sub-menu .outer-menu .left-content{
        max-width: 100%;
    }
    .alisir._sub-menu .outer-menu .right-menu-content{
      max-width: 100%;
    }
    .active.parent-menu .sub-menu{
        display: block !important;
    }
    .navigation>li.parent-menu.without-arrow:after{
      display: none!important;
    }
    .header-info .icons {
      margin-top: 10px;
    }
    ._sub-menu .outer-menu .right-menu-content .inner-wrap{
      display: block;
    }
    ._sub-menu .outer-menu .right-menu-content{
        padding-left: 15px;
    }
    .mobile-menu .close-btn{
      top: 32px;
    }
}