/*@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),*/  /* IE6-8 */
		 /*url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),*/  /* FF39+,Chrome36+, Opera24+*/
		 /*url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),*/  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 /*url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),*/  /* IE6-8 */
		 /*url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),*/  /* FF39+,Chrome36+, Opera24+*/
		 /*url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),*/  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 /*url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),*/  /* IE6-8 */
		 /*url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),*/  /* FF39+,Chrome36+, Opera24+*/
		 /*url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),*/  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 /*url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),*/  /* IE6-8 */
		 /*url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),*/  /* FF39+,Chrome36+, Opera24+*/
		 /*url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),*/  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 /*url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),*/  /* IE6-8 */
		 /*url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),*/  /* FF39+,Chrome36+, Opera24+*/
		 /*url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),*/  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 /*url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}*/

@font-face {
    font-family: peyda;
    src: url('../fonts/peyda-num/woff2/400.woff2') format('woff');
}


:root {
    --tl-ff-body: peyda;
    --tl-ff-heading: peyda;
    --tl-ff-p: peyda;
    --tl-fw-normal: normal;
    --tl-fw-thin: 100;
    --tl-fw-elight: 200;
    --tl-fw-light: 300;
    --tl-fw-regular: 400;
    --tl-fw-medium: 500;
    --tl-fw-sbold: 600;
    --tl-fw-bold: 700;
    --tl-fw-ebold: 800;
    --tl-fw-black: 900;
    --tl-fs-body: 16px;
    --tl-fs-p: 16px;
    --tl-fs-p-bold: 20px;
    --tl-fs-h1: 80px;
    --tl-fs-h2: 60px;
    --tl-fs-h3: 50px;
    --tl-fs-h4: 40px;
    --tl-fs-h5: 30px;
    --tl-fs-h6: 20px;
    --tl-color-common-white: #ffffff;
    --tl-color-common-black: #000000;
    --tl-color-heading-primary: #191919;
    --tl-color-text-body: #4D4D52;
    /* --tl-color-theme-primary: #D99300;*/
     --tl-color-theme-primary: #CAA05C;
    --tl-color-bg-1: #1C1C1D;
    --tl-color-grey-1: #59585D;
    --tl-color-grey-2: #9F9FA4;
    --tl-color-border-1: #E3E3E8
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

html {
  overflow-x: hidden;
  max-width: 100%
}

body {
  background-color: #f6f6f6;
  font-family: var(--tl-ff-body);
  font-size: 16px;
  line-height: 1.625;
  font-weight: 400;
  color: var(--tl-color-text-body);
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  max-width: 100%
}

img {
  max-width: 100%
}

a {
  text-decoration: none
}

a,
a:hover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s
}

h1 {
  font-size: var(--tl-fs-h1)
}

h2 {
  font-size: var(--tl-fs-h2)
}

h3 {
  font-size: var(--tl-fs-h3)
}

h4 {
  font-size: var(--tl-fs-h4)
}

h5 {
  font-size: var(--tl-fs-h5)
}

h6 {
  font-size: var(--tl-fs-h6)
}

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

p {
  font-family: var(--tl-ff-p);
  font-size: 16px;
  font-weight: 400;
  color: var(--tl-color-text-body);
  margin-bottom: 15px;
  line-height: 28px
}

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

a:focus,
a:hover {
  color: inherit;
  text-decoration: none
}

a:hover {
  color: var(--tl-color-theme-primary)
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0)
}

button:hover {
  cursor: pointer
}

button:focus {
  outline: 0;
  border: 0
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

input {
  outline: none
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%
}

ul {
  display: block;
  padding: 0;
  margin: 0
}

*::-moz-selection {
    color: inherit;
    text-shadow: none
}

::-moz-selection {
    color: inherit;
    text-shadow: none
}

::selection {
    color: inherit;
    text-shadow: none
}

*::-moz-placeholder {
  color: var(--tl-color-common-black);
  font-size: var(--tl-fs-body);
  opacity: 1
}

*::placeholder {
  color: var(--tl-color-common-black);
  font-size: var(--tl-fs-body);
  opacity: 1
}

.container {
  max-width: 1795px
}

.container-2 {
  max-width: 1425px
}

.w-img img {
  width: 100%
}

.m-img img {
  max-width: 100%
}

.fix {
  overflow: hidden
}

.clear {
  clear: both
}

.f-left {
  float: left
}

.f-right {
  float: right
}

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

.z-index-11 {
  z-index: 11
}

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

.p-relative {
  position: relative
}

.p-absolute {
  position: absolute
}

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

.b-radius {
  border-radius: 6px
}

.overflow-x {
  overflow-x: clip
}

.bg-grey {
  background-color: #eee
}

.tl-bg-color {
  background-color: #ffff
}

.bg-dark-1 {
  background-color: var(--tl-color-bg-1)
}

.bg-dark-2 {
  background-color: var(--tl-color-bg-2)
}

.bd-bottom {
  border-bottom: 1px solid var(--tl-color-border-1)
}

.bg-color-top {
  background-color: #171719;
  width: 100%;
  height: 400px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2
}

.bg-color-bottom {
  background-color: #171719;
  width: 100%;
  height: 400px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -2
}

.overflow-h {
  overflow: hidden
}

.section-heading-wrap {
  max-width: 1192px;
  width: 100%;
  /*margin: 0 auto;*/
  position: relative;
  margin-bottom: 30px;
  padding-top: 65px
}

@media only screen and (max-width: 992px) {
    .section-heading-wrap {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0px;
    }
}

.section-heading-wrap .shape {
  position: absolute;
  top: 0px;
  right: 0
}

@media(max-width: 1199px) {
  .section-heading-wrap .shape {
    width: 43%
  }
}

@media only screen and (max-width: 992px) {
  .section-heading-wrap .shape {
    display: none
  }
}

.section-heading {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

@media only screen and (max-width: 992px) {
  .section-heading {
    margin-bottom: 40px
  }
}

.section-heading .sub-heading {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 12px;
  font-weight: 400;
  padding: 7px 28px 7px 19px;
  display: inline-block;
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(114, 114, 114, .18);
  border-radius: 100px;
  letter-spacing: 1px
}

@media only screen and (max-width: 992px) {
  .section-heading .sub-heading {
    font-size: 12px
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .sub-heading {
    font-size: 12px
  }
}

.section-heading .sub-heading:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  border-radius: 50%
}

.section-heading .section-title {
  font-size: 70px !important;
  line-height: 1.1;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  text-transform: capitalize;
  position: relative;
  overflow: hidden
}

.section-heading .section-title span {
  color: var(--tl-color-theme-primary)
}

@media(max-width: 1199px) {
  .section-heading .section-title span br {
    display: none
  }
}

@media(max-width: 1199px) {
  .section-heading .section-title {
    font-size: 60px
  }
}

@media only screen and (max-width: 992px) {
  .section-heading .section-title {
    font-size: 42px;
    max-width: 100%
  }
  .section-heading .section-title br {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .section-title {
    font-size: 36px
  }
  .section-heading .section-title br {
    display: none
  }
}

.section-heading .section-title.title-2 {
  font-size: 50px
}

@media(max-width: 1199px) {
  .section-heading .section-title.title-2 {
    font-size: 40px
  }
}

@media only screen and (max-width: 992px) {
  .section-heading .section-title.title-2 {
    font-size: 42px;
    max-width: 100%
  }
  .section-heading .section-title.title-2 br {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .section-title.title-2 {
    font-size: 36px
  }
  .section-heading .section-title.title-2 br {
    display: none
  }
}

@media(max-width: 1399px) {
  .section-heading .section-title.title-2 span br {
    display: none
  }
}

.section-heading p {
  margin-top: 20px
}

@media(max-width: 1199px) {
  .section-heading p br {
    display: none
  }
}

.section-heading.white-content .sub-heading {
  color: var(--tl-color-common-white);
  border: 1px solid rgba(255, 255, 255, .24)
}

.section-heading.white-content p,
.section-heading.white-content .section-title {
  color: var(--tl-color-common-white)
}

.section-heading.heading-2 {
  margin-bottom: 30px
}

.section-heading.heading-2 .section-title {
  margin-bottom: 25px
}

@media(max-width: 1199px) {
  .section-heading.heading-2 .section-title {
    margin: 0;
    margin-bottom: 25px
  }
}

.section-heading.section-heading-2 {
/*  padding-right: 20px*/
}

@media only screen and (max-width: 992px) {
  .section-heading.section-heading-2 {
    padding-right: 0
  }
}

@media(max-width: 1399px) {
  .section-heading.section-heading-2 .section-title br {
    display: none
  }
}

.heading-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
  margin-bottom: 60px
}

@media only screen and (max-width: 992px) {
  .heading-space {
    margin-bottom: 40px
  }
}

.t-up {
  text-transform: uppercase
}

.white-content h1,
.white-content h2,
.white-content h3,
.white-content h4,
.white-content h5,
.white-content h6,
.white-content p,
.white-content li,
.white-content span {
  color: var(--tl-color-common-white)
}

.img-reveal {
  position: relative;
  overflow: hidden;
  visibility: hidden;
  z-index: 1
}

.img-reveal .img-overlay {
  background-color: var(--tl-color-common-white);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}

.img-reveal img {
  object-fit: cover;
  height: 100%;
  width: 100%
}

.anim-text {
  overflow: hidden
}

.running-text {
  background-color: rgba(0, 0, 0, 0);
  background-repeat: repeat;
  background-size: 20px;
  padding: 14px 0;
  overflow: hidden
}

.running-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 95px
}

.running-text ul li {
  font-family: var(--tl-ff-heading);
  display: inline-block;
  white-space: nowrap;
  font-size: 240px;
  color: var(--tl-color-common-white);
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  line-height: 1
}

@media only screen and (max-width: 992px) {
  .running-text ul li {
    font-size: 140px
  }
}

@media only screen and (max-width: 767px) {
  .running-text ul li {
    font-size: 48px
  }
}

@media only screen and (max-width: 767px) {
  .running-text ul {
    gap: 24px
  }
}

.preloader span {
  font-family: var(--tl-ff-heading);
  font-size: 80px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  overflow-x: hidden
}

.site-name {
  background-color: #111
}

.preloader-gutters {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex
}

.preloader-overlay {
  background-color: #111;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  transform: translateX(-100%);
  opacity: .2
}

.preloader {
  width: 100%;
  height: 100vh;
  position: relative;
  --preloader-clip: 0;
  clip-path: inset(0 0 0 var(--preloader-clip));
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999
}

.site-name {
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  position: absolute;
  top: 0;
  z-index: 1;
  right: 0
}

@media only screen and (max-width: 767px) {
  .site-name span {
    font-size: 40px
  }
}

.preloader-gutters .bar {
  width: 12.5%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: relative
}

.preloader-gutters .inner-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  background-color: var(--tl-color-common-white)
}

@keyframes loading {
  0% {
    width: 0
  }
  100% {
    width: 100%
  }
}

@media(min-width: 992px) {
  .mt-cursor {
    --tl-cursor-size: 10px;
    --tl-cx: 0px;
    --tl-cy: 0px;
    --tl-cursor-bg: var(--tl-color-theme-primary);
    --tl-cursor-scale: 1;
    display: block;
    width: var(--tl-cursor-size);
    height: var(--tl-cursor-size);
    border-radius: 50%;
    position: fixed;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
    z-index: 10000;
    transform: translate3d(var(--tl-cx), var(--tl-cy), 0) translate(-50%, -50%) scale(var(--tl-cursor-scale, 1));
    transform-origin: center center;
    will-change: transform, opacity;
    mix-blend-mode: normal;
    -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s ease-out;
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .2s ease-out
  }
  .mt-cursor:before {
    background: var(--tl-cursor-bg, var(--tl-color-theme-primary));
    opacity: 1;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease
  }
  .mt-cursor.cursor-blend {
    mix-blend-mode: difference;
    --tl-cursor-bg: #fff
  }
  .mt-cursor.cursor-dark {
    background-color: var(--tl-color-common-white);
    mix-blend-mode: exclusion
  }
  .mt-cursor.cursor-lg {
    --tl-cursor-scale: 7
  }
  .mt-cursor-view {
    --tl-view-cursor-size: 80px;
    --tl-vx: 0px;
    --tl-vy: 0px;
    --tl-view-scale: 0.7;
    background: rgba(0, 0, 0, .46);
    opacity: .99;
    border: 1px solid rgba(255, 255, 255, .07);
    backdrop-filter: blur(29px);
    border-radius: 100px;
    display: block;
    width: var(--tl-view-cursor-size);
    height: var(--tl-view-cursor-size);
    border-radius: 50%;
    position: fixed;
    user-select: none;
    pointer-events: none;
    visibility: visible;
    z-index: 10000;
    transform: translate3d(var(--tl-vx), var(--tl-vy), 0) translate(-40px, -40px) scale(var(--tl-view-scale, 0));
    transform-origin: center center;
    will-change: transform, opacity;
    -webkit-transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0
  }
  .mt-cursor-view:after {
    content: "View";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    opacity: 0;
    transition: opacity .2s ease
  }
  .mt-cursor-view.active {
    --tl-view-scale: 1;
    opacity: 1
  }
  .mt-cursor-view.active:after {
    opacity: 1
  }
}

.sticky-widget {
  position: -webkit-sticky;
  position: sticky;
  top: 170px
}

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

.mt-5 {
  margin-top: 5px
}

.mt-10 {
  margin-top: 10px
}

.mt-15 {
  margin-top: 15px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-30 {
  margin-top: 30px
}

.mt-35 {
  margin-top: 35px
}

.mt-40 {
  margin-top: 40px
}

.mt-45 {
  margin-top: 45px
}

.mt-50 {
  margin-top: 50px
}

.mt-55 {
  margin-top: 55px
}

.mt-60 {
  margin-top: 60px
}

.mt-65 {
  margin-top: 65px
}

.mt-70 {
  margin-top: 70px
}

.mt-75 {
  margin-top: 75px
}

.mt-80 {
  margin-top: 80px
}

.mt-85 {
  margin-top: 85px
}

.mt-90 {
  margin-top: 90px
}

.mt-95 {
  margin-top: 95px
}

.mt-100 {
  margin-top: 100px
}

.mt-105 {
  margin-top: 105px
}

.mt-110 {
  margin-top: 110px
}

.mt-115 {
  margin-top: 115px
}

.mt-120 {
  margin-top: 120px
}

.mt-125 {
  margin-top: 125px
}

.mt-130 {
  margin-top: 130px
}

.mt-135 {
  margin-top: 135px
}

.mt-140 {
  margin-top: 140px
}

.mt-145 {
  margin-top: 145px
}

.mt-150 {
  margin-top: 150px
}

.mt-155 {
  margin-top: 155px
}

.mt-160 {
  margin-top: 160px
}

.mt-165 {
  margin-top: 165px
}

.mt-170 {
  margin-top: 170px
}

.mt-175 {
  margin-top: 175px
}

.mt-180 {
  margin-top: 180px
}

.mt-185 {
  margin-top: 185px
}

.mt-190 {
  margin-top: 190px
}

.mt-195 {
  margin-top: 195px
}

.mt-200 {
  margin-top: 200px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-45 {
  margin-bottom: 45px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-55 {
  margin-bottom: 55px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-65 {
  margin-bottom: 65px
}

.mb-70 {
  margin-bottom: 70px
}

.mb-75 {
  margin-bottom: 75px
}

.mb-80 {
  margin-bottom: 80px
}

.mb-85 {
  margin-bottom: 85px
}

.mb-90 {
  margin-bottom: 90px
}

.mb-95 {
  margin-bottom: 95px
}

.mb-100 {
  margin-bottom: 100px
}

.mb-105 {
  margin-bottom: 105px
}

.mb-110 {
  margin-bottom: 110px
}

.mb-115 {
  margin-bottom: 115px
}

.mb-120 {
  margin-bottom: 120px
}

.mb-125 {
  margin-bottom: 125px
}

.mb-130 {
  margin-bottom: 130px
}

.mb-135 {
  margin-bottom: 135px
}

.mb-140 {
  margin-bottom: 140px
}

.mb-145 {
  margin-bottom: 145px
}

.mb-150 {
  margin-bottom: 150px
}

.mb-155 {
  margin-bottom: 155px
}

.mb-160 {
  margin-bottom: 160px
}

.mb-165 {
  margin-bottom: 165px
}

.mb-170 {
  margin-bottom: 170px
}

.mb-175 {
  margin-bottom: 175px
}

.mb-180 {
  margin-bottom: 180px
}

.mb-185 {
  margin-bottom: 185px
}

.mb-190 {
  margin-bottom: 190px
}

.mb-195 {
  margin-bottom: 195px
}

.mb-200 {
  margin-bottom: 200px
}

.ml-5 {
  margin-right: 5px
}

.ml-10 {
  margin-right: 10px
}

.ml-15 {
  margin-right: 15px
}

.ml-20 {
  margin-right: 20px
}

.ml-25 {
  margin-right: 25px
}

.ml-30 {
  margin-right: 30px
}

.ml-35 {
  margin-right: 35px
}

.ml-40 {
  margin-right: 40px
}

.ml-45 {
  margin-right: 45px
}

.ml-50 {
  margin-right: 50px
}

.ml-55 {
  margin-right: 55px
}

.ml-60 {
  margin-right: 60px
}

.ml-65 {
  margin-right: 65px
}

.ml-70 {
  margin-right: 70px
}

.ml-75 {
  margin-right: 75px
}

.ml-80 {
  margin-right: 80px
}

.ml-85 {
  margin-right: 85px
}

.ml-90 {
  margin-right: 90px
}

.ml-95 {
  margin-right: 95px
}

.ml-100 {
  margin-right: 100px
}

.ml-105 {
  margin-right: 105px
}

.ml-110 {
  margin-right: 110px
}

.ml-115 {
  margin-right: 115px
}

.ml-120 {
  margin-right: 120px
}

.ml-125 {
  margin-right: 125px
}

.ml-130 {
  margin-right: 130px
}

.ml-135 {
  margin-right: 135px
}

.ml-140 {
  margin-right: 140px
}

.ml-145 {
  margin-right: 145px
}

.ml-150 {
  margin-right: 150px
}

.ml-155 {
  margin-right: 155px
}

.ml-160 {
  margin-right: 160px
}

.ml-165 {
  margin-right: 165px
}

.ml-170 {
  margin-right: 170px
}

.ml-175 {
  margin-right: 175px
}

.ml-180 {
  margin-right: 180px
}

.ml-185 {
  margin-right: 185px
}

.ml-190 {
  margin-right: 190px
}

.ml-195 {
  margin-right: 195px
}

.ml-200 {
  margin-right: 200px
}

.mr-5 {
  margin-left: 5px
}

.mr-10 {
  margin-left: 10px
}

.mr-15 {
  margin-left: 15px
}

.mr-20 {
  margin-left: 20px
}

.mr-25 {
  margin-left: 25px
}

.mr-30 {
  margin-left: 30px
}

.mr-35 {
  margin-left: 35px
}

.mr-40 {
  margin-left: 40px
}

.mr-45 {
  margin-left: 45px
}

.mr-50 {
  margin-left: 50px
}

.mr-55 {
  margin-left: 55px
}

.mr-60 {
  margin-left: 60px
}

.mr-65 {
  margin-left: 65px
}

.mr-70 {
  margin-left: 70px
}

.mr-75 {
  margin-left: 75px
}

.mr-80 {
  margin-left: 80px
}

.mr-85 {
  margin-left: 85px
}

.mr-90 {
  margin-left: 90px
}

.mr-95 {
  margin-left: 95px
}

.mr-100 {
  margin-left: 100px
}

.mr-105 {
  margin-left: 105px
}

.mr-110 {
  margin-left: 110px
}

.mr-115 {
  margin-left: 115px
}

.mr-120 {
  margin-left: 120px
}

.mr-125 {
  margin-left: 125px
}

.mr-130 {
  margin-left: 130px
}

.mr-135 {
  margin-left: 135px
}

.mr-140 {
  margin-left: 140px
}

.mr-145 {
  margin-left: 145px
}

.mr-150 {
  margin-left: 150px
}

.mr-155 {
  margin-left: 155px
}

.mr-160 {
  margin-left: 160px
}

.mr-165 {
  margin-left: 165px
}

.mr-170 {
  margin-left: 170px
}

.mr-175 {
  margin-left: 175px
}

.mr-180 {
  margin-left: 180px
}

.mr-185 {
  margin-left: 185px
}

.mr-190 {
  margin-left: 190px
}

.mr-195 {
  margin-left: 195px
}

.mr-200 {
  margin-left: 200px
}

.pt-5 {
  padding-top: 5px
}

.pt-10 {
  padding-top: 10px
}

.pt-15 {
  padding-top: 15px
}

.pt-20 {
  padding-top: 20px
}

.pt-25 {
  padding-top: 25px
}

.pt-30 {
  padding-top: 30px
}

.pt-35 {
  padding-top: 35px
}

.pt-40 {
  padding-top: 40px
}

.pt-45 {
  padding-top: 45px
}

.pt-50 {
  padding-top: 50px
}

.pt-55 {
  padding-top: 55px
}

.pt-60 {
  padding-top: 60px
}

.pt-65 {
  padding-top: 65px
}

.pt-70 {
  padding-top: 70px
}

.pt-75 {
  padding-top: 75px
}

.pt-80 {
  padding-top: 80px
}

.pt-85 {
  padding-top: 85px
}

.pt-90 {
  padding-top: 90px
}

.pt-95 {
  padding-top: 95px
}

.pt-100 {
  padding-top: 100px
}

.pt-105 {
  padding-top: 105px
}

.pt-110 {
  padding-top: 110px
}

.pt-115 {
  padding-top: 115px
}

.pt-120 {
  padding-top: 120px
}

.pt-125 {
  padding-top: 125px
}

.pt-130 {
  padding-top: 130px
}

.pt-135 {
  padding-top: 135px
}

.pt-140 {
  padding-top: 140px
}

.pt-145 {
  padding-top: 145px
}

.pt-150 {
  padding-top: 150px
}

.pt-155 {
  padding-top: 155px
}

.pt-160 {
  padding-top: 160px
}

.pt-165 {
  padding-top: 165px
}

.pt-170 {
  padding-top: 170px
}

.pt-175 {
  padding-top: 175px
}

.pt-180 {
  padding-top: 180px
}

.pt-185 {
  padding-top: 185px
}

.pt-190 {
  padding-top: 190px
}

.pt-195 {
  padding-top: 195px
}

.pt-200 {
  padding-top: 200px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-25 {
  padding-bottom: 25px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-35 {
  padding-bottom: 35px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-45 {
  padding-bottom: 45px
}

.pb-50 {
  padding-bottom: 50px
}

.pb-55 {
  padding-bottom: 55px
}

.pb-60 {
  padding-bottom: 60px
}

.pb-65 {
  padding-bottom: 65px
}

.pb-70 {
  padding-bottom: 70px
}

.pb-75 {
  padding-bottom: 75px
}

.pb-80 {
  padding-bottom: 80px
}

.pb-85 {
  padding-bottom: 85px
}

.pb-90 {
  padding-bottom: 90px
}

.pb-95 {
  padding-bottom: 95px
}

.pb-100 {
  padding-bottom: 100px
}

.pb-105 {
  padding-bottom: 105px
}

.pb-110 {
  padding-bottom: 110px
}

.pb-115 {
  padding-bottom: 115px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-125 {
  padding-bottom: 125px
}

.pb-130 {
  padding-bottom: 130px
}

.pb-135 {
  padding-bottom: 135px
}

.pb-140 {
  padding-bottom: 140px
}

.pb-145 {
  padding-bottom: 145px
}

.pb-150 {
  padding-bottom: 150px
}

.pb-155 {
  padding-bottom: 155px
}

.pb-160 {
  padding-bottom: 160px
}

.pb-165 {
  padding-bottom: 165px
}

.pb-170 {
  padding-bottom: 170px
}

.pb-175 {
  padding-bottom: 175px
}

.pb-180 {
  padding-bottom: 180px
}

.pb-185 {
  padding-bottom: 185px
}

.pb-190 {
  padding-bottom: 190px
}

.pb-195 {
  padding-bottom: 195px
}

.pb-200 {
  padding-bottom: 200px
}

.pl-5 {
  padding-right: 5px
}

.pl-10 {
  padding-right: 10px
}

.pl-15 {
  padding-right: 15px
}

.pl-20 {
  padding-right: 20px
}

.pl-25 {
  padding-right: 25px
}

.pl-30 {
  padding-right: 30px
}

.pl-35 {
  padding-right: 35px
}

.pl-40 {
  padding-right: 40px
}

.pl-45 {
  padding-right: 45px
}

.pl-50 {
  padding-right: 50px
}

.pl-55 {
  padding-right: 55px
}

.pl-60 {
  padding-right: 60px
}

.pl-65 {
  padding-right: 65px
}

.pl-70 {
  padding-right: 70px
}

.pl-75 {
  padding-right: 75px
}

.pl-80 {
  padding-right: 80px
}

.pl-85 {
  padding-right: 85px
}

.pl-90 {
  padding-right: 90px
}

.pl-95 {
  padding-right: 95px
}

.pl-100 {
  padding-right: 100px
}

.pl-105 {
  padding-right: 105px
}

.pl-110 {
  padding-right: 110px
}

.pl-115 {
  padding-right: 115px
}

.pl-120 {
  padding-right: 120px
}

.pl-125 {
  padding-right: 125px
}

.pl-130 {
  padding-right: 130px
}

.pl-135 {
  padding-right: 135px
}

.pl-140 {
  padding-right: 140px
}

.pl-145 {
  padding-right: 145px
}

.pl-150 {
  padding-right: 150px
}

.pl-155 {
  padding-right: 155px
}

.pl-160 {
  padding-right: 160px
}

.pl-165 {
  padding-right: 165px
}

.pl-170 {
  padding-right: 170px
}

.pl-175 {
  padding-right: 175px
}

.pl-180 {
  padding-right: 180px
}

.pl-185 {
  padding-right: 185px
}

.pl-190 {
  padding-right: 190px
}

.pl-195 {
  padding-right: 195px
}

.pl-200 {
  padding-right: 200px
}

.pr-5 {
  padding-left: 5px
}

.pr-10 {
  padding-left: 10px
}

.pr-15 {
  padding-left: 15px
}

.pr-20 {
  padding-left: 20px
}

.pr-25 {
  padding-left: 25px
}

.pr-30 {
  padding-left: 30px
}

.pr-35 {
  padding-left: 35px
}

.pr-40 {
  padding-left: 40px
}

.pr-45 {
  padding-left: 45px
}

.pr-50 {
  padding-left: 50px
}

.pr-55 {
  padding-left: 55px
}

.pr-60 {
  padding-left: 60px
}

.pr-65 {
  padding-left: 65px
}

.pr-70 {
  padding-left: 70px
}

.pr-75 {
  padding-left: 75px
}

.pr-80 {
  padding-left: 80px
}

.pr-85 {
  padding-left: 85px
}

.pr-90 {
  padding-left: 90px
}

.pr-95 {
  padding-left: 95px
}

.pr-100 {
  padding-left: 100px
}

.pr-105 {
  padding-left: 105px
}

.pr-110 {
  padding-left: 110px
}

.pr-115 {
  padding-left: 115px
}

.pr-120 {
  padding-left: 120px
}

.pr-125 {
  padding-left: 125px
}

.pr-130 {
  padding-left: 130px
}

.pr-135 {
  padding-left: 135px
}

.pr-140 {
  padding-left: 140px
}

.pr-145 {
  padding-left: 145px
}

.pr-150 {
  padding-left: 150px
}

.pr-155 {
  padding-left: 155px
}

.pr-160 {
  padding-left: 160px
}

.pr-165 {
  padding-left: 165px
}

.pr-170 {
  padding-left: 170px
}

.pr-175 {
  padding-left: 175px
}

.pr-180 {
  padding-left: 180px
}

.pr-185 {
  padding-left: 185px
}

.pr-190 {
  padding-left: 190px
}

.pr-195 {
  padding-left: 195px
}

.pr-200 {
  padding-left: 200px
}

.mt-10 {
  margin-top: 10px
}

.mt-15 {
  margin-top: 15px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-30 {
  margin-top: 30px
}

.mt-35 {
  margin-top: 35px
}

.mt-40 {
  margin-top: 40px
}

.mt-45 {
  margin-top: 45px
}

.mt-50 {
  margin-top: 50px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-45 {
  margin-bottom: 45px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-60 {
  margin-bottom: 60px
}

.pt-180 {
  padding-top: 180px
}

@media only screen and (max-width: 992px) {
  .pt-180 {
    padding-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 50px
  }
}

.pt-150 {
  padding-top: 150px
}

@media only screen and (max-width: 992px) {
  .pt-150 {
    padding-top: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pt-150 {
    padding-top: 70px
  }
}

.pt-140 {
  padding-top: 140px
}

@media only screen and (max-width: 992px) {
  .pt-140 {
    padding-top: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pt-140 {
    padding-top: 70px
  }
}

.pt-130 {
  padding-top: 130px
}

@media only screen and (max-width: 992px) {
  .pt-130 {
    padding-top: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px
  }
}

.pt-120 {
  padding-top: 120px
}

@media only screen and (max-width: 992px) {
  .pt-120 {
    padding-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 60px
  }
}

.pt-90 {
  padding-top: 90px
}

@media only screen and (max-width: 992px) {
  .pt-90 {
    padding-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 60px
  }
}

.pt-80 {
  padding-top: 80px
}

@media only screen and (max-width: 992px) {
  .pt-80 {
    padding-top: 70px
  }
}

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

.pt-70 {
  padding-top: 70px
}

@media only screen and (max-width: 992px) {
  .pt-70 {
    padding-top: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 60px
  }
}

.pb-180 {
  padding-bottom: 180px
}

@media only screen and (max-width: 992px) {
  .pb-180 {
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pb-180 {
    padding-bottom: 60px
  }
}

.pb-150 {
  padding-bottom: 150px
}

@media only screen and (max-width: 992px) {
  .pb-150 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pb-150 {
    padding-bottom: 70px
  }
}

.pb-140 {
  padding-bottom: 140px
}

@media only screen and (max-width: 992px) {
  .pb-140 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pb-140 {
    padding-bottom: 70px
  }
}

.pb-130 {
  padding-bottom: 130px
}

@media only screen and (max-width: 992px) {
  .pb-130 {
    padding-bottom: 80px
  }
}

@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 60px
  }
}

.pb-120 {
  padding-bottom: 120px
}

@media only screen and (max-width: 992px) {
  .pb-120 {
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 60px
  }
}

.pb-110 {
  padding-bottom: 110px
}

@media only screen and (max-width: 992px) {
  .pb-110 {
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pb-110 {
    padding-bottom: 60px
  }
}

.pb-90 {
  padding-bottom: 90px
}

@media only screen and (max-width: 992px) {
  .pb-90 {
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 60px
  }
}

.pb-80 {
  padding-bottom: 80px
}

@media only screen and (max-width: 992px) {
  .pb-80 {
    padding-bottom: 70px
  }
}

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

.pb-70 {
  padding-bottom: 70px
}

@media only screen and (max-width: 992px) {
  .pb-70 {
    padding-bottom: 70px
  }
}

@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 60px
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-30 {
    padding-bottom: 30px
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-40 {
    padding-bottom: 40px
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-50 {
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .md-mb-30 {
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 992px) {
  .md-mb-40 {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 992px) {
  .md-mb-50 {
    margin-bottom: 50px
  }
}

.pl-0 {
  padding-right: 0 !important
}

.ml-0 {
  margin-right: 0 !important
}

.mw-100 {
  max-width: 100% !important
}

#scroll-percentage {
  position: absolute
}

#scroll-percentage {
  height: 60px;
  width: 60px;
  background-color: var(--tl-color-theme-primary);
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  left: 50px;
  transform: scale(0);
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 100;
  box-shadow: 0px 11px 41px 3px rgba(23, 67, 63, .12)
}

@media only screen and (max-width: 992px) {
  #scroll-percentage {
    left: 30px
  }
}

@media only screen and (max-width: 767px) {
  #scroll-percentage {
    bottom: 20px;
    left: 20px
  }
}

#scroll-percentage.active {
  bottom: 50px;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 992px) {
  #scroll-percentage.active {
    bottom: 30px
  }
}

@media only screen and (max-width: 767px) {
  #scroll-percentage.active {
    bottom: 20px
  }
}

#scroll-percentage-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-theme-primary);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 600
}

#scroll-percentage-value i {
  font-size: 20px
}

@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

.antra-image-comparison {
  width: 100%;
  height: 550px;
  border-radius: 24px;
  overflow: hidden
}

.antra-image-comparison img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.tl-primary-btn {
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 25px 10px 15px;
  border-radius: 100px;
  transition: all .3s ease-in-out;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(159, 159, 164, .64)
}

.tl-primary-btn:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--tl-color-theme-primary);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: -moz-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: -ms-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1
}

.tl-primary-btn .icon {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: all .3s ease-in-out
}

.tl-primary-btn i {
  font-size: 16px;
  transform: rotate(-45deg);
  transition: all .3s ease-in-out
}

.tl-primary-btn:hover {
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.tl-primary-btn:hover:before {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1)
}

.tl-primary-btn:hover i {
  transform: rotate(0deg)
}

.tl-primary-btn:hover .icon {
  background-color: var(--tl-color-theme-primary)
}

.tl-primary-btn:focus {
  color: var(--tl-color-text-black)
}

.tl-primary-btn.white-btn {
  border-color: var(--tl-color-common-white);
  color: var(--tl-color-common-white)
}

.tl-primary-btn.white-btn:hover {
  border: 1px solid var(--tl-color-theme-primary)
}

.header {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  transition: all .3s ease-in-out
}

@media only screen and (max-width: 992px) {
  .header {
    top: 0;
    height: auto !important
  }
}

.header .primary-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner {
    padding: 20px 0
  }
}

.header .primary-header-inner .header-left-wrap {
  display: flex;
  align-items: center;
  column-gap: 56px
}

.header .primary-header-inner .header-logo img {
  max-width: 170px
}

.header .primary-header-inner .header-logo .logo-light {
  display: none
}

@media(max-width: 1399px) {
  .header .primary-header-inner .header-logo img {
    max-width: 150px
  }
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-logo img {
    max-width: 150px
  }
}

.header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center
}

.header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-menu-wrap ul {
    display: none
  }
}

.header .primary-header-inner .header-menu-wrap ul li {
  display: inline-block;
  position: relative;
  margin: 0 15px
}

@media(max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap ul li {
    margin: 0 15px
  }
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li {
    margin: 0 10px
  }
}

.header .primary-header-inner .header-menu-wrap ul li:first-child {
  margin-right: 0
}

.header .primary-header-inner .header-menu-wrap ul li:last-child {
  margin-left: 0
}

.header .primary-header-inner .header-menu-wrap ul li a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  display: block;
  font-size: 16px;
  padding: 36px 0;
  letter-spacing: 0px;
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li a {
    font-size: 16px
  }
}

.header .primary-header-inner .header-menu-wrap ul li a:hover {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li a i {
  font-size: 13px
}

.header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li.active ul li a {
  color: var(--tl-color-heading-primary)
}

.header .primary-header-inner .header-menu-wrap ul li.active ul li a:hover {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li.active ul li.active a {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li ul {
  background-color: var(--tl-color-common-white);
  display: block;
  width: 230px;
  padding: 0;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, .1), 0px -6px 0px 0px rgba(248, 99, 107, .004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, .1), 0px -6px 0px 0px rgba(248, 99, 107, .004);
  position: absolute;
  right: 0;
  top: 98px;
  opacity: 0;
  border-radius: 24px;
  visibility: hidden;
  z-index: 0;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all .6s ease
}

.header .primary-header-inner .header-menu-wrap ul li:hover>ul {
  visibility: visible;
  transition: all .6s ease;
  opacity: 1;
  transform: none
}

.header .primary-header-inner .header-menu-wrap ul li li {
  display: flex;
  justify-content: space-between;
  text-align: right;
  position: relative;
  transition: all .3s ease-in-out
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a {
  color: var(--tl-color-common-black)
}

.header .primary-header-inner .header-menu-wrap ul li li a {
  background-color: var(--tl-color-bg-2);
  display: block;
  height: auto;
  line-height: inherit;
  color: var(--tl-color-heading-primary);
  font-weight: 500;
  font-size: 16px;
  padding: 7px 0;
  padding-right: 25px;
  letter-spacing: 0px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  position: relative
}

.header .primary-header-inner .header-menu-wrap ul li li a:hover {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li li a:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.header .primary-header-inner .header-menu-wrap ul li li:first-child a {
  padding-top: 25px
}

.header .primary-header-inner .header-menu-wrap ul li li:first-child a:before {
  top: 64%
}

.header .primary-header-inner .header-menu-wrap ul li li:last-child {
  margin: 0;
  border-bottom: none
}

.header .primary-header-inner .header-menu-wrap ul li li:last-child a {
  padding-bottom: 25px
}

.header .primary-header-inner .header-menu-wrap ul li li:last-child a:before {
  top: 34%
}

.header .primary-header-inner .header-menu-wrap ul li li.active a {
  color: var(--tl-color-theme-primary);
  padding-right: 35px
}

.header .primary-header-inner .header-menu-wrap ul li li.active a:before {
  width: 10px
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a {
  padding-right: 35px
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a:before {
  width: 10px
}

.header .primary-header-inner .header-menu-wrap ul li li ul {
  top: 0;
  right: 100%
}

.header .primary-header-inner .header-menu-wrap ul li li ul li a {
  color: var(--tl-color-common-white)
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul li li:hover li a {
  color: var(--tl-color-heading-primary)
}

.header .primary-header-inner .header-menu-wrap ul li li:hover li a:hover {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children {
  position: relative
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-left: 17px
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
    padding-left: 13px
  }
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li {
  margin: 0
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li a {
  padding-left: 0
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 700;
  content: "";
  color: var(--tl-color-common-white);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
  cursor: pointer
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:hover:after {
  color: var(--tl-color-theme-primary)
}

.header .primary-header-inner .header-right-wrap {
  display: flex;
  align-items: center;
  column-gap: 15px
}

.header .primary-header-inner .header-right-wrap .header-contact {
  display: flex;
  align-items: center;
  column-gap: 15px
}

@media(max-width: 1399px) {
  .header .primary-header-inner .header-right-wrap .header-contact {
    display: none
  }
}

.header .primary-header-inner .header-right-wrap .header-contact .icon {
  color: var(--tl-color-common-white);
  font-size: 22px
}

.header .primary-header-inner .header-right-wrap .header-contact .content .call-text {
  color: var(--tl-color-common-white);
  font-size: 14px;
  font-weight: 500;
  display: block
}

.header .primary-header-inner .header-right-wrap .header-contact .content .call-number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400
}

.header .primary-header-inner .header-right-wrap .header-btn {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  padding: 19px 30px;
  border: none
}

@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right-wrap .header-btn {
  /*  display: none*/
  }
}

.header .primary-header-inner .header-right-wrap .header-btn:before {
  background-color: var(--tl-color-common-white)
}

.header .primary-header-inner .header-right-wrap .header-btn:hover {
  color: var(--tl-color-heading-primary)
}

.header .primary-header-inner .header-right-wrap .sidebar-icon .sidebar-trigger,
.header .primary-header-inner .header-right-wrap .search-icon {
 /* background: rgba(216, 218, 223, .13);*/
  color: var(--tl-color-common-white);
/*  border: 1px solid rgba(255, 255, 255, .09);
 backdrop-filter: blur(29px);*/ 
  height: 56px;
  width: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.header .primary-header-inner .header-right-wrap .sidebar-icon .sidebar-trigger:hover,
.header .primary-header-inner .header-right-wrap .search-icon:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-right-wrap .search-icon {
    display: none
  }
}

.header .primary-header-inner .header-right-wrap .header-right {
  display: flex;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-logo img {
    width: 90px
  }
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 7px;
  margin-right: 30px;
  border-radius: 3px
}

@media(max-width: 1199px) {
  .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
    margin-right: 15px
  }
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
    display: none
  }
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span {
  background-color: var(--tl-color-common-white);
  width: 25px;
  height: 3px;
  display: block;
  border-radius: 2px;
  transition: all .3s ease-in-out;
  margin-right: auto
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span:nth-child(2) {
  width: 30px
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span:nth-child(3) {
  width: 15px
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover span:nth-child(1) {
  width: 30px
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover span:nth-child(3) {
  width: 20px
}

.header .primary-header-inner .header-right-wrap .header-right .search-icon {
  color: var(--tl-color-heading-primary);
  font-size: 20px;
  cursor: pointer
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .search-icon {
    margin-left: 20px
  }
}

@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right-wrap .header-right .search-icon {
    display: none
  }
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item {
  display: flex;
  align-items: center
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item {
    line-height: 1
  }
}

@media(min-width: 993px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {
    display: none
  }
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {
  font-size: 16px;
  margin-right: 55px;
  cursor: pointer
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {
    margin-left: 20px
  }
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .mean-push {
    display: none
  }
}

.header .primary-header.fixed {
  background-color: var(--tl-color-heading-primary);
  top: 0;
  transition: all .3s ease-in-out
}

@media only screen and (max-width: 992px) {
  .header .primary-header.fixed .primary-header-inner {
    padding: 20px 0
  }
}

@media only screen and (max-width: 992px) {
  .header-2 .primary-header-inner .header-menu-wrap ul li:nth-child(4) {
    display: none
  }
}

@media only screen and (max-width: 992px) {
  .header-2 .primary-header-inner .header-menu-wrap ul li.site-logo {
    display: none
  }
}

.header-2 .primary-header-inner .header-left-wrap {
  column-gap: 30px
}

.header-2 .primary-header-inner .header-left-wrap .search-icon {
  background: rgba(216, 218, 223, .13);
  color: var(--tl-color-common-white);
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.header-2 .primary-header-inner .header-left-wrap .search-icon:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.header-2 .primary-header-inner .header-left-wrap .header-contact {
  display: flex;
  align-items: center;
  column-gap: 15px
}

@media(max-width: 1399px) {
  .header-2 .primary-header-inner .header-left-wrap .header-contact {
    display: none
  }
}

.header-2 .primary-header-inner .header-left-wrap .header-contact .icon {
  color: var(--tl-color-common-white);
  font-size: 22px
}

.header-2 .primary-header-inner .header-left-wrap .header-contact .call-number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.header-2 .primary-header-inner .header-left-wrap .header-contact .call-number:hover {
  color: var(--tl-color-theme-primary)
}

@media only screen and (max-width: 992px) {
  .side-menu-wrap-3 .mean-bar .mean-nav.mean-nav>ul li:nth-child(4) {
    display: none
  }
}

.header-4 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--tl-color-heading-primary)
}

.header-4 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after {
  color: var(--tl-color-heading-primary)
}

.header-4 .primary-header-inner .header-right-wrap .header-contact .icon {
  color: var(--tl-color-heading-primary)
}

.header-4 .primary-header-inner .header-right-wrap .header-contact .content .call-text,
.header-4 .primary-header-inner .header-right-wrap .header-contact .content .call-number {
  color: var(--tl-color-heading-primary);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.header-4 .primary-header-inner .header-right-wrap .header-contact:hover .content .call-number {
  color: var(--tl-color-theme-primary)
}

.header-4 .primary-header-inner .header-right-wrap .header-btn-wrap .header-btn {
  border: 1px solid var(--tl-color-theme-primary)
}

.header-4 .primary-header-inner .header-right-wrap .header-btn-wrap .header-btn:hover {
  border: 1px solid var(--tl-color-heading-primary)
}

.header-4 .primary-header-inner .header-right-wrap .search-icon,
.header-4 .primary-header-inner .header-right-wrap .sidebar-icon .sidebar-trigger {
  color: var(--tl-color-heading-primary);
  border: 1px solid var(--tl-color-heading-primary)
}

.header-4 .primary-header-inner .header-right-wrap .search-icon:hover,
.header-4 .primary-header-inner .header-right-wrap .sidebar-icon .sidebar-trigger:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white)
}

.header-4 .primary-header-inner .header-right-wrap .sidebar-icon .sidebar-trigger:hover svg {
  fill: var(--tl-color-common-white)
}

.header-4 .primary-header.fixed {
  background-color: var(--tl-color-common-white)
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .header-right {
    display: none !important
  }
}

.side-menu-icon {
  position: absolute;
  left: 20px;
  top: 25px;
  z-index: 100;
  display: block;
  cursor: pointer
}

@media only screen and (max-width: 992px) {
  .side-menu-icon {
    display: none
  }
}

.side-menu-wrapper {
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
  width: 850px;
  -webkit-transform: translateX(850px);
  -ms-transform: translateX(850px);
  transform: translateX(850px);
  height: 100%;
  display: block;
  z-index: 100;
  padding: 40px;
  -webkit-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
  backface-visibility: hidden
}

.side-menu-wrapper .side-menu-close {
  background-color: var(--tl-color-theme-primary);
  position: absolute;
  top: 40px;
  left: 40px;
  font-size: 18px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center
}

.side-menu-wrapper.is-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

@media only screen and (max-width: 992px) {
  .side-menu-wrapper {
    display: none
  }
}

.side-menu-content .side-menu-header {
  font-family: var(--tl-ff-body);
  font-size: 30px;
  max-width: 600px;
  line-height: 1.5;
  font-weight: 400;
  width: 100%;
  margin-bottom: 40px
}

.side-menu-content .side-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .3s ease-in-out;
  margin-bottom: 30px
}

.side-menu-content .side-menu-item .side-menu-thumb-box {
  display: flex;
  align-items: center;
  column-gap: 30px
}

.side-menu-content .side-menu-item .side-menu-thumb-box img {
  max-width: 150px
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info .side-menu-title {
  font-family: var(--tl-ff-body);
  font-size: 32px;
  font-weight: 500;
  color: var(--tl-color-theme-primary);
  line-height: 1;
  margin-bottom: 10px
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p {
  max-width: 400px;
  width: 100%
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p:last-child {
  margin-bottom: 0
}

.side-menu-content .side-menu-item .side-menu-arrow {
  font-size: 45px;
  color: var(--tl-color-theme-primary);
  transform: rotate(-45deg);
  transition: all .3s ease-in-out
}

.side-menu-content .side-menu-item:hover {
  border: 1px solid var(--tl-color-border-6)
}

.side-menu-content .side-menu-item:hover .side-menu-arrow {
  transform: rotate(0deg)
}

.side-menu-content .side-menu-item:last-child {
  margin-bottom: 0
}

.side-menu-overlay {
  background-color: rgba(0, 0, 0, .7);
  height: 100%;
  width: 0%;
  position: fixed;
  top: 0;
  z-index: 9;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10
}

.side-menu-overlay.is-open {
  width: 100%;
  opacity: .5;
  visibility: visible;
  cursor: url(../img/cancel.png), auto
}

@media only screen and (max-width: 992px) {
  .side-menu-overlay {
    display: none
  }
}

.primary-header {
  width: 100%
}

.primary-header.fixed {
  background-color: var(--tl-color-bg-2);
  position: fixed;
  right: 0;
  top: 0;
  animation-name: menuSticky;
  -webkit-animation-name: menuSticky;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  box-shadow: 0px 1px 3px 0px rgba(17, 17, 17, .1);
  z-index: 99
}

@media only screen and (max-width: 992px) {
  .primary-header.fixed .primary-header-inner {
    padding: 20px
  }
}

@-webkit-keyframes menuSticky {
  0% {
    transform: translateY(-100%)
  }
  100% {
    transform: translateY(0%)
  }
}

@keyframes menuSticky {
  0% {
    transform: translateY(-100%)
  }
  100% {
    transform: translateY(0%)
  }
}

.mobile-side-menu-overlay,
.mobile-side-menu {
  display: none
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li.active a {
  color: var(--tl-color-theme-primary)
}
.ndf .odometer-inside *{
    font-size: 220px;
}
.accordion-button::after {
    margin-right: auto !important;
    margin-left: 0px !important;
}
.odometer-inside{
    direction:ltr;
}
@media only screen and (max-width: 992px) {
  .mobile-side-menu {
    background-color: var(--tl-color-common-white);
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    width: 400px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    height: 100%;
    display: block;
    z-index: 100;
    padding: 40px 40px 40px 40px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    backface-visibility: hidden
  }
}

@media only screen and (max-width: 992px)and (max-width: 767px) {
  .mobile-side-menu {
    padding: 40px 20px;
    width: 100%;
    max-width: 320px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
  }
  .mobile-side-menu .side-menu-head a img {
    max-width: 120px
  }
  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    position: fixed;
    top: 35px;
    left: 40px;
    color: var(--tl-color-heading-primary);
    font-size: 17px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #edece8
  }
}

@media only screen and (max-width: 992px)and (max-width: 767px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    left: 16px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close:hover {
    background-color: var(--tl-color-theme-primary);
    color: var(--tl-color-common-white)
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-wrap {
    overflow: hidden;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu p {
    color: var(--tl-color-heading-primary);
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .list-header {
    color: var(--tl-color-common-white);
    font-family: var(--tl-ff-body);
    font-weight: 400;
    margin-bottom: 30px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-list {
    list-style: none
  }
  .mobile-side-menu .side-menu-list li {
    font-family: var(--tl-ff-heading);
    font-size: 16px;
    font-weight: 500;
    color: var(--tl-color-heading-primary)
  }
  .mobile-side-menu .side-menu-list li span,
  .mobile-side-menu .side-menu-list li a {
    color: var(--tl-color-heading-primary);
    margin-right: 10px;
    font-size: 16px
  }
}

@media only screen and (max-width: 992px)and (max-width: 992px) {
  .mobile-side-menu .side-menu-list li span,
  .mobile-side-menu .side-menu-list li a {
    margin-right: 0
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .side-menu-list li i {
    margin-left: 10px
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu-overlay {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    width: 0%;
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
    display: block
  }
  .mobile-side-menu-overlay.is-open {
    width: 100%;
    opacity: .5;
    visibility: visible;
    cursor: url(../img/cancel.png), auto
  }
}

.mean-bar {
  background-color: rgba(0, 0, 0, 0);
  min-height: auto;
  padding: 0
}

.mean-bar .meanmenu-reveal {
  display: none !important
}

.mean-bar .mean-nav {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 0;
  padding-top: 20px
}

.mean-bar .mean-nav.mean-nav>ul {
  display: block !important
}

.mean-bar .mean-nav.mean-nav>ul li {
  position: relative;
  float: none;
  display: block;
  width: auto
}

.mean-bar .mean-nav.mean-nav>ul li:not(:last-of-type) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #edece8
}

@media only screen and (max-width: 992px) {
  .mean-bar .mean-nav.mean-nav>ul li.site-logo {
    display: none
  }
}

.mean-bar .mean-nav.mean-nav>ul li a {
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  border-top: none;
  padding: 0;
  float: none
}

@media only screen and (max-width: 767px) {
  .mean-bar .mean-nav.mean-nav>ul li a {
    font-size: 16px
  }
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand {
  color: var(--tl-color-heading-primary);
  position: absolute;
  padding: 0;
  top: 6px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before,
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:after {
  font-size: 15px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before {
  content: ""
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:after {
  display: none
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:before {
  transform: rotate(90deg)
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand i {
  display: none
}

.mean-bar .mean-nav.mean-nav>ul li ul {
  padding: 0 30px 0 0px;
  margin-top: 20px
}

.mean-bar .mean-nav.mean-nav>ul li ul li:not(:last-of-type) {
  padding-bottom: 10px;
  margin-bottom: 10px
}

.mean-bar .mean-nav.mean-nav>ul li ul li.active a {
  color: var(--tl-color-theme-primary)
}

.mean-bar .mean-nav.mean-nav>ul li ul li a {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize
}

@media only screen and (max-width: 767px) {
  .mean-bar .mean-nav.mean-nav>ul li ul li a {
    font-size: 14px
  }
}

#popup-search-box {
  background-color: var(--tl-color-common-white);
  position: fixed;
  width: 100%;
  height: 20%;
  top: -100%;
  right: 0;
  left: 0;
  white-space: nowrap;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all
}

#popup-search-box .box-inner-wrap {
  background-color: var(--tl-color-common-white);
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, .05)
}

#popup-search-box .box-inner-wrap form {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 15px
}

#popup-search-box .box-inner-wrap form input {
  width: 100%;
  padding: 20px 15px;
  padding-left: 80px;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #ddd;
  border: 1px solid var(--tl-color-border-1);
  color: #666;
  font-size: 16px
}

#popup-search-box .box-inner-wrap form input::-webkit-input-placeholder {
  color: #666;
  font-size: 16px
}

#popup-search-box .box-inner-wrap form input:-moz-placeholder {
  color: #666;
  font-size: 16px
}

#popup-search-box .box-inner-wrap form input::-moz-placeholder {
  color: #666;
  font-size: 16px
}

#popup-search-box .box-inner-wrap form input:-ms-input-placeholder {
  color: #666;
  font-size: 16px
}

#popup-search-box .box-inner-wrap form input:focus {
  outline: none
}

#popup-search-box .box-inner-wrap:hover {
  cursor: url(../img/cross.png), auto
}

#popup-search-box .box-inner-wrap .search-close {
  position: absolute;
  top: 30px;
  left: 50px;
  color: var(--tl-color-heading-primary);
  border: 1px solid var(--tl-color-border-1);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  #popup-search-box .box-inner-wrap .search-close {
    height: 35px;
    width: 35px;
    top: 10px;
    left: 10px
  }
}

#popup-search-box .box-inner-wrap .search-close:hover {
  background-color: var(--tl-color-theme-primary);
  border: 1px solid var(--tl-color-theme-primary);
  color: var(--tl-color-common-white)
}

#popup-search-box.toggled {
  top: 0;
  opacity: 1;
  visibility: visible
}

.popup-tags {
  position: relative;
  margin: 0 auto
}

.contact-page-area {
  align-items: end
}

.contact-page-area .request-form-wrap .form-item .form-title {
  color: var(--tl-color-heading-primary)
}

.contact-page-area .request-form-wrap .form-item .form-control {
  background-color: var(--tl-color-common-white)
}

.contact-page-area .request-form-wrap .tl-primary-btn {
  border: 1px solid rgba(159, 159, 164, .64)
}

.contact-page-area .request-form-wrap .tl-primary-btn:hover {
  border-color: var(--tl-color-theme-primary)
}

.contact-page-area .request-content .request-item-wrap .request-item p,
.contact-page-area .request-content .request-item-wrap .request-item a {
  color: var(--tl-color-heading-primary)
}

.contact-page-area .request-content .contact-img {
  height: 420px;
  max-width: 640px;
  width: 100%;
  margin-top: 45px
}

.contact-page-area .request-content .contact-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.service-section {
  position: relative;
  z-index: 1
}

.service-section .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  max-width: 1531px;
  width: 100%;
  max-height: 723px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.service-section .section-heading .section-title {
  font-size: 44px !important
}

@media(max-width: 1199px) {
  .service-section .section-heading .section-title {
    font-size: 30px
  }
}

@media only screen and (max-width: 992px) {
  .service-section .section-heading .section-title {
    font-size: 32px
  }
}

@media only screen and (max-width: 767px) {
  .service-section .section-heading .section-title {
    font-size: 30px
  }
}

.service-item {
  background-color: var(--tl-color-common-white);
  box-shadow: 0px 3px 18px rgba(0, 0, 0, .03);
  border-radius: 24px;
  padding: 40px
}

@media(max-width: 1600px) {
  .service-item {
    padding: 40px 25px
  }
}

.service-item .service-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  row-gap: 20px;
  padding-bottom: 35px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--tl-color-border-1)
}

@media(max-width: 1399px) {
  .service-item .service-top {
    flex-direction: column-reverse;
    align-items: baseline
  }
}

.service-item .service-top .title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0
}

.service-item p {
  margin-bottom: 0
}

.about-section {
  padding: 75px 0;
  position: relative;
  z-index: 1;
  overflow-x: clip
}

.about-section .about-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.about-section .about-bg:before {
  background: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .46
}

.about-section .about-text {
  position: absolute;
  bottom: 17px;
  right: 50%;
  transform: translateX(-50%)
}

.about-section .about-text span {
  font-family: var(--tl-ff-heading);
  font-size: 390px;
  color: #fff;
  opacity: .18;
  line-height: 1;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .about-section .about-text span {
    font-size: 280px
  }
}

@media only screen and (max-width: 992px) {
  .about-section .about-text span {
    font-size: 180px
  }
}

@media only screen and (max-width: 767px) {
  .about-section .about-text span {
    font-size: 72px
  }
}

.about-content {
  padding-right: 150px
}

@media(max-width: 1600px) {
  .about-content {
    padding-right: 50px
  }
}

@media(max-width: 1199px) {
  .about-content {
    padding-right: 0
  }
}

@media only screen and (max-width: 992px) {
  .about-content {
    margin-bottom: 50px
  }
}

.about-content .section-heading .section-title {
  font-size: 60px
}

@media(max-width: 1199px) {
  .about-content .section-heading .section-title {
    font-size: 50px
  }
}

@media only screen and (max-width: 992px) {
  .about-content .section-heading .section-title {
    font-size: 42px
  }
}

.about-content .about-list {
  max-width: 500px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  list-style: none;
  margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
  .about-content .about-list {
    grid-template-columns: 1fr
  }
}

.about-content .about-list li {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.about-content p {
  max-width: 446px;
  width: 100%;
  margin-bottom: 50px
}

.about-img {
  max-width: 809px;
  width: 100%;
  height: 800px;
  margin-right: auto
}

@media(max-width: 1399px) {
  .about-img {
    height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .about-img {
    height: 400px
  }
}

.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.antra-slider .slider-item {
  position: relative;
  z-index: 1
}

.antra-slider .slider-item .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.antra-slider .slider-item .bg-img:before {
  background-color: #100801;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .46
}

.slider-content-wrap {
    padding: 317px 0 130px 0;

   
}

@media(max-width: 1399px) {
  .slider-content-wrap {
    padding-bottom: 200px
  }
}

@media(max-width: 1199px) {
  .slider-content-wrap {
    padding-top: 200px
  }
}

@media only screen and (max-width: 992px) {
  .slider-content-wrap {
    padding-top: 200px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-wrap {
    padding-top: 140px;
    text-align: center;
    padding-bottom: 0
  }
}

.slider-content-wrap .section-heading {
  margin-bottom: 40px
}

@media only screen and (max-width: 992px) {
  .slider-content-wrap .section-heading {
    align-items: center
  }
}

.slider-content-wrap .section-heading .sub-heading {
  border: 1px solid rgba(255, 255, 255, .5)
}

.slider-content-wrap .section-heading .section-title {
  font-size: 120px;
  max-width: 100%;
  white-space: normal
}

@media(max-width: 1199px) {
  .slider-content-wrap .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 992px) {
  .slider-content-wrap .section-heading .section-title {
    font-size: 50px
  }
}

.slider-content-wrap .section-heading .section-title span {
  display: inline
}

.slider-content-wrap .bottom-content {
  padding-right: 185px
}

@media(max-width: 1199px) {
  .slider-content-wrap .bottom-content {
    padding-right: 0
  }
}

.slider-content-wrap .bottom-content .antra-desc {
  margin-bottom: 40px
}

.slider-content-wrap .bottom-content .antra-desc p {
  color: var(--tl-color-common-white)
}

.slider-item {
  position: relative
}

@media only screen and (max-width: 992px) {
  .slider-item {
    padding-bottom: 100px
  }
}

@media only screen and (max-width: 767px) {
  .slider-item {
    padding-bottom: 70px
  }
}

.slider-item .slider-element-wrap {
  display: flex;
  align-items: center;
  max-width: 580px;
  width: 100%;
  column-gap: 20px;
  position: absolute;
  bottom: 80px;
  left: 80px
}

@media(max-width: 1600px) {
  .slider-item .slider-element-wrap {
    left: 40px
  }
}

@media only screen and (max-width: 992px) {
  .slider-item .slider-element-wrap {
    position: relative;
    bottom: 0;
    left: auto;
    right: 20px
  }
}

@media only screen and (max-width: 767px) {
  .slider-item .slider-element-wrap {
    display: none
  }
}

.slider-item .slider-element-wrap .slider-element {
  background: rgba(255, 255, 255, .24);
  max-width: 280px;
  width: 100%;
  padding: 36px 40px;
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .13);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  display: inline-block
}

.slider-item .slider-element-wrap .slider-element .element-title {
  color: var(--tl-color-common-white);
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 5px
}

.slider-item .slider-element-wrap .slider-element span {
  color: var(--tl-color-common-white);
  font-size: 16px;
  display: block;
  margin-bottom: 45px
}

.slider-item .slider-element-wrap .slider-element p {
  color: var(--tl-color-common-white);
  font-size: 16px;
  margin-bottom: 0
}

.slider-item .slider-element-wrap .slider-thumb {
  height: 320px;
  max-width: 280px;
  width: 100%
}

.slider-item .slider-element-wrap .slider-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.feature-img {
  max-width: 720px;
  width: 100%;
  height: 520px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .feature-img {
    height: 400px
  }
}

.feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.feature-img .img-content {
  background: rgba(21, 24, 31, .46);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  padding: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 420px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .feature-img .img-content {
    max-width: 280px;
    right: 10px
  }
}

.feature-img .img-content p {
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

@media only screen and (max-width: 992px) {
  .feature-item-list {
    margin-top: 50px
  }
}

.feature-item-list.feature-item-list-1 {
  max-width: 640px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .feature-item-list.feature-item-list-1 {
    margin-right: 0
  }
}

.feature-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 28px 0;
  border-bottom: 1px solid var(--tl-color-border-1);
  cursor: pointer
}

.feature-item:nth-child(1) {
  border-top: 1px solid var(--tl-color-border-1)
}

.feature-item .number {
  font-family: var(--tl-ff-heading);
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 44px;
  line-height: 1;
  margin-bottom: -4px
}

.feature-item .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .feature-item .title {
    font-size: 26px
  }
}

@media only screen and (max-width: 767px) {
  .feature-item .title {
    font-size: 16px
  }
}

.feature-item .arrow {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  .feature-item .arrow {
    height: 30px;
    width: 30px;
    font-size: 12px
  }
}

.feature-item .arrow i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.feature-item.active .title a,
.feature-item:hover .title a {
  color: var(--tl-color-theme-primary)
}

.feature-item.active .arrow i,
.feature-item:hover .active i {
  transform: rotate(-45deg)
}

.counter-1 {
  padding-bottom: 425px;
  position: relative;
  z-index: 1;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .counter-1 {
    padding-bottom: 100px
  }
}

.counter-1 .counter-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .counter-1 .counter-text {
    display: none
  }
}

.counter-1 .counter-element {
  position: absolute;
  bottom: -35%;
  left: 77px
}

@media(max-width: 1199px) {
  .counter-1 .counter-element {
    bottom: -26%
  }
}

@media only screen and (max-width: 992px) {
  .counter-1 .counter-element {
    bottom: -8%
  }
}

.counter-item .title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(28, 28, 29, .18)
}

@media only screen and (max-width: 767px) {
  .counter-item .title {
    font-size: 40px
  }
}

.counter-item .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.counter-item .title .odometer-formatting-mark {
  display: none
}

.counter-item .sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

.counter-item p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0
}

.process-section {
  background-color: #ffff;
 /* padding: 130px 0;*/
  position: relative
}

@media only screen and (max-width: 992px) {
  .process-section {
    padding-bottom: 70px
  }
}

.process-section .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-height: 1040px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0
}

.process-desc {
  position: relative;
  z-index: 5
}

.process-wrap {
  position: relative;
  z-index: 5
}

@media(min-width: 1200px) {
  .process-wrap>div:nth-child(2) {
    margin-top: 50px
  }
  .process-wrap>div:nth-child(3) {
    margin-top: 100px
  }
  .process-wrap>div:nth-child(4) {
    margin-top: 150px
  }
}

.process-item {
  background-color: var(--tl-color-common-white);
  border-radius: 18px;
  overflow: hidden;
  position: relative
}

.process-item .number {
  font-family: var(--tl-ff-heading);
  color: #e3e3e8;
  opacity: .46;
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  left: 20px
}

@media only screen and (max-width: 767px) {
  .process-item .number {
    font-size: 60px
  }
}

.process-item .process-thumb {
  height: 160px;
  border: 10px solid var(--tl-color-common-white)
}

@media(max-width: 1199px) {
  .process-item .process-thumb {
    height: 250px
  }
}

.process-item .process-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px
}

.process-item .process-content {
  padding: 30px 30px 65px 30px
}

@media(max-width: 1399px) {
  .process-item .process-content {
    padding: 30px 20px 65px 20px
  }
}

.process-item .process-content .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px
}

.process-item .process-content .title span {
  color: var(--tl-color-theme-primary)
}

.process-item .process-content p {
  font-size: 16px;
  margin-bottom: 0
}

@media(max-width: 1399px) {
  .process-item .process-content p br {
    display: none
  }
}

.process-text {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px
}

.process-text .bottom-text {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-text-body);
  font-size: 16px;
  font-weight: 400
}

.process-text .bottom-text a {
  color: var(--tl-color-theme-primary);
  text-decoration: underline
}

.project-section {
  position: relative;
  z-index: 1;
  padding-bottom: 330px;
  overflow-x: clip
}

@media only screen and (max-width: 992px) {
  .project-section {
    padding-bottom: 360px
  }
}

@media only screen and (max-width: 767px) {
  .project-section {
    padding-bottom: 100px
  }
}

.project-section .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 1232px;
  width: 100%;
  max-height: 690px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.project-section .project-text {
  position: absolute;
  bottom: 17px;
  right: 50%;
  transform: translateX(50%)
}

@media only screen and (max-width: 992px) {
  .project-section .project-text {
    bottom: 127px
  }
}

@media only screen and (max-width: 992px) {
  .project-section .project-text {
    bottom: 10px
  }
}

.project-section .project-text span {
  font-family: var(--tl-ff-heading);
  font-size: 390px;
  color: #9f9fa4;
  opacity: .13;
  line-height: 1;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .project-section .project-text span {
    font-size: 300px
  }
}

@media only screen and (max-width: 992px) {
  .project-section .project-text span {
    font-size: 250px
  }
}

@media only screen and (max-width: 767px) {
  .project-section .project-text span {
    font-size: 90px
  }
}

.project-carousel {
  overflow: visible
}

.project-carousel .swiper-wrapper>div:nth-child(2n+1) {
  margin-top: 50px
}

@media only screen and (max-width: 767px) {
  .project-carousel .swiper-wrapper>div:nth-child(2n+1) {
    margin-top: 0
  }
}

.project-item .project-img {
  height: 540px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 992px) {
  .project-item .project-img {
    height: 450px
  }
}

@media only screen and (max-width: 767px) {
  .project-item .project-img {
    height: 350px
  }
}

.project-item .project-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .11;
  z-index: 1
}

.project-item .project-img a {
  width: 100%;
  height: 100%
}

.project-item .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.project-item .project-img ul {
  position: absolute;
  top: 30px;
  right: 30px;
  list-style: none;
  display: flex;
  align-items: center;
  z-index: 2
}

.project-item .project-img ul li a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 13px;
  padding: 5px 15px;
  text-transform: uppercase;
  border: 1px solid var(--tl-color-common-white);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center
}

.project-item .project-img ul li:not(:last-of-type) {
  margin-left: 10px
}

.project-item .project-content {
  margin-top: 22px
}

.project-item .project-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px
}

.project-item:hover .project-img img {
  transform: scale(1.02)
}

.project-house-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1669px;
  width: 100%;
  position: absolute;
  bottom: -80px;
  right: 50%;
  transform: translateX(50%)
}

@media only screen and (max-width: 992px) {
  .project-house-img {
    bottom: 0px
  }
}

@media only screen and (max-width: 767px) {
  .project-house-img {
    bottom: -30px
  }
}

.project-house-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.sponsor-text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1343px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 70px;
  position: relative
}

.sponsor-text-wrap:before {
  background-color: rgba(0, 0, 0, .1);
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1
}

.sponsor-text-wrap .sponsor-text {
  background-color: #eee;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  z-index: 5
}

.sponsor-text-wrap .sponsor-text span {
  color: var(--tl-color-theme-primary)
}

.sponsor-carousel {
  max-width: 1670px;
  width: 100%;
  margin: 0 auto
}

.sponsor-item {
  text-align: center
}

.video-section {
  position: relative;
  z-index: 1
}

.video-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.video-section .bg-img:before {
  background-color: #252627;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .46
}

.video-content {
  padding: 245px 0 130px 0;
  position: relative;
  position: relative
}

@media(max-width: 1199px) {
  .video-content {
    text-align: center
  }
}

@media only screen and (max-width: 992px) {
  .video-content {
    padding: 130px 0
  }
}

@media only screen and (max-width: 767px) {
  .video-content {
    padding: 70px 0
  }
}

.video-content .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 65px
}

@media(max-width: 1199px) {
  .video-content .play-btn {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn {
    margin-bottom: 20px
  }
}

.video-content .play-btn a {
  color: var(--tl-color-common-white);
  height: 168px;
  width: 168px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .36);
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn a {
    height: 100px;
    width: 100px
  }
}

.video-content .play-btn a i {
  background-color: rgba(255, 255, 255, .36);
  height: 148px;
  width: 148px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn a i {
    height: 80px;
    width: 80px;
    font-size: 22px
  }
}

.video-content .play-btn a:hover i {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-heading-primary)
}

.video-content .video-title {
  color: var(--tl-color-common-white);
  font-size: 70px !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .video-content .video-title {
    font-size: 70px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 767px) {
  .video-content .video-title {
    font-size: 40px
  }
}

.video-content p {
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500;
  max-width: 400px;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  bottom: 150px;
  left: 17%
}

@media(max-width: 1399px) {
  .video-content p {
    left: 0
  }
}

@media(max-width: 1199px) {
  .video-content p {
    position: relative;
    left: auto;
    right: 0;
    bottom: 0;
    margin: 0 auto
  }
}

.team-section {
  position: relative;
  z-index: 1
}

.team-section .bg-shape {
  max-width: 700px;
  width: 100%;
  max-height: 720px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.team-section .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.team-section .section-heading-wrap {
  margin-right: 0
}

.team-wrap {
  max-width: 1320px;
  width: 100%;
  margin-right: auto;
  margin-right: auto
}

@media(max-width: 1199px) {
  .team-wrap {
    margin: 0 auto
  }
}

@media only screen and (max-width: 767px) {
  .team-wrap {
    margin-right: 0
  }
}

.team-img {
  height: 510px;
  max-width: 420px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .team-img {
    margin: 0 auto;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .team-img {
    height: 400px
  }
}

.team-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.team-item-list {
  padding-right: 70px
}

@media(max-width: 1199px) {
  .team-item-list {
    padding-right: 0
  }
}

.team-item-list .team-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 28px 0;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.team-item-list .team-item:first-child {
  border-top: 1px solid rgba(159, 159, 164, .24)
}

@media only screen and (max-width: 767px) {
  .team-item-list .team-item {
    flex-wrap: wrap;
    row-gap: 10px
  }
}

.team-item-list .team-item .left-content {
  display: flex;
  align-items: center;
  width: 380px
}

.team-item-list .team-item .left-content .number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-grey-2);
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.team-item-list .team-item .left-content .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  margin-right: 15px
}

@media only screen and (max-width: 767px) {
  .team-item-list .team-item .left-content .title {
    font-size: 24px
  }
}

.team-item-list .team-item .mid-content span {
  font-family: var(--tl-ff-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 400
}

.team-item-list .team-item .arrow a {
  color: var(--tl-color-heading-primary);
  display: block;
  transform: rotate(-45deg);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.team-item-list .team-item.active .left-content .number,
.team-item-list .team-item:hover .left-content .number {
  color: var(--tl-color-heading-primary)
}

.team-item-list .team-item.active .left-content .title a,
.team-item-list .team-item:hover .left-content .title a {
  color: var(--tl-color-theme-primary)
}

.team-item-list .team-item.active .arrow a,
.team-item-list .team-item:hover .arrow a {
  color: var(--tl-color-theme-primary);
  transform: rotate(0)
}

.newsletter-section {
  position: relative;
  z-index: 1
}

.newsletter-section .bg-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 505px;
  z-index: -1
}

.newsletter-section .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.newsletter-wrap {
  text-align: center
}

.newsletter-wrap .section-heading {
  justify-content: center;
  align-items: center
}

.newsletter-wrap .newsletter-form {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  position: relative
}

.newsletter-wrap .newsletter-form .form-control {
  background-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #59585d;
  border-radius: 0;
  padding: 0;
  padding-bottom: 10px
}

.newsletter-wrap .newsletter-form .form-control::-webkit-input-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control:-moz-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control::-moz-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control:-ms-input-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form button {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 0
}

.newsletter-wrap .newsletter-form button i {
  transform: rotate(-45deg);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.newsletter-wrap .newsletter-form button:hover i {
  transform: rotate(0)
}

.vbox-child {
  background-color: rgba(0, 0, 0, 0) !important
}

.gallary-section {
  padding-top: 250px;
  padding-bottom: 130px;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 767px) {
  .gallary-section {
    padding: 70px 0
  }
}

.gallary-section .gallary-text {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  z-index: -1
}

.gallary-section .gallary-text span {
  font-family: var(--tl-ff-heading);
  font-size: 390px;
  font-weight: 400;
  color: var(--tl-color-grey-2);
  line-height: 1;
  opacity: .18
}

@media only screen and (max-width: 767px) {
  .gallary-section .gallary-text span {
    font-size: 100px
  }
}

.gallary-wrap {
  overflow: hidden;
  display: flex
}

.gallary-wrap .gallery-scroll-wrap {
  display: flex;
  gap: 30px;
  padding: 0;
  will-change: transform;
  align-items: flex-end
}

@media only screen and (max-width: 767px) {
  .gallary-wrap .gallery-scroll-wrap {
    gap: 10px
  }
}

.gallary-wrap.gallery-scroll-direction-ltr {
  justify-content: flex-end
}

.gallary-wrap.wrap-1 {
  margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
  .gallary-wrap.wrap-1 {
    margin-bottom: 10px
  }
}

.gallary-scroll-item {
  flex: 0 0 auto;
  width: 380px;
  height: 200px;
  overflow: hidden;
  transition: transform .3s linear
}

@media(max-width: 1199px) {
  .gallary-scroll-item {
    width: 280px;
    height: 150px
  }
}

@media only screen and (max-width: 992px) {
  .gallary-scroll-item {
    width: 280px;
    height: 200px
  }
}

@media only screen and (max-width: 767px) {
  .gallary-scroll-item {
    width: 100px;
    height: 50px
  }
}

.gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+2) {
  width: 480px;
  height: 280px
}

@media(max-width: 1199px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+2) {
    width: 380px;
    height: 180px
  }
}

@media only screen and (max-width: 992px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+2) {
    width: 280px;
    height: 200px
  }
}

@media only screen and (max-width: 767px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+2) {
    width: 80px;
    height: 50px
  }
}

.gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+3) {
  width: 680px;
  height: 360px
}

@media(max-width: 1199px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+3) {
    width: 480px;
    height: 260px
  }
}

@media only screen and (max-width: 992px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+3) {
    width: 480px;
    height: 300px
  }
}

@media only screen and (max-width: 767px) {
  .gallery-scroll-wrap .gallary-scroll-item:nth-child(3n+3) {
    width: 120px;
    height: 80px
  }
}

.gallery-scroll-wrap .gallary-scroll-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  border-radius: 10px
}

.sponsor-1 {
  position: relative;
  z-index: 2
}

.antra-panoroma-area {
  background-color: #eee;
  position: relative;
  z-index: 1
}

.antra-panoroma-area .bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 992px) {
  .antra-panoroma-area .bg-shape {
    display: none
  }
}

.antra-panoroma-container {
  background-color: #eee
}

.antra-panoroma-container .antra-panoroma-img,
.antra-panoroma-container .panolens-canvas {
  background-color: #eee;
  width: 100%;
  height: 640px;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 767px) {
  .antra-panoroma-container .antra-panoroma-img,
  .antra-panoroma-container .panolens-canvas {
    height: 400px
  }
}

.slider-section {
  opacity: 0;
  visibility: hidden
}

.slider-ready {
  opacity: 1;
  visibility: visible;
  transition: opacity .8s ease
}

[data-animation] {
  opacity: 0
}

.slider-2 {
  position: relative
}

.slider-2 .slider-container {
  max-width: 1430px
}

.slider-2 .slider-item {
  position: relative;
  z-index: 1
}

.slider-2 .slider-item .slider-text {
  position: absolute;
  right: 50%;
  bottom: 10%;
  transform: translateX(-50%);
  z-index: 1
}

@media only screen and (max-width: 992px) {
  .slider-2 .slider-item .slider-text {
    display: none
  }
}

.slider-2 .slider-item .slider-text span {
  background: linear-gradient(180deg, #FFFFFF 14.9%, rgba(153, 153, 153, 0) 70.95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  font-family: "Cal Sans";
  font-weight: 400;
  font-size: 390px;
  opacity: .3;
  line-height: 1
}

@media(max-width: 1600px) {
  .slider-2 .slider-item .slider-text span {
    font-size: 300px
  }
}

.slider-2 .slider-item .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.slider-2 .slider-item .bg-img:before {
  background-color: #100801;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .64
}

.slider-2 .slider-item .slider-content-wrap {
  padding: 200px 0 60px 0
}

@media(max-width: 1399px) {
  .slider-2 .slider-item .slider-content-wrap {
    padding-bottom: 60px
  }
}

@media(max-width: 1199px) {
  .slider-2 .slider-item .slider-content-wrap {
    padding-top: 200px
  }
}

@media only screen and (max-width: 992px) {
  .slider-2 .slider-item .slider-content-wrap {
    padding-top: 200px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 767px) {
  .slider-2 .slider-item .slider-content-wrap {
    padding-top: 140px;
    text-align: center;
    padding-bottom: 0
  }
}

.slider-2 .slider-item .slider-content-wrap .section-heading {
  margin-bottom: 120px
}

@media only screen and (max-width: 767px) {
  .slider-2 .slider-item .slider-content-wrap .section-heading {
    margin-bottom: 50px
  }
}

.slider-2 .slider-item .slider-content-wrap .section-heading .sub-heading {
  border: 1px solid rgba(255, 255, 255, .5)
}

.slider-2 .slider-item .slider-content-wrap .section-heading .section-title {
  font-size: 130px;
  line-height: 1
}

@media(max-width: 1199px) {
  .slider-2 .slider-item .slider-content-wrap .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 992px) {
  .slider-2 .slider-item .slider-content-wrap .section-heading .section-title {
    font-size: 70px
  }
  .slider-2 .slider-item .slider-content-wrap .section-heading .section-title br {
    display: block
  }
}

@media only screen and (max-width: 767px) {
  .slider-2 .slider-item .slider-content-wrap .section-heading .section-title {
    font-size: 50px
  }
}

.slider-2 .slider-item .slider-content-wrap .section-heading .slider-btn a {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.slider-2 .slider-item .slider-content-wrap .section-heading .slider-btn a:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.slider-2 .slider-item .slider-content-wrap .section-heading .slider-btn a br {
  display: block
}

.slider-2 .slider-item .slider-content-wrap .bottom-content {
  display: flex;
  align-items: center;
  column-gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
  padding-right: 0
}

.slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 120px 1fr;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc {
    grid-template-columns: 1fr
  }
}

.slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc .desc-img {
  height: 100px;
  width: 100px
}

@media only screen and (max-width: 767px) {
  .slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc .desc-img {
    margin: 0 auto
  }
}

.slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc .desc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.slider-2 .slider-item .slider-content-wrap .bottom-content .antra-desc p {
  max-width: 410px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0
}

.slider-2 .slider-navigation {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 90px;
  right: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: end;
  column-gap: 10px
}

@media only screen and (max-width: 992px) {
  .slider-2 .slider-navigation {
    display: none
  }
}

.slider-2 .slider-navigation .swiper-nav {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid var(--tl-color-theme-primary)
}

.slider-2 .slider-navigation .swiper-nav i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.slider-2 .slider-navigation .swiper-nav:hover {
  background-color: rgba(216, 218, 223, .13);
  border: 1px solid rgba(255, 255, 255, .09)
}

.slider-2 .slider-navigation .swiper-nav.swiper-prev:hover i {
  transform: rotate(45deg)
}

.slider-2 .slider-navigation .swiper-nav.swiper-next:hover i {
  transform: rotate(-45deg)
}

.about-section-2 {
  position: relative;
  z-index: 1
}

.about-section-2 .shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.about-wrap-2 .about-content-left .about-counter-wrap {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 85px;
  max-width: 840px;
  width: 100%;
  margin-right: 0;
  margin-top: 120px
}

@media only screen and (max-width: 992px) {
  .about-wrap-2 .about-content-left .about-counter-wrap {
    margin-top: 40px
  }
}

@media only screen and (max-width: 992px) {
  .about-wrap-2 .about-content-left .about-counter-wrap {
    grid-template-columns: 1fr;
    grid-gap: 30px
  }
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-content {
  display: flex;
  align-items: center;
  align-items: end;
  flex-direction: column
}

@media only screen and (max-width: 767px) {
  .about-wrap-2 .about-content-left .about-counter-wrap .counter-content {
    align-items: start
  }
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-content .title {
  color: var(--tl-color-theme-primary);
  font-size: 360px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
  margin-top: -125px
}

@media(max-width: 1399px) {
  .about-wrap-2 .about-content-left .about-counter-wrap .counter-content .title {
    font-size: 260px
  }
}

@media(max-width: 1199px) {
  .about-wrap-2 .about-content-left .about-counter-wrap .counter-content .title {
    font-size: 200px;
    margin-top: 0
  }
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-content p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: -50px
}

@media(max-width: 1199px) {
  .about-wrap-2 .about-content-left .about-counter-wrap .counter-content p {
    margin-top: -20px
  }
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-img {
  max-width: 350px;
  width: 100%;
  height: 420px
}

@media only screen and (max-width: 767px) {
  .about-wrap-2 .about-content-left .about-counter-wrap .counter-img {
    height: 350px;
    max-width: 100%
  }
}

.about-wrap-2 .about-content-left .about-counter-wrap .counter-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

@media only screen and (max-width: 992px) {
  .about-wrap-2 .about-content-right {
    margin-top: 24px
  }
}

.about-wrap-2 .about-content-right .about-img-1 {
  max-width: 480px;
  width: 100%;
  height: 540px
}

@media only screen and (max-width: 767px) {
  .about-wrap-2 .about-content-right .about-img-1 {
    height: 350px
  }
}

.about-wrap-2 .about-content-right .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-wrap-2 .about-content-right .about-desc p {
  font-size: 16px;
  margin: 40px 0 40px 0
}

.service-carousel {
  overflow: hidden;
  max-width: 100%
}

@media(min-width: 993px) {
  .service-carousel {
    overflow: visible
  }
}

.service-carousel .swiper-wrapper>div:nth-child(2n+1) .service-item-2 .service-thumb {
  height: 480px
}

.service-item-2 .service-thumb {
  height: 350px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 24px
}

.service-item-2 .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.service-item-2 .service-thumb .number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  top: 20px;
  right: 30px
}

.service-item-2 .service-content .title {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1
}

.service-item-2 .service-content p {
  font-size: 16px;
  margin-bottom: 0;
  max-width: 388px;
  width: 100%
}

.service-item-2:hover .service-thumb img {
  transform: scale(1.03)
}

.video-area-wrap .video-box {
  height: 860px;
  width: 100%
}

.video-area-wrap .video-box .video-area {
  width: 100%;
  height: 100%
}

.video-area-wrap .video-box .video-area .video-img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.project-section-2 {
  padding-bottom: 240px;
  position: relative;
  z-index: 1;
  overflow-x: clip
}

.project-section-2 .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.project-section-2 .project-text {
  position: absolute;
  right: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  width: 100%
}

@media(max-width: 1399px) {
  .project-section-2 .project-text {
    bottom: -85px
  }
}

.project-section-2 .project-text span {
  font-family: var(--tl-ff-heading);
  font-size: 300px;
  font-weight: 400;
  background: linear-gradient(180deg, #D8D8D8 0%, rgba(153, 153, 153, 0) 75.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  opacity: .9
}

@media(max-width: 1199px) {
  .project-section-2 .project-text span {
    font-size: 200px
  }
}

@media only screen and (max-width: 992px) {
  .project-section-2 .project-text span {
    font-size: 120px
  }
}

@media only screen and (max-width: 767px) {
  .project-section-2 .project-text span {
    font-size: 56px
  }
}

.project-item-2 {
  position: relative
}

.project-item-2 .project-thumb {
  height: 680px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .project-item-2 .project-thumb {
    height: 450px
  }
}

.project-item-2 .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.project-item-2 .project-thumb ul {
  position: absolute;
  top: 50px;
  right: 44px
}

.project-item-2 .project-thumb ul li {
  font-family: var(--tl-ff-heading);
  display: inline-flex;
  color: var(--tl-color-common-white);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 100px;
  padding: 3.5px 13.5px
}

.project-item-2 .project-content {
  position: absolute;
  right: 44px;
  bottom: 50px
}

.project-item-2 .project-content .title {
  color: var(--tl-color-common-white);
  font-size: 40px;
  font-weight: 400
}

.project-item-2 .project-content p {
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.award-section {
  position: relative;
  z-index: 1
}

.award-section .bg-shape {
  max-width: 700px;
  width: 100%;
  max-height: 720px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.award-section .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.award-section .section-heading-wrap {
  margin-right: 0
}

.award-img {
  height: 510px;
  max-width: 420px;
  width: 100%;
  margin: 0 auto
}

@media only screen and (max-width: 992px) {
  .award-img {
    margin: 0 auto;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .award-img {
    height: 400px
  }
}

.award-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.award-item-list .award-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 28px 0;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.award-item-list .award-item:first-child {
  border-top: 1px solid rgba(159, 159, 164, .24)
}

@media only screen and (max-width: 767px) {
  .award-item-list .award-item {
    flex-wrap: wrap;
    row-gap: 10px
  }
}

.award-item-list .award-item .left-content {
  display: flex;
  align-items: center;
  column-gap: 90px
}

.award-item-list .award-item .left-content .number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-grey-2);
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.award-item-list .award-item .left-content .title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

@media only screen and (max-width: 767px) {
  .award-item-list .award-item .left-content .title {
    font-size: 24px
  }
}

.award-item-list .award-item .mid-content span {
  font-family: var(--tl-ff-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 400
}

.award-item-list .award-item.active .left-content .number,
.award-item-list .award-item:hover .left-content .number {
  color: var(--tl-color-heading-primary)
}

.award-item-list .award-item.active .left-content .title,
.award-item-list .award-item:hover .left-content .title {
  color: var(--tl-color-theme-primary)
}

.award-item-list .award-item.active .arrow a,
.award-item-list .award-item:hover .arrow a {
  color: var(--tl-color-theme-primary);
  transform: rotate(0)
}

.skill-section {
  background-color: #eee;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.skill-section .skill-text {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 390px;
  font-weight: 400;
  line-height: 1;
  opacity: .13;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(-75%)
}

@media only screen and (max-width: 992px) {
  .skill-section .skill-text {
    font-size: 220px
  }
}

@media only screen and (max-width: 767px) {
  .skill-section .skill-text {
    font-size: 72px;
    transform: translateX(-50%)
  }
}

.skill-section .shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1
}

.skill-left-content {
  max-width: 495px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .skill-left-content {
    margin-bottom: 40px
  }
}

.skill-left-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px
}

.skill-left-content .skills-items .skills-item {
  overflow: hidden;
  padding-bottom: 10px
}

.skill-left-content .skills-items .skills-item:not(:last-of-type) {
  margin-bottom: 17px
}

.skill-left-content .skills-items .skills-item .title {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
  z-index: 1
}

.skill-left-content .skills-items .skills-item .progress {
  background-color: rgba(0, 0, 0, 0);
  height: 3px;
  overflow: visible
}

.skill-left-content .skills-items .skills-item .progress .progress-bar {
  position: relative;
  background-color: var(--tl-color-heading-primary);
  overflow: visible
}

.skill-left-content .skills-items .skills-item .progress .progress-bar span {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-theme-primary);
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: -33px;
  left: 0
}

.skill-left-content .skills-items .skills-item .progress .progress-bar .dot {
  background-color: var(--tl-color-heading-primary);
  height: 20px;
  width: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(30deg)
}

.banner-process-carousel {
  position: relative
}

.antra-swiper-wrapper {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%
}

.antra-swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  overflow: hidden;
  border-left: 1px solid rgba(255, 255, 255, .24)
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 57px 57px 27px;
  transform: translateY(68px);
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

@media(max-width: 1399px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption {
    padding-right: 0;
    left: 20px;
    right: 0
  }
}

@media only screen and (max-width: 767px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption {
    padding: 0 15px 30px 15px;
    transform: translateY(0px);
    text-align: center
  }
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption .number {
  color: #e3e3e8;
  font-size: 30px;
  font-size: 1.875rem;
  opacity: .1;
  -ms-opacity: .1;
  -o-opacity: .1;
  -moz-opacity: .1;
  -webkit-opacity: .1;
  filter: alpha(opacity=10)
}

@media only screen and (max-width: 767px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption .number {
    opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    color: var(--tl-color-theme-primary)
  }
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-title {
  color: var(--tl-color-common-white);
  font-size: 30px;
  font-weight: 400;
  padding: 20px 0
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-title a:hover {
  color: var(--tl-color-theme-primary)
}

@media only screen and (max-width: 767px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-title {
    width: 100%;
    justify-self: center
  }
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-content {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  width: 286px;
  visibility: hidden;
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  transition: all .5s ease
}

@media(max-width: 1199px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-content {
    max-width: 200px;
    width: 100%
  }
}

@media only screen and (max-width: 767px) {
  .antra-swiper-wrapper .swiper-slide .banner-process-caption .banner-process-content {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    justify-self: center
  }
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption.active {
  transform: translateY(0px)
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption.active .banner-process-content {
  opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible
}

.antra-swiper-wrapper .swiper-slide .banner-process-caption.active .number {
  opacity: 1;
  filter: alpha(opacity=100);
  color: var(--tl-color-theme-primary)
}

.antra-swiper-wrapper .swiper-slide:hover .banner-process-caption {
  transform: translateY(0px)
}

.antra-swiper-wrapper .swiper-slide:hover .banner-process-caption .banner-process-content {
  opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible
}

.antra-swiper-wrapper .swiper-slide:hover .banner-process-caption .number {
  opacity: 1;
  filter: alpha(opacity=100);
  color: var(--tl-color-theme-primary)
}

.banner-process-image-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden
}

.banner-process-image-list .banner-process-img {
  flex: 0 0 100%;
  position: relative
}

.banner-process-image-list .banner-process-img.showing {
  transform: translateX(-100%);
  z-index: 2
}

.banner-process-image-list .banner-process-img.show {
  z-index: 3
}

.banner-process-image-list .banner-process-img .process-img {
  position: relative;
  overflow: hidden
}

.banner-process-image-list .banner-process-img .process-img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, 0.54) 19.25%, rgba(0, 0, 0, 0.64) 64%);
  z-index: 1
}

.banner-process-image-list .banner-process-img .process-img img {
  width: 100%;
  height: 820px;
  object-fit: cover
}

.team-item-2 {
  position: relative
}

.team-item-2 .team-thumb {
  height: 560px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 767px) {
  .team-item-2 .team-thumb {
    height: 400px
  }
}

.team-item-2 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.team-item-2 .team-thumb:before {
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 60%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0
}

.team-item-2 .team-content {
  position: absolute;
  bottom: -20px;
  right: 40px;
  left: 40px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.team-item-2 .team-content .title {
  color: var(--tl-color-common-white);
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
  .team-item-2 .team-content .title {
    font-size: 30px
  }
}

.team-item-2 .team-content span {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  margin-bottom: 20px
}

.team-item-2 .team-content .team-social {
  display: flex;
  align-items: center;
  column-gap: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.team-item-2 .team-content .team-social li {
  list-style: none
}

.team-item-2 .team-content .team-social li a {
  color: var(--tl-color-common-white);
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.team-item-2 .team-content .team-social li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border-color: var(--tl-color-theme-primary)
}

.team-item-2:hover .team-content {
  bottom: 40px
}

.team-item-2:hover .team-content .team-social {
  visibility: visible;
  opacity: 1
}

.team-item-2.item-1 {
  margin-top: 50px
}

@media only screen and (max-width: 992px) {
  .team-item-2.item-1 {
    margin-top: 0
  }
}

.testimonial-section-2 {
  position: relative;
  z-index: 1;
  overflow-x: clip
}

.testimonial-section-2 .bg-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 463px;
  z-index: -1
}

.testimonial-section-2 .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.testi-carousel-3 {
  max-width: 1055px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

.testi-carousel-3 .swiper-slide {
  opacity: .3
}

.testi-carousel-3 .swiper-slide.swiper-slide-active {
  opacity: 1
}

.testi-item-2 .icon {
  margin-bottom: 40px
}

.testi-item-2 p {
  color: var(--tl-color-heading-primary);
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 40px;
  line-height: 1.2
}

@media only screen and (max-width: 767px) {
  .testi-item-2 p {
    font-size: 24px
  }
}

.testi-item-2 .testi-author .author-img {
  height: 64px;
  width: 64px;
  margin: 0 auto;
  margin-bottom: 20px
}

.testi-item-2 .testi-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.testi-item-2 .testi-author .author-content .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1
}

.testi-item-2 .testi-author .author-content span {
  font-size: 15px;
  font-weight: 500;
  line-height: 1
}

.request-section {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  padding-top: 60px
}

.request-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.request-section .bg-img:before {
  background-color: #1c1511;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .75
}

.request-wrap {
  padding-top: 70px
}

.request-content .section-heading {
  margin-bottom: 100px
}

.request-content .request-item-wrap {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 65px
}

.request-content .request-item-wrap .request-item span {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px
}

.request-content .request-item-wrap .request-item p,
.request-content .request-item-wrap .request-item a {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500;
  display: block
}

.request-form-wrap .form-item .form-title {
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px
}

.request-form-wrap .form-item .form-control {
  background: rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  border: none;
  border-radius: 24px;
  outline: none;
  box-shadow: none;
  color: #9f9fa4;
  padding: 17px 20px;
  margin-bottom: 30px
}

.request-form-wrap .form-item .form-control::-webkit-input-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control:-moz-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control::-moz-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control:-ms-input-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .tl-primary-btn {
  border: 1px solid rgba(255, 255, 255, .24)
}

.newsletter-section {
  position: relative;
  z-index: 1
}

.newsletter-section .bg-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 505px;
  z-index: -1
}

.newsletter-section .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.newsletter-wrap {
  text-align: center
}

.newsletter-wrap .newsletter-form {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  position: relative
}

.newsletter-wrap .newsletter-form .form-control {
  background-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #59585d;
  border-radius: 0;
  padding: 0;
  padding-bottom: 10px
}

.newsletter-wrap .newsletter-form .form-control::-webkit-input-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control:-moz-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control::-moz-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form .form-control:-ms-input-placeholder {
  font-size: 16px
}

.newsletter-wrap .newsletter-form button {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 0
}

.newsletter-wrap .newsletter-form button i {
  transform: rotate(-45deg);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.newsletter-wrap .newsletter-form button:hover i {
  transform: rotate(0)
}

.slider-3 .slider-container {
  max-width: 1430px
}

.slider-3 .slider-item {
  position: relative;
  z-index: 1
}

.slider-3 .slider-item .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.slider-3 .slider-item .bg-img:before {
  background-color: #100801;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .64
}

.slider-3 .slider-item .slider-content-wrap {
  padding: 250px 0 140px 0
}

@media(max-width: 1399px) {
  .slider-3 .slider-item .slider-content-wrap {
    padding-bottom: 60px
  }
}

@media(max-width: 1199px) {
  .slider-3 .slider-item .slider-content-wrap {
    padding-top: 200px
  }
}

@media only screen and (max-width: 992px) {
  .slider-3 .slider-item .slider-content-wrap {
    padding-top: 200px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width: 767px) {
  .slider-3 .slider-item .slider-content-wrap {
    padding-top: 140px;
    text-align: center;
    padding-bottom: 0
  }
}

.slider-3 .slider-item .slider-content-wrap .section-heading {
  margin-bottom: 120px;
  justify-content: center;
  align-items: center
}

.slider-3 .slider-item .slider-content-wrap .section-heading .sub-heading {
  border: 1px solid rgba(255, 255, 255, .5)
}

.slider-3 .slider-item .slider-content-wrap .section-heading .section-title {
  font-size: 110px;
  line-height: 1
}

@media(max-width: 1199px) {
  .slider-3 .slider-item .slider-content-wrap .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 992px) {
  .slider-3 .slider-item .slider-content-wrap .section-heading .section-title {
    font-size: 50px
  }
}

.slider-3 .slider-item .slider-content-wrap .section-heading .slider-desc {
  margin-top: 40px;
  margin-bottom: 50px
}

.slider-3 .slider-item .slider-content-wrap .section-heading .slider-desc p {
  font-size: 18px;
  font-weight: 500;
  max-width: 522px;
  width: 100%;
  margin: 0 auto
}

.slider-3 .slider-item .slider-content-wrap .section-heading .slider-btn a {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.slider-3 .slider-item .slider-content-wrap .section-heading .slider-btn a:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.about-section-3 {
  position: relative;
  z-index: 1
}

.about-section-3 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.about-img-wrap-3 {
  max-width: 630px;
  width: 100%;
  height: 624px;
  position: relative
}

.about-img-wrap-3 .about-img-1 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 460px;
  width: 100%;
  height: 360px
}

.about-img-wrap-3 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-img-wrap-3 .about-img-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 420px;
  width: 100%;
  height: 500px;
  z-index: 1
}

.about-img-wrap-3 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-img-wrap-3 .about-counter {
  background-color: var(--tl-color-theme-primary);
  display: inline-flex;
  align-items: end;
  position: absolute;
  bottom: 65px;
  right: 76px;
  z-index: 2;
  padding-bottom: 17px;
  padding-left: 20px;
  border-radius: 24px
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-3 .about-counter {
    padding: 30px 20px
  }
}

.about-img-wrap-3 .about-counter .title {
  color: var(--tl-color-common-white);
  font-size: 120px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-3 .about-counter .title {
    font-size: 40px
  }
}

.about-img-wrap-3 .about-counter .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.about-img-wrap-3 .about-counter p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.2;
  display: block
}

.about-content-3 {
  max-width: 690px;
  width: 100%
}

.about-content-3 .about-items {
  display: flex;
  align-items: center;
  column-gap: 30px;
  justify-content: space-between;
  margin: 40px 0 50px 0
}

@media only screen and (max-width: 767px) {
  .about-content-3 .about-items {
    flex-direction: column;
    row-gap: 30px
  }
}

.about-content-3 .about-items .about-item .title {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 20px
}

@media(max-width: 1199px) {
  .about-content-3 .about-items .about-item .title {
    font-size: 22px;
    padding-bottom: 15px
  }
}

.about-content-3 .about-items .about-item .title:before {
  background-color: rgba(28, 28, 29, .18);
  content: "";
  width: 330px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0
}

@media only screen and (max-width: 767px) {
  .about-content-3 .about-items .about-item .title:before {
    width: 300px
  }
}

.about-content-3 .about-items .about-item p {
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .about-content-3 .about-items .about-item p br {
    display: none
  }
}

.service-section-3 {
  position: relative;
  z-index: 1
}

.service-section-3 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.service-left-content-3 {
  max-width: 464px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .service-left-content-3 {
    margin-bottom: 40px
  }
}

.service-carousel-wrap-3 {
  overflow: visible;
  clip-path: inset(-100% -100% -100% 0)
}

.service-carousel-wrap-3 .service-carousel-3 {
  max-width: 600px;
  width: 100%;
  /*overflow: visible;*/
  margin-right: 0
}

.service-item-3 {
  position: relative
}

.service-item-3 .service-thumb {
  height: 610px;
  margin-bottom: 30px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

.service-item-3 .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.service-item-3 .service-thumb:before {
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 60%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 24px;
  z-index: 1
}

.service-item-3 .service-thumb .number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 30px;
  font-weight: 400;
  position: absolute;
  top: 20px;
  right: 30px
}

.service-item-3 .service-content {
  position: absolute;
  right: 35px;
  bottom: 40px;
  left: 60px;
  z-index: 2
}

.service-item-3 .service-content .title {
  color: var(--tl-color-common-white);
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1
}

.service-item-3 .service-content p {
  color: var(--tl-color-common-white);
  font-size: 16px;
  margin-bottom: 0;
  max-width: 388px;
  width: 100%
}

.service-item-3:hover .service-thumb img {
  transform: scale(1.04)
}

@media only screen and (max-width: 992px) {
  .faq-img {
    margin-bottom: 40px
  }
}

.faq-content {
  padding-right: 20px
}

.faq-content .faq-accordion {
  border-radius: 0
}

.faq-content .faq-accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0
}

.faq-content .faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.faq-content .faq-accordion .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--lt-color-heading-primary);
  border: none;
  box-shadow: none;
  font-size: 30px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 30px;
  padding-top: 30px;
  border-radius: 0;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

.faq-content .faq-accordion .accordion-item .accordion-button:after {
  color: var(--lt-color-heading-primary);
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--tl-color-theme-primary);
  border-color: #1c1c1d
}

.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "-";
  transform: rotate(0)
}

.faq-content .faq-accordion .accordion-item .accordion-body {
  color: var(--lt-color-text-body);
  max-width: 600px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 40px
}

.project-carousel-wrap-3 {
  max-width: 1170px;
  width: 100%
}

.project-carousel-2 {
  overflow: visible
}

.project-item-3 {
  position: relative
}

.project-item-3 .project-img {
  height: 680px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 992px) {
  .project-item-3 .project-img {
    height: 450px
  }
}

@media only screen and (max-width: 767px) {
  .project-item-3 .project-img {
    height: 350px
  }
}

.project-item-3 .project-img:before {
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 60%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -10px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.project-item-3 .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.project-item-3 .project-content {
  margin-top: 22px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.project-item-3 .project-content ul {
  list-style: none;
  display: flex;
  align-items: center;
  z-index: 2;
  margin-bottom: 20px
}

.project-item-3 .project-content ul li a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 13px;
  padding: 5px 15px;
  text-transform: uppercase;
  border: 1px solid var(--tl-color-common-white);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center
}

.project-item-3 .project-content ul li:not(:last-of-type) {
  margin-left: 10px
}

.project-item-3 .project-content .title {
  color: var(--tl-color-common-white);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px
}

.project-item-3 .project-content span {
  color: var(--tl-color-common-white)
}

.project-item-3:hover .project-img:before {
  visibility: visible;
  opacity: 1;
  bottom: 0
}

.project-item-3:hover .project-content {
  bottom: 50px;
  visibility: visible;
  opacity: 1
}

.counter-1 {
  padding-bottom: 425px;
  position: relative;
  z-index: 1;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .counter-1 {
    padding-bottom: 100px
  }
}

.counter-1 .counter-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .counter-1 .counter-text {
    display: none
  }
}

.counter-1 .counter-element {
  position: absolute;
  bottom: -35%;
  left: 77px
}

@media(max-width: 1199px) {
  .counter-1 .counter-element {
    bottom: -26%
  }
}

@media only screen and (max-width: 992px) {
  .counter-1 .counter-element {
    bottom: -8%
  }
}

.counter-item .title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(28, 28, 29, .18)
}

@media only screen and (max-width: 767px) {
  .counter-item .title {
    font-size: 40px
  }
}

.counter-item .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.counter-item .title .odometer-formatting-mark {
  display: none
}

.counter-item .sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

.counter-item p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0
}

.cta-section-3 {
  position: relative;
  padding: 240px 0 225px 0
}

.cta-section-3 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.cta-section-3 .cta-bg:before {
  background-color: #252627;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .48
}

.cta-wrap-3 .section-heading {
  justify-content: center;
  align-items: center
}

.cta-wrap-3 .cta-btn-wrap .cta-btn {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.cta-wrap-3 .cta-btn-wrap .cta-btn:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.testimonial-section {
  background-color: #eee;
  overflow-x: clip
}

.testi-carousel-3 {
  height: 750px
}

.testi-img-3 {
  max-width: 640px;
  width: 100%;
  height: 726px
}

@media only screen and (max-width: 992px) {
  .testi-img-3 {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 992px) {
  .testi-img-3 {
    height: 550px
  }
}

@media only screen and (max-width: 767px) {
  .testi-img-3 {
    height: 350px
  }
}

.testi-img-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.testi-carousel-wrap {
  min-width: 0;
  max-width: 100%
}

.testi-carousel-wrap .testi-top-content {
  min-width: 0;
  display: flex;
  align-items: center;
  column-gap: 50px;
  margin-bottom: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(28, 28, 29, .1)
}

@media only screen and (max-width: 767px) {
  .testi-carousel-wrap .testi-top-content {
    flex-wrap: wrap;
    row-gap: 20px
  }
}

.testi-carousel-wrap .testi-top-content .left-content {
  display: flex;
  align-items: center;
  column-gap: 10px
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content .left-content {
    flex-wrap: wrap;
    row-gap: 15px
  }
}

.testi-carousel-wrap .testi-top-content .left-content .rating {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list ul {
  background-color: var(--tl-color-theme-primary);
  border-radius: 100px;
  padding: 3px 8px 7px 7px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list ul li {
  font-size: 12px;
  display: inline-flex;
  line-height: 1;
  color: var(--tl-color-common-white)
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list span {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 500;
  display: block
}

.testi-carousel-wrap .testi-top-content .right-content {
  min-width: 0;
  flex: 1 1 0
}

.testi-carousel-wrap .testi-top-content .right-content p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content .right-content p br {
    display: none
  }
}

.testi-carousel.swiper {
  overflow: hidden;
  max-width: 100%
}

.testi-item p {
  color: var(--tl-color-heading-primary);
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 40px;
  /*max-width: 671px;*/
  width: 100%;
  line-height: 1.5
}

.testi-item .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  grid-gap: 17px
}

.testi-item .testi-author .author-img {
  height: 64px;
  width: 64px
}

.testi-item .testi-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.testi-item .testi-author .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0
}

.testi-item .testi-author .name span {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-text-body);
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-top: 5px
}

.gallary-section-2 {
  position: relative;
  z-index: 1;
  padding-top: 388px
}

@media only screen and (max-width: 992px) {
  .gallary-section-2 {
    padding-top: 70px
  }
}

.gallary-section-2 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.gallary-section-2 .bg-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .46
}

.gallary-carousel-wrap {
  clip-path: inset(-100% -100% -100% 0);
  overflow: visible
}

.gallary-carousel-wrap .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 40px
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid var(--tl-color-theme-primary)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav:hover {
  background-color: rgba(216, 218, 223, .13);
  border: 1px solid rgba(255, 255, 255, .09)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev:hover i {
  transform: rotate(45deg)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav.swiper-next:hover i {
  transform: rotate(-45deg)
}

.gallary-carousel {
  overflow: visible
}

.gallary-inner-item a {
  height: 360px;
  display: block
}

.gallary-inner-item a img {
  width: 100%;
  height: 100%;
  border-radius: 24px
}

.blog-carousel-2 {
  overflow: hidden
}

.blog-carousel-2 .swiper-slide .post-card {
  position: relative
}

.blog-carousel-2 .swiper-slide .post-card .post-thumb {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

.blog-carousel-2 .swiper-slide .post-card .post-thumb img {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border-radius: 24px
}

.blog-carousel-2 .swiper-slide .post-card .post-thumb:before {
  background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, 0.54) 19.25%, #53524E 46.79%);
  content: "";
  width: 100%;
  height: 282px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.blog-carousel-2 .swiper-slide .post-card .post-content {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out
}

.blog-carousel-2 .swiper-slide .post-card .post-content .title {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-thumb {
  height: 560px
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-thumb img {
  height: 100%
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-thumb:before {
  visibility: visible;
  opacity: 1
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-content {
  position: absolute;
  bottom: 50px;
  right: 60px;
  left: 45px;
  z-index: 3
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-content .title {
  margin-bottom: 0;
  color: var(--tl-color-common-white)
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-content p {
  display: none
}

.blog-carousel-2 .swiper-slide.swiper-slide-active .post-content .post-meta li {
  color: var(--tl-color-common-white)
}

.hero-section {
  position: relative;
  z-index: 1
}

.hero-section .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.hero-wrap {
  align-items: center
}

@media only screen and (max-width: 767px) {
  .hero-wrap {
    padding-top: 120px
  }
}

@media only screen and (max-width: 992px) {
  .hero-wrap .hero-content {
    margin-bottom: 40px
  }
}

.hero-wrap .hero-content.hero-content-4 .section-heading {
  position: relative
}

.hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn {
  position: absolute;
  top: -70px;
  left: 60px;
  max-width: 280px;
  width: 100%;
  height: 100px
}

@media(max-width: 1199px) {
  .hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn {
    display: none
  }
}

.hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px
}

.hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn .play-btn {
  position: absolute;
  top: 10px;
  left: 10px
}

.hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn .play-btn a {
  background-color: rgba(255, 255, 255, .24);
  backdrop-filter: blur(29px);
  color: var(--tl-color-common-white);
  height: 80px;
  width: 80px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.hero-wrap .hero-content.hero-content-4 .section-heading .hero-play-btn .play-btn a:hover {
  background-color: var(--tl-color-theme-primary)
}

.hero-wrap .hero-content.hero-content-4 .section-heading p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 40px
}

.hero-wrap .hero-content .section-heading .section-title {
  font-size: 120px;
  font-weight: 400;
  line-height: 1
}

@media only screen and (max-width: 992px) {
  .hero-wrap .hero-content .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap .hero-content .section-heading .section-title {
    font-size: 60px
  }
}

.hero-wrap .hero-content .section-heading p {
  max-width: 425px;
  width: 100%;
  margin-bottom: 60px
}

.hero-wrap .hero-img {
  height: 820px;
  max-width: 820px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .hero-wrap .hero-img {
    height: 550px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap .hero-img {
    height: 350px
  }
}

.hero-wrap .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-item-wrap>div:nth-child(2) {
  margin-top: 50px
}

@media only screen and (max-width: 992px) {
  .about-item-wrap>div:nth-child(2) {
    margin-top: 24px
  }
}

.about-item-wrap>div:nth-child(3) {
  margin-top: 100px
}

@media only screen and (max-width: 992px) {
  .about-item-wrap>div:nth-child(3) {
    margin-top: 24px
  }
}

.about-item-4 {
  height: 480px
}

@media only screen and (max-width: 767px) {
  .about-item-4 {
    height: 350px
  }
}

.about-item-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.counter-item .title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(28, 28, 29, .18)
}

@media only screen and (max-width: 767px) {
  .counter-item .title {
    font-size: 40px
  }
}

.counter-item .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.counter-item .title .odometer-formatting-mark {
  display: none
}

.counter-item .sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

.counter-item p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0
}

.project-item-2.project-item-4 {
  position: relative
}

.project-item-2.project-item-4 .project-thumb {
  height: 910px;
  position: relative
}

@media only screen and (max-width: 992px) {
  .project-item-2.project-item-4 .project-thumb {
    height: 500px
  }
}

.project-item-2.project-item-4 .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0
}

.project-item-2.project-item-4 .project-thumb ul {
  position: absolute;
  top: 50px;
  right: 44px
}

@media only screen and (max-width: 767px) {
  .project-item-2.project-item-4 .project-thumb ul {
    right: 20px;
    top: 30px
  }
}

.project-item-2.project-item-4 .project-thumb ul li {
  font-family: var(--tl-ff-heading);
  display: inline-flex;
  color: var(--tl-color-common-white);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 100px;
  padding: 3.5px 13.5px
}

.project-item-2.project-item-4 .project-thumb:before {
  background-color: #151515;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .46
}

.project-item-2.project-item-4 .project-thumb .number {
  font-family: var(--tl-ff-heading);
  font-size: 50px;
  color: var(--tl-color-theme-primary);
  line-height: 1;
  position: absolute;
  top: 80px;
  left: 70px
}

@media only screen and (max-width: 767px) {
  .project-item-2.project-item-4 .project-thumb .number {
    display: none
  }
}

.project-item-2.project-item-4 .project-content {
  position: absolute;
  right: 44px;
  bottom: 50px
}

@media only screen and (max-width: 767px) {
  .project-item-2.project-item-4 .project-content {
    right: 20px;
    bottom: 30px
  }
}

.project-item-2.project-item-4 .project-content .title {
  color: var(--tl-color-common-white);
  font-size: 80px;
  font-weight: 400
}

@media only screen and (max-width: 992px) {
  .project-item-2.project-item-4 .project-content .title {
    font-size: 40px
  }
}

.project-item-2.project-item-4 .project-content p {
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.service-4 {
  padding-bottom: 425px;
  position: relative;
  z-index: 99;
  overflow-x: clip
}

@media only screen and (max-width: 992px) {
  .service-4 {
    padding-top: 70px;
    padding-bottom: 340px
  }
}

@media only screen and (max-width: 767px) {
  .service-4 {
    padding-bottom: 100px
  }
}

.service-4 .service-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 992px) {
  .service-4 .service-text {
    display: none
  }
}

.service-4 .service-element {
  position: absolute;
  bottom: -20%;
  left: 77px
}

@media(max-width: 1199px) {
  .service-4 .service-element {
    bottom: -13%
  }
}

@media only screen and (max-width: 992px) {
  .service-4 .service-element {
    bottom: -8%
  }
}

@media only screen and (max-width: 767px) {
  .service-4 .service-element {
    display: none
  }
}

.service-item-4 {
  position: relative;
  cursor: pointer;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.service-item-4:first-child {
  padding-top: 40px;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

.service-item-4:not(:last-of-type) {
  margin-bottom: 40px
}

.service-item-4 .service-item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media only screen and (max-width: 767px) {
  .service-item-4 .service-item-inner {
    flex-direction: column;
    align-items: baseline;
    gap: 15px
  }
}

.service-item-4 .service-item-inner .left-content {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 30px
}

@media only screen and (max-width: 767px) {
  .service-item-4 .service-item-inner .left-content {
    flex-direction: column;
    gap: 15px
  }
}

.service-item-4 .service-item-inner .left-content span {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400
}

.service-item-4 .service-item-inner .left-content .left-content-inner {
  position: relative;
  padding-bottom: 0px;
  width: 550px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.service-item-4 .service-item-inner .left-content .left-content-inner .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

@media only screen and (max-width: 767px) {
  .service-item-4 .service-item-inner .left-content .left-content-inner .title {
    font-size: 22px
  }
}

.service-item-4 .service-item-inner .left-content .left-content-inner p {
  font-size: 16px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.service-item-4 .service-item-inner .service-arrow a {
  background-color: rgba(0, 0, 0, 0);
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tl-color-heading-primary);
  border-radius: 50%
}

.service-item-4 .service-item-inner .service-arrow a:hover {
  background-color: var(--tl-color-theme-primary)
}

.service-item-4:hover .service-item-inner .left-content .left-content-inner {
  padding-bottom: 60px
}

.service-item-4:hover .service-item-inner .left-content .left-content-inner .title {
  margin-bottom: 20px
}

.service-item-4:hover .service-item-inner .left-content .left-content-inner .title a {
  color: var(--tl-color-theme-primary)
}

.service-item-4:hover .service-item-inner .left-content .left-content-inner p {
  visibility: visible;
  opacity: 1
}

.service-item-4 .service-img-reveal-bg {
  position: absolute;
  top: 0;
  left: 300px;
  width: 410px;
  height: 310px;
  opacity: 0;
  margin: -100px 0 0 -100px;
  border-radius: 24px;
  overflow: hidden;
  pointer-events: none;
  z-index: 99;
  border: 2px solid var(--tl-color-heading-primary);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity .3s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity .3s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity .3s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity .3s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity .3s, transform .5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width: 767px) {
  .service-item-4 .service-img-reveal-bg {
    display: none
  }
}

.service-item-4:hover .service-img-reveal-bg {
  opacity: 1
}

.exp-section {
  background-color: #241c18
}

.exp-heading .section-title {
  font-size: 60px
}

@media only screen and (max-width: 767px) {
  .exp-heading .section-title {
    font-size: 40px
  }
}

.exp-wrap>div:nth-child(2) {
  margin-top: 60px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(2) {
    margin-top: 0 !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(2) {
    margin-top: 24px !important
  }
}

.exp-wrap>div:nth-child(3) {
  margin-top: 120px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(3) {
    margin-top: 24px !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(3) {
    margin-top: 24px !important
  }
}

.exp-wrap>div:nth-child(4) {
  margin-top: 180px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(4) {
    margin-top: 24px !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(4) {
    margin-top: 24px !important
  }
}

.exp-item .exp-img {
  height: 180px;
  margin-bottom: 20px
}

.exp-item .exp-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.exp-item .exp-content .title {
  color: var(--tl-color-common-white);
  font-size: 26px;
  font-weight: 400
}

.exp-item .exp-content .line {
  background-color: #e3e3e8;
  width: 100%;
  height: 1px;
  display: block;
  opacity: .18;
  margin: 20px 0;
  position: relative
}

.exp-item .exp-content .line:before {
  background-color: #e3e3e8;
  content: "";
  width: 15px;
  height: 1px;
  position: absolute;
  bottom: 3px;
  left: 0;
  transform: rotate(20deg)
}

.exp-item .exp-content p {
  max-width: 286px;
  width: 100%;
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.pricing-section {
  position: relative;
  z-index: 1
}

.pricing-section .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.pricing-item {
  background: #fff;
  border-radius: 24px;
  padding: 40px 40px 50px 40px;
  position: relative;
  z-index: 1;
  overflow: hidden
}

@media only screen and (max-width: 767px) {
  .pricing-item {
    padding: 40px 20px
  }
}

.pricing-item .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.pricing-item .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 20px
}

.pricing-item p {
  max-width: 340px;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px
}

.pricing-item .price {
  color: var(--tl-color-theme-primary);
  font-size: 80px;
  font-weight: 400;
  margin-bottom: 25px;
  padding-bottom: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 5px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

@media(max-width: 1199px) {
  .pricing-item .price {
    font-size: 50px
  }
}

.pricing-item .price span {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-top: 10px
}

.pricing-item .pricing-list {
  margin-bottom: 45px
}

.pricing-item .pricing-list li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 5px
}

.pricing-item .pricing-list li:not(:last-of-type) {
  margin-bottom: 15px
}

.pricing-item .pricing-list li i {
  color: var(--tl-color-theme-primary)
}

.pricing-img-item {
  position: relative;
  z-index: 1;
  height: 100%;
  border-radius: 24px;
  overflow: hidden
}

.pricing-img-item .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.pricing-img-item .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.pricing-img-item .bg-img:before {
  background: linear-gradient(180deg, rgba(43, 43, 43, 0) 0%, #242424 100%);
  opacity: .9;
  transform: matrix(1, 0, 0, -1, 0, 0);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.pricing-img-item .title {
  position: absolute;
  top: 55px;
  left: 55px;
  right: 55px;
  color: var(--tl-color-common-white);
  font-size: 36px;
  font-weight: 400
}

.pricing-img-item .title span {
  color: var(--tl-color-theme-primary)
}

.testimonial-section-4 {
  background-color: #eee;
  position: relative;
  z-index: 1
}

.testimonial-section-4 .testi-bg {
  position: absolute;
  height: 100%;
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 992px) {
  .testimonial-section-4 .testi-bg {
    width: 0
  }
}

.testimonial-section-4 .testi-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.faq-content-2 {
  padding-right: 20px;
  max-width: 1000px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .faq-content-2 {
    margin-bottom: 40px
  }
}

.faq-content-2 .faq-accordion {
  border-radius: 0
}

.faq-content-2 .faq-accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0
}

.faq-content-2 .faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--lt-color-heading-primary);
  border: none;
  box-shadow: none;
  font-size: 28px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 23px;
  padding-top: 23px;
  border-radius: 0;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
    align-items: baseline;
    font-size: 22px
  }
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:after {
  color: var(--lt-color-heading-primary);
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--tl-color-theme-primary);
  border-color: #1c1c1d
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "-";
  transform: rotate(0)
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button span {
  width: 40px;
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-button span {
    font-size: 22px
  }
}

.faq-content-2 .faq-accordion .accordion-item .accordion-body {
  color: var(--lt-color-text-body);
  max-width: 830px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 40px;
  padding-right: 40px
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-body {
    padding-right: 20px
  }
}

.faq-img-wrap .faq-img {
  height: 390px;
  max-width: 310px;
  width: 100%;
  margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
  .faq-img-wrap .faq-img {
    max-width: 100%
  }
}

.faq-img-wrap .faq-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.faq-img-wrap .title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px
}

.faq-img-wrap p {
  margin-bottom: 0
}

.before-after-area {
  background-color: #241c18;
  position: relative;
  z-index: 1
}

.before-after-area .bg-color {
  background-color: #f6f6f6;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.antra-image-comparison {
  height: 680px !important;
  border-radius: 24px;
  overflow: hidden
}

.antra-image-comparison img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.cta-section-3 {
  position: relative;
  padding: 240px 0 225px 0
}

@media only screen and (max-width: 767px) {
  .cta-section-3 {
    padding: 100px 0
  }
}

.cta-section-3 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.cta-section-3 .cta-bg:before {
  background-color: #252627;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .48
}

.cta-wrap-3 .cta-btn-wrap .cta-btn {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.cta-wrap-3 .cta-btn-wrap .cta-btn:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.twentytwenty-handle:hover {
  background-color: var(--tl-color-theme-primary)
}

.hero-section-2 {
  background-color: var(--tl-color-bg-1);
  position: relative;
  z-index: 1
}

.hero-section-2 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 910px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.hero-section-2 .bg-color {
  background-color: var(--tl-color-common-white);
  width: 100%;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .hero-section-2 .bg-color {
    height: 200px
  }
}

.hero-wrap-2 {
  padding-top: 160px
}

@media only screen and (max-width: 992px) {
  .hero-wrap-2 {
    padding-top: 150px
  }
}

.hero-wrap-2 .hero-content-2 {
  display: flex;
  align-items: center;
  align-items: end;
  justify-content: space-between;
  max-width: 1590px;
  width: 100%;
  margin-bottom: 80px
}

@media only screen and (max-width: 992px) {
  .hero-wrap-2 .hero-content-2 {
    flex-direction: column;
    align-items: start;
    row-gap: 30px
  }
}

.hero-wrap-2 .hero-content-2 .section-heading .section-title {
  font-size: 110px;
  font-weight: 400
}

@media(max-width: 1199px) {
  .hero-wrap-2 .hero-content-2 .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-2 .hero-content-2 .section-heading .section-title {
    font-size: 60px
  }
}

.hero-wrap-2 .hero-content-2 .hero-content-left {
  max-width: 450px;
  width: 100%
}

.hero-wrap-2 .hero-content-2 .hero-content-left p {
  margin-bottom: 50px
}

.hero-wrap-2 .hero-content-2 .hero-content-left .hero-btn .tl-primary-btn {
  color: var(--tl-color-common-white)
}

.hero-wrap-2 .hero-bottom-img {
  height: 800px;
  overflow: hidden;
  border-radius: 24px
}

@media(max-width: 1199px) {
  .hero-wrap-2 .hero-bottom-img {
    height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-2 .hero-bottom-img {
    height: 400px
  }
}

.hero-wrap-2 .hero-bottom-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-section-5 {
  position: relative;
  z-index: 1
}

.about-section-5 .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  right: 60px
}

.about-section-5 .shapes .shape-2 {
  position: absolute;
  top: 0;
  left: 0
}

.about-content-5 {
  padding-right: 25px
}

@media only screen and (max-width: 992px) {
  .about-content-5 {
    padding-right: 0
  }
}

.about-content-5 .about-img-1 {
  max-width: 930px;
  width: 100%;
  height: 420px;
  margin-bottom: 40px
}

.about-content-5 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-content-5 .about-desc {
  color: var(--tl-color-heading-primary);
  font-size: 20px;
  font-weight: 500;
  max-width: 884px;
  width: 100%;
  margin-bottom: 40px
}

.about-content-5 .about-bottom-content {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 70px
}

@media only screen and (max-width: 767px) {
  .about-content-5 .about-bottom-content {
    flex-direction: column;
    row-gap: 40px
  }
}

.about-content-5 .about-bottom-content .left-content {
  max-width: 410px;
  width: 100%
}

.about-content-5 .about-bottom-content .left-content p {
  margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
  .about-content-5 .about-bottom-content .left-content p {
    margin-bottom: 20px
  }
}

.about-content-5 .about-bottom-content ul {
  width: 100%
}

.about-content-5 .about-bottom-content ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  column-gap: 7px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(159, 159, 164, .24);
  width: 100%
}

@media(max-width: 1199px) {
  .about-content-5 .about-bottom-content ul li {
    font-size: 14px
  }
}

.about-content-5 .about-bottom-content ul li:not(:last-of-type) {
  margin-bottom: 20px
}

.about-content-5 .about-bottom-content ul li i {
  color: var(--tl-color-theme-primary)
}

.feature-section-2 {
  background-color: #151515;
  position: relative;
  z-index: 1
}

.feature-section-2 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.feature-img {
  max-width: 720px;
  width: 100%;
  height: 520px;
  position: relative
}

@media only screen and (max-width: 992px) {
  .feature-img {
    margin-top: 40px
  }
}

@media only screen and (max-width: 767px) {
  .feature-img {
    height: 400px
  }
}

.feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.feature-img .img-content {
  background: rgba(21, 24, 31, .46);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  padding: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 420px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .feature-img .img-content {
    max-width: 280px;
    right: 10px
  }
}

.feature-img .img-content p {
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

@media only screen and (max-width: 992px) {
  .feature-item-list {
    margin-top: 50px
  }
}

.feature-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
  cursor: pointer
}

.feature-item:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, .11)
}

.feature-item .number {
  font-family: var(--tl-ff-heading);
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 44px;
  line-height: 1;
  margin-bottom: -4px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.feature-item .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .feature-item .title {
    font-size: 26px
  }
}

@media only screen and (max-width: 767px) {
  .feature-item .title {
    font-size: 16px
  }
}

.feature-item .arrow {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  .feature-item .arrow {
    height: 30px;
    width: 30px;
    font-size: 12px
  }
}

.feature-item .arrow i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.feature-item.active .title a,
.feature-item:hover .title a {
  color: var(--tl-color-theme-primary)
}

.feature-item.active .arrow i,
.feature-item:hover .active i {
  transform: rotate(-45deg)
}

.feature-item.active .number,
.feature-item:hover .number {
  color: var(--tl-color-theme-primary)
}

.counter-5 {
  position: relative;
  z-index: 5;
  padding-bottom: 425px;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .counter-5 {
    padding-bottom: 70px
  }
}

.counter-5 .counter-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 992px) {
  .counter-5 .counter-text {
    display: none
  }
}

.counter-5 .counter-element {
  position: absolute;
  bottom: -17%;
  left: 77px;
  z-index: 5
}

@media(max-width: 1199px) {
  .counter-5 .counter-element {
    bottom: -14%
  }
}

@media only screen and (max-width: 992px) {
  .counter-5 .counter-element {
    bottom: -2%
  }
}

@media only screen and (max-width: 767px) {
  .counter-5 .counter-element {
    display: none
  }
}

.counter-5 .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.counter-item .title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(28, 28, 29, .18)
}

@media only screen and (max-width: 767px) {
  .counter-item .title {
    font-size: 40px
  }
}

.counter-item .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.counter-item .title .odometer-formatting-mark {
  display: none
}

.counter-item .sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

@media(max-width: 1199px) {
  .counter-item .sub-title {
    font-size: 20px
  }
}

.counter-item p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .counter-item p br {
    display: none
  }
}

.counter-img-5 {
  height: 460px;
  max-width: 640px;
  width: 100%
}

.counter-img-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.counter-item-wrap-5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px
}

@media only screen and (max-width: 767px) {
  .counter-item-wrap-5 {
    grid-template-columns: 1fr
  }
}

.video-section-5 {
  position: relative;
  z-index: 1;
  padding: 80px 0
}

.video-section-5 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.video-content-5 {
  background-color: var(--tl-color-common-white);
  max-width: 460px;
  width: 100%;
  border-radius: 24px;
  padding: 60px 45px
}

@media only screen and (max-width: 992px) {
  .video-content-5 {
    margin: 0 auto
  }
}

.video-content-5 .section-heading .section-title {
  font-size: 50px
}

@media only screen and (max-width: 767px) {
  .video-content-5 .section-heading .section-title {
    font-size: 30px
  }
}

.video-content-5 ul {
  margin-bottom: 30px
}

.video-content-5 ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  column-gap: 7px
}

.video-content-5 ul li i {
  color: var(--tl-color-theme-primary)
}

.video-btn-5 a {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

@media only screen and (max-width: 992px) {
  .video-btn-5 a {
    margin: 0 auto;
    margin-top: 40px
  }
}

.video-btn-5 a:hover {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-heading-primary)
}

.project-item-5 .project-img {
  height: 480px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 992px) {
  .project-item-5 .project-img {
    height: 450px
  }
}

@media only screen and (max-width: 767px) {
  .project-item-5 .project-img {
    height: 350px
  }
}

.project-item-5 .project-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .11;
  z-index: 1
}

.project-item-5 .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.project-item-5 .project-img ul {
  position: absolute;
  top: 30px;
  right: 30px;
  list-style: none;
  display: flex;
  align-items: center;
  z-index: 2
}

.project-item-5 .project-img ul li a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 13px;
  padding: 5px 15px;
  text-transform: uppercase;
  border: 1px solid var(--tl-color-common-white);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center
}

.project-item-5 .project-img ul li:not(:last-of-type) {
  margin-left: 10px
}

.project-item-5 .project-content {
  margin-top: 22px
}

.project-item-5 .project-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px
}

.project-item-5:hover .project-img img {
  transform: scale(1.02)
}

.project-item-5.small {
  max-width: 580px;
  width: 100%
}

.project-item-5.small .project-img {
  height: 420px
}

.project-item-5.ml-a {
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .project-item-5.ml-a {
    margin-right: inherit
  }
}

.skill-section {
  background-color: var(--tl-color-common-white);
  position: relative;
  z-index: 1
}

.skill-section .skill-text {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 390px;
  font-weight: 400;
  line-height: 1;
  opacity: .13;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(-75%)
}

.skill-section .shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1
}

.skill-left-content {
  max-width: 495px;
  width: 100%
}

.skill-left-content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px
}

.skill-left-content .skills-items .skills-item {
  overflow: hidden;
  padding-bottom: 10px
}

.skill-left-content .skills-items .skills-item:not(:last-of-type) {
  margin-bottom: 17px
}

.skill-left-content .skills-items .skills-item .title {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
  z-index: 1
}

.skill-left-content .skills-items .skills-item .progress {
  background-color: rgba(0, 0, 0, 0);
  height: 3px;
  overflow: visible
}

.skill-left-content .skills-items .skills-item .progress .progress-bar {
  position: relative;
  background-color: var(--tl-color-heading-primary);
  overflow: visible
}

.skill-left-content .skills-items .skills-item .progress .progress-bar span {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-theme-primary);
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: -33px;
  left: 0
}

.skill-left-content .skills-items .skills-item .progress .progress-bar .dot {
  background-color: var(--tl-color-heading-primary);
  height: 20px;
  width: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(30deg)
}

.cta-section-5 {
  position: relative;
  padding: 240px 0 225px 0
}

@media only screen and (max-width: 767px) {
  .cta-section-5 {
    padding: 100px 0
  }
}

.cta-section-5 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.cta-section-5 .cta-bg:before {
  background-color: #000;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .54
}

.cta-wrap-5 .cta-btn-wrap .cta-btn {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.cta-wrap-5 .cta-btn-wrap .cta-btn:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.process-img-5 {
  max-width: 640px;
  width: 100%;
  height: 460px
}

@media only screen and (max-width: 992px) {
  .process-img-5 {
    margin-bottom: 40px
  }
}

.process-img-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.process-item-wrap-5 .process-item-5 {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  gap: 20px
}

@media only screen and (max-width: 767px) {
  .process-item-wrap-5 .process-item-5 {
    grid-template-columns: 1fr
  }
}

.process-item-wrap-5 .process-item-5:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.process-item-wrap-5 .process-item-5 .number {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-heading-primary);
  font-size: 24px;
  font-weight: 500;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.process-item-wrap-5 .process-item-5 .content .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  line-height: 1
}

@media only screen and (max-width: 767px) {
  .process-item-wrap-5 .process-item-5 .content .title {
    font-size: 24px
  }
}

.process-item-wrap-5 .process-item-5 .content p {
  font-size: 16px;
  margin-bottom: 0
}

.process-item-wrap-5 .process-item-5:hover .number {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white)
}

.process-item-wrap-5 .process-item-5:hover .content .title {
  color: var(--tl-color-theme-primary)
}

.testimonial-section-5 {
  background-color: #eee
}

.testi-top-content-wrap-5 {
  display: flex;
  align-items: center;
  align-items: start;
  justify-content: space-between;
  column-gap: 70px;
  margin-top: 40px;
  padding-top: 45px;
  border-top: 1px solid rgba(28, 28, 29, .1)
}

.testi-top-content-wrap-5 .testi-top-content {
  display: flex;
  align-items: center;
  column-gap: 50px;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0
}

@media only screen and (max-width: 767px) {
  .testi-top-content-wrap-5 .testi-top-content {
    flex-wrap: wrap;
    row-gap: 20px
  }
}

.testi-top-content-wrap-5 .testi-top-content .left-content {
  display: flex;
  align-items: center;
  column-gap: 10px
}

@media(max-width: 1399px) {
  .testi-top-content-wrap-5 .testi-top-content .left-content {
    flex-wrap: wrap;
    row-gap: 15px
  }
}

.testi-top-content-wrap-5 .testi-top-content .left-content .rating {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

.testi-top-content-wrap-5 .testi-top-content .left-content .rating-list ul {
  background-color: var(--tl-color-theme-primary);
  border-radius: 100px;
  padding: 3px 8px 7px 7px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px
}

.testi-top-content-wrap-5 .testi-top-content .left-content .rating-list ul li {
  font-size: 12px;
  display: inline-flex;
  line-height: 1;
  color: var(--tl-color-common-white)
}

.testi-top-content-wrap-5 .testi-top-content .left-content .rating-list span {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 500;
  display: block
}

.testi-top-content-wrap-5 .testi-top-content .right-content p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1399px) {
  .testi-top-content-wrap-5 .testi-top-content .right-content p br {
    display: none
  }
}

.testi-top-content-wrap-5 .swiper-nav-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.testi-top-content-wrap-5 .swiper-nav {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid var(--tl-color-theme-primary)
}

.testi-top-content-wrap-5 .swiper-nav i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.testi-top-content-wrap-5 .swiper-nav:hover {
  background-color: var(--tl-color-common-white);
  color: var(--lt-color-heading-primary);
  border: 1px solid var(--tl-color-common-white)
}

.testi-top-content-wrap-5 .swiper-nav.swiper-prev:hover i {
  transform: rotate(45deg)
}

.testi-top-content-wrap-5 .swiper-nav.swiper-next:hover i {
  transform: rotate(-45deg)
}

.testi-carousel-5 {
  overflow: visible
}

.testi-item-5 {
  background-color: var(--tl-color-common-white);
  padding: 40px 30px;
  border-radius: 24px
}

.testi-item-5 ul {
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 5px;
  margin-bottom: 30px
}

.testi-item-5 ul li {
  color: var(--tl-color-theme-primary)
}

.testi-item-5 p {
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 40px
}

.testi-item-5 .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  gap: 20px
}

.testi-item-5 .testi-author .author-img {
  height: 64px;
  width: 64px;
  margin: 0 auto
}

.testi-item-5 .testi-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.testi-item-5 .testi-author .author-content {
  margin-bottom: -3px
}

.testi-item-5 .testi-author .author-content .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1
}

.testi-item-5 .testi-author .author-content span {
  font-size: 15px;
  font-weight: 500;
  line-height: 1
}

.hero-section-6 {
  position: relative;
  z-index: 1
}

.hero-section-6 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.hero-section-6 .bg-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .64
}

.hero-section-6 .hero-text {
  position: absolute;
  bottom: -53px;
  left: 10%
}

    .hero-section-6 .hero-text span {
        font-family: var(--tl-ff-heading);
        background: linear-gradient(180deg, #CAA05C 14.9%, rgba(153, 153, 153, 0) 65.95%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        background-clip: text;
        text-fill-color: rgba(0, 0, 0, 0);
        opacity: .64;
        font-weight: 400;
        font-size: 320px;
        line-height: 1
    }

.hero-wrap-6 {
  padding-top: 260px;
  padding-right: 90px
}

@media only screen and (max-width: 992px) {
  .hero-wrap-6 {
    padding-top: 150px;
    padding-right: 30px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-6 {
    padding-right: 0px
  }
}

.hero-wrap-6 .hero-content-6 {
  margin-bottom: 80px
}

.hero-wrap-6 .hero-content-6 .section-heading .section-title {
  font-size: 100px;
  font-weight: 400
}

@media only screen and (max-width: 992px) {
  .hero-wrap-6 .hero-content-6 .section-heading .section-title {
    font-size: 70px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-6 .hero-content-6 .section-heading .section-title {
    font-size: 50px
  }
}

.hero-wrap-6 .hero-content-6 .hero-content-left {
  max-width: 450px;
  width: 100%
}

.hero-wrap-6 .hero-content-6 .hero-content-left p {
  margin-bottom: 50px
}

.hero-wrap-6 .hero-content-6 .hero-content-left .hero-btn .tl-primary-btn {
  color: var(--tl-color-common-white)
}

.hero-wrap-6 .hero-content-6 p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px
}

.hero-wrap-6 .hero-content-6 .hero-btn {
  margin-top: 130px
}

@media only screen and (max-width: 767px) {
  .hero-wrap-6 .hero-content-6 .hero-btn {
    margin-top: 60px
  }
}

.hero-wrap-6 .hero-content-6 .hero-btn a {
  background-color: rgba(255, 255, 255, .24);
  font-family: var(--tl-ff-heading);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center
}

.hero-wrap-6 .hero-content-6 .hero-btn a:hover {
  background-color: var(--tl-color-theme-primary)
}

.about-section-6 {
  position: relative;
  z-index: 1
}

.about-section-6 .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.about-section-6 .shapes .shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.about-img-wrap-6 {
  max-width: 720px;
  width: 100%;
  height: 636px;
  position: relative
}

@media only screen and (max-width: 992px) {
  .about-img-wrap-6 {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-6 {
    height: 550px
  }
}

.about-img-wrap-6 .about-img-1 {
  max-width: 310px;
  width: 100%;
  height: 220px;
  position: absolute;
  top: 90px;
  right: 0
}

.about-img-wrap-6 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-img-wrap-6 .about-img-2 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 320px;
  width: 100%;
  height: 350px
}

.about-img-wrap-6 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-img-wrap-6 .about-img-3 {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  max-width: 380px;
  width: 100%;
  height: 420px
}

.about-img-wrap-6 .about-img-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-content-6 {
  max-width: 600px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .about-content-6 {
    margin-right: 0
  }
}

.about-content-6 .about-faq {
  margin-top: 50px
}

.about-content-6 .about-faq .faq-accordion {
  border-radius: 0
}

.about-content-6 .about-faq .faq-accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0
}

.about-content-6 .about-faq .faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--tl-color-heading-primary);
  border: none;
  box-shadow: none;
  font-size: 24px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 23px;
  padding-top: 23px;
  border-radius: 0;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-button:after {
  color: var(--tl-color-heading-primary);
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--tl-color-theme-primary);
  border-color: #1c1c1d
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "-";
  transform: rotate(0)
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-button span {
  width: 40px;
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400
}

.about-content-6 .about-faq .faq-accordion .accordion-item .accordion-body {
  color: var(--lt-color-text-body);
  max-width: 527px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 20px
}

.about-content-6 .about-btn {
  margin-top: 50px
}

@media only screen and (min-width: 768px) {
  .project-accordion-wrap {
    width: 3000px;
    height: 880px;
    position: relative;
    overflow: hidden
  }
  .project-accordian {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0
  }
  .project-accordian .project-card-wrap {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
  }
}

@media only screen and (min-width: 768px)and (max-width: 767px) {
  .project-accordian .project-card-wrap {
    flex-direction: column
  }
}

@media only screen and (min-width: 768px) {
  .project-accordian .project-card {
    position: relative;
    display: block;
    width: 480px;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
  }
}

@media only screen and (min-width: 768px)and (max-width: 1399px) {
  .project-accordian .project-card {
    width: 150px
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .project-accordian .project-card {
    width: 130px
  }
}

@media only screen and (min-width: 768px)and (max-width: 992px) {
  .project-accordian .project-card {
    width: 95px
  }
}

@media only screen and (min-width: 768px) {
  .project-accordian .project-card .project-img {
    height: 100%;
    width: 100%;
    display: block
  }
  .project-accordian .project-card .project-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
}

@media only screen and (min-width: 768px) {
  .project-accordian .project-card-wrap .project-card.active {
    width: 816px
  }
}

@media only screen and (min-width: 768px)and (max-width: 1700px) {
  .project-accordian .project-card-wrap .project-card.active {
    width: 600px
  }
}

@media only screen and (min-width: 768px)and (max-width: 1600px) {
  .project-accordian .project-card-wrap .project-card.active {
    width: 550px
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .project-accordian .project-card-wrap .project-card.active {
    width: 450px
  }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
  .project-accordian .project-card-wrap .project-card.active {
    width: 350px
  }
}

.project-accordian .project-card img {
  display: block
}

.project-accordian .project-card .project-item-4 .project-thumb {
  height: 880px
}

@media only screen and (max-width: 992px) {
  .project-accordian .project-card .project-item-4 .project-thumb {
    height: 550px
  }
}

@media only screen and (max-width: 767px) {
  .project-accordian .project-card .project-item-4 .project-thumb {
    height: 450px
  }
}

.project-accordian .project-card .project-item-4 .project-content .title {
  font-size: 36px
}

@media only screen and (max-width: 767px) {
  .project-accordian .project-card .project-item-4 .project-content .title {
    font-size: 28px
  }
}

@media only screen and (max-width: 992px) {
  .process-6 {
    padding: 70px 0 55px 0
  }
}

.process-img-6 {
  max-width: 640px;
  width: 100%;
  height: 460px
}

@media only screen and (max-width: 767px) {
  .process-img-6 {
    height: 350px
  }
}

.process-img-6 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.process-item-wrap-6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width: 767px) {
  .process-item-wrap-6 {
    grid-template-columns: 1fr;
    margin-top: 50px
  }
}

.process-item-wrap-6 .process-item-6 {
  padding: 30px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 24px;
  padding-top: 20px
}

.process-item-wrap-6 .process-item-6 .number {
  font-family: var(--tl-ff-heading);
  font-weight: 400;
  font-size: 80px;
  background: linear-gradient(180deg, #E3E3E8 50%, rgba(255, 255, 255, 0) 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  line-height: 1
}

.process-item-wrap-6 .process-item-6 .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1
}

.process-item-wrap-6 .process-item-6 .title span {
  color: var(--tl-color-theme-primary)
}

.process-item-wrap-6 .process-item-6 p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 250px;
  width: 100%
}

.process-item-wrap-6 .process-item-6:hover {
  background-color: #eee
}

.service-section-5 {
  position: relative;
  z-index: 1
}

.service-section-5 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.service-item-5 {
  background-color: var(--tl-color-common-white);
  border-radius: 24px;
  padding: 10px
}

.service-item-5 .service-content {
  padding: 20px;
  padding-bottom: 30px
}

.service-item-5 .service-content .title {
  font-size: 30px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  width: 100%;
  margin-bottom: 30px
}

@media(max-width: 1399px) {
  .service-item-5 .service-content .title {
    font-size: 24px
  }
}

.service-item-5 .service-content .title .number {
  color: #e3e3e8
}

.service-item-5 .service-content p {
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

.service-item-5 .service-img {
  height: 310px;
  overflow: hidden;
  border-radius: 24px
}

.service-item-5 .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.service-item-5:hover .service-img img {
  transform: scale(1.02)
}

.service-item-5.item-2 {
  display: flex;
  align-items: center;
  flex-direction: column-reverse
}

.service-item-5.item-2 .service-content {
  padding-bottom: 20px;
  padding-top: 30px
}

.content-section {
  position: relative;
  z-index: 1
}

.content-section .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.content-info {
  max-width: 670px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .content-info {
    margin-bottom: 50px
  }
}

.content-info .content-list {
  margin-bottom: 30px
}

.content-info .content-list li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.content-info .content-list li i {
  color: var(--tl-color-theme-primary)
}

.content-info .content-list li:first-child {
  padding-top: 20px;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

.content-info .content-list li:not(:last-of-type) {
  margin-bottom: 20px
}

.content-info p {
  margin-bottom: 50px
}

.content-img-wrap {
  position: relative;
  height: 616px;
  max-width: 650px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .content-img-wrap {
    margin-right: 0
  }
}

@media only screen and (max-width: 767px) {
  .content-img-wrap {
    height: 450px
  }
}

.content-img-wrap .content-img-1 {
  max-width: 420px;
  width: 100%;
  height: 360px;
  position: absolute;
  top: 0;
  left: 0
}

.content-img-wrap .content-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.content-img-wrap .content-img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 440px;
  width: 100%;
  height: 420px
}

.content-img-wrap .content-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.video-section {
  position: relative;
  z-index: 1
}

.video-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.video-section .bg-img:before {
  background-color: #252627;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .46
}

.video-content {
  padding: 245px 0 130px 0;
  position: relative;
  position: relative
}

@media(max-width: 1199px) {
  .video-content {
    text-align: center
  }
}

@media only screen and (max-width: 992px) {
  .video-content {
    padding: 130px 0
  }
}

@media only screen and (max-width: 767px) {
  .video-content {
    padding: 70px 0
  }
}

.video-content .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 65px
}

@media(max-width: 1199px) {
  .video-content .play-btn {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn {
    margin-bottom: 20px
  }
}

.video-content .play-btn a {
  color: var(--tl-color-common-white);
  height: 168px;
  width: 168px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .36);
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn a {
    height: 100px;
    width: 100px
  }
}

.video-content .play-btn a i {
  background-color: rgba(255, 255, 255, .36);
  height: 148px;
  width: 148px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media only screen and (max-width: 767px) {
  .video-content .play-btn a i {
    height: 80px;
    width: 80px;
    font-size: 22px
  }
}

.video-content .play-btn a:hover i {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-heading-primary)
}

.video-content .video-title {
  color: var(--tl-color-common-white);
  font-size: 120px;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .video-content .video-title {
    font-size: 80px;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 767px) {
  .video-content .video-title {
    font-size: 40px
  }
}

.video-content p {
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500;
  max-width: 400px;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  bottom: 150px;
  left: 17%
}

@media(max-width: 1399px) {
  .video-content p {
    left: 0
  }
}

@media(max-width: 1199px) {
  .video-content p {
    position: relative;
    left: auto;
    right: 0;
    bottom: 0;
    margin: 0 auto
  }
}

.counter-6 {
  position: relative;
  z-index: 1
}

.counter-6 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.counter-6 .bg-img:before {
  background: linear-gradient(360deg, #010101 17.79%, rgba(0, 0, 0, 0) 57.79%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0
}

.counter-heading {
  margin-bottom: 320px
}

@media only screen and (max-width: 992px) {
  .counter-heading {
    margin-bottom: 60px
  }
}

.counter-item-6 .title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .18)
}

@media only screen and (max-width: 767px) {
  .counter-item-6 .title {
    font-size: 40px
  }
}

.counter-item-6 .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.counter-item-6 .title .odometer-formatting-mark {
  display: none
}

.counter-item-6 .sub-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

.counter-item-6 p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0
}

.testimonial-section {
  background-color: #eee;
  overflow-x: clip
}

.testi-img {
  max-width: 640px;
  width: 100%;
  height: 460px
}

@media only screen and (max-width: 992px) {
  .testi-img {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .testi-img {
    height: 350px
  }
}

.testi-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.testi-carousel-wrap {
  min-width: 0;
  max-width: 100%
}

.testi-carousel-wrap .testi-top-content {
  min-width: 0;
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(28, 28, 29, .1)
}

@media only screen and (max-width: 767px) {
  .testi-carousel-wrap .testi-top-content {
    flex-wrap: wrap;
    row-gap: 20px
  }
}

.testi-carousel-wrap .testi-top-content .left-content {
  display: flex;
  align-items: center;
  column-gap: 10px
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content .left-content {
    flex-wrap: wrap;
    row-gap: 15px
  }
}

.testi-carousel-wrap .testi-top-content .left-content .rating {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list ul {
  background-color: var(--tl-color-theme-primary);
  border-radius: 100px;
  padding: 3px 8px 7px 7px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list ul li {
  font-size: 12px;
  display: inline-flex;
  line-height: 1;
  color: var(--tl-color-common-white)
}

.testi-carousel-wrap .testi-top-content .left-content .rating-list span {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 500;
  display: block
}

.testi-carousel-wrap .testi-top-content .right-content {
  min-width: 0;
  flex: 1 1 0
}

.testi-carousel-wrap .testi-top-content .right-content p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content .right-content p br {
    display: none
  }
}

.testi-carousel.swiper {
  overflow: hidden;
  max-width: 100%
}

.testi-item p {
  color: var(--tl-color-heading-primary);
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 40px;
/*  max-width: 671px;*/
  width: 100%;
  line-height: 1.5
}

.testi-item .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  grid-gap: 17px
}

.testi-item .testi-author .author-img {
  height: 64px;
  width: 64px
}

.testi-item .testi-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.testi-item .testi-author .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0
}

.testi-item .testi-author .name span {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-text-body);
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-top: 5px
}

.request-section {
  position: relative;
  z-index: 1;
  padding-top: 60px
}

.request-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.request-section .bg-img:before {
  background-color: #1c1511;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .75
}

.request-wrap {
  padding-top: 70px
}

.request-content .section-heading {
  margin-bottom: 100px
}

.request-content .request-item-wrap {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 65px
}

@media only screen and (max-width: 767px) {
  .request-content .request-item-wrap {
    flex-direction: column;
    row-gap: 30px;
    margin-bottom: 50px
  }
}

.request-content .request-item-wrap .request-item span {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px
}

.request-content .request-item-wrap .request-item p,
.request-content .request-item-wrap .request-item a {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500;
  display: block
}

.request-form-wrap .form-item .form-title {
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px
}

.request-form-wrap .form-item .form-control {
  background: rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  border: none;
  border-radius: 24px;
  outline: none;
  box-shadow: none;
  color: #9f9fa4;
  padding: 17px 20px;
  margin-bottom: 30px
}

.request-form-wrap .form-item .form-control::-webkit-input-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control:-moz-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control::-moz-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .form-item .form-control:-ms-input-placeholder {
  font-size: 16px;
  font-family: var(--tl-ff-body);
  color: #9f9fa4
}

.request-form-wrap .tl-primary-btn {
  border: 1px solid rgba(255, 255, 255, .24)
}

.hero-section-7 {
  position: relative;
  z-index: 1;
  padding-bottom: 90px
}

.hero-section-7 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.hero-section-7 .bg-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .64
}

.hero-section-7 .hero-text {
  position: absolute;
  bottom: 100px;
  left: 0
}

.hero-section-7 .hero-text span {
  font-family: var(--tl-ff-heading);
  background: linear-gradient(180deg, #FFFFFF 14.9%, rgba(153, 153, 153, 0) 65.95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  opacity: .24;
  font-weight: 400;
  font-size: 360px;
  line-height: 1
}

.hero-wrap-7 {
  padding-top: 400px;
  max-width: 1770px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 4
}

@media(max-width: 1399px) {
  .hero-wrap-7 {
    padding-top: 250px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-7 {
    padding-top: 150px
  }
}

@media only screen and (max-width: 992px) {
  .hero-wrap-7 {
    flex-direction: column;
    row-gap: 30px;
    align-items: baseline
  }
}

.hero-wrap-7 .hero-content-7 .section-heading .section-title {
  font-size: 110px;
  font-weight: 400
}

@media(max-width: 1199px) {
  .hero-wrap-7 .hero-content-7 .section-heading .section-title {
    font-size: 70px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-7 .hero-content-7 .section-heading .section-title {
    font-size: 50px
  }
}

.hero-wrap-7 .hero-content-right .hero-right-box {
  background: rgba(243, 243, 243, .31);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .13);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  padding: 20px;
  display: grid;
  align-items: center;
  grid-template-columns: 200px 1fr;
  grid-gap: 25px;
  max-width: 470px;
  width: 100%
}

@media(max-width: 1199px) {
  .hero-wrap-7 .hero-content-right .hero-right-box {
    grid-template-columns: 1fr
  }
}

.hero-wrap-7 .hero-content-right .hero-right-box .box-img {
  max-width: 200px;
  width: 100%;
  height: 160px
}

.hero-wrap-7 .hero-content-right .hero-right-box .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px
}

.hero-wrap-7 .hero-content-right .hero-right-box .content .title {
  color: var(--tl-color-common-white);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1
}

.hero-wrap-7 .hero-content-right .hero-right-box .content p {
  color: var(--tl-color-common-white);
  margin-bottom: 20px
}

.hero-wrap-7 .hero-content-right .hero-right-box .content a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  line-height: 1
}

.hero-wrap-7 .hero-content-right .hero-right-box .content a:hover {
  color: var(--tl-color-theme-primary)
}

.hero-bottom-7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1410px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  padding-top: 60px;
  border-top: 1px solid rgba(255, 255, 255, .24)
}

@media only screen and (max-width: 767px) {
  .hero-bottom-7 {
    flex-direction: column;
    align-items: baseline;
    row-gap: 30px
  }
}

.hero-bottom-7 p {
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500;
  max-width: 462px;
  width: 100%;
  margin-bottom: 0
}

.about-section-7 {
  position: relative;
  z-index: 1
}

.about-section-7 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.about-wrap-7 {
  align-items: end
}

.about-wrap-7 .about-img-7 {
  max-width: 280px;
  width: 100%;
  height: 210px
}

@media only screen and (max-width: 767px) {
  .about-wrap-7 .about-img-7 {
    max-width: 100%
  }
}

.about-wrap-7 .about-img-7 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-wrap-7 .about-content-7 {
  display: flex;
  align-items: center;
  align-items: start;
  justify-content: space-between;
  column-gap: 70px;
  margin-right: 25px
}

@media only screen and (max-width: 992px) {
  .about-wrap-7 .about-content-7 {
    margin-right: 0;
    margin-top: 40px
  }
}

.about-wrap-7 .about-content-7 .left-content {
  max-width: 690px;
  width: 100%
}

.about-wrap-7 .about-content-7 .left-content .about-desc {
  color: var(--tl-color-heading-primary);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px
}

.about-wrap-7 .about-content-7 .left-content .about-btn {
  margin-top: 50px
}

.about-wrap-7 .about-content-7 .about-thumb-7 {
  max-width: 200px;
  width: 100%;
  height: 210px;
  margin-top: -110px
}

@media only screen and (max-width: 767px) {
  .about-wrap-7 .about-content-7 .about-thumb-7 {
    display: none
  }
}

.about-wrap-7 .about-content-7 .about-thumb-7 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.project-section-7 {
  background-color: #241c18
}

@media only screen and (max-width: 992px) {
  .project-left-content-7 {
    margin-bottom: 40px
  }
}

.project-left-content-7 .section-heading {
  margin-bottom: 400px
}

@media only screen and (max-width: 992px) {
  .project-left-content-7 .section-heading {
    margin-bottom: 60px
  }
}

.project-left-content-7 .section-heading p {
  max-width: 445px;
  width: 100%
}

.project-item-7 {
  position: relative;
  overflow: hidden
}

.project-item-7:not(:last-of-type) {
  margin-bottom: 40px
}

.project-item-7 .project-thumb {
  height: 880px;
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

@media only screen and (max-width: 992px) {
  .project-item-7 .project-thumb {
    height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .project-item-7 .project-thumb {
    height: 400px
  }
}

.project-item-7 .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.project-item-7 .project-thumb:before {
  background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, 0.54) 19.25%, #53524E 46.79%);
  content: "";
  width: 100%;
  height: 343px;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: .85
}

.project-item-7 .project-thumb ul {
  position: absolute;
  bottom: 60px;
  left: 40px;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .project-item-7 .project-thumb ul {
    left: auto;
    right: 20px;
    bottom: auto;
    top: 30px
  }
}

.project-item-7 .project-thumb ul li {
  font-family: var(--tl-ff-heading);
  display: inline-flex;
  color: var(--tl-color-common-white);
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 100px;
  padding: 3.5px 13.5px
}

.project-item-7 .project-content {
  position: absolute;
  right: 40px;
  bottom: 50px;
  left: 40px;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .project-item-7 .project-content {
    right: 20px;
    bottom: 30px
  }
}

.project-item-7 .project-content .title {
  color: var(--tl-color-common-white);
  font-size: 36px;
  font-weight: 400
}

.project-item-7 .project-content p {
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.service-section-7 {
  padding-bottom: 425px;
  position: relative;
  z-index: 1;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .service-section-7 {
    padding-bottom: 100px
  }
}

.service-section-7 .counter-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 992px) {
  .service-section-7 .counter-text {
    display: none
  }
}

.service-section-7 .counter-element {
  position: absolute;
  bottom: -15%;
  left: 77px
}

@media(max-width: 1399px) {
  .service-section-7 .counter-element {
    bottom: -12%
  }
}

@media(max-width: 1199px) {
  .service-section-7 .counter-element {
    bottom: -10%
  }
}

@media only screen and (max-width: 992px) {
  .service-section-7 .counter-element {
    bottom: -4%
  }
}

@media only screen and (max-width: 767px) {
  .service-section-7 .counter-element {
    display: none
  }
}

.service-img-7-wrap .img-text {
  font-size: 20px;
  font-weight: 400;
  color: var(--lt-color-heading-primary);
  margin-bottom: 40px
}

.service-img-7 {
  max-width: 450px;
  width: 100%;
  height: 540px
}

@media only screen and (max-width: 767px) {
  .service-img-7 {
    height: 350px
  }
}

.service-img-7 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.service-item-wrap-7 {
  max-width: 810px;
  width: 100%;
  margin-right: auto
}

.service-item-7 {
  position: relative;
  cursor: pointer;
  padding-bottom: 40px;
  border-bottom: 1px solid #59585d
}

.service-item-7:first-child {
  padding-top: 40px;
  border-top: 1px solid #59585d
}

.service-item-7:not(:last-of-type) {
  margin-bottom: 40px
}

.service-item-7 .service-item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media only screen and (max-width: 767px) {
  .service-item-7 .service-item-inner {
    flex-direction: column;
    row-gap: 20px;
    align-items: baseline
  }
}

.service-item-7 .service-item-inner .left-content {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 100px
}

@media(max-width: 1199px) {
  .service-item-7 .service-item-inner .left-content {
    column-gap: 50px
  }
}

@media only screen and (max-width: 767px) {
  .service-item-7 .service-item-inner .left-content {
    flex-direction: column;
    row-gap: 20px;
    align-items: baseline
  }
}

.service-item-7 .service-item-inner .left-content span {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400
}

.service-item-7 .service-item-inner .left-content .left-content-inner {
  position: relative;
  padding-bottom: 0px;
  width: 550px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.service-item-7 .service-item-inner .left-content .left-content-inner .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

@media(max-width: 1199px) {
  .service-item-7 .service-item-inner .left-content .left-content-inner .title {
    font-size: 28px
  }
}

@media only screen and (max-width: 767px) {
  .service-item-7 .service-item-inner .left-content .left-content-inner .title {
    font-size: 22px
  }
}

.service-item-7 .service-item-inner .left-content .left-content-inner p {
  font-size: 16px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.service-item-7:hover .service-item-inner .left-content .left-content-inner {
  padding-bottom: 60px
}

.service-item-7:hover .service-item-inner .left-content .left-content-inner .title {
  margin-bottom: 20px
}

.service-item-7:hover .service-item-inner .left-content .left-content-inner .title a {
  color: var(--tl-color-theme-primary)
}

.service-item-7:hover .service-item-inner .left-content .left-content-inner p {
  visibility: visible;
  opacity: 1
}

.exp-section {
  background-color: #241c18
}

.exp-heading .section-title {
  font-size: 60px
}

@media only screen and (max-width: 767px) {
  .exp-heading .section-title {
    font-size: 40px
  }
}

.exp-wrap>div:nth-child(2) {
  margin-top: 60px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(2) {
    margin-top: 0 !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(2) {
    margin-top: 24px !important
  }
}

.exp-wrap>div:nth-child(3) {
  margin-top: 120px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(3) {
    margin-top: 24px !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(3) {
    margin-top: 24px !important
  }
}

.exp-wrap>div:nth-child(4) {
  margin-top: 180px
}

@media only screen and (max-width: 992px) {
  .exp-wrap>div:nth-child(4) {
    margin-top: 24px !important
  }
}

@media only screen and (max-width: 767px) {
  .exp-wrap>div:nth-child(4) {
    margin-top: 24px !important
  }
}

.exp-item .exp-img {
  height: 180px;
  margin-bottom: 20px
}

.exp-item .exp-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.exp-item .exp-content .title {
  color: var(--tl-color-common-white);
  font-size: 26px;
  font-weight: 400
}

.exp-item .exp-content .line {
  background-color: #e3e3e8;
  width: 100%;
  height: 1px;
  display: block;
  opacity: .18;
  margin: 20px 0;
  position: relative
}

.exp-item .exp-content .line:before {
  background-color: #e3e3e8;
  content: "";
  width: 15px;
  height: 1px;
  position: absolute;
  bottom: 3px;
  left: 0;
  transform: rotate(20deg)
}

.exp-item .exp-content p {
  max-width: 286px;
  width: 100%;
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.award-section {
  position: relative;
  z-index: 1
}

.award-section .bg-shape {
  max-width: 700px;
  width: 100%;
  max-height: 720px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.award-section .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.award-section .section-heading-wrap {
  margin-right: 0
}

.award-img {
  height: 510px;
  max-width: 420px;
  width: 100%;
  margin: 0 auto
}

@media only screen and (max-width: 992px) {
  .award-img {
    margin: 0 auto;
    margin-bottom: 50px
  }
}

@media only screen and (max-width: 992px) {
  .award-img {
    height: 400px
  }
}

.award-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.award-item-list .award-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 28px 0;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.award-item-list .award-item:first-child {
  border-top: 1px solid rgba(159, 159, 164, .24)
}

@media only screen and (max-width: 767px) {
  .award-item-list .award-item {
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: center
  }
}

.award-item-list .award-item .left-content {
  display: flex;
  align-items: center;
  column-gap: 90px
}

@media(max-width: 1399px) {
  .award-item-list .award-item .left-content {
    column-gap: 40px
  }
}

@media only screen and (max-width: 767px) {
  .award-item-list .award-item .left-content {
    justify-content: center
  }
}

.award-item-list .award-item .left-content .number {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-grey-2);
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.award-item-list .award-item .left-content .title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

@media(max-width: 1199px) {
  .award-item-list .award-item .left-content .title {
    font-size: 24px
  }
}

@media only screen and (max-width: 767px) {
  .award-item-list .award-item .left-content .title {
    font-size: 16px
  }
}

.award-item-list .award-item .mid-content span {
  font-family: var(--tl-ff-heading);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 400
}

.award-item-list .award-item.active .left-content .number,
.award-item-list .award-item:hover .left-content .number {
  color: var(--tl-color-heading-primary)
}

.award-item-list .award-item.active .left-content .title,
.award-item-list .award-item:hover .left-content .title {
  color: var(--tl-color-theme-primary)
}

.award-item-list .award-item.active .arrow a,
.award-item-list .award-item:hover .arrow a {
  color: var(--tl-color-theme-primary);
  transform: rotate(0)
}

.video-area-wrap {
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 992px) {
  .video-area-wrap {
    height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .video-area-wrap {
    height: 400px
  }
}

.video-area-wrap .video-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.video-area-wrap .play-btn a {
  background: rgba(255, 255, 255, .36);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .11);
  backdrop-filter: blur(29px);
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  text-transform: capitalize
}

.team-item-7 .team-thumb {
  height: 420px;
  border-radius: 24px;
  overflow: hidden;
  position: relative
}

.team-item-7 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.team-item-7 .team-thumb:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 35%;
  bottom: -10px;
  right: 0px;
  z-index: 1;
  background: linear-gradient(rgba(185, 183, 174, 0) 8.17%, rgba(108, 106, 100, 0.64) 41.26%, rgb(31, 30, 26) 100%);
  border-radius: 0px 0px 24px 24px;
  transition: .5s;
  visibility: hidden;
  opacity: 0
}

.team-item-7 .team-thumb .team-social {
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translateX(-50%);
  z-index: 5;
  transition: .5s;
  visibility: hidden;
  opacity: 0
}

.team-item-7 .team-thumb .team-social li {
  display: inline-flex
}

.team-item-7 .team-thumb .team-social li a {
  width: 40px;
  height: 40px;
  font-size: .875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-image: initial;
  border-radius: 50%;
  transition: .5s
}

.team-item-7 .team-thumb .team-social li a:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.team-item-7 .team-content {
  margin-top: 30px
}

.team-item-7 .team-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px
}

.team-item-7 .team-content span {
  font-family: var(--tl-ff-heading);
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px
}

.team-item-7:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
  bottom: 0
}

.team-item-7:hover .team-thumb .team-social {
  visibility: visible;
  opacity: 1;
  bottom: 30px
}

.testimonial-section {
  background-color: #eee;
  overflow-x: clip
}

.testi-img {
  max-width: 640px;
  width: 100%;
  height: 460px
}

@media only screen and (max-width: 992px) {
  .testi-img {
    margin-bottom: 40px
  }
}

@media only screen and (max-width: 767px) {
  .testi-img {
    height: 350px
  }
}

.testi-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.testi-carousel-wrap-7 {
  max-width: 850px;
  width: 100%;
  margin-right: auto
}

.testi-carousel-wrap .testi-top-content-wrap {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 70px;
  border-bottom: 1px solid rgba(28, 28, 29, .1);
  margin-bottom: 40px;
  padding-bottom: 45px
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content {
  display: flex;
  align-items: center;
  column-gap: 50px;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0
}

@media only screen and (max-width: 767px) {
  .testi-carousel-wrap .testi-top-content-wrap .testi-top-content {
    flex-wrap: wrap;
    row-gap: 20px
  }
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content {
  display: flex;
  align-items: center;
  column-gap: 10px
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content {
    flex-wrap: wrap;
    row-gap: 15px
  }
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content .rating {
  font-size: 60px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content .rating-list ul {
  background-color: var(--tl-color-theme-primary);
  border-radius: 100px;
  padding: 3px 8px 7px 7px;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content .rating-list ul li {
  font-size: 12px;
  display: inline-flex;
  line-height: 1;
  color: var(--tl-color-common-white)
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .left-content .rating-list span {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 500;
  display: block
}

.testi-carousel-wrap .testi-top-content-wrap .testi-top-content .right-content p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1399px) {
  .testi-carousel-wrap .testi-top-content-wrap .testi-top-content .right-content p br {
    display: none
  }
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav-wrap {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid var(--tl-color-theme-primary)
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav:hover {
  background-color: var(--tl-color-common-white);
  color: var(--lt-color-heading-primary);
  border: 1px solid var(--tl-color-common-white)
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav.swiper-prev:hover i {
  transform: rotate(45deg)
}

.testi-carousel-wrap .testi-top-content-wrap .swiper-nav.swiper-next:hover i {
  transform: rotate(-45deg)
}

.testi-item p {
  color: var(--tl-color-heading-primary);
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 40px;
 /* max-width: 671px;*/
  width: 100%;
  line-height: 1.5
}

.testi-item .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  grid-gap: 17px
}

.testi-item .testi-author .author-img {
  height: 64px;
  width: 64px
}

.testi-item .testi-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}

.testi-item .testi-author .name {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0
}

.testi-item .testi-author .name span {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-text-body);
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-top: 5px
}

.faq-content-2 {
  padding-right: 20px;
  max-width: 1000px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .faq-content-2 {
    margin-top: 50px
  }
}

.faq-content-2 .faq-accordion {
  border-radius: 0
}

.faq-content-2 .faq-accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0
}

.faq-content-2 .faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--lt-color-heading-primary);
  border: none;
  box-shadow: none;
  font-size: 28px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 23px;
  padding-top: 23px;
  border-radius: 0;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
    align-items: baseline;
    font-size: 18px;
    position: relative
  }
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:after {
  color: var(--lt-color-heading-primary);
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-button:after {
    position: absolute;
    left: 0;
    top: 45%
  }
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--tl-color-theme-primary);
  border-color: #1c1c1d
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "-";
  transform: rotate(0)
}

.faq-content-2 .faq-accordion .accordion-item .accordion-button span {
  width: 40px;
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-button span {
    font-size: 18px
  }
}

.faq-content-2 .faq-accordion .accordion-item .accordion-body {
  color: var(--lt-color-text-body);
  max-width: 830px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 40px;
  padding-right: 40px
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .faq-accordion .accordion-item .accordion-body {
    padding-right: 10px
  }
}

.faq-img-wrap-7 .faq-img {
  height: 390px;
  max-width: 450px;
  width: 100%;
  margin-bottom: 30px
}

.faq-img-wrap-7 .faq-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.faq-img-wrap-7 .title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px
}

.faq-img-wrap-7 p {
  margin-bottom: 0
}

.cta-section-5 {
  position: relative;
  padding: 240px 0 225px 0
}

@media only screen and (max-width: 767px) {
  .cta-section-5 {
    padding: 100px 0
  }
}

.cta-section-5 .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.cta-section-5 .cta-bg:before {
  background-color: #000;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .54
}

.cta-wrap-5 .cta-btn-wrap .cta-btn {
  background-color: rgba(255, 255, 255, .24);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .09);
  backdrop-filter: blur(29px);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.cta-wrap-5 .cta-btn-wrap .cta-btn:hover {
  background-color: var(--tl-color-theme-primary);
  border-color: var(--tl-color-theme-primary)
}

.hero-section-8 {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1
}

.hero-section-8 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 910px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.hero-section-8 .bg-color {
  background-color: var(--tl-color-common-white);
  width: 100%;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .hero-section-8 .bg-color {
    height: 200px
  }
}

@media only screen and (max-width: 992px) {
  .hero-wrap-8 {
    padding-top: 150px
  }
}

.hero-wrap-8 .hero-content-8 {
  display: flex;
  align-items: center;
  align-items: end;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
  margin-bottom: 80px
}

@media only screen and (max-width: 992px) {
  .hero-wrap-8 .hero-content-8 {
    flex-direction: column;
    align-items: start;
    row-gap: 30px
  }
}

.hero-wrap-8 .hero-content-8 .section-heading .section-title {
  color: var(--tl-color-heading-primary);
  font-size: 110px;
  font-weight: 400
}

@media(max-width: 1199px) {
  .hero-wrap-8 .hero-content-8 .section-heading .section-title {
    font-size: 80px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-8 .hero-content-8 .section-heading .section-title {
    font-size: 60px
  }
}

.hero-wrap-8 .hero-content-8 .hero-content-left {
  max-width: 450px;
  width: 100%
}

.hero-wrap-8 .hero-content-8 .hero-content-left p {
  color: var(--tl-color-text-body);
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 500
}

.hero-wrap-8 .hero-content-8 .hero-content-left .hero-thumb {
  max-width: 510px;
  width: 100%;
  height: 267px;
  margin-bottom: 30px
}

.hero-wrap-8 .hero-content-8 .hero-content-left .hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 28px
}

.hero-wrap-8 .hero-bottom-img {
  height: 800px;
  overflow: hidden;
  border-radius: 24px
}

@media(max-width: 1199px) {
  .hero-wrap-8 .hero-bottom-img {
    height: 600px
  }
}

@media only screen and (max-width: 767px) {
  .hero-wrap-8 .hero-bottom-img {
    height: 400px
  }
}

.hero-wrap-8 .hero-bottom-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.feature-8 {
  padding-bottom: 425px;
  position: relative;
  z-index: 2;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .feature-8 {
    padding-bottom: 100px
  }
}

.feature-8 .feature-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .feature-8 .feature-text {
    display: none
  }
}

.feature-8 .feature-element {
  position: absolute;
  bottom: -22%;
  left: 57px
}

@media(max-width: 1199px) {
  .feature-8 .feature-element {
    bottom: -26%
  }
}

@media only screen and (max-width: 992px) {
  .feature-8 .feature-element {
    bottom: -8%
  }
}

.feature-img {
  max-width: 720px;
  width: 100%;
  height: 520px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .feature-img {
    height: 400px
  }
}

.feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.feature-img .img-content {
  background: rgba(21, 24, 31, .46);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  padding: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 420px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .feature-img .img-content {
    max-width: 280px;
    right: 10px
  }
}

.feature-img .img-content p {
  color: var(--tl-color-common-white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0
}

@media only screen and (max-width: 992px) {
  .feature-item-list {
    margin-top: 50px
  }
}

.feature-item-list.feature-item-list-1 {
  max-width: 640px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .feature-item-list.feature-item-list-1 {
    margin-right: 0
  }
}

.feature-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 28px 0;
  border-bottom: 1px solid var(--tl-color-border-1);
  cursor: pointer
}

.feature-item:nth-child(1) {
  border-top: 1px solid var(--tl-color-border-1)
}

.feature-item .number {
  font-family: var(--tl-ff-heading);
  font-size: 16px;
  font-weight: 400;
  display: block;
  width: 44px;
  line-height: 1;
  margin-bottom: -4px
}

.feature-item .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .feature-item .title {
    font-size: 26px
  }
}

@media only screen and (max-width: 767px) {
  .feature-item .title {
    font-size: 16px
  }
}

.feature-item .arrow {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  .feature-item .arrow {
    height: 30px;
    width: 30px;
    font-size: 12px
  }
}

.feature-item .arrow i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.feature-item.active .title a,
.feature-item:hover .title a {
  color: var(--tl-color-theme-primary)
}

.feature-item.active .arrow i,
.feature-item:hover .active i {
  transform: rotate(-45deg)
}

.about-section-8 {
  position: relative;
  z-index: 1
}

.about-section-8 .about-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2
}

.about-section-8 .bg-blur-shape {
  background: linear-gradient(270deg, #000000 35.95%, rgba(0, 0, 0, 0.984537) 45.87%, rgba(1, 1, 1, 0.958808) 56.88%, rgba(3, 3, 3, 0.794181) 69.78%, rgba(7, 6, 6, 0.55007) 85.95%, rgba(16, 14, 14, 0) 100%);
  width: 1744px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .9
}

.about-img-8 {
  max-width: 700px;
  width: 100%;
  height: 460px
}

.about-img-8 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-content-8 {
  max-width: 630px;
  width: 100%;
  margin-right: auto
}

@media only screen and (max-width: 992px) {
  .about-content-8 {
    margin-right: 0
  }
}

.about-content-8 .desc {
  font-size: 20px;
  font-weight: 500
}

.about-content-8 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  gap: 5px;
  margin: 30px 0
}

@media only screen and (max-width: 767px) {
  .about-content-8 ul {
    grid-template-columns: 1fr
  }
}

.about-content-8 ul li {
  font-family: var(--tl-ff-heading);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 20px;
  font-weight: 400
}

.about-content-8 ul li i {
  color: var(--tl-color-theme-primary)
}

.about-content-8 .about-btn {
  margin-top: 30px
}

.slider-9 .slider-item .slider-content-wrap .bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .antra-desc {
  grid-template-columns: 1fr
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area {
  background: rgba(243, 243, 243, .34);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .13);
  backdrop-filter: blur(29px);
  border-radius: 24px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 170px;
  grid-gap: 20px;
  padding: 10px;
  padding-right: 30px;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area {
    grid-template-columns: 1fr;
    padding-right: 10px;
    padding-top: 30px;
    margin: 0 auto
  }
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area span {
  color: var(--tl-color-common-white);
  font-family: var(--tl-ff-heading);
  font-size: 26px;
  font-weight: 400;
  display: block;
  line-height: 1.3
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area span br {
  display: block
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area .play-btn-wrap {
  max-width: 170px;
  width: 100%;
  height: 130px;
  position: relative
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area .play-btn-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area .play-btn-wrap .play-btn {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%)
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area .play-btn-wrap .play-btn a {
  color: var(--tl-color-common-white);
  height: 84px;
  width: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tl-color-common-white);
  border-radius: 50%
}

.slider-9 .slider-item .slider-content-wrap .bottom-content .slider-video-area .play-btn-wrap .play-btn a i {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-theme-primary);
  height: 70px;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.about-section-9 {
  position: relative;
  z-index: 1
}

.about-section-9 .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

.about-img-9 {
  max-width: 100%;
  width: 100%;
  height: 640px
}

.about-img-9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.about-content-9 {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  align-items: center;
  grid-template-columns: 460px 1fr;
  margin-top: 40px
}

.about-content-9 .about-counter {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 20px
}

.about-content-9 .about-counter .title {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-theme-primary);
  font-size: 310px;
  font-weight: 400;
  line-height: 1
}

.about-content-9 .about-counter .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit
}

.about-content-9 .about-counter p {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  writing-mode: sideways-lr;
  text-transform: uppercase;
  margin-top: 70px;
  text-align: right
}

.about-content-9 .about-desc {
  border-right: 1px solid var(--tl-color-border-1);
  padding-right: 50px
}

.about-content-9 .about-desc p {
  margin-bottom: 50px
}

.service-9 {
  padding-bottom: 425px;
  position: relative;
  z-index: 2;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .service-9 {
    padding-bottom: 100px
  }
}

.service-9 .service-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .service-9 .service-text {
    display: none
  }
}

.service-9 .service-element {
  position: absolute;
  bottom: -22%;
  left: 57px
}

@media(max-width: 1199px) {
  .service-9 .service-element {
    bottom: -26%
  }
}

@media only screen and (max-width: 992px) {
  .service-9 .service-element {
    bottom: -8%
  }
}

.project-wrap-9 {
  display: flex;
  align-items: center;
  column-gap: 18px
}

@media only screen and (max-width: 992px) {
  .project-wrap-9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
  }
}

@media only screen and (max-width: 767px) {
  .project-wrap-9 {
    grid-template-columns: 1fr
  }
}

.project-wrap-9 .project-item-3 {
  width: 200px;
  height: 620px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  flex-shrink: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.project-wrap-9 .project-item-3.active {
  width: 520px
}

@media(max-width: 1399px) {
  .project-wrap-9 .project-item-3.active {
    width: 420px
  }
}

@media(max-width: 1199px) {
  .project-wrap-9 .project-item-3.active {
    width: 350px
  }
}

@media only screen and (max-width: 992px) {
  .project-wrap-9 .project-item-3.active {
    width: 355px
  }
}

@media only screen and (max-width: 767px) {
  .project-wrap-9 .project-item-3.active {
    width: 100%
  }
}

.project-wrap-9 .project-item-3.active .project-img:before {
  visibility: visible;
  opacity: 1
}

.project-wrap-9 .project-item-3.active .project-content {
  opacity: 1
}

@media(max-width: 1399px) {
  .project-wrap-9 .project-item-3 {
    width: 170px
  }
}

@media(max-width: 1199px) {
  .project-wrap-9 .project-item-3 {
    width: 145px
  }
}

@media only screen and (max-width: 992px) {
  .project-wrap-9 .project-item-3 {
    width: 355px;
    height: 550px
  }
}

@media only screen and (max-width: 767px) {
  .project-wrap-9 .project-item-3 {
    width: 100%
  }
}

.project-wrap-9 .project-item-3 .project-img {
  height: 100%
}

.project-wrap-9 .project-item-3 .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.project-wrap-9 .project-item-3 .project-content {
  position: absolute;
  bottom: 40px;
  right: 40px;
  visibility: inherit;
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

@media(max-width: 1199px) {
  .project-wrap-9 .project-item-3 .project-content {
    right: 20px
  }
}

.project-wrap-9 .project-item-3 .project-content .title {
  overflow: hidden;
  text-overflow: ellipsis
}

.project-wrap-9 .project-item-3:hover .project-content {
  opacity: 1
}

.history-section {
  padding-bottom: 425px;
  position: relative;
  z-index: 2;
  overflow-x: clip
}

@media only screen and (max-width: 767px) {
  .history-section {
    padding-bottom: 100px
  }
}

.history-section .history-text {
  font-family: var(--tl-ff-heading);
  font-size: 420px;
  font-weight: 400;
  line-height: 1;
  color: #9f9fa4;
  opacity: .13;
  margin-bottom: 0;
  position: absolute;
  bottom: -62px;
  right: 77px;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .history-section .history-text {
    display: none
  }
}

.history-section .history-element {
  position: absolute;
  bottom: -20%;
  left: 77px
}

@media(max-width: 1199px) {
  .history-section .history-element {
    bottom: -26%
  }
}

@media only screen and (max-width: 992px) {
  .history-section .history-element {
    bottom: -8%
  }
}

.history-carousel-wrap {
  clip-path: inset(-100% -100% -100% 0);
  overflow: visible;
  position: relative
}

.history-carousel-wrap:before {
  background-color: #9f9fa4;
  content: "";
  width: 3000px;
  height: 1px;
  position: absolute;
  top: 54.6%;
  right: -175px;
  z-index: -1;
  opacity: .24
}

.history-carousel {
  overflow: visible
}

.history-item .history-img {
  height: 160px;
  width: 160px
}

.history-item .history-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.history-item .history-content .circle {
  background-color: var(--tl-color-theme-primary);
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: 40px 0 30px 0
}

.history-item .history-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 20px
}

.history-item .history-content p {
  margin-bottom: 0;
  max-width: 311px;
  width: 100%;
  font-size: 16px;
  font-weight: 500
}

.gallary-section-2 {
  position: relative;
  z-index: 1
}

.gallary-section-2 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.gallary-section-2 .bg-img:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .46
}

.gallary-carousel-wrap {
  clip-path: inset(-100% -100% -100% 0);
  overflow: visible
}

.gallary-carousel-wrap .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 40px
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: 1px solid var(--tl-color-theme-primary)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav i {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav:hover {
  background-color: rgba(216, 218, 223, .13);
  border: 1px solid rgba(255, 255, 255, .09)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav.swiper-prev:hover i {
  transform: rotate(45deg)
}

.gallary-carousel-wrap .swiper-arrow .swiper-nav.swiper-next:hover i {
  transform: rotate(-45deg)
}

.gallary-carousel {
  overflow: hidden
}

.gallary-inner-item a {
  height: 360px;
  display: block
}

.gallary-inner-item a img {
  width: 100%;
  height: 100%;
  border-radius: 24px
}

.sponsor-text-wrap-2 .sponsor-text {
  background-color: var(--tl-color-common-white)
}

.skill-inner {
  background-color: #eee
}

.service-inner-item-wrap .service-item-2.big .service-thumb {
  height: 480px
}

.service-details-left-content {
  max-width: 420px;
  width: 100%
}

.service-details-left-content .service-category-list {
  background-color: var(--tl-color-common-white);
  border-radius: 24px;
  padding: 40px;
  padding-bottom: 25px
}

.service-details-left-content .service-category-list .list-title {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px
}

.service-details-left-content .service-category-list ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  list-style: none
}

.service-details-left-content .service-category-list ul li a {
  padding: 20px 0;
  padding-right: 15px;
  display: block;
  position: relative;
  line-height: 1
}

.service-details-left-content .service-category-list ul li a:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateX(-50%);
  border-radius: 50%
}

.service-details-left-content .service-category-list ul li:not(:last-of-type) {
  border-bottom: 1px solid #e3e5e8
}

.service-details-left-content .service-category-list ul li.active {
  border: none
}

.service-details-left-content .service-category-list ul li.active a {
  background-color: var(--tl-color-theme-primary);
  padding: 15px 20px;
  padding-right: 30px;
  color: var(--tl-color-common-white);
  border-radius: 9px
}

.service-details-left-content .service-category-list ul li.active a:before {
  background-color: var(--tl-color-common-white);
  right: 20px
}

.service-details-left-content .service-details-cta {
  padding: 100px 35px;
  border-radius: 24px;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-top: 30px
}

.service-details-left-content .service-details-cta .cta-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.service-details-left-content .service-details-cta .cta-bg:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .46
}

.service-details-left-content .service-details-cta span {
  display: block;
  font-family: var(--tl-ff-heading);
  font-size: 20px;
  font-weight: 400;
  color: var(--tl-color-common-white);
  display: block;
  margin: 20px 0 15px 0
}

.service-details-left-content .service-details-cta .number {
  font-family: var(--tl-ff-heading);
  font-size: 40px;
  font-weight: 400;
  color: var(--tl-color-common-white);
  margin-bottom: 15px;
  line-height: 1;
  display: block
}

.service-details-left-content .service-details-cta .number:hover {
  color: var(--tl-color-theme-primary)
}

.service-details-left-content .service-details-cta .mail {
  font-family: var(--tl-ff-heading);
  font-size: 22px;
  font-weight: 400;
  color: var(--tl-color-common-white);
  display: block;
  margin-bottom: 20px
}

.service-details-left-content .service-details-cta .mail:hover {
  color: var(--tl-color-theme-primary)
}

.service-details-left-content .service-details-cta .cta-btn a {
  background: rgba(152, 152, 152, .36);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  opacity: .95;
  border: 1px solid rgba(255, 255, 255, .05);
  backdrop-fitler: blur(29px);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize
}

.service-details-content .service-details-img {
  height: 520px;
  margin-bottom: 30px
}

.service-details-content .service-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.service-details-content .details-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 15px
}

.service-details-content .service-details-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin-top: 40px;
  margin-bottom: 40px
}

.service-details-content .service-details-items .service-details-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px
}

.service-details-content .service-details-items .service-details-item .icon {
  background-color: var(--tl-color-theme-primary);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.service-details-content .service-details-items .service-details-item .content .title {
  font-size: 26px;
  font-weight: 400
}

.service-details-content .service-details-items .service-details-item .content p {
  margin-bottom: 0;
  max-width: 334px
}

.service-details-content .service-details-img-wrap {
  display: flex;
  align-items: center;
  column-gap: 30px
}

.service-details-content .service-details-img-wrap .details-img {
  height: 310px;
  margin-bottom: 50px
}

.service-details-content .service-details-img-wrap .details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.service-details-content .service-details-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 785px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px
}

.service-details-content .service-details-list-wrap ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1
}

.service-details-content .service-details-list-wrap ul li:not(:last-of-type) {
  margin-bottom: 15px
}

.service-details-content .service-details-list-wrap ul li i {
  color: var(--tl-color-theme-primary)
}

.service-details-content .service-faq .faq-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1;
  margin-bottom: 30px
}

.service-details-content .service-faq .faq-accordion {
  border-radius: 0
}

.service-details-content .service-faq .faq-accordion .accordion-item {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  padding: 0
}

.service-details-content .service-faq .faq-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.service-details-content .service-faq .faq-accordion .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0);
  color: var(--tl-color-heading-primary);
  border: none;
  box-shadow: none;
  font-size: 26px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  border-radius: 0;
  border-top: 1px solid rgba(159, 159, 164, .24)
}

.service-details-content .service-faq .faq-accordion .accordion-item .accordion-button:after {
  color: var(--tl-color-heading-primary);
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.service-details-content .service-faq .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: var(--tl-color-theme-primary);
  border-color: #1c1c1d
}

.service-details-content .service-faq .faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "-";
  transform: rotate(0)
}

.service-details-content .service-faq .faq-accordion .accordion-item .accordion-body {
  color: var(--tl-color-text-body);
  max-width: 835px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 40px
}

.project-details-wrap .details-title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 50px
}

.project-details-wrap .project-details-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e2
}

.project-details-wrap .project-details-meta .details-meta span {
  font-family: var(--tl-ff-heading);
  color: #9f9fa4;
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px
}

.project-details-wrap .project-details-meta .details-meta h5 {
  font-family: var(--tl-ff-p);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0
}

.project-details-wrap .project-details-img {
  height: 710px;
  margin-bottom: 60px
}

.project-details-wrap .project-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.project-details-wrap .details-title-2 {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1
}

.project-details-wrap .project-details-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: start;
  column-gap: 30px;
  margin-top: 30px
}

.project-details-wrap .project-details-list ul li {
  list-style: none
}

.project-details-wrap .project-details-list ul li i {
  color: var(--tl-color-theme-primary);
  margin-left: 10px
}

.project-details-wrap .project-details-list ul li strong {
  color: var(--tl-color-heading-primary);
  margin-left: 4px
}

.project-details-wrap .project-details-list ul li:not(:last-of-type) {
  margin-bottom: 10px
}

.project-details-wrap .project-details-items {
  background-color: var(--tl-color-common-white);
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e7;
  border-radius: 24px;
  /*max-width: 1310px;*/
  width: 100%;
  margin: 50px 0
}

.project-details-wrap .project-details-items .project-details-item {
  padding: 50px 100px
}

.project-details-wrap .project-details-items .project-details-item:not(:last-of-type) {
  border-left: 1px solid #e6e6e7
}

.project-details-wrap .project-details-items .project-details-item .title {
  font-size: 40px;
  font-weight: 400
}

.project-details-wrap .project-details-items .project-details-item span {
  font-size: 16px;
  line-height: 1
}

.team-details-img {
  height: 770px;
  max-width: 633px;
  width: 100%
}

.team-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.team-details-content .name {
  font-size: 80px;
  font-weight: 400;
  line-height: 1
}

.team-details-content .prof {
  font-family: var(--tl-ff-heading);
  font-size: 14px;
  font-weight: 400;
  color: #59585d;
  display: block;
  margin-bottom: 20px
}

.team-details-content .desc {
  font-size: 18px;
  font-weight: 500;
  color: var(--tl-color-heading-primary);
  margin-bottom: 30px
}

.team-details-content .team-details-contact span {
  font-family: var(--tl-ff-heading);
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--tl-color-text-body)
}

.team-details-content .team-details-contact .number,
.team-details-content .team-details-contact .mail {
  font-family: var(--tl-ff-heading);
  font-size: 24px;
  font-weight: 400;
  color: var(--tl-color-heading-primary);
  display: block
}

.team-details-content .team-details-contact .number:hover,
.team-details-content .team-details-contact .mail:hover {
  color: var(--tl-color-theme-primary)
}

.team-details-content .team-details-contact .number {
  color: var(--tl-color-theme-primary);
  text-decoration: underline;
  margin-top: 10px
}

.team-details-content .team-details-contact .social-list {
  display: flex;
  align-items: center;
  column-gap: 7px;
  margin-top: 20px;
  margin-bottom: 50px
}

.team-details-content .team-details-contact .social-list li {
  list-style: none
}

.team-details-content .team-details-contact .social-list li a {
  color: var(--tl-color-heading-primary);
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(159, 159, 164, .24)
}

.team-details-content .team-details-contact .social-list li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.team-details-content .details-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 15px
}

.team-details-content p {
  font-size: 16px;
  margin-bottom: 25px
}

.team-details-content .team-details-list {
  margin-bottom: 50px
}

.team-details-content .team-details-list li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  list-style: none
}

.team-details-content .team-details-list li:not(:last-of-type) {
  margin-bottom: 10px
}

.team-details-content .team-details-list li i {
  color: var(--tl-color-theme-primary);
  margin-left: 8px
}

.team-details-content .skills-items .skills-item {
  overflow: hidden;
  padding-bottom: 10px
}

.team-details-content .skills-items .skills-item:not(:last-of-type) {
  margin-bottom: 17px
}

.team-details-content .skills-items .skills-item .title {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
  z-index: 1
}

.team-details-content .skills-items .skills-item .progress {
  background-color: rgba(0, 0, 0, 0);
  height: 3px;
  overflow: visible
}

.team-details-content .skills-items .skills-item .progress .progress-bar {
  position: relative;
  background-color: var(--tl-color-heading-primary);
  overflow: visible
}

.team-details-content .skills-items .skills-item .progress .progress-bar span {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-theme-primary);
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: -33px;
  left: 0
}

.team-details-content .skills-items .skills-item .progress .progress-bar .dot {
  background-color: var(--tl-color-heading-primary);
  height: 20px;
  width: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(30deg)
}

.gallary-item-wrap-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px
}

.gallary-item-inner a {
  height: 400px
}

.gallary-item-inner a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.gallary-item-inner .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 20px
}

.gallary-inner-top {
  margin-bottom: 24px
}

.gallary-inner-item-2 a {
  height: 477px;
  width: 100%
}

.gallary-inner-item-2 a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.vbox-grab .vbox-child {
  width: 600px !important
}

.vbox-grab .vbox-child img {
  width: 600px !important
}

.gallary-inner-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px
}

.gallary-inner-items .gallary-inner-item-2 a {
  height: 225px;
  width: 100%
}

.gallary-inner-items .gallary-inner-item-2 a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.coming-section {
  position: relative;
  z-index: 1
}

.coming-section .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.coming-content {
  padding: 85px 0 280px 0
}

.coming-content .coming-logo {
  margin-bottom: 120px
}

.coming-content .rr-product-countdown {
  margin-bottom: 30px
}

.coming-content .rr-product-countdown .rr-product-countdown-inner ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  column-gap: 60px
}

.coming-content .rr-product-countdown .rr-product-countdown-inner ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1
}

.coming-content p {
  font-size: 16px;
  color: var(--tl-color-common-white);
  margin: 50px 0
}

.coming-content .form-item {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  position: relative
}

.coming-content .form-item .form-control {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid var(--tl-color-common-white);
  box-shadow: none;
  outline: none;
  border-radius: 0;
  color: var(--tl-color-common-white);
  padding-right: 0
}

.coming-content .form-item .form-control::-webkit-input-placeholder {
  color: var(--tl-color-common-white)
}

.coming-content .form-item .form-control:-moz-placeholder {
  color: var(--tl-color-common-white)
}

.coming-content .form-item .form-control::-moz-placeholder {
  color: var(--tl-color-common-white)
}

.coming-content .form-item .form-control:-ms-input-placeholder {
  color: var(--tl-color-common-white)
}

.coming-content .form-item .icon {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  position: absolute;
  top: -10px;
  left: 0;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.coming-content .form-item .icon i {
  transform: rotate(-45deg)
}

@media only screen and (max-width: 992px) {
  .shop-grid-left {
    margin-bottom: 50px
  }
}

.shop-grid-left .top-grid-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px
}

.shop-grid-left .top-grid-content .shop-tab-nav {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 15px
}

.shop-grid-left .top-grid-content .shop-tab-nav .nav-tabs {
  border: none;
  border-radius: 6px;
  column-gap: 15px
}

.shop-grid-left .top-grid-content .shop-tab-nav .nav-tabs .nav-link {
  border: none;
  padding: 0
}

.shop-grid-left .top-grid-content .shop-tab-nav .nav-tabs .nav-link svg {
  color: var(--tl-color-text-body);
  fill: var(--tl-color-text-body)
}

.shop-grid-left .top-grid-content .shop-tab-nav .nav-tabs .nav-link.active svg {
  color: var(--tl-color-theme-primary)
}

.shop-grid-left .top-grid-content .shop-tab-nav span {
  color: var(--tl-color-heading-primary)
}

.shop-grid-left .top-grid-content .shop-select {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100px;
  padding: 7px 30px 7px 50px;
  height: inherit
}

.shop-grid-left .top-grid-content .shop-select:after {
  top: 46%;
  width: 10px;
  height: 10px;
  border-color: var(--tl-color-heading-primary);
  border-bottom: 2px solid var(--tl-color-heading-primary);
  border-left: 2px solid var(--tl-color-heading-primary);
  left: 25px
}

.shop-grid-left .top-grid-content .shop-select ul {
  right: auto;
  left: 0
}

.grid-shop {
  display: grid;
  align-items: center;
  grid-template-columns: 500px 1fr;
  border: 1px solid var(--tl-color-border-1);
  border-radius: 24px
}

.grid-shop:not(:last-of-type) {
  margin-bottom: 30px
}

@media(max-width: 1399px) {
  .grid-shop {
    grid-template-columns: 400px 1fr
  }
}

@media(max-width: 1199px) {
  .grid-shop {
    grid-template-columns: 300px 1fr
  }
}

@media only screen and (max-width: 992px) {
  .grid-shop {
    grid-template-columns: 1fr
  }
}

.grid-shop .shop-thumb img {
  object-position: top center;
  border-radius: 0
}

.grid-shop .shop-content {
  border: none
}

.grid-shop .shop-content .title {
  font-size: 30px;
  margin-bottom: 15px
}

.grid-shop .shop-content p {
  margin-bottom: 15px
}

.grid-shop .shop-content .review-wrap {
  margin-bottom: 15px
}

.shop-sidebar {
  max-width: 330px;
  width: 100%
}

.shop-sidebar:not(:last-of-type) {
  margin-bottom: 50px
}

.shop-sidebar .sidebar-header {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 25px
}

.shop-sidebar .search-form {
  position: relative
}

.shop-sidebar .search-form .form-control {
  background-color: var(--tl-color-common-white);
  color: #4d4d4d;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  padding: 14.5px 0;
  padding-right: 25px;
  padding-left: 30px;
  overflow: hidden;
  border-radius: 24px
}

.shop-sidebar .search-form .form-control::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 16px
}

.shop-sidebar .search-form .form-control:-moz-placeholder {
  color: #4d4d4d;
  font-size: 16px
}

.shop-sidebar .search-form .form-control::-moz-placeholder {
  color: #4d4d4d;
  font-size: 16px
}

.shop-sidebar .search-form .form-control:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 16px
}

.shop-sidebar .search-form .search-btn {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: block
}

.shop-sidebar .sidebar-list {
  list-style: none
}

.shop-sidebar .sidebar-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer
}

.shop-sidebar .sidebar-list li:not(:last-of-type) {
  margin-bottom: 15px
}

.shop-sidebar .sidebar-list li .sidebar-input-check {
  border: 1px solid var(--tl-color-border-1)
}

.shop-sidebar .sidebar-list li input {
  accent-color: var(--tl-color-theme-primary);
  cursor: pointer;
  height: 20px;
  width: 20px
}

.shop-sidebar .sidebar-list li label {
  color: var(--tl-color-heading-primary);
  font-family: var(--tl-ff-heading);
  font-size: 18px;
  font-weight: 400;
  cursor: pointer
}

.shop-sidebar .sidebar-list.list-2 li {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.shop-sidebar .sidebar-list.list-2 li .left-item {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.shop-sidebar .sidebar-list.list-2 li .number {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400
}

.shop-sidebar .filter-box .range-slider input {
  width: 100%;
  width: 100%;
  background-color: var(--tl-color-theme-primary);
  accent-color: var(--tl-color-theme-primary);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial
}

.shop-sidebar .filter-box .range-slider .range-slider-output {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px
}

.shop-sidebar .filter-box .range-slider .range-slider-output .price {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0
}

.shop-sidebar .radio-item {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.shop-sidebar .radio-item:not(:last-of-type) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tl-color-border-1)
}

.shop-sidebar .radio-item label {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.shop-sidebar .radio-item label input {
  background-color: var(--tl-color-theme-primary);
  accent-color: var(--tl-color-theme-primary);
  height: 20px;
  width: 20px
}

.shop-sidebar .radio-item label .size {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400
}

.shop-sidebar .radio-item .number {
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400
}

.shop-sidebar .sidebar-items .sidebar-item {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 20px;
  overflow: hidden
}

.shop-sidebar .sidebar-items .sidebar-item:not(:last-of-type) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tl-color-border-1)
}

@media(max-width: 1199px) {
  .shop-sidebar .sidebar-items .sidebar-item {
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width: 992px) {
  .shop-sidebar .sidebar-items .sidebar-item {
    grid-template-columns: 90px 1fr
  }
}

@media only screen and (max-width: 767px) {
  .shop-sidebar .sidebar-items .sidebar-item {
    grid-template-columns: 1fr
  }
  .shop-sidebar .sidebar-items .sidebar-item:not(:last-of-type) {
    margin-bottom: 25px
  }
}

.shop-sidebar .sidebar-items .sidebar-item .item-img {
  height: 90px;
  width: 90px
}

.shop-sidebar .sidebar-items .sidebar-item .item-img img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px
}

.shop-sidebar .sidebar-items .sidebar-item .content {
  padding-right: 0;
  overflow: hidden
}

.shop-sidebar .sidebar-items .sidebar-item .content .title {
  font-family: var(--tl-ff-heading);
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0;
  line-height: 1
}

.shop-sidebar .sidebar-items .sidebar-item .content .review {
  display: flex;
  align-items: center;
  list-style: none;
  margin-bottom: 10px
}

.shop-sidebar .sidebar-items .sidebar-item .content .review li {
  color: var(--tl-color-theme-primary)
}

.shop-sidebar .sidebar-items .sidebar-item .content .price {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: block;
  font-size: 18px;
  font-weight: 400
}

.shop-top {
  margin-bottom: 30px
}

.shop-top .left-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 1
}

.shop-top .select-control {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--tl-color-border-1);
  padding: 14px 30px;
  padding-left: 60px;
  height: auto;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1
}

.shop-top .select-control:after {
  border: none;
  height: auto;
  width: auto;
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "";
  color: var(--tl-color-text-body);
  position: absolute;
  top: 63%;
  left: 20px;
  transform: translateY(-50%)
}

.shop-top .select-control .list {
  background-color: var(--tl-color-bg-1)
}

.shop-top .select-control.open:after {
  transform: translateY(-50%)
}

.shop-item {
  border-radius: 6px;
  overflow: hidden
}

.shop-item .shop-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 350px;
  border-radius: 24px
}

.shop-item .shop-thumb img {
  transform: scale(1);
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.shop-item .shop-thumb .shop-list {
  list-style: none;
  position: absolute;
  top: 20px;
  left: 10px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 2
}

.shop-item .shop-thumb .shop-list li:not(:last-of-type) {
  margin-bottom: 10px
}

.shop-item .shop-thumb .shop-list li a {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-bg-1);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

.shop-item .shop-thumb .shop-list li a i {
  line-height: 1;
  display: block
}

.shop-item .shop-thumb .shop-list li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white)
}

.shop-item:hover .shop-thumb img {
  transform: scale(1.03)
}

.shop-item:hover .shop-thumb .overlay {
  visibility: visible;
  opacity: 1
}

.shop-item:hover .shop-thumb .shop-list {
  left: 20px;
  visibility: visible;
  opacity: 1
}

.shop-content {
  text-align: center;
  margin-top: 20px
}

.shop-content .title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: capitalize
}

.shop-content .review-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
  row-gap: 5px
}

.shop-content .review-wrap .review {
  list-style: none
}

.shop-content .review-wrap .review li {
  display: inline-flex;
  color: var(--tl-color-theme-primary)
}

.shop-content .price {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: block;
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

.shop-content .price .offer {
  margin-top: 0;
  margin-left: 10px;
  text-decoration: line-through;
  color: var(--tl-color-text-body)
}

.product-details-img {
  max-width: 660px;
  width: 100%;
  height: 660px
}

.product-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.tab-navigation {
  border-bottom: 1px solid var(--tl-color-border-1);
  padding-bottom: 30px
}

.tab-navigation button {
  color: var(--tl-color-text-body);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: 0;
  padding: 0;
  margin-left: 30px;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.tab-navigation button.active,
.tab-navigation button:hover {
  color: var(--tl-color-heading-primary)
}

.tab-content .tab-pane {
  margin-top: 40px
}

.tab-content .tab-pane .desc-wrap p {
  margin-bottom: 30px
}

.tab-content .tab-pane .desc-wrap .desc-list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
  max-width: 1050px;
  width: 100%
}

.tab-content .tab-pane .desc-wrap .desc-list-wrap ul {
  list-style: none
}

.tab-content .tab-pane .desc-wrap .desc-list-wrap ul li {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  column-gap: 5px
}

.tab-content .tab-pane .desc-wrap .desc-list-wrap ul li:not(:last-of-type) {
  margin-bottom: 7px
}

.description-meta {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10px
}

.description-meta li span {
  color: var(--tl-color-theme-primary);
  font-weight: 600;
  margin-left: 5px
}

.product-table {
  background-color: #eee;
  margin: 0;
  margin-top: 40px;
  --bs-table-bg: transparent
}

.product-table:not(caption)>*>* {
  border-bottom: 1px solid var(--tl-color-border-1)
}

.product-table>:not(:last-child)>:last-child>* {
  border-color: var(--tl-color-border-1)
}

.product-table tbody tr td,
.product-table thead tr th {
  text-align: center
}

.product-table tbody tr td:not(:last-of-type),
.product-table thead tr th:not(:last-of-type) {
  border-left: 1px solid var(--tl-color-border-1)
}

.product-table tbody tr td:not(:last-of-type) {
  border-bottom: 1px solid var(--tl-color-border-1)
}

.product-table thead tr th {
  color: var(--tl-color-theme-primary)
}

.product-table tbody tr td {
  color: var(--tl-color-heading-primary);
  padding: 15px 0
}

.review .comment-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px
}

.review .comment-list>li {
  background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, .1);
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 30px;
  align-items: center;
  padding: 40px
}

.review .comment-list .comment-thumb img {
  border-radius: 50%
}

.review .comment-list .comment-author {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.review .comment-list .comment-text h3 span {
  font-size: 14px;
  font-weight: 600;
  color: #ddd;
  display: block
}

.review .comment-list .comment-text p {
  margin: 0
}

.product-info {
  padding-right: 20px
}

@media only screen and (max-width: 992px) {
  .product-info {
    padding-right: 0
  }
}

@media only screen and (max-width: 767px) {
  .product-info {
    padding-top: 40px
  }
}

.product-info .category {
  background-color: var(--tl-color-theme-primary);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 13px;
  padding: 7px 15px;
  border-radius: 100px;
  line-height: 1;
  font-weight: 3400;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: inline-block
}

.product-info .title {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 15px
}

@media only screen and (max-width: 992px) {
  .product-info .title {
    font-size: 24px
  }
}

.product-info .rating-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}

.product-info .rating-wrap .brand {
  font-size: 16px;
  font-weight: 400;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e5e5e5;
  line-height: 1
}

.product-info .rating-wrap .brand span {
  color: var(--tl-color-heading-primary)
}

.product-info .rating-wrap .review {
  display: flex;
  align-items: center;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e5e5e5;
  line-height: 1
}

.product-info .rating-wrap .review ul li {
  display: inline-flex;
  color: var(--tl-color-theme-primary)
}

.product-info .rating-wrap .stock {
  color: #8aa206;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  column-gap: 5px
}

.product-info .price {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5
}

.product-info .price span {
  font-size: 18px;
  font-weight: 500;
  color: #a4a4a4;
  margin-right: 10px
}

.product-info .quantity-title {
  font-family: var(--tl-ff-heading);
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 30px
}

.product-info .product-btn {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin: 30px 0 20px 0
}

.product-info .product-btn input {
  background-color: var(--tl-color-theme-primary);
  color: #fff;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  text-align: center
}

.product-info .product-btn .cart-btn-wrap-2 {
  width: 100%
}

.product-info .product-btn .cart-btn-wrap-2 .cart-btn {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-heading-primary);
  border: 2px solid var(--tl-color-heading-primary);
  width: 100%;
  border-radius: 100px;
  padding: 15px 30px;
  text-align: center;
  justify-content: center
}

.product-info .product-btn .cart-btn-wrap-2 .cart-btn:before {
  display: none
}

.product-info .product-btn .cart-btn-wrap-2 .cart-btn:hover {
  background-color: var(--tl-color-heading-primary);
  color: var(--tl-color-common-white)
}

.product-info .shop-details-btn {
  width: 100%;
  justify-content: center;
  margin-bottom: 30px
}

.product-info .product-meta {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 15px;
  margin-bottom: 20px
}

.product-info .product-meta li a {
  color: var(--tl-color-heading-primary);
  font-family: var(--tl-ff-heading);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 5px
}

.product-info .product-meta li a:hover {
  color: var(--tl-color-theme-primary)
}

.product-info .payment-card-wrap {
  padding: 20px 0 30px 0;
  text-align: center;
  border-top: 1px solid rgba(159, 159, 164, .24);
  border-bottom: 1px solid rgba(159, 159, 164, .24);
  margin-bottom: 20px
}

.product-info .payment-card-wrap .card-title {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block
}

.product-info .payment-card-wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  list-style: none
}

.product-info .product-list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400
}

.product-info .product-list li:not(:last-of-type) {
  margin-bottom: 5px
}

.product-info .product-list li span {
  color: var(--tl-color-heading-primary);
  padding-left: 10px
}

.reviewr-wrap {
  padding-left: 20px
}

@media only screen and (max-width: 992px) {
  .reviewr-wrap {
    padding-left: 0;
    margin-bottom: 50px
  }
}

.reviewr-wrap .review-list .review-item {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 15px;
  padding: 30px;
  border: 1px solid var(--tl-color-border-1)
}

@media only screen and (max-width: 767px) {
  .reviewr-wrap .review-list .review-item {
    grid-template-columns: 1fr
  }
}

.reviewr-wrap .review-list .review-item:not(:last-of-type) {
  margin-bottom: 30px
}

.reviewr-wrap .review-list .review-item img {
  height: 90px;
  width: 90px;
  border-radius: 50%
}

.reviewr-wrap .review-list .review-item .content .content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px
}

.reviewr-wrap .review-list .review-item .content .content-top .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px
}

.reviewr-wrap .review-list .review-item .content .content-top .name span {
  color: var(--tl-color-text-body);
  font-size: 15px;
  display: block;
  margin-top: 7px
}

.reviewr-wrap .review-list .review-item .content .content-top ul {
  list-style: none
}

.reviewr-wrap .review-list .review-item .content .content-top ul li {
  display: inline-flex;
  color: var(--tl-color-theme-primary)
}

.reviewr-wrap .review-list .review-item .content .content-top ul li:not(:last-of-type) {
  margin-left: 2px
}

.reviewr-wrap .review-list .review-item .content p {
  margin-bottom: 0
}

.review-form-wrap .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px
}

.review-form-wrap .publish {
  font-size: 16px;
  margin-bottom: 20px;
  display: block
}

.review-form-wrap .review-box {
  display: flex;
  align-items: center;
  column-gap: 10px
}

.review-form-wrap .review-box span {
  color: var(--tl-color-heading-primary)
}

.review-form-wrap .review-box .review {
  list-style: none
}

.review-form-wrap .review-box .review li {
  display: inline-flex;
  color: var(--tl-color-theme-primary)
}

.review-form-wrap .review-box .review li:not(:last-of-type) {
  margin-left: 2px
}

.review-form-wrap .review-form {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  border: none;
  margin-top: 40px
}

.review-form-wrap .checkbox-wrap {
  margin-bottom: 30px;
  display: flex;
  align-items: center
}

.review-form-wrap .checkbox-wrap input {
  width: 15px;
  height: 15px;
  accent-color: var(--tl-color-theme-primary)
}

.review-form-wrap .checkbox-wrap label {
  color: var(--tl-color-text-body);
  cursor: pointer;
  margin-right: 10px
}

.review-form-wrap .submit-btn .rr-primary-btn {
  padding: 15px 35px
}

.page-header {
  background-color: #191919;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.page-header .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2
}

.page-header .overlay {
  background-color: #100801;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: .64
}

.page-header .page-header-content {
  padding: 140px 0 100px 0;
  position: relative;
  z-index: 2;
  text-align: center
}

@media only screen and (max-width: 992px) {
  .page-header .page-header-content {
    padding: 120px 0 100px 0
  }
}

.page-header .page-header-content .title {
  color: var(--tl-color-common-white);
  font-size: 80px;
  font-weight: 400;
  margin-bottom:0px
}

.page-header .page-header-content .sub-title {
  font-family: var(--tl-ff-heading);
  font-size: 13px;
  font-weight: 500;
  color: var(--tl-color-common-white);
  text-transform: uppercase
}

.page-header .page-header-content .sub-title .icon {
  font-size: 13px;
  padding: 0 5px
}

.page-header .page-header-content .sub-title .inner-page {
  color: var(--tl-color-theme-primary)
}

#sidebar-overlay,
.sidebar-trigger,
.sidebar-area {
  display: none
}

.sidebar-area {
  position: relative;
  z-index: 1
}

.sidebar-area:before {
  background-color: var(--tl-color-border-1);
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100px;
  right: 0;
  z-index: -1;
  opacity: .1
}

@media only screen and (max-width: 992px) {
  .sidebar-area:before {
    opacity: .7
  }
}

.sidebar-trigger {
  display: block
}

.sidebar-area {
  background-color: #1c1c1d;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  width: 550px;
  height: 100%;
  z-index: 99;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  visibility: hidden;
  transition: all .5s ease-in-out;
  padding: 60px 70px;
  padding-top: 34px
}

@media only screen and (max-width: 992px) {
  .sidebar-area {
    background-color: var(--tl-color-common-white)
  }
}

.open-sidebar .sidebar-area {
  left: 0;
  visibility: visible;
  transform: translate(0)
}

.sidebar-trigger.close {
  position: absolute;
  left: 50px;
  top: 33px;
  color: var(--tl-color-common-white);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media only screen and (max-width: 767px) {
  .sidebar-trigger.close {
    left: 20px;
    top: 40px
  }
}

.sidebar-trigger.close:hover {
  color: var(--tl-color-theme-primary)
}

.sidebar-trigger.close svg {
  fill: currentColor;
  stroke: none;
  width: 20px;
  height: 20px
}

@media only screen and (max-width: 992px) {
  .sidebar-trigger.close svg {
    color: var(--tl-color-heading-primary)
  }
}

.sidebar-content .site-logo {
  margin-bottom: 40px
}

.sidebar-content .site-logo img {
  max-width: 200px
}

.sidebar-content .sidebar-info li {
  font-size: 18px
}

.sidebar-content .sidebar-social li {
  display: inline-block;
  margin: 0 3px;
  padding-top: 30px
}

.sidebar-content .sidebar-social li a {
  display: inline-block;
  border: 1px solid var(--border-1);
  font-size: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.sidebar-content .sidebar-social li a:after {
  background-color: var(--primary-color);
  width: 40px;
  height: 40px;
  border-radius: 59%;
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: .4s
}

.sidebar-area::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.sidebar-area::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #ccc
}

.sidebar-area::selection {
  background-color: #999;
  color: #fff
}

.sidebar-area-webkit-::selection {
  background-color: #999;
  color: #fff
}

.sidebar-area::-moz-selection {
  background-color: #999;
  color: #fff
}

#sidebar-overlay {
  display: block;
  height: 100%;
  right: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: all 0s ease-in-out;
  width: max(0px, 100% - 400px);
  z-index: -1
}

@media(min-width: 993px) {
  #sidebar-overlay {
    width: max(0px, 100% - 550px)
  }
}

.open-sidebar #sidebar-overlay {
  opacity: 1;
  z-index: 1002;
  transition: all .6s ease-in-out;
  transition-delay: .3s
}

@media(max-width: 992px) {
  .sidebar-content .list-post-area.list-2 {
    grid-template-columns: 1fr;
    grid-gap: 0
  }
  .sidebar-area {
    width: 400px;
    padding: 40px 30px;
    justify-content: center
  }
  .side-menu-logo {
    margin-bottom: 50px
  }
  .side-menu-wrap {
    margin-bottom: 70px
  }
  .side-menu-header h3 {
    display: none
  }
  .side-menu-list li a {
    font-size: 14px
  }
  .side-menu-list li p {
    font-size: 14px
  }
}

@media(max-width: 767px) {
  .sidebar-area {
    width: 320px;
    padding: 40px 40px 60px 40px
  }
  .sidebar-content .list-post-area.list-2 .list-post-card .post-img {
    height: 90px;
    width: 90px
  }
  .sidebar-content .list-post-area.list-2 .list-post-card {
    grid-template-columns: 90px 1fr
  }
  .side-menu-wrap {
    margin-bottom: 50px
  }
}

.side-menu-logo {
  max-width: 150px
}

@media only screen and (max-width: 992px) {
  .side-menu-logo .dark-img {
    display: none
  }
}

.side-menu-logo .light-img {
  display: none
}

@media only screen and (max-width: 992px) {
  .side-menu-logo .light-img {
    display: block
  }
}

.side-menu-content .side-menu-header,
.side-menu-about .side-menu-header {
  margin-bottom: 20px
}

.side-menu-list {
  margin: 25px 0 35px 0
}

.side-menu-list li {
  display: flex;
  align-items: center
}

.side-menu-list li:not(:last-of-type) {
  margin-bottom: 20px
}

.side-menu-list li i {
  background-color: var(--tl-color-theme-primary);
  font-size: 12px;
  color: var(--tl-color-common-white);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  transition: all .2s ease-in-out
}

.side-menu-list li:hover i {
  background-color: var(--tl-color-theme-primary);
  color: #fff
}

.side-menu-social {
  margin-top: 40px;
  list-style: none
}

.side-menu-social li {
  display: inline-flex
}

.side-menu-social li:not(:last-of-type) {
  margin-left: 20px
}

.side-menu-social li a {
  font-size: 17px;
  color: var(--tl-color-common-white)
}

@media only screen and (max-width: 992px) {
  .side-menu-social li a {
    color: var(--tl-color-heading-primary)
  }
}

.side-menu-content .side-menu-about {
  margin: 75px 0 60px 0;
  margin-bottom: 40px
}

@media only screen and (max-width: 992px) {
  .side-menu-content .side-menu-about {
    margin-top: 0;
    display: none
  }
}

.side-menu-content .side-menu-about .title {
  font-size: 30px;
  font-weight: 400;
  color: var(--tl-color-common-white)
}

.side-menu-content .side-menu-gallary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 50px;
  max-width: 410px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .side-menu-content .side-menu-gallary {
    display: none
  }
}

.side-menu-content .side-menu-gallary .side-menu-gallary-item {
  height: 130px;
  width: 130px
}

.side-menu-content .side-menu-gallary .side-menu-gallary-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px
}

.side-menu-content .side-menu-contact .side-menu-list li {
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 500
}

.side-menu-content .side-menu-contact .side-menu-list li:not(:last-of-type) {
  margin-bottom: 25px
}

.side-menu-content .side-menu-contact .side-menu-list li:nth-child(2) {
  margin-bottom: 10px
}

.side-menu-content .side-menu-contact .side-menu-list li a {
  line-height: 1
}

.side-menu-content .side-menu-contact .side-menu-list li a.mail {
  font-size: 26px
}

@media only screen and (max-width: 992px) {
  .side-menu-content .side-menu-contact .side-menu-list li {
    color: var(--tl-color-heading-primary)
  }
}

.post-card {
  overflow: hidden
}

.post-card .post-thumb {
  position: relative;
  height: 320px;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 24px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.post-card .post-thumb:after {
  background: rgba(255, 255, 255, .3);
  bottom: 0;
  content: "";
  right: 50%;
  position: absolute;
  left: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease
}

.post-card .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  transform: scale3d(1, 1, 1);
  transition: transform 1s ease-in-out
}

.post-card .post-thumb .category {
  font-family: var(--tl-ff-heading);
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .5px;
  display: inline-block;
  padding: 3px 12px;
  border-radius: 100px;
  position: absolute;
  top: 20px;
  right: 20px;
  text-transform: capitalize
}

.post-card .post-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px
}

@media(max-width: 1199px) {
  .post-card .post-content .title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 15px
  }
}

.post-card .post-content .title a {
  background: linear-gradient(var(--tl-color-theme-primary) 0%, var(--tl-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.post-card .post-content .title a:hover {
  color: var(--tl-color-theme-primary);
  background-size: 100% 2px
}

.post-card .post-content p {
  max-width: 393px;
  width: 100%;
  font-size: 16px;
  margin-bottom: 0
}

@media(max-width: 1199px) {
  .post-card .post-content p {
    font-size: 14px;
    line-height: 1.6
  }
}

.post-card:hover .post-thumb:after {
  right: 0;
  left: 0;
  opacity: 0
}

.post-card:hover .post-thumb img {
  transform: scale(1.04) rotate(0deg)
}

.post-meta {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 20px
}

.post-meta li {
  font-family: var(--tl-ff-body);
  color: var(--tl-color-grey-2);
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  line-height: 1
}

.post-meta li i {
  font-size: 14px
}

.post-meta li:not(:last-of-type) {
  margin-left: 15px
}

.post-meta li a:hover {
  color: var(--tl-color-theme-primary)
}

@media only screen and (max-width: 767px) {
  .post-meta li {
    font-size: 12px
  }
}

.post-meta li span {
  color: var(--tl-color-theme-primary);
  padding-right: 5px
}

.post-card-2 .post-thumb {
  height: 500px
}

@media only screen and (max-width: 992px) {
  .post-card-2 .post-thumb {
    height: 350px
  }
}

.post-card-2 .post-content .title {
  font-size: 36px
}

.post-card-2 .post-content p {
  max-width: 608px;
  width: 100%
}

.post-card-wrap {
  padding-right: 12px
}

@media only screen and (max-width: 992px) {
  .post-card-wrap {
    padding-right: 0
  }
}

.post-card-wrap .post-card {
  display: grid;
  align-items: center;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  border-radius: 0
}

@media(max-width: 1199px) {
  .post-card-wrap .post-card {
    grid-template-columns: 1fr
  }
}

.post-card-wrap .post-card:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(159, 159, 164, .3)
}

.post-card-wrap .post-card .post-thumb {
  height: 200px;
  margin-bottom: 0;
  border-radius: 24px;
  overflow: hidden
}

.post-card-wrap .post-card .post-content .post-meta {
  margin-bottom: 15px
}

.post-card-wrap .post-card .post-content .title {
  font-size: 28px;
  margin-bottom: 15px
}

.post-card-wrap .post-card .post-content p {
  max-width: 350px;
  width: 100%
}

.post-card-3 {
  position: relative
}

.post-card-3 .post-thumb {
  height: 560px;
  position: relative
}

.post-card-3 .post-thumb:before {
  background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, 0.54) 19.25%, #53524E 46.79%);
  content: "";
  width: 100%;
  height: 282px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1
}

.post-card-3 .post-content {
  position: absolute;
  bottom: 50px;
  right: 60px;
  left: 45px;
  z-index: 3
}

@media(max-width: 1199px) {
  .post-card-3 .post-content {
    bottom: 30px;
    right: 30px
  }
}

.post-card-3 .post-content .post-meta li {
  color: var(--tl-color-common-white)
}

.post-card-3 .post-content .title {
  color: var(--tl-color-common-white);
  margin-bottom: 0
}

.blog-left-content-7 p {
  max-width: 390px;
  width: 100%
}

@media only screen and (max-width: 992px) {
  .post-inner-card-wrap {
    margin-bottom: 50px
  }
}

.inner-post:not(:last-of-type) {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.inner-post .post-thumb {
  height: 500px;
  margin-bottom: 30px;
  border-radius: 16px;
  overflow: hidden
}

@media only screen and (max-width: 992px) {
  .inner-post .post-thumb {
    height: 400px
  }
}

@media only screen and (max-width: 767px) {
  .inner-post .post-thumb {
    height: 300px
  }
}

.inner-post .post-content ul .category {
  font-family: var(--tl-ff-heading);
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .5px;
  display: inline-block;
  padding: 3px 12px;
  border-radius: 100px;
  text-transform: capitalize
}

.inner-post .post-content .title {
  font-size: 40px;
  font-weight: 400;
  max-width: 725px;
  width: 100%
}

.inner-post .post-content p {
  max-width: 880px;
  width: 100%
}

.inner-post .post-content .read-more {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin-top: 20px
}

.inner-post .post-content .read-more:hover {
  color: var(--tl-color-theme-primary)
}

.inner-post .post-content .read-more:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0
}

.post-card-wrap-inner .post-card {
  grid-template-columns: 420px 1fr
}

.post-card-wrap-inner .post-card:not(:last-of-type) {
  margin-bottom: 50px;
  padding-bottom: 50px
}

.post-card-wrap-inner .post-card .post-thumb {
  height: 290px
}

.post-card-wrap-inner .post-card .post-content ul .category {
  font-family: var(--tl-ff-heading);
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .5px;
  display: inline-block;
  padding: 3px 12px;
  border-radius: 100px;
  text-transform: capitalize
}

.post-card-wrap-inner .post-card .post-content .read-more {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin-top: 20px
}

.post-card-wrap-inner .post-card .post-content .read-more:hover {
  color: var(--tl-color-theme-primary)
}

.post-card-wrap-inner .post-card .post-content .read-more:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0
}

.pagination-wrap {
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 3px
}

.pagination-wrap li a {
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50%
}

.pagination-wrap li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.pagination-wrap li .active {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.pagination-wrap li i {
  transform: rotate(-45deg)
}

.blog-details-img {
  width: 100%;
  height: 520px
}

.blog-details-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 24px
}

@media only screen and (max-width: 992px) {
  .blog-details-img {
    height: 400px
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-img {
    height: 300px
  }
}

.blog-details-wrap {
  max-width: 930px;
  width: 100%
}

.blog-details-wrap .inner-post {
  padding-bottom: 0;
  border: none
}

.blog-details-wrap .inner-post .post-content .title {
  font-family: var(--tl-ff-heading);
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0
}

@media only screen and (max-width: 992px) {
  .blog-details-wrap .inner-post .post-content .title {
    font-size: 40px
  }
}

@media only screen and (max-width: 992px) {
  .blog-details-wrap .inner-post .post-content .title {
    font-size: 36px
  }
}

@media only screen and (max-width: 992px) {
  .blog-details-content {
    margin-bottom: 40px
  }
}

.blog-details-content p {
  font-size: 16px
}

.blog-details-content .details-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 25px
}

@media only screen and (max-width: 992px) {
  .blog-details-content .details-title {
    font-size: 30px
  }
}

.blog-details-content .details-title-2 {
  font-size: 44px;
  font-weight: 500;
  margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
  .blog-details-content .details-title-2 {
    font-size: 30px
  }
}

.blog-details-content .details-img-wrap {
  max-width: 930px;
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 24px
}

.blog-details-content .details-img-wrap img {
  height: 310px;
  width: 100%;
  object-fit: cover;
  border-radius: 24px
}

@media(max-width: 1199px) {
  .blog-details-content .details-img-wrap {
    flex-wrap: wrap;
    row-gap: 24px
  }
}

blockquote {
  background-color: #efebe8;
  text-align: center;
  padding: 45px;
  align-items: baseline;
  grid-gap: 30px;
  border-radius: 16px;
  position: relative;
  z-index: 1
}

blockquote .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

@media only screen and (max-width: 767px) {
  blockquote {
    grid-template-columns: 1fr
  }
}

blockquote .icon {
  margin-bottom: 30px
}

blockquote .content p {
  color: var(--tl-color-heading-primary);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 20px;
  max-width: 756px;
  width: 100%;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  blockquote .content p {
    font-size: 20px;
    margin-bottom: 30px
  }
}

blockquote .content .author {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
  line-height: 1;
  margin-top: 30px
}

.tags {
  margin-top: 30px;
  margin-bottom: 50px
}

.tags .tag-list {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px
}

.tags .tag-list li a {
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  border: 1px solid rgba(159, 159, 164, .24);
  border-radius: 100px
}

.tags .tag-list li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.comments-area .section-heading {
  margin-bottom: 40px
}

.comments-area .section-heading .section-title {
  font-size: 50px
}

@media only screen and (max-width: 767px) {
  .comments-area .section-heading .section-title {
    font-size: 30px
  }
}

.comment-item {
  position: relative;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 25px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .comment-item {
    grid-template-columns: 1fr
  }
}

.comment-item .comment-top {
  display: flex;
  align-items: center;
  column-gap: 20px
}

.comment-item .reply {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  font-size: 16px;
  display: flex;
  align-items: center;
  column-gap: 8px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0
}

.comment-item .reply img {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.comment-item .comment-thumb img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  object-position: top
}

.comment-item .comment-info .comments-meta {
  margin-bottom: 10px
}

.comment-item .comment-info .comments-meta span {
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase
}

.comment-item .comment-info .author {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px
}

.comment-item .comment-info p {
  font-size: 16px;
  margin-bottom: 0
}

.comment-item.item-2 {
  padding-right: 84px
}

@media only screen and (max-width: 767px) {
  .comment-item.item-2 {
    padding-right: 0
  }
}

.comment-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--tl-color-border-1)
}

.blog-contact-form .title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 30px
}

.blog-contact-form .request-form .form-item {
  position: relative
}

.blog-contact-form .request-form .form-item .form-control {
  background-color: var(--tl-color-common-white);
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400;
  box-shadow: none;
  border: 1px solid rgba(159, 159, 164, .24);
  padding: 16.5px 20px 16.5px 55px;
  border-radius: 24px;
  margin-bottom: 25px;
  width: 100%
}

.blog-contact-form .request-form .form-item .form-control::-webkit-input-placeholder {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400
}

.blog-contact-form .request-form .form-item .form-control:-moz-placeholder {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400
}

.blog-contact-form .request-form .form-item .form-control::-moz-placeholder {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400
}

.blog-contact-form .request-form .form-item .form-control:-ms-input-placeholder {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 400
}

.blog-contact-form .request-form .form-item .icon {
  color: var(--tl-color-theme-primary);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%)
}

.blog-contact-form .request-form .form-item.message-item .icon {
  top: 25px
}

.sidebar-widget {
  max-width: 410px;
  width: 100%;
  padding-right: 40px
}

.sidebar-widget:not(:last-of-type) {
  margin-bottom: 50px
}

.sidebar-widget .search-form {
  position: relative
}

.sidebar-widget .search-form .form-control {
  background-color: var(--tl-color-common-white);
  color: var(--tl-color-text-body);
  font-size: 18px;
  border: none;
  border-radius: 24px;
  box-shadow: none;
  padding: 14.5px 0;
  padding-right: 25px;
  padding-left: 30px;
  overflow: hidden
}

.sidebar-widget .search-form .form-control::-webkit-input-placeholder {
  color: var(--tl-color-text-body);
  font-size: 16px
}

.sidebar-widget .search-form .form-control:-moz-placeholder {
  color: var(--tl-color-text-body);
  font-size: 16px
}

.sidebar-widget .search-form .form-control::-moz-placeholder {
  color: var(--tl-color-text-body);
  font-size: 16px
}

.sidebar-widget .search-form .form-control:-ms-input-placeholder {
  color: var(--tl-color-text-body);
  font-size: 16px
}

.sidebar-widget .search-form .search-btn {
  color: var(--tl-color-heading-primary);
  font-size: 15px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  border-radius: 8px
}

.sidebar-widget .widget-title {
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 25px
}

.sidebar-widget .category-list {
  list-style: none
}

.sidebar-widget .category-list li:not(:last-of-type) a {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.sidebar-widget .category-list li a {
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-heading-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  padding-top: 15px
}

.sidebar-widget .category-list li a:hover {
  color: var(--tl-color-heading-primary);
  border-color: var(--tl-color-heading-primary)
}

.sidebar-widget .category-list li a:hover i {
  color: var(--tl-color-heading-primary)
}

.sidebar-widget .tags {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 10px;
  list-style: none;
  column-gap: 10px;
  margin: 0
}

.sidebar-widget .tags li a {
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  border: 1px solid rgba(159, 159, 164, .24);
  border-radius: 100px;
  display: inline-block
}

.sidebar-widget .tags li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white);
  border: 1px solid var(--tl-color-theme-primary)
}

.sidebar-widget .sidebar-post {
  display: grid;
  align-items: center;
  grid-template-columns: 110px 1fr;
  grid-gap: 24px
}

.sidebar-widget .sidebar-post:not(:last-of-type) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(159, 159, 164, .24)
}

.sidebar-widget .sidebar-post img {
  width: 110px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px
}

.sidebar-widget .sidebar-post .post-content .post-meta {
  margin-bottom: 10px
}

.sidebar-widget .sidebar-post .post-content .post-meta li {
  color: #9f9fa4;
  font-size: 13px;
  font-weight: 500;
  line-height: 1
}

.sidebar-widget .sidebar-post .post-content .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .title {
    font-size: 16px
  }
}

.sidebar-widget .sidebar-post .post-content .title a:hover {
  color: var(--tl-color-theme-primary)
}

.footer-section {
    position: relative;
    z-index: 1;
    overflow-x: clip;
    padding-bottom: 70px;
    font-size: 20px !important;
}

@media only screen and (max-width: 992px) {
  .footer-section {
    padding-bottom: 250px
  }
}

@media only screen and (max-width: 767px) {
  .footer-section {
    padding-bottom: 100px
  }
}

.footer-section .footer-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.footer-section .footer-bg:before {
  background-color: var(--tl-color-common-black);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .75
}

.footer-section .footer-shade {
  background: rgba(39, 38, 37, .64);
  opacity: .3;
  border: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(29px);
  height: 300px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.footer-wrap {
    padding: 90px 0 50px 0 !important;
}

@media only screen and (max-width: 992px) {
  .footer-wrap {
    padding: 80px 0 0 0
  }
}

@media only screen and (max-width: 992px) {
  .footer-widget {
    margin-bottom: 80px
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 50px
  }
}

.footer-widget .widget-header {
  margin-bottom: 30px
}

.footer-widget .widget-header .footer-logo {
  max-width: 170px
}

.footer-widget .widget-header .widget-title {
  color: var(--tl-color-common-white);
  font-size: 24px;
  font-weight: 500;
  position: relative
}

.footer-widget p {
  color: var(--tl-color-common-white);
  font-size: 16px
}

.footer-widget .footer-list {
  list-style: none
}

.footer-widget .footer-list li {
  color: #adadad
}

.footer-widget .footer-list li a {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1
}

.footer-widget .footer-list li a:hover {
  color: var(--tl-color-theme-primary)
}

.footer-widget .footer-list li:not(:last-of-type) {
  margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
  .footer-widget .footer-address {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: baseline
  }
}

.footer-widget .footer-address .number,
.footer-widget .footer-address .mail {
  font-family: var(--tl-ff-heading);
  color: var(--tl-color-common-white);
  font-size: 25px;
  font-weight: 400;
  position: relative;
  display: inline-block
}

@media(max-width: 1199px) {
  .footer-widget .footer-address .number,
  .footer-widget .footer-address .mail {
    font-size: 20px
  }
}

.footer-widget .footer-address .number:before,
.footer-widget .footer-address .mail:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all .3s ease-in-out;
  cursor: pointer
}

.footer-widget .footer-address .number:hover,
.footer-widget .footer-address .mail:hover {
  color: var(--tl-color-theme-primary)
}

.footer-widget .footer-address .number:hover:before,
.footer-widget .footer-address .mail:hover:before {
  color: var(--tl-color-theme-primary);
  width: 100%
}

.footer-widget .social-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin-top: 50px;
  flex-wrap: wrap;
  row-gap: 10px
}

@media only screen and (max-width: 767px) {
  .footer-widget .social-list {
    margin-top: 30px;
  }
}

.footer-widget .social-list li {
  position: relative;
  line-height: 1
}

.footer-widget .social-list li:not(:last-of-type) {
  margin-left: 13px;
  padding-left: 13px
}

.footer-widget .social-list li:not(:last-of-type):before {
  background-color: var(--tl-color-common-white);
  content: "";
  width: 5px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.footer-widget .social-list li a {
  color: var(--tl-color-common-white);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block
}

.footer-widget .social-list li:not(:last-of-type) {
  margin-left: 8px
}

.footer-widget.footer-col-2 {
  padding-right: 70px
}

@media only screen and (max-width: 992px) {
  .footer-widget.footer-col-2 {
    padding-right: 0
  }
}

.footer-widget.footer-col-2 .footer-list li a {
  position: relative
}

.footer-widget.footer-col-2 .footer-list li a:before {
  background-color: var(--tl-color-theme-primary);
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all .3s ease-in-out;
  cursor: pointer
}

.footer-widget.footer-col-2 .footer-list li a:hover:before {
  color: var(--tl-color-theme-primary);
  width: 100%
}

.footer-text {
  position: absolute;
  bottom: -32px;
  right: 50%;
  transform: translateX(50%);
  z-index: -1
}

@media only screen and (max-width: 767px) {
  .footer-text {
    bottom: 0
  }
}

.footer-text span {
  font-family: var(--tl-ff-heading);
  font-size: 10px;
  background: linear-gradient(179.69deg, #FFFAF2 0.27%, rgba(255, 251, 244, 0) 90.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  opacity: .64;
  line-height: 1
}

@media(max-width: 1199px) {
  .footer-text span {
    font-size: 400px
  }
}

@media only screen and (max-width: 992px) {
  .footer-text span {
    font-size: 300px
  }
}

@media only screen and (max-width: 767px) {
  .footer-text span {
    font-size: 80px
  }
}

.copyright-area {
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 10px 0
}

@media only screen and (max-width: 992px) {
  .copyright-area {
    padding: 40px 0
  }
}

.copyright-content {
  text-align: center;
  align-items: center
}

@media only screen and (max-width: 992px) {
  .copyright-content {
    margin-top: 0
  }
}

@media only screen and (max-width: 767px) {
  .copyright-content {
    row-gap: 20px
  }
}

.copyright-content p {
  color: #d0d0d0;
  font-size: 16px;
  font-family: var(--tl-ff-body);
  margin: 0
}

.copyright-content p span {
  color: var(--tl-color-theme-primary)
}

@media only screen and (max-width: 767px) {
  .copyright-content p {
    text-align: center
  }
}

.copyright-content .social-list {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style: none
}

@media only screen and (max-width: 767px) {
  .copyright-content .social-list {
    justify-content: center
  }
}

.copyright-content .social-list li a {
  background-color: var(--tl-color-border-1);
  color: var(--tl-color-common-white);
  font-size: 13px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center
}

.copyright-content .social-list li a:hover {
  background-color: var(--tl-color-theme-primary);
  color: var(--tl-color-common-white)
}

.copyright-content .social-list li:not(:last-of-type) {
  margin-left: 10px
}

.copyright-content .copyright-list {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 20px;
  justify-content: end
}

@media only screen and (max-width: 767px) {
  .copyright-content .copyright-list {
    justify-content: center
  }
}

.copyright-content .copyright-list a {
  font-family: var(--tl-ff-body);
  color: #d0d0d0;
  font-size: 16px;
  font-weight: 400
}

.copyright-content .copyright-list a:hover {
  color: var(--tl-color-theme-primary)
}


@media only screen and (max-width: 768px) {
    .testi-carousel-wrap .testi-top-content .left-content .rating {
        font-size: 36px !important;
    
    }
    .testi-carousel-wrap .testi-top-content .left-content .rating-list ul li {
    font-size: 8px !important;
    }
    
    .testi-carousel-wrap .testi-top-content .left-content .rating-list ul {
    padding: 2px 6px 6px 5px !important;
    }
    
    
}




/***************لاله*/
.slider-item {
    position: relative;
    overflow: hidden;
}

.bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

    .bg-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* اگر متن‌ها پشت ویدیو رفتند */
.slider-container,
.slider-element-wrap {
    position: relative;
    z-index: 2;
}

/* اگر روی ویدیو نیاز به تیرگی داری */
.bg-video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

/* به‌صورت پیش‌فرض در تبلت و دسکتاپ مخفی باشد */
.header .primary-header-inner .header-right-wrap .sidebar-icon {
    display: none;
}

/* فقط در موبایل نمایش داده شود */
@media (max-width: 767px) {
    .header .primary-header-inner .header-right-wrap .sidebar-icon {
        display: block;
    }

        .header .primary-header-inner .header-right-wrap
        .sidebar-icon .sidebar-trigger {
            display: flex;
        }
}
@media (max-width: 991px) {
    .header .primary-header-inner .header-right-wrap .sidebar-icon {
        display: block;
    }
}


/* =========================
   Slider Structure
========================= */

.antra-slider {
    position: relative;
    width: 100%;
    height: 100vh; /* تغییر از 90vh به 100vh */
    min-height: 100vh; /* تغییر از 520px به 100vh */
    overflow: hidden;
    background: #111;
}

    .antra-slider .swiper-wrapper,
    .antra-slider .swiper-slide,
    .antra-slider .slider-item {
        height: 100%;
    }

    .antra-slider .swiper-slide {
        position: relative;
        overflow: hidden;
    }

    .antra-slider .slider-item {
        position: relative;
        width: 100%;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* =========================
   Image and Video
========================= */

    .antra-slider .slider-media {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
    }

    .antra-slider .bg-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .antra-slider .bg-video video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* لایه تیره برای خوانایی عنوان */
    .antra-slider .slider-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
       /* background: rgba(0, 0, 0, 0.38);*/
    }

    /* =========================
   Content
========================= */

    .antra-slider .slider-container {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        min-height: 0 !important;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }

    .antra-slider .slider-content-wrap {
        width: 100%;
        min-height: 0 !important;
        padding: 0 80px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        text-align: center;
    }

    .antra-slider .slider-content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .antra-slider .section-heading {
        margin: 0 !important;
        text-align: center;
    }

    .antra-slider .section-title {
        max-width: 1000px;
        margin: 0 auto;
        color: #fff;
        font-size: clamp(34px, 4.5vw, 64px);
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: 0;
        white-space: normal;
        text-align: center;
        text-shadow: 0 3px 18px rgba(0, 0, 0, 0.55);
        opacity: 0;
        transform: translateY(35px);
        transition: opacity 700ms ease 250ms, transform 700ms ease 250ms;
    }

        .antra-slider .section-title.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

    /* =========================
   Navigation
========================= */

    .antra-slider .antra-nav {
        position: absolute;
        top: 50%;
        z-index: 20;
        width: 52px;
        height: 52px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.45);
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 38px;
        line-height: 1;
        cursor: pointer;
        transform: translateY(-50%);
        transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
    }

        .antra-slider .antra-nav span {
            display: block;
            height: 42px;
            line-height: 38px;
        }

        .antra-slider .antra-nav:hover {
            border-color: var(--tl-color-theme-primary, #c89b5b);
            background: var(--tl-color-theme-primary, #c89b5b);
        }

        .antra-slider .antra-nav:active {
            transform: translateY(-50%) scale(0.94);
        }

        .antra-slider .antra-nav:focus-visible {
            outline: 2px solid #fff;
            outline-offset: 3px;
        }

    /* در RTL دکمه قبلی سمت راست و دکمه بعدی سمت چپ است */
    .antra-slider .antra-prev {
        right: 20px;
    }

    .antra-slider .antra-next {
        left: 20px;
    }

    .antra-slider .swiper-button-lock {
        display: none;
    }

/* =========================
   Responsive
========================= */

@media (max-width: 992px) {
    .antra-slider .section-title {
        font-size: clamp(32px, 6vw, 54px);
    }
}

@media (max-width: 767px) {
    .antra-slider {
        height: 90svh;
        min-height: 500px;
    }

        .antra-slider .slider-content-wrap {
            padding: 0 62px !important;
        }

        .antra-slider .section-title {
            font-size: clamp(28px, 8vw, 42px);
            line-height: 1.4;
        }

        .antra-slider .antra-nav {
            width: 42px;
            height: 42px;
            font-size: 30px;
        }

            .antra-slider .antra-nav span {
                height: 34px;
                line-height: 31px;
            }

        .antra-slider .antra-prev {
            right: 10px;
        }

        .antra-slider .antra-next {
            left: 10px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .antra-slider .section-title {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media (min-width: 1200px) {
    .row-5-cols > * {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
:root {
    --tl-fs-h1: 48px;
    --tl-fs-h2: 40px;
    --tl-fs-h3: 32px;
    --tl-fs-h4: 28px;
    --tl-fs-h5: 22px;
    --tl-fs-h6: 18px;
    --tl-fs-p-bold: 18px;
}

.section-heading .section-title {
    font-size: clamp(28px, 4vw, 52px) !important;
}

@media (max-width: 1199px) {
    :root {
        --tl-fs-h1: 42px;
        --tl-fs-h2: 36px;
        --tl-fs-h3: 30px;
        --tl-fs-h4: 26px;
        --tl-fs-h5: 21px;
        --tl-fs-h6: 18px;
    }
}

@media (max-width: 767px) {
    :root {
        --tl-fs-h1: 34px;
        --tl-fs-h2: 30px;
        --tl-fs-h3: 26px;
        --tl-fs-h4: 23px;
        --tl-fs-h5: 20px;
        --tl-fs-h6: 18px;
    }

    body {
        font-size: 15px;
    }

    p {
        font-size: 15px;
        line-height: 1.9;
    }

    .section-heading .section-title {
        font-size: 30px !important;
    }
}

/*@media (max-width: 576px) {
    .fade-wrapper > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 6px;
        padding-right: 6px;
    }

    .counter-item {
        padding: 14px 10px;
        text-align: center;
        border-radius: 16px;
        background: linear-gradient(180deg, #fff, #fafafa);
        box-shadow: 0 8px 24px rgba(0,0,0,.06);
    }

        .counter-item .title {
            font-size: 20px;
            margin-bottom: 4px;
        }

        .counter-item .sub-title {
            font-size: 12px;
            margin-bottom: 0;
        }

        .counter-item p {
            display: none;
        }
}
@media (max-width: 576px) {
    .fade-wrapper {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -.5);
    }

        .fade-wrapper > [class*="col-"] {
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: calc(var(--bs-gutter-x) * .5);
            padding-right: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y); 
        }

    .counter-item {
        background: #ffffff;
        border-radius: 16px;
        padding: 18px 12px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 110px;
      transition: transform 0.3s ease;
    }

        .counter-item .title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2px;
            direction: ltr;

        }

        .counter-item .sub-title {
            font-size: 13px;
            font-weight: 600;
            color: var(--tl-color-text-body, #4D4D52);
            margin-bottom: 0;
            line-height: 1.4;
        }

        .counter-item p {
            display: none;
        }
}
@media (max-width: 576px) {

    .counter-item .title {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        gap: 4px;
        line-height: 1.4;
        overflow: visible;
        white-space: nowrap;
    }

        .counter-item .title span.odometer {
            display: inline-block;
        }

        .counter-item .title span.icon {
            display: inline-block;
            font-size: 18px; 
            line-height: 1;
        }
}
.odometer-digit-inner {
    padding-right: 5px !important; 
    margin-right: -5px !important; 
}
*/
/* استایل‌های عمومی (خارج از مدیا کوئری) */
.odometer-digit-inner {
    padding-right: 5px !important;
    margin-right: -5px !important;
}

@media (max-width: 991px) {
    /* تنظیمات گرید و فاصله‌ها */
    .fade-wrapper {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -.5);
    }

        .fade-wrapper > [class*="col-"] {
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: calc(var(--bs-gutter-x) * .5);
            padding-right: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y);
        }

    /* استایل کارت‌های شمارنده */
    .counter-item {
        background: #ffffff;
        border-radius: 16px;
        padding: 18px 12px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 110px;
        transition: transform 0.3s ease;
    }

        /* استایل عنوان و اعداد */
        .counter-item .title {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row-reverse; /* جهت آیکون و عدد */
            gap: 4px;
            line-height: 1.4;
            overflow: visible;
            white-space: nowrap;
            direction: ltr;
        }

            .counter-item .title span.odometer {
                display: inline-block;
            }

            .counter-item .title span.icon {
                display: inline-block;
                font-size: 18px;
                line-height: 1;
            }

        /* استایل زیرعنوان */
        .counter-item .sub-title {
            font-size: 13px;
            font-weight: 600;
            color: var(--tl-color-text-body, #4D4D52);
            margin-bottom: 0;
            line-height: 1.4;
        }

        /* مخفی کردن پاراگراف */
        .counter-item p {
            display: none;
        }
}
@media(max-width: 1399px) {
    .service-item .service-top {
        flex-direction: row !important; /* مجبور کردن به قرارگیری در یک خط */
        align-items: center !important; /* وسط‌چین کردن عمودی */
        justify-content: space-between !important; /* فاصله گرفتن آیکون و متن از هم */
    }
}
@media (max-width: 991px) {
    .service-section {
        background: linear-gradient(180deg, #fafafa 0%, #ffffff 65%);
    }
}

@media (max-width: 991px) {
    .service-item {
        background: #fff;
        border: 1px solid rgba(0,0,0,.06);
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
        border-radius: 18px;
        padding: 22px 18px; /* موبایل فشرده‌تر از دسکتاپ */
    }

    /* یک نوار خیلی ظریف برای جدا شدن دیداری کارت (اختیاری ولی موثر) */
    .service-item {
        position: relative;
        overflow: hidden;
    }

        .service-item::before {
            content: "";
            position: absolute;
            top: 12px;
            bottom: 12px;
            right: 0; /* RTL */
            width: 2px;
            background: linear-gradient(180deg, #d6b87a, rgba(214,184,122,0));
            opacity: .9;
            border-radius: 999px;
        }

        /* 3) فاصله داخلی و خط جداکننده‌ی بالا */
        .service-item .service-top {
            padding-bottom: 12px;
            margin-bottom: 12px;
            border-bottom: 1px solid rgba(0,0,0,.06);
        }

        /* متن کمی خواناتر */
        .service-item p {
            color: rgba(0,0,0,.70);
            line-height: 1.9;
        }
}

@media (max-width: 991px) {
    .service-section .row {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }
}


@media (max-width: 991px) {
    .lighting-projects-wrapper {
        display: flex;
        overflow-x: auto;
        gap: 16px;
        padding-bottom: 12px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

        .lighting-projects-wrapper::-webkit-scrollbar {
            display: none;
        }

        .lighting-projects-wrapper > .row {
            display: contents;
        }

            .lighting-projects-wrapper > .row > [class*="col-"] {
                flex: 0 0 82vw;
                max-width: 82vw;
                scroll-snap-align: start;
            }

        .lighting-projects-wrapper .service-item {
            height: 100%;
        }
}


/* ==================================================
   Contact Page
================================================== */

.contact-page-area {
    --contact-accent: #cfa34f;
    --contact-text: #242424;
    --contact-muted: #858585;
    --contact-border: #e8e8e8;
    --contact-surface: #ffffff;
    --contact-background: #f7f7f7;
    position: relative;
    align-items: stretch !important;
    direction: rtl;
    padding-top: 0;
}

    /* فقط ستون‌های اصلی، نه rowهای داخل فرم */
    .contact-page-area > [class*="col-"] {
        display: flex;
        align-items: stretch;
    }

    /* پنل اطلاعات و پنل فرم */
    .contact-page-area .contact-info-content,
    .contact-page-area .request-form-wrap {
        position: relative;
        width: 100%;
        padding: 32px;
        background: var(--contact-surface);
        border: 1px solid var(--contact-border);
        border-radius: 8px;
        box-shadow: 0 14px 40px rgba(22, 22, 22, 0.06);
        overflow: hidden;
    }

        /* خط طلایی بالای پنل */
        .contact-page-area .contact-info-content::before,
        .contact-page-area .request-form-wrap::before {
            content: "";
            position: absolute;
            top: 0;
            right: 32px;
            width: 62px;
            height: 3px;
            background: var(--contact-accent);
        }

    /* عنوان ستون‌ها */
    .contact-page-area .contact-column-heading {
        margin-bottom: 28px;
    }

        .contact-page-area .contact-column-heading span {
            display: block;
            margin-bottom: 7px;
            color: var(--contact-accent);
            font-family: var(--tl-ff-body);
            font-size: 14px;
            font-weight: 500;
            line-height: 1.7;
        }

        .contact-page-area .contact-column-heading h3 {
            margin: 0;
            color: var(--contact-text);
            font-family: var(--tl-ff-heading);
            font-size: 26px;
            font-weight: 600;
            line-height: 1.5;
        }

    /* ==================================================
   Contact Information
================================================== */

    .contact-page-area .contact-info-layout {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px !important;
        width: 100%;
        margin: 0 !important;
        align-items: stretch !important;
    }

        /* کارت اطلاعات */
        .contact-page-area
        .contact-info-layout
        .request-item {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            min-width: 0;
            min-height: 112px;
            margin: 0 !important;
            padding: 20px 22px 20px 18px;
            background: var(--contact-background);
            border: 1px solid transparent;
            border-radius: 8px;
            overflow: hidden;
            transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
        }

            /* نوار باریک طلایی کنار کارت */
            .contact-page-area
            .contact-info-layout
            .request-item::before {
                content: "";
                position: absolute;
                top: 18px;
                right: 0;
                width: 3px;
                height: 30px;
                background: var(--contact-accent);
                border-radius: 2px 0 0 2px;
                opacity: 0.7;
            }

        /* آدرس تمام‌عرض */
        .contact-page-area
        .contact-info-layout
        .contact-item-full {
            grid-column: 1 / -1;
            min-height: 120px;
        }

        /* عنوان اطلاعات */
        .contact-page-area
        .contact-info-layout
        .request-item span {
            display: block;
            margin: 0 0 7px;
            color: var(--contact-muted);
            font-family: var(--tl-ff-body);
            font-size: 14px;
            font-weight: 400;
            line-height: 1.7;
        }

        /* مقدار اطلاعات */
        .contact-page-area
        .contact-info-layout
        .request-item p,
        .contact-page-area
        .contact-info-layout
        .request-item a {
            display: block;
            margin: 0;
            color: var(--contact-text);
            font-family: var(--tl-ff-body);
            font-size: 17px;
            font-weight: 500;
            line-height: 1.8;
            text-decoration: none;
            overflow-wrap: anywhere;
        }

        /* برای شماره تلفن و ایمیل */
        .contact-page-area
        .contact-info-layout
        .request-item a {
            direction: ltr;
            text-align: right;
            transition: color 0.2s ease;
        }

        .contact-page-area
        .contact-info-layout
        .request-item:hover {
            background: #ffffff;
            border-color: rgba(207, 163, 79, 0.45);
            box-shadow: 0 8px 22px rgba(24, 24, 24, 0.06);
            transform: translateY(-2px);
        }

        .contact-page-area
        .contact-info-layout
        .request-item a:hover {
            color: var(--contact-accent);
        }

    /* تصویر قدیمی */
    .contact-page-area .contact-img {
        display: none !important;
    }

    /* ==================================================
   Contact Form
================================================== */

    .contact-page-area .request-form-wrap form {
        width: 100%;
    }

    .contact-page-area .request-form-wrap .form-group {
        margin-right: -7px;
        margin-left: -7px;
    }

        .contact-page-area .request-form-wrap .form-group > [class*="col-"] {
            padding-right: 7px;
            padding-left: 7px;
        }

    .contact-page-area .request-form-wrap .form-item {
        margin-bottom: 20px;
    }

        .contact-page-area
        .request-form-wrap
        .form-item
        .form-title {
            margin: 0 0 9px;
            color: var(--contact-text);
            font-family: var(--tl-ff-body);
            font-size: 14px;
            font-weight: 500;
            line-height: 1.7;
        }

        /* فیلدهای فرم */
        .contact-page-area
        .request-form-wrap
        .form-item
        .form-control {
            width: 100%;
            min-height: 54px;
            margin: 0;
            padding: 13px 16px;
            color: var(--contact-text);
            background: var(--contact-background);
            border: 1px solid var(--contact-border);
            border-radius: 8px;
            outline: none;
            box-shadow: none;
            font-family: var(--tl-ff-body);
            font-size: 15px;
            line-height: 1.7;
            transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
        }

            .contact-page-area
            .request-form-wrap
            .form-item
            .form-control::placeholder {
                color: #a3a3a3;
                opacity: 1;
            }

            .contact-page-area
            .request-form-wrap
            .form-item
            .form-control:hover {
                border-color: #d4d4d4;
                background: #ffffff;
            }

            .contact-page-area
            .request-form-wrap
            .form-item
            .form-control:focus {
                background: #ffffff;
                border-color: var(--contact-accent);
                box-shadow: 0 0 0 3px rgba(207, 163, 79, 0.13);
            }

    /* پیام */
    .contact-page-area
    .request-form-wrap
    textarea.form-control {
        display: block;
        min-height: 145px;
        resize: vertical;
    }

    /* دکمه ارسال */
    .contact-page-area .submit-btn {
        display: flex;
        justify-content: flex-start;
        margin-top: 4px;
    }

    .contact-page-area
    .request-form-wrap
    .tl-primary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 52px;
        padding: 8px 10px 8px 20px;
        color: #ffffff;
        background: var(--contact-text);
        border: 1px solid var(--contact-text);
        border-radius: 8px;
        font-family: var(--tl-ff-body);
        font-size: 15px;
        font-weight: 500;
        transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

        .contact-page-area
        .request-form-wrap
        .tl-primary-btn .icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            color: #ffffff;
            background: var(--contact-accent);
            border-radius: 6px;
            flex: 0 0 36px;
        }

            /* جهت فلش مناسب RTL */
            .contact-page-area
            .request-form-wrap
            .tl-primary-btn .icon i {
                transform: rotate(180deg);
            }

        .contact-page-area
        .request-form-wrap
        .tl-primary-btn:hover {
            color: #ffffff;
            background: var(--contact-accent);
            border-color: var(--contact-accent);
            transform: translateY(-2px);
        }

            .contact-page-area
            .request-form-wrap
            .tl-primary-btn:hover .icon {
                color: var(--contact-accent);
                background: #ffffff;
            }

/* ==================================================
   Responsive
================================================== */

@media only screen and (max-width: 991px) {
    .contact-page-area {
        row-gap: 24px;
    }

        .contact-page-area .contact-info-content,
        .contact-page-area .request-form-wrap {
            padding: 28px;
        }
}

@media only screen and (max-width: 767px) {
    .contact-page-area {
        padding-top: 0;
        row-gap: 18px;
    }

        .contact-page-area .contact-info-content,
        .contact-page-area .request-form-wrap {
            padding: 24px 18px;
        }

            .contact-page-area .contact-info-content::before,
            .contact-page-area .request-form-wrap::before {
                right: 18px;
            }

        .contact-page-area .contact-column-heading {
            margin-bottom: 22px;
        }

            .contact-page-area .contact-column-heading h3 {
                font-size: 22px;
            }

        .contact-page-area .contact-info-layout {
            grid-template-columns: 1fr;
            gap: 10px !important;
        }

            .contact-page-area
            .contact-info-layout
            .contact-item-full {
                grid-column: auto;
            }

            .contact-page-area
            .contact-info-layout
            .request-item {
                min-height: 96px;
                padding: 17px 19px 17px 15px;
            }

        .contact-page-area
        .request-form-wrap
        .form-item {
            margin-bottom: 16px;
        }

        .contact-page-area .submit-btn {
            justify-content: stretch;
        }

        .contact-page-area
        .request-form-wrap
        .tl-primary-btn {
            width: 100%;
        }
}


/********************map*/
/* مطمئن شدن از هم‌ارتفاع شدن ستون‌ها در حالت دسکتاپ */
@media (min-width: 992px) {
    .contact-page-area.align-items-stretch {
        display: flex;
    }

    .contact-map-wrap {
        height: 100% !important;
    }
}

/* استایل کادر دور نقشه برای تراز شدن با باکس کناری */
.contact-map-wrap {
    width: 100%;
    min-height: 450px; /* حداقل ارتفاع برای نمایش مناسب در موبایل */
    height: 100%;
    border-radius: 12px; /* یا هماهنگ با border-radius باکس سمت راست */
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); /* ایجاد سایه ملایم مشابه باکس راست */
    border: 1px solid #f0f0f0; /* در صورت تمایل به داشتن کادر نازک */
}

    /* پر کردن کل فضا توسط تگ iframe */
    .contact-map-wrap iframe {
        width: 100%;
        height: 100%;
        min-height: 100%;
        display: block;
        border: 0;
    }
/* کادر اصلی - مشابه کادر فرم */
.social-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    position: relative; /* برای قرارگیری خط طلایی */
    overflow: hidden;
}

    /* ایجاد خط طلایی در بالای کادر */
    .social-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px; /* ضخامت خط طلایی */
        background-color: #d4af37;
    }

/* چیدمان آیکون‌ها */
.social-icons-wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
}

/* استایل آیکون‌ها */
.social-link {
    font-size: 28px;
    color: #333;
    transition: all 0.3s ease-in-out;
}

    /* افکت هوور */
    .social-link:hover {
        color: #d4af37;
        transform: translateY(-5px);
    }

/* کادر شبکه‌های اجتماعی - دقیقاً هم‌استایل باکس‌های کانتکت */
.social-box {
    position: relative;
    width: 100%;
    padding: 32px;
    background: var(--contact-surface, #fff);
    border: 1px solid var(--contact-border, #e8e8e8);
    border-radius: 8px;
    box-shadow: 0 14px 40px rgba(22, 22, 22, 0.06);
    overflow: hidden;
}

    /* خط طلایی بالای کادر - دقیقاً مثل پنل‌های کانتکت */
    .social-box::before {
        content: "";
        position: absolute;
        top: 0;
        right: 32px;
        width: 62px;
        height: 3px;
        background: var(--contact-accent, #cfa34f);
    }

/* چیدمان آیکون‌ها */
.social-icons-wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
}

/* استایل آیکون‌ها */
.social-link {
    font-size: 28px;
    color: var(--contact-text, #242424);
    line-height: 1;
    transition: color 0.25s ease, transform 0.25s ease;
}

    .social-link:hover {
        color: var(--contact-accent, #cfa34f);
        transform: translateY(-5px);
    }

@media (max-width: 575px) {
    .social-box {
        padding: 24px 18px;
    }

    .social-icons-wrapper {
        gap: 30px;
    }
}
/************************کانتر در باره ما*/
@media (max-width: 767px) {
    .counter-stats {
        margin-top: -45px !important;
    }
}
/* ==================================================
   Responsive header mobile
================================================== */
@media (max-width: 767px) {
    .primary-header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap !important;
        gap: 8px;
    }

    .header-left-wrap {
        display: flex;
        align-items: center;
        gap: 8px !important;
        column-gap: 8px !important;
        min-width: 0;
        flex-shrink: 1;
    }

        .header-left-wrap img,
        .header-left-wrap .logo,
        .header-left-wrap .site-logo {
            max-width: 110px !important;
            height: auto;
            flex-shrink: 1;
        }

    .header-menu-wrap {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .tl-primary-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 12px !important;
        font-size: 14px !important;
        line-height: 1;
        white-space: nowrap;
        flex-shrink: 0;
    }

        .tl-primary-btn i,
        .tl-primary-btn svg {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
        }
}

/****************بردکرامب*/

.sub-title .home,
.sub-title .inner-page {
    text-decoration: none;
    color: inherit;
}

.sub-title .icon {
    margin: 0 8px;
    opacity: 0.6;
}

@media (max-width: 992px) {
    .page-header {
        height: 440px;
    }

    .ph-content {
        padding-top: 130px;
        padding-bottom: 70px;
    }
}

/********************بردکرامب*/

/* =========================================================
   PAGE HEADER
========================================================= */

.page-header {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    display: flex;
    align-items: center;
    background: radial-gradient( ellipse at 50% 35%, #321807 0%, #1b0d05 30%, #0b0704 62%, #040403 100% );
}


    /* =========================================================
   REMOVE / DISABLE OLD BACKGROUND IMAGE
========================================================= */

    .page-header .bg-img {
        display: none !important;
    }


/* =========================================================
   MOTION CONTAINER
========================================================= */

.page-header-motion {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    background: radial-gradient( ellipse at 32% 28%, rgba(224, 91, 18, .12), transparent 38% ), radial-gradient( ellipse at 72% 40%, rgba(255, 145, 46, .07), transparent 45% );
}


    /* =========================================================
   CANVAS
========================================================= */

    .page-header-motion canvas {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block;
        pointer-events: none;
    }

#ph-light {
    z-index: 1;
}

#ph-bloom {
    z-index: 2;
    opacity: .95;
}

#ph-particles {
    z-index: 3;
}


/* =========================================================
   OVERLAY
========================================================= */

.page-header .overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    /*
       خیلی ملایم است تا نور دیده شود
       ولی متن خوانایی داشته باشد.
    */

    background: linear-gradient( 180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .18) );
}


/* =========================================================
   CONTENT
========================================================= */

.page-header .container {
    position: relative;
    z-index: 10;
}


.page-header-content {
    position: relative;
    z-index: 10;
}


/* =========================================================
   OPTIONAL TEXT STYLING
========================================================= */

.page-header .sub-title {
    position: relative;
    z-index: 10;
}


/* =========================================================
   VIGNETTE
========================================================= */

.page-header-motion::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background: radial-gradient( ellipse at center, transparent 36%, rgba(0, 0, 0, .08) 62%, rgba(0, 0, 0, .30) 100% );
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .page-header {
        min-height: 280px;
    }

    .page-header-motion {
        background: radial-gradient( ellipse at 35% 30%, rgba(224, 91, 18, .10), transparent 42% );
    }
}


.page-header {
    position: relative;
    overflow: hidden;
    min-height: 160px;
    height: 180px;
    padding: 0;
}

/************************shop*/
.shop-filters {
    direction: rtl;
}

    .shop-filters .form-control,
    .shop-filters .form-select {
        width: 100%;
        height: 50px;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        padding: 0 16px;
        font-family: inherit;
        box-shadow: none;
    }

    .shop-filters .form-control {
        text-align: right;
    }

.category-select {
    position: relative;
    width: 100%;
}

    /* حذف فلش پیش‌فرض select */
    .category-select .form-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        padding-left: 42px;
    }

    /* فقط یک فلش سفارشی */
    .category-select::after {
        content: "\f107";
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Font Awesome 6 Free";
        font-size: 16px;
        font-weight: 900;
        pointer-events: none;
        color: #333;
    }

@media (max-width: 767px) {
    .shop-filters {
        row-gap: 15px;
    }

        .shop-filters > div {
            width: 100%;
        }

        .shop-filters .form-control,
        .shop-filters .form-select,
        .category-select {
            width: 100%;
        }
}



.page-header .page-header-content {
    /* مقادیر دلخواه را جایگزین کنید، مثلا: */
    padding: 60px 0 40px 0;
}


/***********************project**********************************************/
/* استایل‌های بخش مشخصات پروژه */
.project-spec-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.project-details-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}

.project-badge {
  display: inline-block;
  font-size: 13px;
  color: #6c757d;
  background-color: #f1f3f5;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 500;
}

.project-title {
  font-size: 24px;
  font-weight: 700;
  color: #212529;
  line-height: 1.5;
}

/* لیست مشخصات با خط توسی */
.project-spec-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.spec-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #e9ecef; /* خط توسی جداکننده */
  font-size: 15px;
}

.spec-item:first-child {
  border-top: 1px solid #e9ecef; /* خط توسی بالا برای یکدستی */
}

.spec-label {
  color: #6c757d;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.spec-label i {
  color: #adb5bd;
  margin-left: 8px; /* برای ساختار RTL */
}

.spec-value {
  color: #212529;
  font-weight: 600;
  text-align: left;
}

/* دکمه اختصاصی */
.project-cta-wrap .cp-primary-btn {
  display: inline-block;
  padding: 12px 28px;
  background-color: #111;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.project-cta-wrap .cp-primary-btn:hover {
  background-color: #333;
  color: #fff;
}
.project-details-img {
    height: 570px;
    overflow: hidden;
    border-radius: 12px;
}

    .project-details-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }
.project-specs-wrap {
    padding-left: 20px;
}
@media (max-width: 991.98px) {
    .project-details-img {
        height: 420px;
    }

    .project-specs-wrap {
        padding-left: 0;
    }
}

@media (max-width: 575.98px) {
    .project-details-img {
        height: 300px;
    }
}


@media (min-width: 992px) {
    .col-lg-2-4 {
        flex: 0 0 auto;
        width: 20%;
    }
}

.gallery-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    text-decoration: none;
    background: #fff;
}

.gallery-card-img {
    height: 280px;
    overflow: hidden;
}

    .gallery-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
        display: block;
    }

.gallery-card-bar {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    background: rgba(255, 255, 255, .92);
    border-radius: 16px;
    padding: 12px 14px;
    transform: translateY(110%);
    opacity: 0;
    transition: all .35s ease;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

    .gallery-card-bar h6 {
        margin: 0 0 4px;
        font-size: 15px;
        font-weight: 700;
        color: #191919;
    }

    .gallery-card-bar span {
        font-size: 12px;
        color: #CAA05C;
        font-weight: 500;
    }

.gallery-card:hover .gallery-card-img img {
    transform: scale(1.04);
}

.gallery-card:hover .gallery-card-bar {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width: 991.98px) {
    .gallery-card-img {
        height: 240px;
    }
}

@media (max-width: 575.98px) {
    .gallery-card-img {
        height: 200px;
    }

    .gallery-card-bar {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 10px 12px;
    }
}
/* فاصله بین مشخصات پروژه و گالری */
.project-spec-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* خنثی کردن فاصله پیش‌فرض زیاد قالب در گالری */
.project-gallery-section {
    padding-top: 30px !important;
    padding-bottom: 100px !important;
}

    /* فاصله زیر تیتر گالری */
    .project-gallery-section .section-heading {
        margin-bottom: 35px;
    }

@media (max-width: 991.98px) {
    .project-spec-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .project-gallery-section {
        padding-top: 20px !important;
        padding-bottom: 70px !important;
    }

        .project-gallery-section .section-heading {
            margin-bottom: 25px;
        }
}
.project-gallery-section .gallery-section-title {
    font-size: 25px !important;
    line-height: 1.5;
    font-weight: 700;
}

    .project-gallery-section .gallery-section-title span {
        color: #CAA05C;
    }

@media (max-width: 991.98px) {
    .project-gallery-section .gallery-section-title {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .project-gallery-section .gallery-section-title {
        font-size: 19px;
    }
}



/* ==========================================================================
   Project Story Timeline Styles
   ========================================================================== */
.project-story-section {
    padding: 70px 0 90px;
    background: #f6f6f6;
    direction: rtl;
}

    .project-story-section .sub-heading {
        display: inline-block;
        font-family: peyda, sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #191919;
        padding: 7px 18px;
        border: 1px solid rgba(114,114,114,.18);
        border-radius: 999px;
        position: relative;
        margin-bottom: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        background: #fff;
    }

        .project-story-section .sub-heading:before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #CAA05C;
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
        }

    .project-story-section .section-title {
        font-family: peyda, sans-serif;
        font-size: 54px !important;
        line-height: 1.15;
        font-weight: 400;
        color: #191919;
        margin-bottom: 60px;
    }

.story-timeline {
    position: relative;
    padding: 20px 0;
}

.story-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: linear-gradient(to bottom, rgba(202,160,92,.15), rgba(202,160,92,.75), rgba(202,160,92,.15));
    transform: translateX(-50%);
    z-index: 1;
}

.story-item {
    position: relative;
    margin-bottom: 54px;
    z-index: 2;
}

    .story-item:last-child {
        margin-bottom: 0;
    }

.story-image {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(0,0,0,.08);
    border: 1px solid rgba(202,160,92,.12);
    background: #fff;
    transition: transform .35s ease, box-shadow .35s ease;
}

    .story-image img {
        width: 100%;
        height: 380px;
        object-fit: cover;
        display: block;
    }

    .story-image:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 45px rgba(0,0,0,.12);
    }

.story-card {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 34px 30px;
    border: 1px solid rgba(202,160,92,.10);
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    transition: transform .3s ease, box-shadow .3s ease;
}

    .story-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 16px 38px rgba(0,0,0,.08);
    }

.story-step {
    position: absolute;
    top: 22px;
    left: 24px;
    font-family: peyda, sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: rgba(202,160,92,.18);
    line-height: 1;
}

.story-card h3 {
    font-family: peyda, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #191919;
    margin-bottom: 16px;
    padding-left: 44px;
}

.story-card p {
    font-family: peyda, sans-serif;
    font-size: 14px;
    line-height: 2.05;
    color: #4D4D52;
    text-align: justify;
    margin-bottom: 0;
}

.story-item .row {
    flex-direction: row-reverse;
}

.story-item-reverse .row {
    flex-direction: row;
}

.story-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #CAA05C;
    border: 3px solid #fff;
    box-shadow: 0 0 0 4px rgba(202,160,92,.18);
    transform: translate(-50%, -50%);
    z-index: 3;
}

/* Responsive */
@media (max-width: 991.98px) {
    .project-story-section .section-title {
        font-size: 42px !important;
        margin-bottom: 40px;
    }

    .story-line {
        left: 20px;
        transform: none;
    }

    .story-item::after {
        left: 20px;
        top: 28px;
        transform: translate(-50%, 0);
    }

    .story-item .row,
    .story-item-reverse .row {
        flex-direction: column !important;
    }

    .story-media,
    .story-content {
        padding-right: 40px;
    }

    .story-image img {
        height: 260px;
    }
}

@media (max-width: 767px) {
    .project-story-section {
        padding: 50px 0 70px;
    }

        .project-story-section .section-title {
            font-size: 34px !important;
        }

    .story-media,
    .story-content {
        padding-right: 32px;
    }

    .story-card {
        padding: 28px 20px;
    }

    .story-image img {
        height: 220px;
    }

    .story-card h3 {
        font-size: 17px;
        padding-left: 36px;
    }

    .story-step {
        font-size: 22px;
        top: 18px;
        left: 18px;
    }
}

/* =========================
   Tablet
========================= */
@media (max-width: 991.98px) {
    .project-story-section .section-title {
        font-size: 42px !important;
        margin-bottom: 40px;
    }

    .story-timeline {
        padding: 10px 0;
    }

    .story-line {
        left: 24px;
        transform: none;
    }

    .story-item {
        margin-bottom: 40px;
    }

        .story-item::after {
            left: 24px;
            top: 24px;
            transform: translate(-50%, 0);
            width: 14px;
            height: 14px;
        }

        .story-item .row,
        .story-item-reverse .row {
            flex-direction: column !important;
            margin: 0;
        }

    .story-media,
    .story-content {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 55px;
        padding-left: 0;
    }

    .story-media {
        margin-bottom: 16px;
    }

    .story-image img {
        height: 260px;
    }

    .story-card {
        padding: 28px 24px;
    }
}


/* =========================
   Mobile
========================= */
@media (max-width: 767px) {
    .project-story-section {
        padding: 50px 0 70px;
    }

        .project-story-section .sub-heading {
            font-size: 11px;
            padding: 6px 16px;
        }

        .project-story-section .section-title {
            font-size: 30px !important;
            line-height: 1.3;
            margin-bottom: 32px;
        }

    .story-timeline {
        padding: 0;
    }

    .story-line {
        left: 18px;
        width: 2px;
    }

    .story-item {
        margin-bottom: 32px;
    }

        .story-item::after {
            left: 18px;
            top: 18px;
            width: 12px;
            height: 12px;
            border-width: 2px;
            box-shadow: 0 0 0 3px rgba(202,160,92,.16);
        }

        .story-item .row,
        .story-item-reverse .row {
            flex-direction: column !important;
            margin: 0;
        }

    .story-media,
    .story-content {
        padding-right: 34px;
        padding-left: 0;
    }

    .story-media {
        margin-bottom: 14px;
    }

    .story-image {
        border-radius: 18px;
    }

        .story-image img {
            height: 210px;
        }

    .story-card {
        border-radius: 18px;
        padding: 22px 16px 20px;
    }

    .story-step {
        position: static;
        display: inline-block;
        font-size: 15px;
        font-weight: 700;
        color: #CAA05C;
        margin-bottom: 10px;
        background: rgba(202,160,92,.10);
        padding: 4px 10px;
        border-radius: 30px;
    }

    .story-card h3 {
        font-size: 16px;
        line-height: 1.8;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .story-card p {
        font-size: 13px;
        line-height: 2;
        text-align: right;
    }
}
@media (max-width: 767px) {
    .story-media,
    .story-content {
        padding-right: 0;
        padding-left: 0;
    }
}
.download-wrap {
    height: 100%;
}

.download-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.download-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border: 1px solid #E3E3E8;
    border-radius: 18px;
    background: #fff;
    transition: all .3s ease;
}

    .download-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(0,0,0,.08);
        border-color: #CAA05C;
    }

    .download-item .review-thumb {
        width: 68px;
        height: 68px;
        min-width: 68px;
        border-radius: 14px;
        background: rgba(202,160,92,.08);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        .download-item .review-thumb img {
            width: 34px;
            height: 34px;
            object-fit: contain;
        }

    .download-item .content {
        width: 100%;
    }

    .download-item .name {
        font-size: 17px;
        line-height: 1.6;
        margin-bottom: 8px;
        color: #191919;
    }

        .download-item .name span {
            display: block;
            font-size: 13px;
            color: #4D4D52;
            margin-top: 4px;
        }

.download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #CAA05C;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
}

    .download-btn:hover {
        background: #191919;
        color: #fff;
    }

.comment-form-wrap {
    background: #fff;
    border: 1px solid #E3E3E8;
    border-radius: 24px;
    padding: 30px;
}

    .comment-form-wrap .title {
        margin-bottom: 8px;
    }

    .comment-form-wrap .publish {
        display: inline-block;
        margin-bottom: 24px;
        color: #4D4D52;
        font-size: 14px;
        line-height: 1.8;
    }
/********menu mobile********/
@media (min-width: 992px) {
    .sidebar-area {
        display: none !important;
    }
}
/*********footer***********/

.footer-section {
    padding-bottom: 10px;
}
.copyright-content p {
    font-size: 13px; 
    margin-bottom: 5px; 
    opacity: 0.8;
}

.copyright-content .designer-credit {
    font-size: 12px; 
}

.footer-widget .widget-title {
    font-size: 16px; 
    margin-bottom: 15px;
}

.footer-widget .footer-list li a {
    font-size: 14px;
    padding: 3px 0; 
    display: block;
}

@media (max-width: 768px) {
    .footer-widget .widget-title {
        font-size: 14px;
    }

    .footer-widget .footer-list li a {
        font-size: 13px;
    }
}


@media (max-width: 768px) {
    /* مجبور کردن ستون سوم به راست‌چین شدن کامل */
    .text-right-mobile,
    .text-right-mobile .footer-widget,
    .text-right-mobile .footer-address,
    .text-right-mobile .widget-title {
        text-align: right !important;
        direction: rtl !important;
    }

        /* راست‌چین کردن متن‌ها، لینک‌ها و پاراگراف‌ها */
        .text-right-mobile .footer-address a,
        .text-right-mobile .footer-address p {
            text-align: right !important;
            display: block !important;
            float: none !important;
            margin-left: auto !important;
            margin-right: 0 !important;
        }

        /* انتقال آیکون‌های شبکه‌های اجتماعی به سمت راست */
        .text-right-mobile .social-list {
            display: flex !important;
            justify-content: flex-start !important;
            padding-right: 0 !important;
            list-style: none;
        }

            .text-right-mobile .social-list li {
                margin-left: 10px; /* فاصله بین آیکون‌ها در حالت راست‌چین */
                margin-right: 0;
            }
}


/* ==================================================
   Contact Information
================================================== */

.contact-page-area .request-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 112px;
    margin: 0 !important;
    padding: 20px 22px 20px 18px;
    background: var(--contact-background);
    border: 1px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

    .contact-page-area .request-item::before {
        content: "";
        position: absolute;
        top: 18px;
        right: 0;
        width: 3px;
        height: 30px;
        background: var(--contact-accent);
        border-radius: 2px 0 0 2px;
        opacity: 0.7;
    }

    .contact-page-area .request-item span {
        display: block;
        margin: 0 0 7px;
        color: var(--contact-muted);
        font-family: var(--tl-ff-body);
        font-size: 14px;
        font-weight: 400;
        line-height: 1.7;
    }

    .contact-page-area .request-item p,
    .contact-page-area .request-item a {
        display: block;
        margin: 0;
        color: var(--contact-text);
        font-family: var(--tl-ff-body);
        font-size: 17px;
        font-weight: 500;
        line-height: 1.8;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

    .contact-page-area .request-item a {
        direction: ltr;
        text-align: right;
        transition: color 0.2s ease;
    }

    .contact-page-area .request-item:hover {
        background: #ffffff;
        border-color: rgba(207, 163, 79, 0.45);
        box-shadow: 0 8px 22px rgba(24, 24, 24, 0.06);
        transform: translateY(-2px);
    }

    .contact-page-area .request-item a:hover {
        color: var(--contact-accent);
    }

@media (min-width: 1200px) {
    .container {
        max-width: 85% !important;
        width: 85% !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 82% !important;
        width: 82% !important;
    }
}


/* ۱. سایز عدد و علامت مثبت */
.counter-item .title {
    font-size: 38px !important; /* معمولاً روی 50px یا 60px است؛ اینجا به 38px کاهش یافت */
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
}

    .counter-item .title .odometer,
    .counter-item .title .icon {
        font-size: inherit !important;
    }

/* ۲. سایز عنوان زیر عدد */
.counter-item .sub-title {
    font-size: 16px !important; /* سایز متناسب برای عنوان */
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

/* ۳. سایز متن توضیحات */
.counter-item p {
    font-size: 13px !important; /* سایز خوانا و مرتب برای متن */
    line-height: 1.6 !important;
}

/* ۴. تنظیمات ریسپانسیو برای موبایل */
/*@media (max-width: 768px) {
    .counter-item .title {
        font-size: 30px !important;
    }

    .counter-item .sub-title {
        font-size: 15px !important;
    }

    .counter-item p {
        font-size: 12px !important;
    }
}*/

.sponsor-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}