@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Quicksand:wght@300..700&display=swap");
html, body {
  overflow-x: hidden;
}

:root {
 
  --body-font:  "Glory", sans-serif;
  --heading-font: "Noto Sans TC", sans-serif;
  --special-font: "Lato", sans-serif;
  --theme-color: #ffe743;
  --second-color: #012E41;
  --white-color: #ffffff;
}
a, a:hover {
  text-decoration: none;
}

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

h2, p {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

input, textarea {
  background: none;
  border: none;
  outline: none;
}

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

.space6 {
  height: 6px;
}

.space8 {
  height: 8px;
}

.space10 {
  height: 10px;
}

.space12 {
  height: 12px;
}

.space14 {
  height: 14px;
}

.space16 {
  height: 16px;
}

.space18 {
  height: 18px;
}

.space20 {
  height: 20px;
}

.space22 {
  height: 22px;
}

.space24 {
  height: 24px;
}

.space26 {
  height: 26px;
}

.space28 {
  height: 28px;
}

.space30 {
  height: 30px;
}

.space32 {
  height: 32px;
}

.space34 {
  height: 34px;
}

.space36 {
  height: 36px;
}

.space38 {
  height: 38px;
}

.space40 {
  height: 40px;
}

.space42 {
  height: 42px;
}

.space44 {
  height: 44px;
}

.space46 {
  height: 46px;
}

.space48 {
  height: 48px;
}

.space50 {
  height: 50px;
}

.space52 {
  height: 52px;
}

.space54 {
  height: 54px;
}

.space56 {
  height: 56px;
}

.space58 {
  height: 58px;
}

.space60 {
  height: 60px;
}

.space62 {
  height: 62px;
}

.space64 {
  height: 64px;
}

.space66 {
  height: 66px;
}

.space68 {
  height: 68px;
}

.space70 {
  height: 70px;
}

.space72 {
  height: 72px;
}

.space74 {
  height: 74px;
}

.space76 {
  height: 76px;
}

.space78 {
  height: 78px;
}

.space80 {
  height: 80px;
}

.space82 {
  height: 82px;
}

.space84 {
  height: 84px;
}

.space86 {
  height: 86px;
}

.space {
  height: 88px;
}

.space90 {
  height: 90px;
}

.space92 {
  height: 92px;
}

.space94 {
  height: 94px;
}

.space96 {
  height: 96px;
}

.space98 {
  height: 98px;
}

.space100 {
  height: 100px;
}

@keyframes animation-5 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.aniamtion-key-5 {
  position: relative;
  animation-name: animation-5;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition: all 0.4s ease-in-out;
}

@keyframes animation-7 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1000deg);
  }
}
.keyframe5 {
  position: relative;
  animation-name: animation-7;
  animation-duration: 90s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.59, 0.59, 1, 1);
}

@keyframes animation-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30px);
  }
}
.aniamtion-key-1 {
  position: relative;
  animation-name: animation-1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50px);
  }
}
.aniamtion-key-2 {
  position: relative;
  animation-name: animation-2;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(60px);
  }
}
.aniamtion-key-3 {
  position: relative;
  animation-name: animation-3;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-4 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(40px);
  }
}
.aniamtion-key-4 {
  position: relative;
  animation-name: animation-4;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.sec-title-three {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}
.sec-title-three .title {
    position: relative;
    color: #0c0d24;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Lato', sans-serif;
}
.sec-title-three h2 {
    color: #0c0d24;
    font-size: 48px;
    line-height: 1.1em;
    font-weight: 700;
    font-family: 'Glory', sans-serif;
}
.sec-title-three h2 span {
    position: relative;
    display: inline-block;
}
.sec-title-three h2 span:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 138px;
    height: 8px;
    background: url(../images/icon/pattern-16.png);
    background-repeat: no-repeat;
}

@keyframes animation-6 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(50px);
  }
}
.aniamtion-key-6 {
  position: relative;
  animation-name: animation-6;
  animation-duration: 1.9s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animation-8 {
  0% {
    padding-left: 0px;
  }
  100% {
    padding-left: 50px;
  }
}
.aniamtion-key-7 {
  position: relative;
  animation-name: animation-8;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-webkit-keyframes fade-in-down {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(0) translateZ(0) scale(1.5);
    opacity: 1;
  }
}
.pulse-border {
  position: relative;
  animation-name: pulse-border;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translatex(-100%);
  }
}
@keyframes marquee-2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translatex(0);
  }
}
.reveal {
  position: relative;
  display: -ms-inline-flexbox;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: left;
}

.mt-4- {
  margin-top: -4px;
}

.mrf-16 {
  margin-right: 16px;
}


/*============= COMON CSS AREA ===============*/
.vl-section-title-1 .subtitle {
  background: var(--ztc-bg-bg-4);
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  display: inline-block;
  padding: 8px 12px;
  border-radius: 50px;
}
.vl-section-title-1 .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height52);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-1 .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
@media (max-width: 767px) {
  .vl-section-title-1 .title {
    font-size: var(--ztc-font-size-font-s28);
    line-height: var(--ztc-specing-height38);
  }
}
.vl-section-title-1 p {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-section-title-1.white .subtitle {
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--ztc-text-text-1);
}
.vl-section-title-1.white .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-1.white .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
@media (max-width: 767px) {
  .vl-section-title-1.white .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
.vl-section-title-1.white p {
  color: rgba(255, 255, 255, 0.8);
}
.vl-section-title-2 .subtitle {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  padding: 8px 12px;
  display: inline-block;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-section-title-2 .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s64);
  line-height: var(--ztc-specing-height72);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-section-title-2 .title {
    font-size: var(--ztc-font-size-font-s54);
    line-height: var(--ztc-specing-height64);
  }
}
@media (max-width: 767px) {
  .vl-section-title-2 .title {
    font-size: var(--ztc-font-size-font-s40);
    line-height: var(--ztc-specing-height50);
  }
}
.vl-section-title-3 .subtitle {
  border-radius: 8px;
  background: rgba(86, 34, 127, 0.1);
  display: inline-block;
  color: var(--ztc-text-text-10);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding: 8px 12px;
}
.vl-section-title-3 .title {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media ((max-width: 767px)) {
  .vl-section-title-3 .title {
    font-size: var(--ztc-font-size-font-s26);
    line-height: var(--ztc-specing-height26);
  }
}
.vl-section-title-3 p {
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}

.vl-section-heading3 .subtitle {
  background: var(--ztc-bg-bg-7);
  color: var(--ztc-text-text-12);
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
@media (max-width: 767px) {
  .vl-section-heading3 .subtitle {
    font-size: 13px;
    line-height: var(--ztc-specing-height20);
  }
}
.vl-section-heading3 .heading-title {
  color: var(--ztc-text-text-11);
  font-size: var(--ztc-font-size-font-s64);
  line-height: var(--ztc-specing-height72);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .vl-section-heading3 .heading-title {
    font-size: var(--ztc-font-size-font-s44);
    line-height: var(--ztc-specing-height52);
    font-size: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-heading3 .heading-title {
    font-size: var(--ztc-font-size-font-s60);
    line-height: var(--ztc-specing-height72);
  }
}
.vl-section-heading3 .para {
  color: var(--ztc-text-text-13);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-heading3 .para {
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-specing-height30);
  }
}

.vl-section-title3 .subtitle {
  background: var(--ztc-bg-bg-7);
  color: var(--ztc-text-text-12);
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-section-title3 .title {
  color: var(--ztc-text-text-11);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height52);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title3 .title {
    font-size: var(--ztc-font-size-font-s30);
    line-height: var(--ztc-specing-height40);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title3 .title {
    font-size: var(--ztc-font-size-font-s40);
    line-height: var(--ztc-specing-height52);
  }
}
.vl-section-title3 .para {
  color: var(--ztc-text-text-13);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title3 .para br {
    display: none;
  }
}

.vl-section-title4 .subtitle {
  background: var(--ztc-bg-bg-8);
  color: var(--ztc-text-text-15);
  border-radius: 50px;
  padding: 8px 12px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-section-title4 .title {
  color: var(--ztc-text-text-15);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height52);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title4 .title {
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-specing-height44);
  }
}
.vl-section-title4 .para {
  color: var(--ztc-text-text-16);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-section-title4 .para br {
    display: none;
  }
}

.vl-section-title5 .subtitle {
  border-radius: 8px;
  background: rgba(1, 113, 93, 0.1);
  padding: 8px 12px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-6);
}
.vl-section-title5 .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height54);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-section-title5 .title {
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-specing-height44);
  }
}
.vl-section-title5 .para {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

.gray-bg {
  background: var(--ztc-bg-bg-4) !important;
}

.mt-18 {
  margin-top: 18px;
}

/* Hide the default radio button */
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid var(--second-color);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease;
}

input[type=radio]:checked {
  border-color: var(--theme-color);
}

input[type=radio]:checked::before {
  background-color: var(--second-color);
}

input[type=radio]:focus {
  outline: 2px solid var(--theme-color);
}

/*============= COMON CSS AREA ENDS ===============*/
/*============= SPACING CSS AREA ===============*/
.sp1 {
  padding: 100px 0 100px;
}
@media (max-width: 767px) {
  .sp1 {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp1 {
    padding: 50px 0 50px;
  }
}

.sp2 {
  padding: 100px 0 70px;
}
@media (max-width: 767px) {
  .sp2 {
    padding: 50px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp2 {
    padding: 50px 0 20px;
  }
}

.sp3 {
  padding: 100px 0 50px;
}

.sp4 {
  padding: 80px 0 80px;
}
@media (max-width: 767px) {
  .sp4 {
    padding: 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp4 {
    padding: 40px 0 40px;
  }
}

.sp5 {
  padding: 60px 0 60px;
}
@media (max-width: 767px) {
  .sp5 {
    padding: 30px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp5 {
    padding: 30px 0 30px;
  }
}

.sp6 {
  padding: 120px 0 120px;
}
@media (max-width: 767px) {
  .sp6 {
    padding: 60px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp6 {
    padding: 60px 0 60px;
  }
}

.sp7 {
  padding: 120px 0 90px;
}
@media (max-width: 767px) {
  .sp7 {
    padding: 60px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp7 {
    padding: 60px 0 30px;
  }
}

.sp8 {
  padding: 100px 0 0;
}
@media (max-width: 767px) {
  .sp8 {
    padding: 50px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp8 {
    padding: 50px 0 0;
  }
}

.sp9 {
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .sp9 {
    padding: 60px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp9 {
    padding: 60px 0 0;
  }
}

.sp10 {
  padding: 0 0 100px;
}
@media (max-width: 767px) {
  .sp10 {
    padding: 0 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sp10 {
    padding: 0 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  p br {
    display: none;
  }
}

.w-100 {
  width: 100%;
}

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

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

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

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

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-60 {
    margin-bottom: 30px;
  }
}

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

.pl-90 {
  padding-left: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pl-90 {
    padding-left: 0px;
  }
}

.pl-30 {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pl-30 {
    padding-left: 0px;
  }
}

.ml-20 {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-20 {
    margin-left: 0px;
  }
}

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

.space-margin60 {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .space-margin60 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .space-margin60 {
    margin-bottom: 30px;
  }
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

a, button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

.ml-15 {
  margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-15 {
    margin-left: 0px;
  }
}

.mr-15 {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mr-15 {
    margin-right: 0px;
  }
}

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

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

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

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

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

.ml-50 {
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ml-50 {
    margin-left: 0px;
  }
}

.mr-50 {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mr-50 {
    margin-right: 0px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pb-70 {
    padding-bottom: 20px;
  }
}

.mt-16 {
  margin-top: 16px;
}

.mt-32 {
  margin-top: 32px;
}

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

.mt-24 {
  margin-top: 24px;
}

.thme-pagination-mt {
  margin-top: 30px;
}


::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: var(--second-color);
}

body {
  position: relative;
  background: white;
  font-size: 15px;
/*    line-height: normal;*/
overflow-x: hidden;
}
img{
  max-width: 100%;
}
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6{
  font-family: var(--title-font);
}

.fw-medium {
  font-weight: 500 !important;
}
.text-primary{
  color: var(--theme-color) !important;
}
.text-theme{
  color: var(--theme-color) !important;
}
.bg-primary{
  background-color: var(--theme-color) !important;
}
.bg-theme{
  background-color: var(--theme-color) !important;
}
.theme-color{
  color: var(--theme-color);
}


h1 {
  font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-transform: uppercase;
}

h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.001em;
  line-height: 32px;
  text-transform: capitalize;
}

h3 {
  font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

h4 {
  font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: capitalize;
}

h5 {
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

h6 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  font-size: 16px;
  letter-spacing: 0.03em;
}

p {
  font-size: 16px;
  color: #383838;
  letter-spacing: 0.03em;
}

a {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  letter-spacing: 0.03em;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  color: var(--second-color);
}

a:focus {
  outline: none;
}

label {
  letter-spacing: 0.03em;
}

button:focus,
.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.section_space {
  padding-top: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.section-b-space {
  padding-bottom: 50px;
}

.medium-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.small-section {
  padding-top: 35px;
  padding-bottom: 35px;
}

.xs-section {
  padding: 30px 0;
}

.parallax-img {
  background-attachment: fixed;
}

.radius-cls {
  border-radius: 20px;
}

.radius-cls .social-box {
  border-radius: 6px;
}

/*.bg-inner {
    background-color: #f9f9f9;
}*/

.lh-cls {
  line-height: 1 !important;
}

.w-80 {
  width: 80%;
}


.form-control {
  height: auto;
}


.rounded5 {
  border-radius: 5px;
}

.rounded10 {
  border-radius: 10px;
}

.rounded15 {
  border-radius: 15px;
}

.rounded20 {
  border-radius: 20px;
}

.rounded25 {
  border-radius: 25px;
}

.breadcrumb {
  padding: 0.75rem 1rem;
}

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

.row div[class*="col-"],
.row .col {
  position: relative;
}

.ul-section-title {
  font-weight: 700;
  font-size: clamp(25px, 2.1vw, 40px);
  color: var(--ul-black);
  margin-bottom: clamp(5px, 0.42vw, 8px);
}


/*============= SPACING CSS AREA ENDS ===============*/
/*============= BRANDS CSS AREA ===============*/
.vl-brand-area {
  background: var(--ztc-text-text-10);
  padding-top: 70px;
  padding-bottom: 70px;
}
.vl-brand-area .single-brand-item {
  width: 170px;
}

.vl-brand5 {
  background: var(--ztc-bg-bg-4);
  padding-top: 74px;
  padding-bottom: 74px;
}
.vl-brand5 .owl-carousel .owl-stage-outer {
  overflow: inherit;
}
.vl-brand5 .single-brand-logo img {
  width: 156px;
  height: 80px !important;
  object-fit: contain;
}
@media (max-width: 767px) {
  .vl-brand5 .single-brand-logo img {
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
}

.single-brand-item img {
  width: 156px;
}

/*============= BRANDS CSS AREA ENDS ===============*/
/*============= BUTTON CSS AREA  ===============*/
.btn-area .header-btn1 {
  background: var(--theme-color);
  color: var(--white-color);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.btn-area .header-btn1 span {
  display: inline-block;
  line-height: 36px;
  text-align: center;
  transition: 0.3s;
}
.btn-area .header-btn1 span i {
  transform: rotate(-45deg);
  transition: 0.3s;
}
.btn-area .header-btn1:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-3);
  border-radius: 50px;
  z-index: -1;
  transition: 0.3s;
  transform: scaleX(0);
}
.btn-area .header-btn1:hover {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.btn-area .header-btn1:hover span {
  color: #fff;
}
.btn-area .header-btn1:hover:after {
  transform: scaleX(1);
  transition: 0.3s;
}
.btn-area .header-btn3 {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  background: var(--ztc-text-text-12);
  border-radius: 8px;
  padding: 8px 23px 8px 8px;
  position: relative;
}
.btn-area.vl-cta-btn1 {
  position: absolute;
  right: 6px;
  top: 6px;
}

.vl-hero-btn .header-btn1 {
  background: var(--theme-color);
  color: var(--white-color);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: 1400ms;
}
.vl-hero-btn .header-btn1:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-3);
  border-radius: 50px;
  z-index: -1;
  transform: scaleX(0);
  transition: 0.3s;
}
.vl-hero-btn .header-btn1:hover {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.vl-hero-btn .header-btn1:hover::after {
  transform: scaleX(1);
}
.vl-hero-btn .header-btn1:hover span {
  transition: 0.3s;
}
.vl-hero-btn .header-btn1 span {
  display: inline-block;
  line-height: 36px;
  text-align: center;
  transition: 0.3s;
}
.vl-hero-btn .header-btn1 span i {
  transform: rotate(-45deg);
  transition: 0.3s;
}

.home-btn-2 {
  border-radius: 8px;
}
.home-btn-2 .btn-2 {
  background: var(--ztc-text-text-1);
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
  padding: 18px 24px;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
.home-btn-2 .btn-2 span {
  display: inline-block;
  margin-left: 4px;
}
.home-btn-2 .btn-2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-8);
  z-index: -1;
  transform: scaleX(0);
  transition: 0.3s;
  border-radius: 8px;
}
.home-btn-2 .btn-2:hover {
  color: var(--ztc-text-text-1);
}
.home-btn-2 .btn-2:hover::after {
  transform: scaleX(1);
  transition: 0.3s;
}

.vl-about-btn {
  padding-top: 32px;
}
.vl-about-btn .btn-primary2 {
  background: var(--ztc-text-text-10);
  padding: 18px 24px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--ztc-text-text-1);
  border-radius: 8px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
}
.vl-about-btn .btn-primary2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-8);
  z-index: -1;
  transform: scaleX(0);
  transition: 0.3s;
  border-radius: 8px;
}
.vl-about-btn .btn-primary2:hover::after {
  transform: scaleX(1);
  transition: 0.3s;
}
.vl-about-btn .btn-primary2 span {
  margin-left: 4px;
}

.primary-btn-3 {
  background: var(--ztc-text-text-12);
  color: var(--ztc-text-text-1);
  padding: 19px 23px 19px 25px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  position: relative;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .primary-btn-3 {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
}
.primary-btn-3:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 8px;
  height: 40px;
  width: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .primary-btn-3:after {
    left: 38%;
  }
}
.primary-btn-3:hover {
  color: var(--ztc-text-text-1);
}
.primary-btn-3:hover:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
}

.btn-area4 .header-btn1 {
  background: var(--ztc-text-text-14);
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  padding: 8px 20px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  transition: 0.3s;
  z-index: 1;
}
.btn-area4 .header-btn1::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-15);
  transition: 0.3s;
  border-radius: 50px;
  z-index: -1;
  transform: scaleX(0);
}
.btn-area4 .header-btn1 .testimonial-btn4:after {
  background: #335161;
}
.btn-area4 .header-btn1:hover::after {
  transform: scaleX(1);
}
.btn-area4 .header-btn1 span {
  background: var(--ztc-text-text-1);
  height: 36px;
  width: 36px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  transition: 0.3s;
}
.btn-area4 .header-btn1 span i {
  transform: rotate(-45deg);
  transition: 0.3s;
  color: var(--ztc-text-text-15);
}

.btn-flex-area {
  display: flex;
}
.btn-flex-area .btn-area4 {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .btn-flex-area {
    display: block;
  }
}

.vl-video-play {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .vl-video-play {
    margin-top: 30px;
  }
}
.vl-video-play .video-text .vtitle {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  text-decoration: underline;
  cursor: pointer;
}

.video-play-button {
  transform: translateX(0%) translateY(0%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 0px 20px 0px 28px;
  margin-right: 8px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 55px;
  height: 55px;
  background: var(--ztc-text-text-1);
  border-radius: 50%;
  animation: pulse-border 1100ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: var(--ztc-text-text-1);
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 19px solid var(--ztc-text-text-15);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 5px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.btn5 .btn-priamry1 {
  background: var(--ztc-text-text-6);
  color: var(--ztc-text-text-1);
  border-radius: 8px;
  padding: 8px 20px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.btn5 .btn-priamry1::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--ztc-text-text-3);
  z-index: -1;
  border-radius: 8px;
  transform: scaleX(0);
  transition: 0.3s;
}
.btn5 .btn-priamry1:hover::after {
  transform: scaleX(1);
  transition: 0.3s;
}
.btn5 .btn-priamry1 span {
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  background: var(--ztc-text-text-1);
  color: var(--ztc-text-text-6);
  border-radius: 50px;
  transform: rotate(-45deg);
  transition: 0.3s;
}

.btn-area4 .header-btn1.headbtn4:hover span {
  background: var(--ztc-text-text-14) !important;
}

.mobile-btn5 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mobile-btn5 .btn-priamry1 {
  width: 100%;
  text-align: center;
}

a.header-btn1.testimonial-btn4.testibtn4:after {
  background: var(--ztc-text-text-1);
}

a.header-btn1.testimonial-btn4.testibtn4:hover span {
  background: var(--ztc-text-text-14);
}

a.header-btn1.testimonial-btn4.testibtn4:hover {
  color: var(--ztc-text-text-14);
}

/*============= BUTTON CSS AREA ENDS ===============*/
/*============= PROGRESS CSS AREA ===============*/
.skill-progress {
  position: relative;
  width: 100%;
}
.skill-progress .skill-box {
  width: 100%;
}
.skill-progress .skill-box .title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.skill-progress .skill-box .skill-bar {
  height: 8px;
  width: 100%;
  border-radius: 6px;
  margin-top: 6px;
  margin-bottom: 16px;
  background: #F6F4EE;
}
.skill-progress .skill-box .skill-bar .skill-per {
  position: relative;
  display: block;
  height: 100%;
  width: 90%;
  border-radius: 6px;
  background: var(--ztc-text-text-6);
  animation: progress 0.4s ease-in-out forwards;
  opacity: 0;
}
.skill-progress .skill-box .skill-bar .skill-per.html {
  width: 16%;
  animation-delay: 0.4s;
}
.skill-progress .skill-box .skill-bar .skill-per-2 {
  background: var(--ztc-text-text-8);
}

.skill-vlue {
  display: flex;
  justify-content: space-between;
}
.skill-vlue .num1 {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
}
.skill-vlue .num1 span {
  font-weight: var(--ztc-weight-semibold);
}
.skill-vlue .num1-2 {
  color: var(--ztc-text-text-8);
}

span.tooltipp {
  position: absolute;
  right: 0;
  top: -29px;
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
}
span.tooltipp-2 {
  color: var(--ztc-text-text-8);
}

.cause-box-bg .skill-progress {
  margin-bottom: 32px;
}

@keyframes progress {
  0% {
    width: 0;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*============= PROGRESS CSS AREA ENDS===============*/
/*============= SCROLLTOP CSS AREA ===============*/
.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 999;
}
.progress-wrap::after, .progress-wrap::before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f062";
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  left: 0;
  top: 0;
  height: 56px;
  width: 56px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}
.progress-wrap::after {
  color: var(--ztc-text-text-3);
  z-index: 1;
}
.progress-wrap::before {
  opacity: 0;
  z-index: 2;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--ztc-text-text-3);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}
.progress-wrap .progress-wrap2 svg.progress-circle path {
  stroke: var(--ztc-text-text-12);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap2 svg.progress-circle path {
  stroke: var(--ztc-text-text-12);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap2::after {
  z-index: 1;
  color: var(--ztc-text-text-12);
}

.progress-wrap4 svg.progress-circle path {
  stroke: var(--ztc-text-text-14);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap4::after {
  z-index: 1;
  color: var(--ztc-text-text-14);
}

.progress-wrap5 svg.progress-circle path {
  stroke: var(--ztc-text-text-6);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.progress-wrap5::after {
  z-index: 1;
  color: var(--ztc-text-text-6);
}

.progress-wrap6 svg.progress-circle path {
  stroke: var(--ztc-text-text-8);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/*============= SCROLLTOP CSS AREA ENDS===============*/
/*============= PRELOADER CSS AREA ===============*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: #111112;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader2 {
  background-color: #1C1C25;
}

.loading-container,
.loading {
  height: 140px;
  position: relative;
  width: 140px;
  border-radius: 100%;
}

.loading-container {
  margin: 40px auto;
}

.loading {
  border: 1px solid transparent;
  border-color: transparent #fff;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
  transition: all 0.5s ease-in-out;
}

#loading-icon {
  position: absolute;
  top: 60%;
  left: 60% !important;
  transform: translate(-50%, -50%);
  height: 100px;
  width: 100px;
}

#loading-icon img {
  height: 70px;
  width: 70px;
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*============= PRELOADER CSS AREA ENDS===============*/
/*============= TAB CSS AREA ===============*/
.event-tabs .nav-pills .nav-link.active .event-tab-content .subheading {
  background: var(--theme-color);
  transition: 0.3s;
  color: var(--ztc-text-text-3);
}
.event-tabs .nav-pills .nav-link.active .event-tab-content {
  border: transparent;
}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date {
  background: var(--ztc-text-text-6);
  transition: 0.3s;
}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date .title {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.event-tabs .nav-pills .nav-link.active .event-tab-content .event-date .content p {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.event-tabs .nav-pills .nav-link.active .date-event1 {
  background: var(--ztc-text-text-6);
  transition: 0.3s;
}
.event-tabs .nav-pills .nav-link.active .date-event1 .date {
  color: var(--ztc-text-text-1);
}
.event-tabs .nav-pills .nav-link.active .date-event1 .year {
  color: var(--ztc-text-text-1);
}
.event-tabs .nav-pills .nav-link.active .nav {
  display: block;
}
.event-tabs .nav-pills .nav-link.active .nav-link {
  padding: 0 !important;
}

.event-tabs .nav-pills .nav-link.active {
  background-color: transparent;
}

.event-tab-content {
  border-radius: 8px;
  border: 1px solid rgba(24, 23, 19, 0.1);
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-tab-content .event-date .content p br {
    display: block;
  }
}
@media (max-width: 767px) {
  .event-tab-content .event-date .content p br {
    display: block;
  }
}

.event-tabs .subheading {
  background: var(--ztc-bg-bg-4);
  color: var(--ztc-text-text-2);
  padding: 8px;
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  transition: 0.3s;
}

.event-tabs {
  text-align: center;
}
.event-tabs .nav {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-tabs .nav {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .event-tabs .nav {
    display: flex;
    justify-content: space-between;
  }
}
.event-tabs .nav .event-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 29px;
  padding-bottom: 22px;
  padding-left: 24px;
  padding-right: 18px;
}
.event-tabs .nav .event-date .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .event-tabs .nav .event-date .title {
    margin-right: 20px;
  }
}
.event-tabs .nav .event-date .content p {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
.event-tabs .nav .date-event1 {
  padding-top: 27px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-tabs .nav .date-event1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .event-tabs .nav .date-event1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.event-tabs .nav .date-event1 ul li span {
  color: var(--ztc-text-text-3);
  font-size: 44px;
  font-weight: 700;
  margin: 0 14px;
}
.event-tabs .nav .date-event1 ul li span.date {
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  display: table;
}
.event-tabs .nav .date-event1 ul li span.year {
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  margin: 0 auto;
}
.event-tabs .nav .date-event1 ul li {
  display: inline-block;
}

.event-tabs .nav-link {
  padding: 0;
}

/*============= TAB CSS AREA ENDS===============*/
/*============= BREADCRUMB CSS AREA ===============*/
.vl-breadcrumb {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-breadcrumb:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #181713;
  opacity: 0.5;
  z-index: -1;
}
.vl-breadcrumb-title {
  padding-top: 208px;
  padding-bottom: 100px;
}
.vl-breadcrumb-title .heading {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s90);
  line-height: var(--ztc-specing-height90);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-breadcrumb-title .heading {
    font-size: var(--ztc-font-size-font-s70);
    line-height: var(--ztc-specing-height80);
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .vl-breadcrumb-title .heading {
    font-size: var(--ztc-font-size-font-s50);
    line-height: var(--ztc-specing-height60);
    padding-bottom: 10px;
  }
}
.vl-breadcrumb-list span {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  margin: 0 3px;
}
.vl-breadcrumb-list span a {
  color: var(--ztc-text-text-1);
}
.vl-breadcrumb-list span a.active {
  font-weight: var(--ztc-weight-bold);
}
.vl-breadcrumb .shape1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.vl-breadcrumb .shape2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.vl-breadcrumb .shape3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*=====================
1.1. Button start
==========================*/


.btn-theme{
  position:relative;
  color:#0c0d24;
  font-size:18px;
  font-weight:500;
  display:inline-block;
  font-family: var(--body-font);
}

.btn-theme{
  position:relative;
  color:#06082e;
  font-size:18px;
  margin-left:0;
  padding:17px 36px;
  border-radius:50px;
  background-color:var(--theme-color);
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: var(--body-font);
}

.btn-theme:hover{
  color:#ffffff;
  background-color:var(--second-color);
}
.btn-theme.style2{
  background-color:var(--second-color);
  color: #fff;
}
.btn-theme.style2:hover{
  background: var(--theme-color);
  color: #222;
}



/*************SErvice************/
.bg-light-theme{
  position: relative;
  z-index: 1;
}
.bg-light-theme::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ul-c4);
  opacity: 96%;
  z-index: -1;
}
.form-group i {
  position: absolute;
  z-index: 2;
  right: clamp(12px, 1.05vw, 20px);
  left: clamp(12px, 1.05vw, 20px);
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  display: flex
  ;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.form-group {
  position: relative;
  z-index: 1;
}
.form-group{
  margin-bottom: 8px;
  position: relative;
}

/*float  buttons*/
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:15px;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
  line-height: 60px;
  z-index: 100000;
}

.float-call{
  background-color: var(--theme-color);
  left: 15px;
  font-size: 22px;
  border: 2px solid #fff;
}

.my-float{
  margin-top:5px;
  color: #25d366;
}
.my-call{
  margin-top:5px;
}

/*testimonial-section*/
.bd-tm__item {
  background: #fff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  padding: 46px 50px 50px 50px;
  border-radius: 6px;
  overflow: hidden;
  border-bottom: 3px solid var(--theme-color);
}
.bd-tm__item:hover .bd-tm__text p {
  color: #fff;
}
.bd-tm__item:hover .bd-tm__quote-icon i {
  color: #fff;
}
.bd-tm__item:hover .bd-tm__author {
  background: var(--theme-color);
}
.bd-tm__item:hover .bd-tm__author-name {
  color: #fff;
}
.bd-tm__item:hover .bd-tm__author-cat {
  color: #fff;
}
.bd-tm__item:hover::before {
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-tm__item {
    padding: 40px 20px 40px 20px;
  }
}
.bd-tm__rating {
  margin-bottom: 15px;
}
.bd-tm__rating i {
  color: var(--second-color);
}
.bd-hover-top::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background: var(--theme-color);
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: 0.5s;
  -moz-transform: 0.5s;
  -ms-transform: 0.5s;
  transform: 0.5s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-hover-top {
  z-index: 1;
  position: relative;
}
.bd-hover-top:hover::before {
  height: 100%;
}



/***contact*/


.breadcrumb-option{
  background-image: url(../images/bg/bg-what-we-offer-min.webp) no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  text-align: center;
  position: relative;
  z-index: 1;
}

.breadcrumb-option::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(1, 15, 28, 0.7);
  z-index: -1;
  pointer-events: none;
}
.breadcrumb-option h2 {
  font-weight: 900;
  font-size: clamp(26px, 3.36vw, 64px);
  color: var(--white-color);
  line-height: 1.3;
  margin-bottom: clamp(10px, 0.95vw, 18px);
  margin-bottom: clamp(1px, 0.21vw, 4px);
  text-transform: uppercase;
}
.breadcrumb__links {
  display: inline-flex
  ;
  justify-content: center;
  align-items: center;
  font-size: clamp(13px, 0.84vw, 16px);
  font-weight: 500;
  gap: 3px;
  align-items: center;
  line-height: 1;
  color: var(--white-color);
}
.breadcrumb__links a {
  color: var(--white-color);
}
.breadcrumb__links span {
  color: var(--theme-color);
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}
.breadcrumb__links span:before{
  position: absolute;
  content: '/';
  color: #fff;
  left: 0;
  font-size: inherit;
}
.single-service-details{
  padding: 10px 15px;
  background-color:  #f4f4f4;
  img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    margin-bottom: 12px;
  }
  ul{
    padding-left: 20px;
    margin-bottom: 1rem;
  }
}

.sidebar-item {
  margin-bottom: 30px;
  padding: 20px;
  box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}

.sidebar-item>h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  color: #000;
  border-bottom: 2px solid var(--theme-color);
}
/*.sidebar-item h3:before{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 2px;
  content: "";
  background-color: var(--theme-color);
}*/

.sidebar-category {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.sidebar-category li {
  list-style: none;
  margin-bottom: 1px;
  width: 100%;
}

.sidebar-category li .active {
  background: var(--theme-color);
  color: #222;
}

.sidebar-category li a {
  background: #ffffff none repeat scroll 0 0;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 20px;
  text-transform: capitalize;
  box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
  border-radius: 6px;
  margin-bottom: 12px;
}
.sidebar-category li a:hover {
  background: var(--theme-color);
  color: #fff;
}
.sidebar-category li a:after{
  content: "\f061";
  font-family: FontAwesome;
  float: right;
}

.form-title {
  padding: 0px 12px 10px;
  position: relative;
  left: 0px;
  border-radius: 5px 5px 0 0;
  font-size: 28px;
  font-weight: 600;
  color: #000;
}
.common-booking-form .form_section{
  border: 2px solid var(--theme-color);
  border-bottom: 2px solid var(--theme-color);
  background: #fff;
  padding: 15px 20px;
  margin-bottom: 20px;
  width: 100%;
}
.common-booking-form .form_section .form-title {
  text-align: center;
  margin-top: 10px;
}
.form-control{
  padding: 9px;
  height: 50px;
  border-color: #aeaeae;
}
.form-control:focus{
  box-shadow: none;
  border-color: var(--theme-color);
}
.common-booking-form .form-group{
  margin-bottom: 15px;
}
@media(max-width:768px){
  .single-section .row{
    flex-direction: column-reverse;
  }
  .common-booking-form .form_section .row{
    flex-direction: column;
  }
  .common-booking-form .form_section .form-title{
    margin: 0;
    padding: 0;
  }
}
.home_form .form_section{
  z-index: 13;
}
.form_section{ 
    border-radius: 15px;
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #e3e3e3;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.form_section .form-title{
    text-align: left;
    color: #222;
    font-weight: 800;
    padding: 7px 0px 15px 13px;
    margin-bottom: 0;
    font-family: var(--heading-font);
    position: relative;
    z-index: 1;
    font-size: 29px;
    letter-spacing: -0.02em;
}
.form_section .form-control{
    background-color: var(--white-color);
    height: 55px;
    border-radius: 7px;
    padding-block: 0;
    border: 1px solid #d1d1d1;
    padding: 15px;
    color: var(--second-color);
    font-weight: 500;
}
.home_form .form_section  .form-title:before{
  background: #fff;
  display: none;
}
.home_form .form-group i{
  color: #fff;
  left: 10px;
}
.services-section.style-two {
  background-repeat: no-repeat;
  background-size: cover;
  padding:135px 0 214px;
  position: relative;
  z-index: 1;
}
.services-section.altrenate{
  padding: 169px 0 149px;
  position: relative;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-section.altrenate .inner-container {
  max-width: 1580px;
  margin: 0 auto;
}

.services-section .services-carousel .owl-nav {
  display: block !important;
  position: absolute;
  top: 50%;
  left: -90px;
  width: 115.5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: -1;
}

.services-section .services-carousel .owl-nav .owl-prev {
  float: left;
}

.services-section .services-carousel .owl-nav .owl-next {
  float: right;
}
.services-section .services-carousel .owl-nav .owl-prev,
.services-section .services-carousel .owl-nav .owl-next{
  border: 1px solid var(--white-color);
  padding: 40px 15px !important;
  color: var(--white-color);
  font-size: 30px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .services-carousel .owl-nav .owl-prev:hover,
.services-section .services-carousel .owl-nav .owl-next:hover{
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3sease-in-out;
  -webkit-transition: all 0.3sease-in-out;
}

.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five .inner-box {
  transform-style: unset;
  transition: auto;
}
.service-block-five img{
  width: 200px !important;
  height: 150px;
  object-fit: contain;
  margin: auto;
}
.service-block-five .lower-content {
  margin-top: 25px;
}
.service-block-five .lower-content h4 a {
  color: #000;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  font-size: 19px;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .upper-box {
  margin-bottom: 30px;
}
.service-block-five:hover .inner-box{
  transform: rotateY(0deg);
  transition: transform 0;
}
.service-block-five:before{
  content: "";
  position: absolute;
  left: 100%;
  top: 100%;
  width: 100%;
  height: 100%;
  background-image: url('../images/bg/hover-bg.png');
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five:hover:before{
  top: 0;
  left: 0;
}
.service-block-five:hover .lower-content h4 a{
  color: var(--white-color);
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}



/*******New About************/

.img-box4 {
  position: relative;
  z-index: 2
}

@media (max-width: 1199px) {
  .img-box4 {
    margin-bottom:50px
  }
}

.img-box4 .img1 {
  position: relative;
  height: 578px;
  width: 100%;
}

.img-box4 .img1 img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 20px;
  top: 0;
  object-fit: cover;
}

.img-box4 .img1 .about-text {
  text-transform: uppercase;
  color: var(--white-color);
  -webkit-text-fill-color: var(--white-color);
  -webkit-text-stroke-width: 1.2px;
  -webkit-text-stroke-color: var(--white-color);
  font-family: var(--title-font);
  font-weight: 900;
  font-size: 129px;
  line-height: 210px;
  transform: rotate(-90deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: -19%;
  margin: 0;
  display: block;
  line-height: 0;
}


@media (max-width: 767px) {
  .img-box4 .img1 .about-text {
    left: -124px;
    font-size: 117px;
    line-height: 0;
  }
}
.img-box4 .th-experience {
  width: 235px;
  height: 250px;
  background-color: var(--theme-color);
  border-radius: 0;
  padding: 46px 25px;
  right: 7px;
  bottom: 0px;
  -webkit-clip-path: polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0% 28%);
  clip-path: polygon(50% 0%, 100% 28%, 100% 100%, 0 100%, 0% 28%);
  text-align: center;
  position: absolute;
}

@media (max-width: 1199px) {
  .img-box4 .th-experience {
    right:0
  }
}


.img-box4 .th-experience .experience-year {
  font-weight: 700;
  font-size: 74px;
  line-height: 84px;
  color: var(--white-color);
  margin-bottom: 10px
}

.img-box4 .th-experience .experience-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--white-color);
  margin-bottom: 0
}

.sub-title {
  display: block;
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.6px;
  font-family: var(--title-font);
  position: relative;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.sub-title::before,.sub-title:after {
  content: "";
  position: absolute;
  top: 48%;
  height: 2px;
  width: 40px

}

.sub-title.style2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: 0;
  text-transform: capitalize;
}
.title-area .sec-title {
  margin-bottom: 22px;
}
.sub-title.style2 img{
  margin-inline: 8px;
}


.testi-card {
  position: relative;
  background-color: var(--white-color);
  padding: 40px;
  box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.05)
}

.testi-card.style2 {
  border-radius: 20px
}

.testi-card.style2 .testi-card_avater {
  border-radius: 50%
}

.testi-card.style2 .testi-card_avater img {
  border-radius: 50%
}

.testi-card_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 3;
  gap: 20px;
  margin-bottom: 24px
}

.testi-card_avater {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  img{
    height: 100%;
    object-fit: cover;
  }
}

.testi-card_name {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0
}

.testi-card_text {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 22px
}

.testi-card_text img {
  margin-left: 5px;
  max-width: 16px;
  display: inline !important;
}

.testi-card_desig {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px
}

.testi-card_review {
  font-size: 14px;
  color: #FFC107;
  line-height: 14px
}

@media (max-width: 375px) {
  .testi-card_review {
    margin-top:10px
  }
}

.testi-card .box-title {
  font-weight: 700;
  letter-spacing: -0.48px;
  margin-bottom: -0.2rem
}

.testi-card_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -0.2rem
}

@media (max-width: 375px) {
  .testi-card_content {
    display:block
  }
}

.testi-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px;
  margin-left: 60px
}

@media (max-width: 1199px) {
  .testi-grid {
    margin:0;
    display: block
  }
}

.testi-grid_author {
  min-width: 432px;
  height: 540px
}

@media (max-width: 1199px) {
  .testi-grid_author {
    min-width:100%;
    height: 100%;
    margin-bottom: 40px
  }
}

.testi-grid_title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 42px
}

.testi-grid_text {
  font-family: var(--title-font);
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  color: var(--title-color);
  margin-bottom: 42px
}

.testi-grid_name {
  margin-bottom: 0
}

.testi-grid_desig {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--theme-color)
}

.testi-thumb2 {
  height: 340px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative
}

@media (max-width: 1199px) {
  .testi-thumb2 {
    -webkit-box-orient:horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100px
  }
}

.testi-thumb2 {
  margin-top: 40px
}

@media (max-width: 1199px) {
  .testi-thumb2 {
    margin-top:0
  }
}

.testi-thumb2 .tab-btn {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--title-color);
  position: relative;
  cursor: pointer;
  z-index: 3
}

.testi-thumb2 .tab-btn:after {
  content: '';
  width: 2px;
  height: 70px;
  background-color: var(--title-color);
  position: absolute;
  left: -9px;
  top: 8px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out
}

.testi-thumb2 .tab-btn.active {
  color: var(--theme-color)
}

.testi-thumb2 .tab-btn.active:after {
  background-color: var(--theme-color)
}
/**************CAb SEction*************/
.team-section{
  background-image: url(../images/bg/team_bg_1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.team-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  top: -57px;
  z-index: -1;
  background-size: contain;
}
.team-box {
  position: relative;
  background-color: var(--white-color);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-box:hover img{
  transform: scale(1.3);
}
.team-box .team-img {
  overflow: hidden;
  position: relative;
  z-index: 3;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.team-box .team-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
}
.team-box .team-content {
  padding: 30px;
}
.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.box-title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: -0.32em;
  letter-spacing: -0.02em;
}
.team-box .box-title {
  margin-bottom: 0;
  letter-spacing: -0.48px;
}
.box-title a {
  color: inherit;
}
.team-box .team-desig {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}

.th-team .team-desig {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: -0.45em;
  color: var(--theme-color);
}
.blog-single.blog-grid .blog-content .line-btn {
  color: var(--theme-color);
}
.blog-single .line-btn {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: -1px;
}

.line-btn {
  font-family: var(--body-font);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-bottom: 2px;
  margin-bottom: -1px;
  text-transform: uppercase;
  color: var(--theme-color);
}
.blog-single.blog-grid .blog-content .line-btn:before {
  background-color: var(--theme-color);
}
.line-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.line-btn.th-icon i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog-grid .line-btn:hover i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.line-btn:hover::before {
  width: 45px;
}
#about-sec .sec-title{
  font-size: 30px;
}




*{
  margin: 0;
  padding: 0;
}
body{
  font-size: 16px;
  font-family: "Nunito Sans", sans-serif;
}

a, a:hover{
  outline: none;
  text-decoration: none;
}

ul, li{
  list-style: none;
}




/*============= MOBILE-MENU CSS AREA ===============*/

/*============= HERO CSS AREA ===============*/
.vl-hero-shape.shape-2 {
  right: 0;
  bottom: 0;
}

.vl-hero {
  position: relative;
  z-index: 1;
}
.vl-hero-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ddd;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-hero-bg:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #181713;
  opacity: 0.5;
  z-index: -1;
}
.vl-hero-section-title {
  padding-top: 200px;
  padding-bottom: 125px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-hero-section-title {
    padding-top: 120px;
  }
}
.vl-hero-section-title .vl-subtitle {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-weight: var(--ztc-weight-semibold);
  font-family: var(--body-font);
  padding: 8px 12px;
  transform: translateX(100px);
  opacity: 0;
  visibility: hidden;
  transition: 1300ms;
}
.vl-hero-section-title .vl-subtitle span {
  display: inline-block;
}
@media (max-width: 767px) {
  .vl-hero-section-title .vl-subtitle {
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-specing-height16);
  }
}
.vl-hero-section-title .vl-title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s60);
  line-height: var(--ztc-specing-height60);
  font-weight: var(--ztc-weight-bold);
  font-family: var(--heading-font);
  padding-top: 16px;
  padding-bottom: 16px;
  transform: translateX(250px);
  transition: 1400ms;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-hero-section-title .vl-title {
    font-size: var(--ztc-font-size-font-s55);
    line-height: var(--ztc-specing-height55);
  }
}
@media (max-width: 767px) {
  .vl-hero-section-title .vl-title {
    font-size: 28px;
    line-height: 30px;
  }
}
.vl-hero-section-title p {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-weight: var(--ztc-weight-semibold);
  font-family: var(--body-font);
  padding-bottom: 32px;
  transform: translateX(250px);
  transition: 1600ms;
  opacity: 0;
  visibility: hidden;
}
.vl-hero-shape {
  position: absolute;
}
.vl-hero-shape.shape {
  transition: 0.3s;
}
.vl-hero-shape.shape-1 {
  top: 0;
  left: 0;
}
.vl-hero-shape.shape-1 img {
  transform: translateX(-200px);
  transition: 0.3s;
}
.vl-hero-shape.shape-2 {
  bottom: 0;
  right: 0;
}
.vl-hero-shape.shape-2 img {
  transform: translateX(200px);
  transition: 0.3s;
}
.vl-hero-social {
  position: absolute;
  top: 340px;
  transition: 1300ms;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-hero-social {
    top: 215px;
    left: -44px;
  }
}
.vl-hero-social .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-weight: var(--ztc-weight-semibold);
  font-family: var(--heading-font);
  transform: rotate(90deg);
  position: relative;
  top: -52px;
  left: 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-hero-social .title {
    left: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-hero-social .title {
    left: -4px;
  }
}
.vl-hero-social-icon {
  position: absolute;
  right: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .vl-hero-social-icon {
    right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-hero-social-icon {
    right: 39px;
  }
}
.vl-hero-social-icon ul li a {
  background: #41413F;
  display: inline-block;
  height: 32px;
  width: 32px;
  text-align: center;
  border-radius: 50px;
  line-height: 32px;
  color: #fff;
  border: 2px solid #545351;
  margin-bottom: 8px;
  transition: 0.3s;
}
.vl-hero-social-icon ul li a:hover {
  background: var(--theme-color);
  transition: 0.3s;
  border: 2px solid var(--theme-color);
  color: var(--ztc-text-text-3);
}

.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-shape.shape-1 img {
  transform: translateX(0px);
  transition: 1400ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-shape.shape-2 img {
  transform: translateX(0px);
  transition: 1400ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-subtitle {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: 1400ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-title {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: 1400ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title p {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: 1600ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-hero-btn .header-btn1 {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  transition: 1400ms;
}
.vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active .vl-hero-section-title .vl-hero-social {
  transform: translateX(0px);
  transition: 1300ms;
  opacity: 1;
  visibility: visible;
}

.vl-arrow span {
  display: inline-block;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}
.vl-arrow span:hover {
}
.vl-arrow .prev-arow {
  position: absolute;
  right: 90px;
  bottom: 20px;
  background: #fff;
  border-radius: 50px;
  width: 56px;
  height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-arrow .prev-arow {
    bottom: 140px;
  }
}
.vl-arrow .next-arow {
  position: absolute;
  right: 24px;
  bottom: 20px;
  background: #fff;
  border-radius: 50px;
  width: 56px;
  height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-arrow .next-arow {
    bottom: 73px;
  }
}

.vl-banner2 {
  padding-top: 176px;
  padding-bottom: 220px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner2 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
}
@media (max-width: 767px) {
  .vl-banner2 {
    padding-top: 145px;
    padding-bottom: 145px;
  }
}
.vl-banner2-content p {
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  color: rgba(255, 255, 255, 0.9);
  margin-left: 93px;
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-banner2-content p {
    margin-left: 0px;
  }
}

.vl-banner-shape-2 {
  position: absolute;
}
.vl-banner-shape-2.shape-1 {
  left: 0;
}
.vl-banner-shape-2.shape-2 {
  bottom: 146px;
  left: 355px;
}
.vl-banner-shape-2.shape-3 {
  left: 40%;
  top: 18%;
}
.vl-banner-shape-2.shape-4 {
  right: 24%;
  top: 53%;
}
.vl-banner-shape-2.shape-5 {
  bottom: 0;
}
.vl-banner-shape-2.shape-6 {
  top: 0;
  right: 0;
  height: 100%;
}

.banner-thmub3.d-lg-none img {
  border-radius: 8px;
}
@media (max-width: 767px) {
  .banner-thmub3.d-lg-none {
    margin-top: 82px;
    margin-bottom: 30px;
  }
}

.vl-banner-3 {
  position: relative;
  margin-left: 50px;
  margin-right: 50px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .vl-banner-3 {
    margin-left: 0;
    margin-right: 0;
  }
}
.vl-banner-3 .vl-banner-content {
  position: relative;
  height: 675px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-banner-3 .vl-banner-content {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .vl-banner-3 .vl-banner-content {
    height: 100%;
  }
}
.vl-banner-3 .banner-thumb img {
  position: absolute;
  width: 100%;
}
.vl-banner-3 .vl-section-heading3 {
  padding: 400px 0 0;
  position: relative;
  display: flex;
  align-items: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-banner-3 .vl-section-heading3 {
    display: block;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .vl-banner-3 .vl-section-heading3 {
    padding: 0;
  }
}

.vl-banner-3-bg {
  background-image: url(/assets/img/banner/banner3.png);
  height: 770px;
  background-size: cover;
  background-repeat: round;
  margin-left: 57px;
  margin-right: 57px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner-3-bg {
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: contain;
    margin-top: -210px;
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (max-width: 767px) {
  .vl-banner-3-bg {
    background-image: url(/assets/img/banner/vl-banner-3.png);
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: contain;
    margin-top: -282px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 8px;
  }
}
.vl-banner-3-bg .vl-section-heading3 {
  padding-top: 447px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-banner-3-bg .vl-section-heading3 {
    display: block;
    padding-top: 585px;
  }
}

.vl-section-banner4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.vl-section-banner4 .shape2 {
  position: absolute;
  right: 0;
  top: 140px;
}
.vl-section-banner4 .shape3 {
  position: absolute;
  bottom: 0;
}
.vl-section-banner4 .shape {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.vl-section-banner4 .vl-padding-top .vl-section-title {
  padding-top: 214px;
  padding-bottom: 110px;
}
.vl-section-banner4 .vl-section-title .subtitle {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  display: inline-block;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding: 8px 12px;
}
.vl-section-banner4 .vl-section-title .subtitle span img {
  height: 20px;
  width: 20px;
  display: inline-block;
}
.vl-section-banner4 .vl-section-title .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s80);
  line-height: var(--ztc-specing-height82);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
.vl-section-banner4 .vl-section-title .para {
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--body-font);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-weight: var(--ztc-weight-semibold);
}

.baner4-active .slick-dots::after {
  position: absolute;
  content: "";
  height: 100px;
  width: 4px;
  background-image: url(/assets/img/icons/vl-dot-line-3.2.svg);
  background-size: cover;
  z-index: 1;
  left: 18px;
  top: 90px;
}
.baner4-active .slick-dots::before {
  position: absolute;
  content: "";
  height: 100px;
  width: 4px;
  background-image: url(/assets/img/icons/vl-dot-line-3.1.svg);
  background-size: cover;
  z-index: 1;
  left: 18px;
  top: -113px;
}

.baner4-active .slick-dots li.slick-active {
  background: var(--ztc-text-text-14);
  position: relative;
  height: 10px;
  width: 10px;
}

.baner4-active .slick-dots li.slick-active:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid var(--ztc-text-text-14);
  border-radius: 50px;
  left: -5px;
  top: -5px;
}

.baner4-active {
  height: 782px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baner4-active {
    height: auto;
  }
}
@media (max-width: 767px) {
  .baner4-active {
    height: auto;
  }
}
.baner4-active .slick-dots {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baner4-active .slick-dots {
    right: 10px;
    left: auto;
  }
}
@media (max-width: 767px) {
  .baner4-active .slick-dots {
    right: 0px;
    left: auto;
    top: 60%;
  }
}
.baner4-active .slick-dots li {
  background: #fff;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  margin: 12px 14px;
  text-align: center;
  line-height: 12px;
  font-size: 0;
  cursor: pointer;
}

.vl-banner4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 782px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .vl-banner4 {
    height: auto;
  }
}
.vl-banner4 .shape {
  position: absolute;
  left: 117px;
  height: 100%;
  width: 100%;
}
.vl-banner4 .shape img {
  height: 100%;
}
.vl-banner4 .shape2 {
  position: absolute;
  right: 0;
}
.vl-banner4 .shape3 {
  position: absolute;
  bottom: 0;
}
.vl-banner4 .banner-content {
  padding-top: 214px;
  padding-bottom: 118px;
  transform: translateX(-400px);
  opacity: 0;
  visibility: hidden;
  transition: 1600ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .banner-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content {
    padding-top: 180px;
    padding-bottom: 20px;
  }
}
.vl-banner4 .banner-content .subtitle {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  display: inline-block;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding: 8px 12px;
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content .subtitle {
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-specing-height16);
  }
}
.vl-banner4 .banner-content .subtitle img {
  display: inline-block;
  margin-right: 4px;
}
.vl-banner4 .banner-content .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s80);
  line-height: var(--ztc-specing-height82);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .banner-content .title {
    font-size: var(--ztc-font-size-font-s60);
    line-height: var(--ztc-specing-height70);
  }
  .vl-banner4 .banner-content .title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .banner-content .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
  .vl-banner4 .banner-content .title br {
    display: none;
  }
}
.vl-banner4 .banner-content .para {
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--body-font);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-weight: var(--ztc-weight-semibold);
}
.vl-banner4 .vl-banner-thumb {
  position: absolute;
  top: 40px;
  transform: translateY(500px);
  opacity: 0;
  visibility: hidden;
  transition: 1500ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner4 .vl-banner-thumb {
    position: relative;
  }
}
@media (max-width: 767px) {
  .vl-banner4 .vl-banner-thumb {
    position: relative;
  }
}

.vl-banner4.slick-active .banner-content {
  transform: translateY(0px);
  transition: 1400ms;
  opacity: 1;
  visibility: visible;
}

.vl-banner4.slick-active .vl-banner-thumb {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
  transition: 1500ms;
}

.vl-banner5 {
  background: var(--ztc-bg-bg-4);
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner5 {
    padding-top: 220px;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .vl-banner5 {
    padding-top: 150px;
    padding-bottom: 0px;
  }
}
.vl-banner5 .section-title .subtitle {
  border-radius: 8px;
  background: rgba(1, 113, 93, 0.1);
  padding: 8px 12px;
  display: inline-block;
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-6);
}
@media (max-width: 767px) {
  .vl-banner5 .section-title .subtitle {
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-specing-height16);
  }
}
.vl-banner5 .section-title .title {
  font-size: var(--ztc-font-size-font-s60);
  line-height: var(--ztc-specing-height70);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  color: var(--ztc-text-text-3);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .vl-banner5 .section-title .title {
    font-size: var(--ztc-font-size-font-s30);
    line-height: var(--ztc-specing-height40);
  }
}
.vl-banner5 .section-title .para {
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-2);
}
.vl-banner5 .vl-banner-thumb {
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-banner5 .vl-banner-thumb {
    position: relative;
  }
}
@media (max-width: 767px) {
  .vl-banner5 .vl-banner-thumb {
    position: relative;
  }
}
.vl-banner5 .shape {
  position: absolute;
}
.vl-banner5 .shape.shape-1 {
  bottom: 47px;
  left: 40%;
}
.vl-banner5 .shape.shape-2 {
  bottom: 0;
  left: 30px;
}
.vl-banner5 .shape.shape-3 {
  top: 130px;
  left: 45%;
}
.vl-banner5 .shape.shape-4 {
  right: 0;
  top: 30%;
}
.vl-banner5 .shape.shape-5 {
  right: 0;
  z-index: -1;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}

.fix {
  overflow: hidden;
}

.vl-mission .thumb-shape {
  position: absolute;
  right: 0;
  z-index: 1;
  top: -255px;
}
.vl-mission .vl-mission-img {
  position: absolute;
  top: -255px;
  right: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-mission .vl-mission-img {
    right: -166px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-mission .vl-mission-img {
    position: relative;
    top: 0;
    border-radius: 8px;
  }
}
.vl-mission .top-shape img {
  position: absolute;
  top: -16px;
  left: -16px;
  height: 100px;
  width: 100px;
  z-index: 2;
}
.vl-mission .img1 .thumb1 {
  border-bottom-left-radius: 8px;
}
.vl-mission-thumb {
  position: absolute;
  top: -255px;
  right: 0;
  border-radius: 8px;
}
.vl-mission-thumb img {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-mission-thumb {
    position: relative;
    top: 0px;
    overflow: hidden;
    border-radius: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-mission-content {
    margin-bottom: 30px;
  }
}
.vl-mission-content .title {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s24);
  line-height: var(--ztc-specing-height24);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
}
.vl-mission-content p {
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 16px;
  padding-bottom: 26px;
}
.vl-mission-content-checkbox ul li {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  margin-bottom: 16px;
}
.vl-mission-content-checkbox ul li:last-child {
  margin-bottom: 0;
}
.vl-mission-content-checkbox ul li span {
  background: var(--ztc-text-text-10);
  height: 22px;
  width: 22px;
  display: inline-block;
  line-height: 23px;
  text-align: center;
  border-radius: 50px;
  color: var(--ztc-text-text-1);
  font-size: 14px;
  margin-right: 6px;
}


/*============= ABOUT CSS AREA ENDS===============*/

/*============= TEAM CSS AREA ===============*/
.vl-team-bg-1 {
  background: var(--ztc-bg-bg-4);
}
.vl-team-section-title .vl-section-title-1 .subtitle {
  background: var(--ztc-bg-bg-1);
}

.vl-single-team-box {
  position: relative;
}
.vl-single-team-box .vl-team-content {
  overflow: hidden;
  background: var(--ztc-bg-bg-1);
  text-align: center;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -37px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 8px;
  height: 98px;
  transition: 0.3s;
}
.vl-single-team-box .vl-team-social {
  left: 0;
  right: 0;
  transform: translateY(-70px);
  transition: 0.3s;
  height: 0;
}
.vl-single-team-box .vl-team-social ul li {
  display: inline-block;
}
.vl-single-team-box .vl-team-social ul li a {
  background: var(--ztc-bg-bg-4);
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  transition: 0.3s;
  color: var(--ztc-text-text-3);
  display: block;
  margin: 0 4px;
}
.vl-single-team-box .vl-team-social ul li a:hover {
  background: var(--theme-color);
}
.vl-single-team-box .vl-team-desc .title a {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-single-team-box .vl-team-desc span {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  transition: 0.3s;
}
.vl-single-team-box:hover .vl-team-social {
  transform: translateY(0px);
  transition: 0.3s;
  height: 32px;
  margin-bottom: 10px;
}
.vl-single-team-box:hover .vl-team-content {
  height: 150px;
}
.vl-single-team-box:hover .vl-team-desc .title a {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}

.vl-team4 .vl-single-team-member .thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 8px;
}
.vl-team4 .vl-single-team-member .thumb img {
  border-radius: 8px;
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member .thumb::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: rgba(0, 38, 58, 0.7);
  transition: 0.5s;
  z-index: 999;
}
.vl-team4 .vl-single-team-member .thumb-content {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  z-index: 9999;
  transform: translateY(74px);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.vl-team4 .vl-single-team-member .thumb-content .content .title {
  display: block;
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 12px;
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member .thumb-content .content span {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-bottom: 24px;
  display: block;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li {
  display: inline-block;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a {
  display: block;
  background: var(--ztc-text-text-1);
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50px;
  color: var(--ztc-text-text-15);
  transition: 0.3s;
  margin-right: 8px;
}
.vl-team4 .vl-single-team-member .thumb-content .vl-team-social ul li a:hover {
  background: var(--ztc-text-text-14);
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.vl-team4 .vl-single-team-member:hover .thumb-content {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  transform: translateY(0);
}
.vl-team4 .vl-single-team-member:hover .thumb img {
  transform: scale(1.1);
}
.vl-team4 .vl-single-team-member:hover .thumb::after {
  width: 100%;
  transition: 0.5s;
}

#team4 {
  position: relative;
  z-index: 1;
}
#team4 .owl-nav button {
  height: 56px;
  width: 56px;
  background: #FFF7F4 !important;
  display: inline-block;
  border: 1px solid rgba(80, 79, 78, 0.1);
  border-radius: 50px;
  line-height: 56px;
  font-size: 25px !important;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 .owl-nav button {
    margin: 0 15px;
    margin-top: 30px;
  }
}
#team4 .owl-nav button:hover {
  background: var(--ztc-text-text-14) !important;
  color: var(--ztc-text-text-1) !important;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 .owl-nav {
    text-align: center;
  }
}
#team4 button.owl-next {
  position: absolute;
  right: -76px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team4 button.owl-next {
    right: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team4 button.owl-next {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 button.owl-next {
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0%);
  }
}
#team4 button.owl-prev {
  position: absolute;
  left: -76px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team4 button.owl-prev {
    left: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team4 button.owl-prev {
    left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #team4 button.owl-prev {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    margin-right: 0;
  }
}

.vl-team-parent {
  position: relative;
}
.vl-team-parent .vl-team-thumb{
  position: relative;
  padding: 20px 10px 58px;
  height: 225px;
}
.vl-team-parent .vl-team-thumb img {
  border-radius: 8px;
  height: auto;
  max-width: auto;
  object-fit: cover;
}
.vl-team-parent .vl-team-social ul li {
  display: inline-block;
}
.vl-team-parent .vl-team-social {
  position: absolute;
  top: 65%;
  transform: translateY(150px);
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  transition: 0.6s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-team-parent .vl-team-social {
    transform: translateY(400%);
  }
}
@media (max-width: 767px) {
  .vl-team-parent .vl-team-social {
    transform: translateY(420%);
  }
}
.vl-team-parent .vl-team-social ul li a {
  background: var(--ztc-text-text-1);
  height: 32px;
  width: 32px;
  display: block;
  line-height: 34px;
  text-align: center;
  border-radius: 50px;
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
.vl-team-parent .vl-team-social ul li a:hover {
  background: var(--theme-color);
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
.vl-team-parent:hover .vl-team-social {
  transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-team-parent:hover .vl-team-social {
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .vl-team-parent:hover .vl-team-social {
    transform: translateY(0);
  }
}

.vl-team-content {
  background: var(--ztc-text-text-1);
  border-radius: 8px;
  padding: 24px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -52px;
  z-index: 99;
  position: relative;
}
.vl-team-content .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
  display: block;
  padding-bottom: 12px;
}
.vl-team-content .title:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-team-content span {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  transition: 0.3s;
  display: block;
}
.vl-team-content a span{
  color: #fff;
}
#team1 {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  #team1 .owl-nav {
    text-align: center;
    margin-top: 30px;
  }
}
#team1 .owl-nav button {
  background: #fff !important;
  height: 56px;
  width: 56px;
  font-size: 32px !important;
  border-radius: 50px;
  transition: 0.3s;
}
#team1 .owl-nav button img {
  margin-top: -5px;
}
#team1 .owl-nav button:hover {
  background: var(--ztc-text-text-6) !important;
  transition: 0.3s;
}
#team1 .owl-nav button:hover i {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
#team1 .owl-nav button:hover img {
  filter: brightness(0) invert(1);
}
#team1 button.owl-prev {
  position: absolute;
  top: 36%;
  left: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team1 button.owl-prev {
    left: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team1 button.owl-prev {
    left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 button.owl-prev {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  #team1 button.owl-prev {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}
#team1 button.owl-next {
  position: absolute;
  top: 36%;
  right: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #team1 button.owl-next {
    right: -48px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  #team1 button.owl-next {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #team1 button.owl-next {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  #team1 button.owl-next {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 10px;
  }
}

.vl-team-inner .single-team {
  position: relative;
  z-index: 1;
}
.vl-team-inner .single-team .team-thumb {
  overflow: hidden;
  border-radius: 8px;
}
.vl-team-inner .single-team .content-box {
  background: var(--ztc-bg-bg-4);
  transition: 0.3s;
  text-align: center;
  border-radius: 8px;
  padding: 24px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -56px;
  overflow: hidden;
}
.vl-team-inner .single-team .content-box .ssocial {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .ssocial ul li {
  display: inline-block;
}
.vl-team-inner .single-team .content-box .ssocial ul li a {
  height: 36px;
  width: 36px;
  background: var(--ztc-text-text-1);
  display: block;
  line-height: 38px;
  border-radius: 50px;
  margin: 0 4px;
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  display: block;
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .title:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-team-inner .single-team .content-box .text .deseg {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  display: block;
  padding-top: 12px;
}
.vl-team-inner .single-team:hover .ssocial ul li a:hover {
  background: var(--theme-color);
  transition: 0.3s;
}
.vl-team-inner .single-team:hover .content-box .ssocial {
  margin-bottom: 24px;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.vl-team-inner .single-team:hover .content-box .text {
  padding-top: 24px;
  transition: 0.3s;
}

.vl-team-inner .single-team .content-box .text {
  transition: 0.3s;
}

.single-team {
  margin-bottom: 86px;
}

/*============= TEAM CSS AREA ENDS ===============*/
/*============= CTA CSS AREA ===============*/
.vl-cta-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.vl-cta-bg:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #181713;
  opacity: 0.5;
}
.vl-cta-content {
  padding-top: 70px;
  padding-bottom: 66px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-cta-content {
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .vl-cta-content {
    padding: 20px;
  }
}
.vl-cta-content .title {
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  color: var(--ztc-text-text-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-cta-content .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
@media (max-width: 767px) {
  .vl-cta-content .title {
    font-size: var(--ztc-font-size-font-s32);
    line-height: var(--ztc-specing-height40);
  }
}
.vl-cta-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 16px;
  padding-bottom: 28px;
}
.vl-cta-form {
  width: 370px;
  position: relative;
}
@media (max-width: 767px) {
  .vl-cta-form {
    width: 100%;
  }
}
.vl-cta-form input[type=tel] {
  border-radius: 50px;
  height: 64px;
}
.vl-cta-form input[type=tel]::placeholder {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-cta-btn {
  background: var(--ztc-text-text-7);
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-bold);
  padding: 8px 20px;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: 6px;
}
.vl-cta-btn span {
  background: #fff;
  height: 36px;
  width: 36px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  transform: rotate(-45deg);
}
.vl-cta-shap {
  position: absolute;
}
.vl-cta-shap .shap-1 {
  left: 0;
}
.vl-cta-shap .shap-2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.vl-cta-shap.shap-2 {
  right: 0;
  bottom: 0;
}
/*============= CTA CSS AREA ===============*/
/*============= SERVICE CSS AREA ===============*/
.vl-services2 .vl-single-service-box {
  background: #def7f3;
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active {
  background: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .read-more {
  color: var(--ztc-text-text-1);
}
.vl-services2 .vl-single-service-box.active .read-more span {
  color: var(--ztc-text-text-1);
}
.vl-services2 .vl-single-service-box.active .vl-service-box-flex .thumb {
  background: #fff;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .title a {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content p {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .read-more span {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}
.vl-services2 .vl-single-service-box.active .icon span {
  background: rgba(255, 255, 255, 0.2);
}
.vl-services2 .vl-service-box-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vl-services2 .vl-service-box-flex .thumb {
  background: #EBE2F2;
  width: 155px;
  height: 120px;
  border-bottom-left-radius: 8px;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-flex .sm-thumb img {
  margin-left: 13px;
}
.vl-services2 .icon span {
  background: var(--ztc-bg-bg-1);
  display: block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  margin-left: 24px;
  transition: 0.3s;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.08));
}
.vl-services2 .icon span img {
  transition: 0.3s;
  width: 40px;
}
.vl-services2 .vl-service-box-content {
  padding: 24px;
}
.vl-services2 .vl-service-box-content .title a {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
  display: inline-block;
}
.vl-services2 .vl-service-box-content p {
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height26);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 16px;
  padding-bottom: 25px;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box {
  background: var(--ztc-bg-bg-4);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box.active {
  background: var(--theme-color);
}
.vl-services2.service-inner-page .vl-single-service-box.active .icon span img {
  filter: none;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-flex .thumb {
  background: #E6DFE3;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .title a {
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content p {
  color: var(--ztc-text-text-2);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more {
  color: var(--ztc-text-text-3);
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
  display: inline-block;
  color: var(--ztc-text-text-3);
}

.vl-service-iner-bg .single-service-box .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(0deg);
}
.vl-service-iner-bg .single-service-box.active .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}

/*============= FOOTER CSS AREA ENDS ===============*/
/*============= SERVICE CSS AREA ===============*/
.vl-services2 .vl-single-service-box {
  background: var(--ztc-bg-bg-5);
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active {
  background: var(--ztc-text-text-10);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .read-more {
  color: var(--ztc-text-text-1);
}
.vl-services2 .vl-single-service-box.active .read-more span {
  color: var(--ztc-text-text-1);
}
.vl-services2 .vl-single-service-box.active .vl-service-box-flex .thumb {
  background: #fff;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .title a {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content p {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}
.vl-services2 .vl-single-service-box.active .vl-service-box-content .read-more span {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}
.vl-services2 .vl-single-service-box.active .icon span {
  background: rgba(255, 255, 255, 0.2);
}
.vl-services2 .vl-single-service-box.active .icon span img.icon-1 {
  filter: brightness(0) invert(1);
}
.vl-services2 .vl-service-box-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vl-services2 .vl-service-box-flex .thumb {
  background: #EBE2F2;
  width: 155px;
  height: 120px;
  border-bottom-left-radius: 8px;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-flex .sm-thumb img {
  margin-left: 13px;
}
.vl-services2 .icon span {
  background: var(--ztc-bg-bg-1);
  display: block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50px;
  margin-left: 24px;
  transition: 0.3s;
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.08));
}
.vl-services2 .icon span img {
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content {
  padding: 24px;
}
.vl-services2 .vl-service-box-content .title a {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
  display: inline-block;
}
.vl-services2 .vl-service-box-content p {
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height26);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 16px;
  padding-bottom: 25px;
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
.vl-services2 .vl-service-box-content .read-more span {
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box {
  background: var(--ztc-bg-bg-4);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box.active {
  background: var(--theme-color);
}
.vl-services2.service-inner-page .vl-single-service-box.active .icon span img {
  filter: none;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-flex .thumb {
  background: #E6DFE3;
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .title a {
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content p {
  color: var(--ztc-text-text-2);
  transition: 0.3s;
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more {
  color: var(--ztc-text-text-3);
}
.vl-services2.service-inner-page .vl-single-service-box .vl-service-box-content .read-more span {
  transition: 0.3s;
  display: inline-block;
  color: var(--ztc-text-text-3);
}

.vl-service-iner-bg .single-service-box .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(0deg);
}
.vl-service-iner-bg .single-service-box.active .btniner .readmore span {
  transition: 0.3s;
  display: inline-block;
  transform: rotate(-45deg);
}
/*============= Services CSS AREA ===============*/
/*============= FAQ CSS AREA ===============*/
.vl-faq-inner .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-faq-inner .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
@media (max-width: 767px) {
  .vl-faq-inner .title {
    font-size: var(--ztc-font-size-font-s34);
    line-height: var(--ztc-specing-height44);
  }
}
.vl-faq-inner .vl-tab-item {
  display: flex;
  justify-content: center;
}
.vl-tab-item {
  border: 1px solid #E8E8E7;
  border-radius: 8px;
  padding: 12px 24px;
  margin-bottom: 48px;
}
.vl-tab-item .nav-pills .nav-link.active, .vl-tab-item .nav-pills .show > .nav-link {
  background-color: var(--theme-color);
  padding: 12px 24px;
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--ztc-text-text-3);
}
.vl-tab-item .nav-link {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  padding: 12px 24px;
  color: var(--ztc-text-text-3);
  background: #F6F4EE;
}
@media (max-width: 767px) {
  .vl-tab-item .nav-link {
    margin-bottom: 15px;
  }
}

/*============= FAQ CSS AREA ENDS===============*/
/*============= BLOG CSS AREA ===============*/
.vl-blog-lar-thumb-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.vl-blog .vl-section-title-1 {
  padding: 140px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-blog .vl-section-title-1 {
    padding: 95px 24px;
  }
}
.vl-blog .vl-section-title-1 .subtitle {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: var(--ztc-text-text-1);
}
.vl-blog .vl-section-title-1 .title {
  color: var(--ztc-text-text-1);
}
.vl-blog .vl-section-title-1 p {
  color: var(--ztc-text-text-1);
}

.vl-single-event {
  border-radius: 8px;
  border: 1px solid rgba(24, 23, 19, 0.1);
  background: var(--ztc-bg-bg-1);
  text-align: center;
  transition: 0.3s;
  overflow: hidden;
}
.vl-single-event-day {
  border-radius: 8px 8px 0px 0px;
  color: var(--ztc-text-text-2);
  background: var(--ztc-bg-bg-4);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 8px;
  padding-bottom: 8px;
  transition: 0.3s;
}
.vl-single-event-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 27px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 11px;
}
.vl-single-event-flex-num .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height44);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
.vl-single-event-flex-year {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height30);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}

.vl-single-event.active .vl-single-event-day {
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-3);
}
.vl-single-event.active .vl-single-event-flex {
  background: var(--second-color);
}
.vl-single-event.active .vl-single-event-flex .title {
  color: var(--ztc-text-text-1);
}
.vl-single-event.active .vl-single-event-flex-year {
  color: var(--ztc-text-text-1);
}

.vl-single-blog-box {
  border-radius: 8px;
  border: 1px solid rgba(24, 23, 19, 0.1);
  padding: 24px;
}
.vl-single-blog-box .sm-thumb {
  overflow: hidden;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .vl-single-blog-box .sm-thumb {
    margin-top: 30px;
  }
}
.vl-single-blog-box .sm-thumb img {
  height: 162px;
  border-radius: 8px;
  object-fit: cover;
}
.vl-single-blog-box-content .date {
  background: var(--ztc-bg-bg-4);
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s16);
  line-height: var(--ztc-specing-height16);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding: 8px 12px;
  display: inline-block;
  border-radius: 8px;
}
.vl-single-blog-box-content .date img {
  margin-right: 2px;
  margin-top: -3px;
}
.vl-single-blog-box-content .title a {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height30);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 20px;
  padding-bottom: 25px;
  display: block;
  transition: 0.3s;
}
.vl-single-blog-box-content .title a:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-single-blog-box-content .details {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  transition: 0.3s;
}
.vl-single-blog-box-content .details span {
  transform: rotate(-45deg);
  transition: 0.3s;
  display: inline-block;
}
.vl-single-blog-box-content .details:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-single-blog-box:hover .sm-thumb img {
  transform: scale(1.1) rotate(-4deg);
}

.vl-single-blg-item {
  position: relative;
  overflow: hidden;
}
.vl-single-blg-item:hover .vl-blg-thumb img {
  transform: scale(1.1) rotate(-3deg);
  transition: 0.3s;
}
.vl-single-blg-item:hover .vl-meta {
  background: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-single-blg-item:hover .vl-meta ul li a {
  color: var(--ztc-text-text-1);
  transition: 0.3s;
}
.vl-single-blg-item:hover .vl-meta ul li a .top-minus img {
  filter: brightness(0) invert(1);
}
.vl-single-blg-item .vl-blg-thumb {
  overflow: hidden;
  transition: 0.3s;
  border-radius: 8px;
}
.vl-single-blg-item .vl-blg-thumb img {
  height: 270px;
  object-fit: cover;
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-meta {
  background: var(--ztc-bg-bg-4);
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 26px;
  right: 26px;
  margin-top: -24px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-single-blg-item .vl-blg-meta {
    left: 10px;
    right: 10px;
  }
}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex {
  display: flex;
  align-items: center;
}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-icon span {
  margin-right: 4px;
}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-icon span img {
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-meta .vl-meta-flex .vl-meta-text .date {
  display: block;
  margin-top: 5px;
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s16);
  line-height: var(--ztc-specing-height16);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-content {
  padding-top: 34px;
}
.vl-single-blg-item .vl-blg-content .title a {
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height32);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  color: var(--ztc-text-text-3);
  transition: 0.3s;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-single-blg-item .vl-blg-content .title a {
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-specing-height28);
  }
}
.vl-single-blg-item .vl-blg-content .title a:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-content p {
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--ztc-family-font);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-2);
  padding-top: 16px;
  padding-bottom: 24px;
}
.vl-single-blg-item .vl-blg-content .read-more {
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height18);
  font-family: var(--ztc-family-font);
  font-weight: var(--ztc-weight-bold);
  color: var(--ztc-text-text-3);
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-single-blg-item .vl-blg-content .read-more {
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-specing-height18);
  }
}
.vl-single-blg-item .vl-blg-content .read-more:hover {
  color: var(--ztc-text-text-6);
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-content .read-more:hover span {
  transform: rotate(0);
  transition: 0.3s;
}
.vl-single-blg-item .vl-blg-content .read-more span {
  transform: rotate(-45deg);
  display: inline-block;
  transition: 0.3s;
}
.vl-single-blg-item .vl-meta {
  background: var(--ztc-bg-bg-4);
  padding: 10px 16px;
  border-radius: 8px;
  margin-left: 26px;
  margin-right: 26px;
  margin-top: -26px;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-single-blg-item .vl-meta {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .vl-single-blg-item .vl-meta {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.vl-single-blg-item .vl-meta ul li {
  display: inline-block;
}
.vl-single-blg-item .vl-meta ul li a {
  font-size: var(--ztc-font-size-font-s16);
  line-height: var(--ztc-specing-height16);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  color: var(--ztc-text-text-3);
  margin-right: 16px;
  display: block;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-single-blg-item .vl-meta ul li a {
    font-size: var(--ztc-font-size-font-s14);
  }
}
.vl-single-blg-item .vl-meta ul li a span.top-minus img {
  display: inline-block;
  margin-top: -4px;
}

.vl-blog-metabox1 {
  background: #F6F4EE;
  border-radius: 8px;
  margin-left: 26px;
  margin-right: 26px;
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
.vl-blog-metabox1 ul li {
  display: inline-block;
  margin-right: 16px;
}
.vl-blog-metabox1 ul li:last-child {
  margin-right: 0;
}
.vl-blog-metabox1 a {
  display: block;
  color: #181713;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding: 12px 16px;
}
.vl-blog-metabox1 a:last-child {
  margin-right: 0;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.breadcrumb__text {
  text-align: center;
}

.breadcrumb__links {
  position: relative;
  padding: 15px 25px;
  border-bottom: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align: center;
}

.breadcrumb__links a {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.breadcrumb__links span {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-right: 26px;
  display: inline-block;
  position: relative;
}

.breadcrumb__links a::after {
  position: absolute;
  right: -18px;
  top: 0px;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 20px;
  font-weight: 400;
  display: none;
}

.breadcrumb__links span:last-child {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-right: 26px;
  display: inline-block;
  position: relative;
}

.breadcrumb__links span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-right: 26px;
  position: relative;
}

.breadcrumb__text h2 {
  color: #fff;
  font-size: 46px;
  font-weight: 700;
}
/*============= BLOG CSS AREA ENDS===============*/
.site-logo a {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
}
.site-logo img {
  width: 100px;
}
header .site-logo a{
  position: absolute;
  top: 5px;
  img{
    border: 2px solid #222;
    padding: 4px;
    width: 95px;
    border-radius: 15px;
    margin: 5px 0;
    background: #fff;
  }
}
.mobile-header .mobile-logo a{
  position: absolute;
  top: 5px;
  img{
    border: 1px solid #222;
    padding: 4px;
    border-radius: 15px;
    background: #fff;
  }
}
.site_name {
  font-size: 30px;
  font-weight: 700;
  line-height: 0.8;
  color: var(--second-color);
  text-transform: capitalize;
  & span {
    color: rgb(34, 34, 34);
    font-size: 24px;
    line-height: 0;
  }

}



@media (max-width: 425px) {
  .about-section-two .section-title-two {
    margin-top: 20px;
  }
}

.about-section-two .section-title-two .sub-title-two {
  position: relative;
  z-index: 1;
}

.about-section-two .section-title-two .title h2 {
  margin-bottom: 16px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two .section-title-two .title h2 {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two .section-title-two .title h2 {
    font-size: 33px;
    line-height: 38px;
  }
}

.about-section-two .section-title-two .description p {
  margin-bottom: 18px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two .section-title-two .description p {
    margin-bottom: 8px;
    font-size: 16px;
  }
}

.about-section-two .section-title-two .description p:last-child {
  margin-bottom: 0;
}

.about-section-two ul {
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  margin-top: 29px;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 1399px) {
  .about-section-two ul {
    gap: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two ul {
    margin-top: 20px;
  }
}

.about-section-two ul .single-card {
  background-color: rgb(235, 255, 232);
  padding: 34px 29px;
  width: 30%;
  border-radius: 30px;
  border-bottom: 3px solid rgb(77, 166, 39);
}

@media (max-width: 1399px) {
  .about-section-two ul .single-card {
    padding: 35px 25px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two ul .single-card {
    padding: 25px 25px;
  }
}

@media (max-width: 1199px) {
  .about-section-two ul .single-card {
    padding: 25px 15px;
  }
}

@media (max-width: 767px) {
  .about-section-two ul .single-card {
    padding: 25px 15px;
  }
}

@media (max-width: 425px) {
  .about-section-two ul .single-card {
    width: 100%;
  }
}

.about-section-two ul .single-card.two {
  background-color: rgb(255, 243, 236);
  border-bottom: 3px solid rgb(243, 128, 53);
}

.about-section-two ul .single-card.three {
  background-color: rgb(232, 246, 255);
  border-bottom: 3px solid rgb(11, 65, 100);
}

.about-section-two ul .single-card .card-content .number {
  display: flex;
  justify-content: center;
}

.about-section-two ul .single-card .card-content .number h5 {
  font-family: var(--font);
  font-size: 36px;
  font-weight: 500;
  line-height: 26px;
  color: #222;
  margin-bottom: 18px;
}

@media (max-width: 1399px) {
  .about-section-two ul .single-card .card-content .number h5 {
    font-size: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two ul .single-card .card-content .number h5 {
    font-size: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two ul .single-card .card-content .number h5 {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .about-section-two ul .single-card .card-content .number h5 {
    font-size: 24px;
    margin-bottom: 8px;
  }
}

.about-section-two ul .single-card .card-content .number span {
  font-family: var(--font);
  font-size: 36px;
  font-weight: 500;
  line-height: 26px;
  color: #222;
}

@media (max-width: 1399px) {
  .about-section-two ul .single-card .card-content .number span {
    font-size: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two ul .single-card .card-content .number span {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .about-section-two ul .single-card .card-content .number span {
    font-size: 24px;
  }
}

.about-section-two ul .single-card .card-content h5 {
  font-family: var(--font);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #222;
  margin: 0;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two ul .single-card .card-content h5 {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two ul .single-card .card-content h5 {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .about-section-two ul .single-card .card-content h5 {
    font-size: 14px;
  }
}

.about-section-two .bottom-area p {
  font-family: var(--font);
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #222;
  margin-bottom: 15px;
}
.container-from-left{
  margin-right: 0;
  margin-left: auto;
  max-width: 1430px;
  padding-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two .bottom-area p {
    margin: 22px 0 26px;
  }
}

.about-section-two .bottom-area .primary-btn.three-small {
  padding: 12.5px 32.3px;
  border-radius: 30px;
  font-size: 18px;
  line-height: 28px;
}

.about-section-two .about-left-area {
  position: relative;
  margin-top: 23px;
  height: 600px;
}

@media (max-width: 991px) {
  .about-section-two .about-left-area {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two .about-left-area .about-image-big {
    width: 85%;
  }
}

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

.about-section-two .about-left-area .about-image-big img {
  border-radius: 10px 0 0 10px;
  height: 100%;
}

.about-section-two .about-left-area .about-video-area {
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 12px;
  position: absolute;
  right: 5%;
  top: auto;
  width: 295px;
  height: 357px;
  bottom: 0;
}

@media (max-width: 1399px) {
  .about-section-two .about-left-area .about-video-area {
    right: 0%;
    top: 47%;
  }
}

@media (max-width: 1199px) {
  .about-section-two .about-left-area .about-video-area {
    top: 70%;
    right: 3%;
  }
}

@media (max-width: 991px) {
  .about-section-two .about-left-area .about-video-area {
    right: 6%;
    top: 45%;
  }
}

@media (max-width: 767px) {
  .about-section-two .about-left-area .about-video-area {
    right: -3%;
    z-index: 9;
  }
}

@media (max-width: 425px) {
  .about-section-two .about-left-area .about-video-area {
    width: 70%;
  }
}

.about-section-two .about-left-area .about-video-area .video-area {
  position: absolute;
  top: 41%;
  left: 50%;
  transform: translateX(-50%);
}

.about-section-two .about-left-area .about-video-area .video-area .icon {
  height: 66px;
  width: 66px;
  background: linear-gradient(to right, rgb(255, 101, 0), rgb(228, 163, 121));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 999;
}

.about-section-two .about-left-area .about-video-area .video-area .icon .wrapper {
  display: inline-block;
  position: absolute;
  top: 65px;
  left: 65px;
}

.about-section-two .about-left-area .about-video-area .video-area .icon .waves {
  position: absolute;
  width: 95px;
  height: 95px;
  background: linear-gradient(to right, rgba(255, 101, 0, 0.8), rgba(228, 163, 121, 0.8));
  opacity: 0;
  border-radius: 100%;
  right: -15px;
  bottom: -15px;
  z-index: -1;
  animation: waves 3s ease-in-out infinite;
}

.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-1 {
  animation-delay: 0s;
}

.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-2 {
  animation-delay: 1s;
}

.about-section-two .about-left-area .about-video-area .video-area .icon .waves.wave-3 {
  animation-delay: 2s;
}

.about-section-two .about-left-area .about-video-area img {
  border-radius: 10px;
}

.about-section-two .about-left-area .experience-area {
  background-color: var(--theme-color);
  border-radius: 43px;
  max-width: 206px;
  width: 100%;
  padding: 3px;
  position: absolute;
  top: 5%;
  left: 3%;
}

.about-section-two .about-left-area .experience-area .experience-wrap {
  display: flex;
  align-items: center;
  border: 2px solid var(--white-color);
  border-radius: 43px;
}

.about-section-two .about-left-area .experience-area .experience-wrap .number h3 {
  font-family: var(--font);
  font-size: 28px;
  font-weight: 700;
  line-height: 33.18px;
  color: var(--white-color);
  border: 2px solid var(--white-color);
  border-radius: 50%;
  padding: 10px;
  margin: 0;
  width: 57px;
  display: flex
  ;
  align-items: center;
  justify-content: center;
}

.about-section-two .about-left-area .experience-area .experience-wrap .content P {
  font-family: var(--font);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  color: var(--white-color);
  margin: 0;
}

.about-section-two .about-red-shape {
  position: absolute;
  top: 0%;
  right: 14%;
  animation: up-down2 2s linear infinite alternate;
}

@keyframes up-down2 {
  0% {
    transform: translateY(35px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(35px);
  }
}

@media (max-width: 1399px) {
  .about-section-two .about-red-shape {
    right: 2%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two .about-red-shape {
    right: 72%;
    top: 95%;
  }
}

@media (max-width: 991px) {
  .about-section-two .about-red-shape {
    right: 18%;
    top: -2%;
  }
}

@media (max-width: 767px) {
  .about-section-two .about-red-shape {
    display: none;
  }
}

.about-section-two .about-green-shape {
  position: absolute;
  top: 99%;
  left: 5%;
  animation: up-down2 2s linear infinite alternate;
}

@keyframes up-down2 {
  0% {
    transform: translateY(35px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(35px);
  }
}

@media (max-width: 1399px) {
  .about-section-two .about-green-shape {
    left: 2%;
  }
}

@media (max-width: 1199px) {
  .about-section-two .about-green-shape {
    z-index: -1;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .about-section-two .about-green-shape {
    left: 4%;
    top: 105%;
  }
}

@media (max-width: 991px) {
  .about-section-two .about-green-shape {
    z-index: 1;
    left: 12%;
  }
}

.about-section-two .section-title-two .sub-title-two {
  position: relative;
  z-index: 1;
}

.section-title-two .sub-title-two {
  padding: 7px 0;
  white-space: nowrap;
  display: inline-flex;
  margin-bottom: 0;
  max-width: 100%;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.section-title-two .sub-title-two .bg-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  fill: var(--theme-color);
  left: 0;
  z-index: -1;
}

.section-title-two .sub-title-two span {
  font-family: var(--theme-special-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  color: var(--theme-color);
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .about-section-two .section-title-two .title h2 {
    margin-bottom: 10px;
  }
}

.about-section-two .section-title-two .title h2 {
  margin-bottom: 16px;
}
.about_box{
  background-color: #fff;
  border-radius: 13px;
  border: 1px solid #d1d1d1;
  padding: 20px 16px;
  position: relative;
  display: block;
  transition: 0.2s;
  margin-block: 20px 15px;
}
.about_box:hover{
  border-color: var(--theme-color);
  box-shadow: 0 4px 0 var(--theme-color);
}
.about_box .top{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 13px;
  .text{
    font-size: 23px;
  }
}
.about_box .top .icon{
  font-size: 30px;
  color: var(--theme-color);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section-title-two .title h2 {
    font-size: 35px;
    line-height: 43px;
  }
}

@media (max-width: 1399px) {
  .section-title-two .title h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

.section-title-two .title h2 {
  font-family: var(--font);
  font-size: 48px;
  font-weight: 500;
  line-height: 58px;
  color: #222;
  margin: 0;
  text-transform: capitalize;
}
.container-from-left {
  margin-right: 0;
  margin-left: auto;
  max-width: 96%;
  padding-right: 0;
}

.single-service-wrap {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 0px rgba(206, 206, 206, 0.5);
  border: 1px solid #e3e3e3;
  background-color: #fff;
  padding: 14px;
}

.single-service-wrap .destination {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  line-height: 157.143%;
  letter-spacing: 0.42px;
  margin-top: -7px;
  i {
    font-size: 18px;
    color: var(--theme-color);
  }
}

.single-service-wrap:hover img {
  transform: scale(1.1);
  transition: 0.4s;
}

.single-service-wrap:hover .details .btn-wrap .read-more-text span {
  background: #fff;
  color: #fa4318;
  color: var(--theme-color);
}

.single-service-wrap .thumb {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 220px;
  border-radius: 15px;
  transition: 0.3s;
  margin-inline: auto;
}
.single-service-wrap:hover .thumb{
  border-color: var(--theme-color);
}
.single-service-wrap:hover .thumb img {
  transition: 0.3s;
}

.single-service-wrap .thumb:after {
  left: -30px;
}

.single-service-wrap .thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.single-service-wrap .details .icon {
  background: #fff;
  height: 39px;
  line-height: 50px;
  margin-left: auto;
  position: absolute;
  text-align: center;
  transform: translateY(-50%);
  width: 40px;
  top: 0px;
  right: 15px;
  font-size: 20px;
  color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0px;
  z-index: 1;
  border-radius: 50%;
  border: 1px solid var(--second-color);
}

.single-service-wrap .details {
  padding: 20px 0px 0;
  text-align: justify;
}

.single-service-wrap .detailes_top {}

.single-service-wrap h5 {
  margin-block: 4px;
  transition: all 0.3s ease-in;
  font-family: var(--font);
  font-weight: 600;
  position: relative;
  padding-bottom: 4px;
  color: #222;
  font-size: 25px;
  margin-top: -10px;
  line-height: 1.2;
  text-align: left;
  letter-spacing: -0.02em;
  margin-top: -10px;
}

.single-service-wrap .details p {
  line-height: 22px;
  margin-bottom: 10px;
}

.single-service-wrap .details .btn-wrap .read-more-text {
  color: #080c24;
  color: #222;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease-in;
}

.single-service-wrap .details .btn-wrap .read-more-text:after {
  display: none;
}

.single-service-wrap .details .btn-wrap .read-more-text span {
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  transition: all 0.3s ease-in;
  width: 26px;
}

.service-details-wrap .thumb .icon,
.single-service-wrap .details .btn-wrap .read-more-text span {
  background: #fa4318;
  background: var(--theme-color);
  border-radius: 50%;
  margin-left: auto;
  text-align: center;
}

.service-details-wrap .thumb .icon {
  height: 70px;
  line-height: 68px;
  margin-bottom: -70px;
  position: relative;
  right: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px;
}

.service-details-wrap .thumb .icon img {
  width: auto;
}

.single-section .single-service-details h3{
  margin-block: 10px 20px;
  font-weight: 600;
  font-size: 25px;
}
.single-section .single-service-details li{
  display: list-item;
  list-style: disc;
}
.single-section .single-service-details ul{
  margin-block: 10px 15px;
  padding-left: 1rem;
}
.services-section.style-two {
  background-repeat: no-repeat;
  background-size: cover;
  padding:135px 0 214px;
  position: relative;
  z-index: 1;
}
.services-section.altrenate{
  padding: 169px 0 149px;
  position: relative;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-section.altrenate .inner-container {
  max-width: 1580px;
  margin: 0 auto;
}

.services-section .services-carousel .owl-nav {
  display: block !important;
  position: absolute;
  top: 50%;
  left: -90px;
  width: 115.5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: -1;
}

.services-section .services-carousel .owl-nav .owl-prev {
  float: left;
}

.services-section .services-carousel .owl-nav .owl-next {
  float: right;
}
.services-section .services-carousel .owl-nav .owl-prev,
.services-section .services-carousel .owl-nav .owl-next{
  border: 1px solid var(--white-color);
  padding: 40px 15px !important;
  color: var(--white-color);
  font-size: 30px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .services-carousel .owl-nav .owl-prev:hover,
.services-section .services-carousel .owl-nav .owl-next:hover{
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3sease-in-out;
  -webkit-transition: all 0.3sease-in-out;
}

.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five .inner-box {
  transform-style: unset;
  transition: auto;
}
.service-block-five img{
  width: 200px !important;
  height: 150px;
  object-fit: contain;
  margin: auto;
}
.service-block-five .lower-content {
  margin-top: 25px;
}
.service-block-five .lower-content h4 a {
  color: #000;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  font-size: 19px;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .upper-box {
  margin-bottom: 30px;
}
.service-block-five:hover .inner-box{
  transform: rotateY(0deg);
  transition: transform 0;
}
.service-block-five:before{
  content: "";
  position: absolute;
  left: 100%;
  top: 100%;
  width: 100%;
  height: 100%;
  background-image: url('../images/bg/hover-bg.png');
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five:hover:before{
  top: 0;
  left: 0;
}
.service-block-five:hover .lower-content h4 a{
  color: var(--white-color);
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}


.single-service-details{
  padding: 10px 15px;
  background-color:  #f4f4f4;
  img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    margin-bottom: 12px;
  }
  ul{
    padding-left: 20px;
    margin-bottom: 1rem;
  }
}

.sidebar-item {
  margin-bottom: 30px;
  padding: 20px;
  box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}

.sidebar-item>h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  color: #000;
  border-bottom: 2px solid var(--theme-color);
}
/*.sidebar-item h3:before{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 2px;
  content: "";
  background-color: var(--theme-color);
}*/

.sidebar-category {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.sidebar-category li {
  list-style: none;
  margin-bottom: 1px;
  width: 100%;
}

.sidebar-category li .active {
  background: var(--theme-color);
  color: #000;
}

.sidebar-category li a {
  background: #ffffff none repeat scroll 0 0;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 20px;
  text-transform: capitalize;
  box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
  border-radius: 6px;
  margin-bottom: 12px;
}
.sidebar-category li a:hover {
  background: var(--theme-color);
  color: #fff;
}
.sidebar-category li a:after{
  content: "\f061";
  font-family: FontAwesome;
  float: right;
}

.form-title {
  padding: 0px 12px 10px;
  position: relative;
  left: 0px;
  border-radius: 5px 5px 0 0;
  font-size: 28px;
  font-weight: 600;
  color: #000;
}
.form-title:before{
  position: absolute;
  bottom: 0;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #222;
  content: '';
}
.common-booking-form .form_section .form-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}
.form-control{
  padding: 9px;
  height: 50px;
  border-color: #aeaeae;
}
.form-control:focus{
  box-shadow: none;
  border-color: var(--theme-color);
}
.common-booking-form .form-group{
  margin-bottom: 15px;
}
@media(max-width:768px){
  .single-section .row{
    flex-direction: column-reverse;
  }
  .common-booking-form .form_section .row{
    flex-direction: column;
  }
  .common-booking-form .form_section .form-title{
    margin: 0;
    padding: 0;
  }
}

.single-section .single-service-details h3{
  margin-block: 10px 20px;
  font-weight: 600;
  font-size: 25px;
}
.single-section .single-service-details li{
  display: list-item;
  list-style: disc;
}
.single-section .single-service-details ul{
  margin-block: 10px 15px;
  padding-left: 1rem;
}
.services-section.style-two {
  background-repeat: no-repeat;
  background-size: cover;
  padding:135px 0 214px;
  position: relative;
  z-index: 1;
}
.services-section.altrenate{
  padding: 169px 0 149px;
  position: relative;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-section.altrenate .inner-container {
  max-width: 1580px;
  margin: 0 auto;
}

.services-section .services-carousel .owl-nav {
  display: block !important;
  position: absolute;
  top: 50%;
  left: -90px;
  width: 115.5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: -1;
}

.services-section .services-carousel .owl-nav .owl-prev {
  float: left;
}

.services-section .services-carousel .owl-nav .owl-next {
  float: right;
}
.services-section .services-carousel .owl-nav .owl-prev,
.services-section .services-carousel .owl-nav .owl-next{
  border: 1px solid var(--white-color);
  padding: 40px 15px !important;
  color: var(--white-color);
  font-size: 30px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .services-carousel .owl-nav .owl-prev:hover,
.services-section .services-carousel .owl-nav .owl-next:hover{
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3sease-in-out;
  -webkit-transition: all 0.3sease-in-out;
}

.service-block-five {
  background-color: var(--white-color);
  height: auto;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five .inner-box {
  transform-style: unset;
  transition: auto;
}
.service-block-five img{
  width: 200px !important;
  height: 150px;
  object-fit: contain;
  margin: auto;
}
.service-block-five .lower-content {
  margin-top: 25px;
}
.service-block-five .lower-content h4 a {
  color: #000;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  font-size: 19px;
  letter-spacing: -0.02em;
  -webkit-transition: all 0.3s ease-in-out;
}
.services-section .upper-box {
  margin-bottom: 30px;
}
.service-block-five:hover .inner-box{
  transform: rotateY(0deg);
  transition: transform 0;
}
.service-block-five:before{
  content: "";
  position: absolute;
  left: 100%;
  top: 100%;
  width: 100%;
  height: 100%;
  background-image: url('../images/bg/hover-bg.png');
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-block-five:hover:before{
  top: 0;
  left: 0;
}
.service-block-five:hover .lower-content h4 a{
  color: var(--white-color);
}
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
.logosicon-area img{
  width: 90px;
}
.logosicon-area .logos{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 4px;
}
.mobile-logo img{
  width: 100px;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
}
.mobile-logo a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.vl-footer-logo  img{
  width: 90px;
}
.vl-footer-logo a{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 4px;
}
.mobile-logo .site_name{
  font-size: 28px;
  color: var(--theme-color);
  span{
    color: #fff;
    font-size: 19px;
  }
}
@media(max-width:768px){
  .spad {
    padding-top: 35px;
    padding-bottom: 40px;
  }

  .breadcrumb__links a{
   font-size: 15px;
 }
 .breadcrumb__links span:last-child{
   font-size: 12px;
 }
 .breadcrumb__links a::after{
   font-size: 15px;
 }
 main{
   margin-top: 73px;
 }

 .breadcrumb__text h2{
   font-size: 25px;
   line-height: 1.2;
 }
 .common-booking-form .form_section .form-title{

  margin: 0;
  font-weight: 800;
  padding: 0;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  width: 100%;
}
}

@media(max-width:765px){
  .vl-hero-section-title{
    padding-top: 120px;
    padding-bottom: 93px;
  }
  .vl-hero-section-title .vl-subtitle{
    font-size: 14px;
    line-height: 14px;
  }
  .vl-hero-section-title .vl-subtitle img{
    width: 13px;
  }
  .vl-banner .vl-arrow .prev-arow{
    bottom: 83px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border-radius: 50%;
  }
  .vl-banner .vl-arrow .next-arow{
    bottom: 83px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border-radius: 50%;
  }
  .about-section-two .section-title-two .title h2{
    font-size: 34px;
  }
  .form-title{
    font-size: 23px;
    font-weight: 700;
  }
  .form_section{
    border: 1px solid var(--ztc-text-text-6);
    border-bottom: 10px solid var(--ztc-text-text-6);
  }
  .vl-about-large-thumb img{
    height: auto;
    max-height: 350px;
  }
  .ul-menu-item{
    flex-direction: column;
    text-align: center;
  }
  .ul-menu-item-txt{
    flex-direction: column;
  }
  .vl-cta-content p{
    padding-inline: 0;
  }
  .vl-copyright.copyright-border-1{
    padding-bottom: 60px;
  }
  .vl-copyright-menu ul{
    text-align: center;
  }
  .vl-copyright-menu ul li{
    margin-inline: auto;
  }
  .vl-copyright-menu ul li a:last-child{
    margin-inline: 0;
  }
  .vl-copyright-text{
    font-size: 13px;
  }
  .vl-hero-section-title{
    padding-top: 40px;
  }
}
@media (max-width: 766px) {
  .container-from-left {
    padding-right: var(--bs-gutter-x, .75rem);
    width: 100%;
    max-width: 100%;
  }
  .vl-team-parent .vl-team-thumb{
    padding-top: 8px;
    height: 257px;
  }
  .vl-section-title-1.mb-60{
    margin-bottom: 35px;
  }
}


.vl-contact2 .vl-section-title-3 .title {
  line-height: var(--ztc-specing-height54);
  padding-top: 28px;
}
@media (max-width: 767px) {
  .vl-contact2 .vl-section-title-3 .title {
    line-height: var(--ztc-specing-height36);
  }
}
.vl-contact2 .vl-contact-box {
  background: var(--ztc-text-text-8);
  border-radius: 8px;
  padding: 32px 40px;
}
@media (max-width: 767px) {
  .vl-contact2 .vl-contact-box {
    padding: 25px;
  }
}
.vl-contact2 .vl-contact-box .topcontent {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.vl-contact2 .vl-contact-box .topcontent .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 20px;
}
.vl-contact2 .vl-contact-box .topcontent p {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-contact2 .vl-contact-box .icon-list-flex {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .vl-contact2 .vl-contact-box .icon-list-flex {
    display: block;
  }
}
.vl-contact2 .vl-contact-box .icon-list-flex .icon span {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  display: block;
  margin-right: 24px;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .vl-contact2 .vl-contact-box .icon-list-flex .icon span {
    margin-bottom: 20px;
  }
}
.vl-contact2 .vl-contact-box .icon-list-flex .content .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 16px;
  transition: 0.3s;
}
.vl-contact2 .vl-contact-box .icon-list-flex .content .para1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  transition: 0.3s;
}
.vl-contact2 .vl-contact-box .box-hover {
  margin-bottom: 40px;
}
.vl-contact2 .vl-contact-box .box-hover:last-child {
  margin-bottom: 0;
}
.vl-contact2 .vl-contact-box .box-hover:hover .icon-list-flex .icon span {
  background: #fff;
  transition: 0.3s;
}
.vl-contact2 .vl-contact-box .box-hover:hover .icon-list-flex .icon span img {
  filter: brightness(0);
  transition: 0.3s;
}
.vl-contact2 .vl-contact-box2 {
  border-radius: 8px;
  border: 1px solid rgba(23, 8, 34, 0.1);
  background: var(--ztc-text-text-1);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);
  padding: 32px;
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vl-contact2 .vl-contact-box2 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .vl-contact2 .vl-contact-box2 {
    padding: 25px;
    margin-left: 0px;
  }
}
.vl-contact2 .vl-contact-box2 .title {
  color: var(--ztc-text-text-8);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 16px;
}
.vl-contact2 .vl-contact-box2 .para1 {
  color: var(--ztc-text-text-9);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-bottom: 24px;
}
.vl-contact2 .vl-contact-box2 .vl-about-btn {
  padding-top: 28px;
}
.vl-contact2 .vl-form2 input {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 24px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: var(--ztc-text-text-1);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.vl-contact2 .vl-form2 input::placeholder {
  color: var(--ztc-text-text-2);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.vl-contact2 .vl-form2 textarea {
  padding-left: 16px;
  padding-right: 16px;
  height: 122px;
  border: 1px solid #E6E6E6;
  background: var(--ztc-text-text-1);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.vl-contact2 .vl-form2 textarea::placeholder {
  color: var(--ztc-text-text-2);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.vl-contact2 .vl-form2 .nice-select.wide.vl-select {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}
.vl-contact2 .vl-form2 .nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
}
.vl-contact2 .vl-form2 .nice-select.wide {
  height: 48px;
}
.vl-contact2 .vl-form2 .nice-select:after {
  height: 8px;
  width: 8px;
}
.vl-contact2 .vl-form2 .nice-select:active, .vl-contact2 .vl-form2 .nice-select.open, .vl-contact2 .vl-form2 .nice-select:focus {
  border-color: 1px solid #E6E6E6;
}
.vl-contact2 .vl-form2 .vl-select span.current {
  font-size: 16px;
  line-height: 16px;
  color: var(--ztc-text-text-2);
  font-weight: 600;
}

.vl-contact3 {
  background: var(--ztc-bg-bg-7);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.vl-contact3 .shap {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.vl-contact3 .vl-section-title3 .subtitle {
  background: var(--ztc-text-text-1);
}
.vl-contact3 .vl-section-title3 .title {
  line-height: var(--ztc-specing-height54);
  padding-top: 16px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .vl-contact3 .vl-section-title3 .title {
    font-size: var(--ztc-font-size-font-s30);
    line-height: var(--ztc-specing-height40);
  }
}
.vl-contact3 .vl-contact-icon-box {
  background: var(--ztc-text-text-11);
  border-radius: 8px;
  padding: 32px;
}
.vl-contact3 .vl-contact-icon-box .vl-top-content {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.vl-contact3 .vl-contact-icon-box .vl-top-content .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
}
.vl-contact3 .vl-contact-icon-box .vl-top-content .para {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 20px;
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex:last-child {
  margin-bottom: 0;
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-icon span {
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  transition: 0.3s;
  border-radius: 50px;
  margin-right: 24px;
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-text .title {
  color: var(--ztc-text-text-1);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 16px;
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex .vl-text .para {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-contact3 .vl-contact-icon-box .vl-icon-box-flex:hover .vl-icon span {
  background: var(--ztc-text-text-12);
  transition: 0.3s;
}
.vl-contact3 .vl-contact-from3 {
  background: var(--ztc-text-text-1);
  border-radius: 8px;
  padding: 32px;
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-contact3 .vl-contact-from3 {
    margin-left: 0px;
  }
}
.vl-contact3 .vl-contact-from3 .title {
  color: var(--ztc-text-text-11);
  font-size: var(--ztc-font-size-font-s20);
  line-height: var(--ztc-specing-height20);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-bottom: 16px;
}
.vl-contact3 .vl-contact-from3 .para {
  color: var(--ztc-text-text-13);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-bottom: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .vl-contact3 .vl-contact-from3 .para br {
    display: none;
  }
}
.vl-contact3 .vl-contact-from3 .vl-form3 input {
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  height: 48px;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #46475F;
}
.vl-contact3 .vl-contact-from3 .vl-form3 input::placeholder {
  color: var(--ztc-text-text-13);
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea {
  font-size: 16px;
  line-height: 16px;
  color: #46475F;
  font-weight: 600;
}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea::placeholder {
  color: var(--ztc-text-text-13);
  font-weight: 600;
}
.vl-contact3 .vl-contact-from3 .vl-form3 select {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 24px;
  color: var(--ztc-text-text-13);
}
.vl-contact3 .vl-contact-from3 .vl-form3 select:focus {
  outline: none;
}
.vl-contact3 .vl-contact-from3 .vl-form3 select::placeholder {
  color: var(--ztc-text-text-13);
}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea {
  height: 122px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  padding-left: 16px;
  padding-right: 16px;
  color: var(--ztc-text-text-13);
}
.vl-contact3 .vl-contact-from3 .vl-form3 textarea::placeholder {
  color: var(--ztc-text-text-13);
}
.vl-contact3 .vl-contact-from3 .vl-form3 button.primary-btn-3 {
  margin-top: 30px;
}
.vl-contact3 .nice-select.wide {
  width: 100%;
  height: 48px;
}
.vl-contact3 .nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 8px;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
}

.vl-contact-section-inner .vl-section-content .section-title .subtitle {
  display: inline-block;
  background: var(--ztc-bg-bg-4);
  border-radius: 50px;
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding: 8px 12px;
}
.vl-contact-section-inner .vl-section-content .section-title .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s44);
  line-height: var(--ztc-specing-height54);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
  padding-top: 16px;
  padding-bottom: 16px;
}
.vl-contact-section-inner .vl-section-content .section-title .para {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height28);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password],
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url],
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea {
  outline: none;
  background-color: #fff;
  height: 48px;
  width: 100%;
  line-height: 48px;
  font-size: 18px;
  color: var(--ztc-text-text-2);
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #E0E2E3;
  border-radius: 8px;
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  margin-bottom: 16px;
  padding-top: 0;
}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url]::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea::placeholder {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-top: 16px;
}
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=text]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=email]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=tel]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=number]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=password]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner input[type=url]:focus::placeholder,
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea:focus::placeholder {
  opacity: 0;
}
.vl-contact-section-inner .vl-section-content .vl-form-inner textarea {
  height: 120px;
}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select.wide.vl-select {
  height: 48px;
  margin-bottom: 16px;
}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select.wide.vl-select::placeholder {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s18);
  line-height: var(--ztc-specing-height18);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-contact-section-inner .vl-section-content .vl-form-inner .nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 8px;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
}
.vl-contact-section-inner .vl-maps iframe.vl-contact-maps {
  width: 100%;
  height: 656px;
  border-radius: 8px;
}

.nice-select.wide.vl-select span.current {
  font-size: 16px;
  line-height: 16px;
  color: var(--ztc-text-text-2);
  font-weight: 600;
  padding-top: 15px;
  display: inline-block;
}

.nice-select.wide.vl-select {
  border: 1px solid #E8E8E7;
  border-radius: 8px;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
}

.vl-icon-box-inner .iconbox {
  background: var(--ztc-bg-bg-4);
  padding: 32px;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .vl-icon-box-inner .iconbox {
    padding: 28px;
  }
}
.vl-icon-box-inner .iconbox .icon-box-flex {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.vl-icon-box-inner .iconbox .icon-box-flex .icon span {
  height: 80px;
  width: 80px;
  display: block;
  border-radius: 8px;
  line-height: 80px;
  text-align: center;
  background: var(--ztc-text-text-3);
  margin-right: 24px;
  transition: 0.3s;
}
.vl-icon-box-inner .iconbox .icon-box-flex .icon span img {
  transition: 0.3s;
}
.vl-icon-box-inner .iconbox .icon-box-flex .icon-content .para {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s16);
  line-height: var(--ztc-specing-height26);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
  padding-bottom: 16px;
}
.vl-icon-box-inner .iconbox .icon-box-flex .icon-content .title {
  color: var(--ztc-text-text-3);
  font-size: var(--ztc-font-size-font-s22);
  line-height: var(--ztc-specing-height22);
  font-family: var(--heading-font);
  font-weight: var(--ztc-weight-bold);
}
.vl-icon-box-inner .iconbox .contact-number {
  padding-top: 32px;
  border-top: 2px solid #fff;
  position: relative;
  z-index: 1;
}
.vl-icon-box-inner .iconbox .contact-number:after {
  position: absolute;
  content: "";
  left: 0;
  top: -2px;
  height: 2px;
  width: 100px;
  background: var(--theme-color);
}
.vl-icon-box-inner .iconbox .contact-number .para {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s16);
  line-height: var(--ztc-specing-height26);
  font-family: var(--body-font);
  font-weight: var(--ztc-weight-semibold);
}
.vl-icon-box-inner .iconbox.active .icon-box-flex .icon span {
  background: var(--theme-color);
  transition: 0.3s;
}
.vl-icon-box-inner .iconbox.active .icon-box-flex .icon span img {
  filter: brightness(0);
  transition: 0.3s;
}
.common-booking-form .form_section{
  border: 1px solid var(--theme-color);
  border-bottom: 10px solid var(--ztc-text-text-6);
}
@media(max-width:768px){
  .breadcrumb-option{
    padding: 50px 0 50px;
  }
  .common-booking-form{
    margin-bottom: 15px;
  }
}

.contact-us-main {
  border-radius: 10px;
  padding: 12px 16px;
  background-color: var(--second-color);
  text-align: center;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.contact-us-main.style-2 {
  background-color: var(--theme-color);
}
.contact-us-main.style-2 .contact-box-items {
  border: 1px solid var(--white-color);
}
.contact-us-main.style-2 .contact-box-items .icon {
  color: var(--white-color);
}
.contact-us-main.style-2 .contact-box-items .content h3 a {
  color: var(--white-color);
}
.contact-us-main.style-2 .contact-box-items .content p {
  color: var(--white-color);
}
.contact-us-main .contact-box-items {
  border-radius: 10px;
  border: 1px solid #d1d1d1;
  padding: 28px 30px;
}
.contact-us-main .contact-box-items .icon {
  margin-bottom: 20px;
}
.contact-us-main .contact-box-items .content h3 {
  font-weight: 600;
  margin-bottom: 5px;
  a{
    color: #000;
  }
}
.contact-us-main .contact-box-items .content p {
  font-size: 18px;
  font-weight: 400;
  color: #222;
}
.contact-us-main:hover {
  background-color: var(--theme-color);
}
.contact-us-main:hover .contact-box-items .icon img {
  filter: grayscale(100%) brightness(300%);
}
.contact-us-main:hover .contact-box-items .content {
  position: relative;
  z-index: 1;
}
.contact-us-main:hover .contact-box-items .content h3 {
  color: var(--white-color);
}
.contact-us-main:hover .contact-box-items .content h3 a {
  color: var(--white-color);
}
.contact-us-main:hover .contact-box-items .content p {
  color: var(--white-color);
}

.contact-us-wrapper .contact-us-contact {
  padding: 120px 0;
}
@media (max-width: 991px) {
  .contact-us-wrapper .contact-us-contact {
    padding: 80px 0 30px;
  }
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt input, .contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 16px 20px;
  background-color: transparent;
  font-weight: 400;
  color: var(--white-color);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt input::placeholder, .contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt textarea::placeholder {
  color: var(--white-color);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
  border-radius: 20px;
  resize: none;
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt .nice-select {
  background-color: transparent;
  padding: 16px 20px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt .nice-select span {
  font-size: 14px;
  color: var(--white-color);
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 0;
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt .nice-select::after {
  right: 25px;
  top: 28px;
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt .nice-select .list {
  right: 0;
  background-color: var(--second-color);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .form-clt .nice-select .option {
  border: none;
  padding: 6px 15px;
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .theme-btn {
  background-color: transparent;
  border: 1px solid var(--theme-color);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .theme-btn:before {
  background-color: var(--theme-color);
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .theme-btn:hover {
  color: var(--white-color);
  box-shadow: none;
}
.contact-us-wrapper .contact-us-contact .comment-form-wrap .theme-btn:hover::before {
  width: 100%;
}
.contact-us-wrapper .map-area {
  margin-left: 25px;
  height: 100%;
}
.contact-us-wrapper .map-area .google-map{
  height: 100%;
  iframe{
    height: 100%;
    width: 1082px;
  }
}
@media (max-width: 1199px) {
  .contact-us-wrapper .map-area {
    margin-left: 0;
  }
}
.section-bg-2 {
  background-color: var(--second-color);
}
@media(max-width:768px){
  .contact-us-wrapper .map-area .google-map {
    iframe {
      height: 100%;
      width: 100%;
    }
  }
  .contact-us-wrapper {
    margin-bottom: 20px;
  }
}
.contact-us-wrapper h2{
  margin-bottom: 30px;
}

.process-box {
  position: relative;
  z-index: 2;
  display: flex;
  transition: 0.3s;
  gap: 8px;
  margin-bottom: 20px;
  padding: 10px;
  align-items: center;
  border-radius: 15px;
}
.process-box:hover{
  i{
    transform: scale(1.04);
  }
}
.process-box .box-icon {
  height: 80px;
  width: 80px;
  min-width: 80px;
  line-height: 80px;
  border: 1px solid #d1d1d1;
  border-radius: 40px;
  text-align: center;
  font-size: 35px;
  color: #fff;
  /* margin: 0 auto 29px; */
  -webkit-transition: all .4s;
  transition: all .4s;
  margin-bottom: 0;
  background: var(--theme-color);
  i{
    transition: 0.3s;
  }
}
.process-box .small{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.process-box .box-titlee {
  font-size: 28px;
  font-weight: 500;
  font-family: var(--font);
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 15px;
}
.process-box-wrap:nth-child(even) .process-box .box-icon::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  top: -6%;
  right: -34%;
}
@media (max-width: 1299px) {
  .process-box-wrap:nth-child(even) .process-box .box-icon::before {
    right: -40%;
  }
  .process-box .box-icon:before {
    right: -35%;
  }
}
@media (max-width: 1199px) {
  .process-box .box-icon:before {
    display: none;
  }
  .process-box .box-icon {
    left: 22%;
  }
}
.process-box-wrap:last-child .process-box .box-icon::before{
  display: none;
}
.new_container {
  max-width: 1250px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.process-card {
  position: relative;
  z-index: 2;
  padding: 80px 0 0 0;
  text-align: center;
}
.process-card .box-content {
  background-color: var(--white-color);
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
  border-radius: 30px;
  padding: 30px 30px 40px 30px;
}
.process-card .box-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 69px);
  height: 160px;
  width: 138px;
  text-align: center;
  line-height: 150px;
  -webkit-filter: drop-shadow(0px 10px 50px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0px 10px 50px rgba(0, 0, 0, 0.08));
  z-index: 2;
}
.process-card .box-icon:before {
  content: '';
  background-color: var(--white-color);
  position: absolute;
  inset: 0;
  -webkit-clip-path: path("M14.9541 124.669L53.9541 147.278C63.2594 152.672 74.7406 152.672 84.0459 147.278L123.046 124.669C132.302 119.303 138 109.414 138 98.7148V53.2852C138 42.5861 132.302 32.6968 123.046 27.331L84.0459 4.72227C74.7406 -0.672132 63.2594 -0.67213 53.9541 4.72227L14.9541 27.331C5.69794 32.6968 0 42.5861 0 53.2852V98.7148C0 109.414 5.69794 119.303 14.9541 124.669Z");
  clip-path: path("M14.9541 124.669L53.9541 147.278C63.2594 152.672 74.7406 152.672 84.0459 147.278L123.046 124.669C132.302 119.303 138 109.414 138 98.7148V53.2852C138 42.5861 132.302 32.6968 123.046 27.331L84.0459 4.72227C74.7406 -0.672132 63.2594 -0.67213 53.9541 4.72227L14.9541 27.331C5.69794 32.6968 0 42.5861 0 53.2852V98.7148C0 109.414 5.69794 119.303 14.9541 124.669Z");
  z-index: -1;
}
@media (max-width: 1199px) {
  .process-card .box-content {
    padding: 30px 10px;
  }
}
@media (max-width: 767px) {
  .process-card .box-content {
    padding: 30px;
  }
}
.process-box.style-3:hover .box-icon {
  background-color: var(--theme-color);
}
@media (max-width: 768px) {
  .about-section-two .about-left-area {
    height: auto;
    margin-bottom: 0;
  }
  .process-box{
    flex-direction: column;
    text-align: center;
  }
}

.main-popup {
  display: none; /* Hide popup by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.main-popup .form-control, .main-popup .form-select{
  height: 47px;
  border-radius: 40px !important;
  background-color: var(--theme-bg);
  border: 1px solid #d1d1d1;
  box-shadow: 0 2px 6px 0 #20212451;
  margin-block: 5px 10px;
}
.main-popup .form-control:focus, .main-popup .form-select:focus{
  box-shadow: none;
  background-color: transparent;
}
.main-popup.active {
  display: flex; /* Show when active */
}
.main-popup .card_top{
  background-image: url(../img/pop_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  height: 150px;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  background-position: center;
  width: 100%;
}
.pop_heading{
  font-size: 25px;
  margin-block: 30px 20px;
  line-height: 1;
  text-align: center;
  color: #000;
  font-weight: 600;
}
.sub_heading{
  color: #555;
  font-size: 16px;
  text-align: center;
  margin-top: -15px;
}
.main-popup .card_top:before{
  content: '';
  background-color: #222;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.main-popup .card_top h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.main-popup form{
  padding: 20px ;
  border: 2px solid var(--theme-color);
  border-radius: 15px;
  width: 93%;
  margin-inline: auto;
  margin-block: 15px;
  padding-top: 0;
}
.outer-popup {
  width: 50%;
  max-width: 46rem;
  min-width: 20rem;
  margin: 0px auto;
  background-color: white;
  border-radius: 10px;
  padding: 0;
  box-shadow: 0px 0px 12px #8a8a8a;
  height: fit-content;
  position: relative;
  overflow: hidden;
}

.close-popup {
  width: 100%;
  text-align: right;
  margin: -6px;
}

.close-popup-span {
  padding-right: 0rem;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 3;
}

.popup-heading {
  margin-top: 0.5rem;
  color: #323232;
  font-size: 18px;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 600;
}

.popup-heading > span {
  font-weight: 600;
  color: #03a84e;
  text-transform: uppercase;
}
.form_enquiry_caption_course{
  color: #fff;
}
.pop_upgroup label span{
  color: #fff;
}
.pop_upgroup label{
  font-weight: 600;
  color: #fff;
}
.form__btn{
  background-color: var(--theme-color);
}
.form__btn:hover{
  background-color: #fff;
}
.outer-popup .pop_upgroup label span{
  color: red;
}
.outer-popup .pop_upgroup label{
  font-weight: 600;
  color: #000;
}
.popup-btn {
  font-size: 0.9rem;
  color: white;
  display: none;
  background-color: rgb(27, 27, 95);
  padding: 0.5rem 1rem;
  border: none;
  outline: none;
  display: block;
  margin: 1rem auto;
  border-radius: 5px;
  text-transform: capitalize;
  cursor: pointer;
  font-weight: 500;
}

.popup-btn:hover {
  background-color: rgb(15, 15, 53);
}

.cross-after-text {
  justify-content: space-between;
  align-items: center;
  margin-left: 1rem;
  display: flex;
  cursor: pointer;
  position: fixed;
  bottom: 6rem;
}

.gift-div {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 7.5rem; */
  width: 12rem;
  animation: updown 1s ease-in infinite;
}
.gift-div img {
  position: relative;
  height: 100%;
  width: 100%;
}
.call_whatsapp{
  flex-direction: column;
  gap: 2px;
  margin-left: 93px;
  align-items: center;
  justify-content: center;
  a{
    color: #fff;
    font-size: 15px;
  }
  .btn-theme{
    padding: 7px 12px;
    font-size: 16px;
    background: #fff;
    color: #222;
    border-bottom: 3px solid orange;
  }

}
.call_whatsapp .btn-theme:hover{
  background: #fff;
  color: #Fff;
  border: 0;

}
.hero-meta {
  margin-bottom: 7px;
  margin-top: -0.4em
}

.hero-meta span {
  display: inline-block;
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--theme-color);
  position: relative
}

@media (max-width: 375px) {
  .hero-meta span {
    font-size:15px
  }
}
@media (max-width: 500px) {
  .hero-meta span {
    font-size:13px
  }
}

.hero-meta span:after {
  content: "";
  height: 1px;
  width: 23px;
  background-color: var(--theme-color);
  display: inline-block;
  margin: 0 10px;
  position: relative;
  top: -4px
}

.hero-meta span img {
  margin-right: 10px
}

.hero-meta span:first-child::after {
  display: none
}

.hero-meta span:last-child::after {
  display: none
}

.hero-style3 {
  position: relative;
  max-width: 606px;
  display: block;
  z-index: 4
}

.hero-style3 .hero-title {
  font-size: 67px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-color);
  margin-bottom: 25px;
}

@media (max-width: 1299px) {
  .hero-style3 .hero-title {
    font-size:55px;
    line-height: 1.2
  }
}

@media (max-width: 767px) {
  .hero-style3 .hero-title {
    font-size:29px;
    line-height: 1
  }
  .slide .image .background_image{
    display: none;
  }
  .slider{
    height: 350px;
  }
  .hero-meta span:after{
    width: 12px;
  }
}

.hero-style3 .hero-text {
  color: var(--white-color);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white-color)
}
.title-area h6 {
  font-family: "Sacramento", sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 51.08px;
  color: #000;
  margin: 0 0 -10px 0;
}
.title-area h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  font-size: 45px;
  line-height: 1.2;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
}
.title-area h4::after {
    content: "";
    position: absolute;
    display: block;
    width: 95px;
    height: 5px;
    background-color: #FF7400;
    left: 0;
    bottom: 0;
}
.text-center h4{
  width: max-content;
  margin-inline: auto;
}


.about-us .about-info {
    padding: 20px 30px;
    max-width: 192px;
    border-radius: 5px;
    background-color: #FFF;
    position: absolute;
    top: 10px;
    right: 10px;
}
.about-us .about-us-img img{
  border-radius: 10px;
}

.about-us .about-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    margin: 0;
}

.about-us .about-info h4 {
    font-size: 52px;
    font-weight: 700;
    line-height: 78px;
    color: #000;
    position: relative;
    margin: 0;
}

.about-us .about-info h4::after {
    content: "";
    position: absolute;
    display: block;
    width: 59px;
    height: 5px;
    background-color: #FF7400;
    left: 0;
    bottom: 0;
}

/*.about-us .about-detail h6 {
    font-family: "Sacramento", sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 51.08px;
    color: #000;
    margin: 0 0 -10px 0;
}

.about-us .about-detail h4 {
    font-size: 54px;
    font-weight: 700;
    line-height: 81px;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom: 20px;
}
*/
.about-us .about-detail p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #767676;
    margin: 0;
}

.about-us .about-detail .about-us-btn {
    margin-top: 50px;
}

.about-us .about-detail .about-us-btn a.contact-btn img {
    padding: 0 15px 0 0;
}

.about-us .about-detail .about-us-btn a.contact-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    padding: 0 0 0 50px;
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.about-us .about-detail .about-us-btn a.contact-btn:hover {
    color: #FF7400;
}


.about-us .about-detail .about-us-btn a.btn-35 {
    padding: 16px 46px;
}

.why-choose .why-choose-title {
    padding: 0 0 50px 0;
}

.why-choose .why-choose-title h6 {
    font-family: "Sacramento", sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 51.08px;
    color: #000;
    margin: 0 0 -10px 0;
}

.why-choose .why-choose-title h3 {
    font-size: 54px;
    font-weight: 700;
    line-height: 81px;
    letter-spacing: -0.01em;
    position: relative;
    margin: 0;
}

.why-choose .why-choose-title h3::after {
    content: "";
    position: absolute;
    display: block;
    width: 95px;
    height: 5px;
    background-color: #FF7400;
    left: 0;
    bottom: 0;
}

.why-choose .why-choose-detail {
    padding: 30px;
    background-color: #FAFAFA;
    border-radius: 10px;
    transition: all 0.5s;
    border: 1px solid #E1E1E1
}

.why-choose .why-choose-detail:nth-child(3) {
    margin: 25px 0;
}

.why-choose .why-choose-detail:hover {
    box-shadow: 0px 15px 30px 0px #00000014;
    border: 1px solid transparent;
}

.why-choose .why-choose-detail .number-box {
    width: 50px;
    height: 88px;
    border-radius: 10px;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-choose .why-choose-detail .number-box span {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    color: #FFF;
}

.why-choose .why-choose-detail .why-choose-info {
    padding: 0 0 0 30px;
}

.why-choose .why-choose-detail .why-choose-info h6 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px 0;
    color: #000;
}

.why-choose .why-choose-detail .why-choose-info p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #767676;
}


.why-choose .why-choose-img img.main-img {
    padding: 0 0 100px 0;
    width: 50%;

}
.why-choose .why-choose-img img{
  border-radius: 15px;
  object-fit: cover;
}

.why-choose .why-choose-img .img-group {
    padding: 80px 0 0 25px;
}

.why-choose .why-choose-img .img-group img:nth-child(1) {
    padding: 0 0 25px 0;
}


.td-team-item {
    border-radius: 35px;
    overflow: hidden;
}
.bg-position {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.p-relative {
    position: relative;
}
.mb-25 {
    margin-bottom: 25px;
}
.td-team-item {
  border-radius: 35px;
  overflow: hidden;
}
.td-team-item:hover .td-team-social-wrap .icons {
  opacity: 0;
  transform: scale(0);
  visibility: hidden;
}
.td-team-item:hover .td-team-thumb img {
  mix-blend-mode: normal;
}
.td-team-content {
  padding-top: 37px;
  padding-left: 40px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-team-content {
    padding-left: 20px;
  }
}
.td-team-thumb {
  transition: all 0.4s ease;
    height: 205px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.td-team-thumb img {
  mix-blend-mode: luminosity;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.td-team-member-name {
  font-weight: 600;
  font-size: 22px;
  text-transform: capitalize;
}
.td-team-member-name a:hover {
  color: var(--theme-color);
}
.td-team-member-position {
  font-size: 15px;
  text-transform: capitalize;
  color: #767676;
}
.td-team-social {
  display: flex;
  flex-direction: column;
}
.td-team-social a {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
}
.td-team-social-wrap {
  position: absolute;
  bottom: 30px;
  left: 40px;
}
.td-team-social-wrap .list-wrap {
  display: none;
}
.td-team-social-wrap a {
  margin-bottom: 5px;
  border-radius: 100px;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  display: inline-block;
  background: var(--white-color);
  font-size: 22px;
  color: var(--theme-color);
}
.td-team-social-wrap a svg {
  transform: translateY(-2px);
}
.td-team-social-wrap a:hover {
  background: var(--theme-color);
  color: var(--white-color);
}
.td-team-bigtext {
  font-weight: 700;
  font-size: 120px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: #E9E9E9;
  -webkit-text-stroke-width: 2px;
  position: absolute;
  right: -15px;
  top: 659px;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(-180deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .td-team-bigtext {
    right: -50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .td-team-bigtext {
    display: none;
  }
}



/*NEW CSS*/
.main-header{
  position:relative;
  z-index:99;
  width:100%;
}

.main-header .main-box{
  position:relative;
  padding:0px 0px;
  left:0px;
  top:0px;
  width:100%;
  background:none;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-header .main-box .outer-container{
  position:relative;
  padding:0px 40px;
}

.main-header .main-box .logo-box{
  position:relative;
  float:left;
  left:0px;
  z-index:10;
  padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
  display:inline-block;
  max-width:100%;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;  
}

.main-header .header-upper{
  position:relative;
  background-color:#fbfbfb;
}

.main-header .header-upper .upper-right{
  position:relative;
  padding-top:22px;
}

.main-header .header-upper .inner-container{
  position:relative;
}

.main-header .header-upper .outer-container{
  position:relative;
  padding: 0px 60px;
}

.main-header .nav-outer{
  position:static;
  float:left;
  padding-left:120px;
}

.main-header .header-upper .logo-box{
  position: relative;
  padding:10px 0px;
}

.main-header .header-upper .logo-box .logo{
  position:relative;
}

.main-header .outer-box{
  position: absolute;
  right:60px;
  margin-left:20px;
  padding: 20px 0px;
}

/* Header Search Form */

.main-header .header-upper .outer-box .search-box{
  position:relative;
  float:left;
}

.main-header .header-upper .outer-box .search-box .form-group{
  position:relative;
  margin:0px;
  width:265px;
  max-width:100%;
}

.main-header .header-upper .outer-box .form-group input[type="text"],
.main-header .header-upper .outer-box .form-group input[type="search"]{
  position:relative;
  line-height:43px;
  padding:10px 15px 10px 45px;
  border:1px solid #43b97e;
  background:#fbfbfb;
  display:block;
  font-size:14px;
  height:50px;
  width:100%;
  color:#000000;
  border-radius:5px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-header .header-upper .outer-box .form-group button{
  position:absolute;
  left:0px;
  top:0px;
  height:50px;
  width:50px;
  display:block;
  font-size:16px;
  color:#43b97e;
  cursor:pointer;
  line-height:100%;
  background:none;
  font-weight:normal;
  text-align:center;
  border-radius:0px 5px 5px 0px;
}

.main-header .header-upper .outer-box .social-box{
  position:relative;
  float:left;
  margin-left:20px;
  padding:7px 0px;
}

.main-header .header-upper .outer-box .social-box li{
  position:relative;
  margin-left:4px;
  display:inline-block;
}

.main-header .header-upper .outer-box .social-box li a{
  position:relative;
  width:36px;
  height:36px;
  color:#ffffff;
  line-height:36px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  background-color:#43b97e;
}

.main-header .header-upper .outer-box .social-box li a::before{
  -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
  display:inline-block;
}

.main-header .header-upper .outer-box .social-box li a:hover::before{
  transform:rotateY(360deg);
}

.main-header .header-upper .outer-box .social-box li.instagram a{
  background-color:#e4405f;
}

.main-header .header-upper .outer-box .social-box li.facebook a{
  background-color:#3b5999;
}

.main-header .header-upper .outer-box .social-box li.twitter a{
  background-color:#55acee;
}

.main-header .header-upper .outer-box .social-box li.pinterest a{
  background-color:#bd081c;
}

/* Outer Box */

.main-header .cart-box{
  position:relative;
  
  color:#43b97e;
  font-size:16px;
  background:none;
  margin-top:12px;
  margin-left:20px;
  display:inline-block;
  margin-right: 0px;
  padding-left:25px;
  border-left:1px solid #d3d4df;
}

.main-header .cart-box .cart-box-btn{
  background:none;
  color:#43b97e;
  cursor: pointer;
  font-size: 24px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .cart-box .cart-box-btn:after{
  display:none;
}

.main-header .cart-box .cart-box-btn .total-cart{
  position:absolute;
  right: -8px;
  top: -8px;
  width:18px;
  height:18px;
  color:#ffffff;
  font-weight:700;
  font-size:10px;
  border-radius:50%;
  text-align:center;
  line-height:18px;
  background-color:#222222;
}

.main-header .cart-box .cart-box-btn:hover{
  
}

.main-header .cart-product{
  position:relative;
  margin-bottom:18px;
  min-height:90px;
  border-bottom:1px solid #e4e4e4;
}

.main-header .cart-product .inner{
  position:relative;
  padding-left:90px;
  min-height:70px;
}

.main-header .cart-product .inner .cross-icon{
  position:absolute;
  right:0px;
  top:-2px;
  z-index:1;
  color:#263120;
  font-size:16px;
  cursor:pointer;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-header .cart-product .inner .cross-icon:hover{
  color:#43b97e;
}

.main-header .cart-product .inner .image{
  position:absolute;
  width:70px;
  height:70px;
  left:0px;
  top:0px;
}

.main-header .cart-product .inner h3{
  position:relative;
  font-weight:600;
  font-size:15px;
  margin:0px;
  letter-spacing: 1px;
  text-transform:capitalize;
}

.main-header .cart-product .inner h3 a{
  color:#222222;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .cart-product .inner h3 a:hover{
  color:#43b97e;
}

.main-header .cart-product .inner .quantity-text{
  position:relative;
  font-weight:300;
  color:#666666;
  font-size: 13px;
  margin-bottom: 0px;
}

.main-header .cart-product .inner .price{
  position:relative;
  font-weight:700;
  font-size:16px;
  margin:0px;
  color:#222222;
}

.main-header .cart-box .cart-panel{
  left: auto !important;
  right: 0px !important;
  border-radius:20px;
  padding:20px 20px;
  min-width:300px;
  margin-top:62px;
  z-index: -1;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
  border:3px solid #43b97e;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .cart-box .cart-panel .cart-total{
  color:#000000;
  font-size:15px;
  font-weight:400;
  text-align:center;
  text-transform:capitalize;
}

.main-header .cart-box .cart-panel .cart-total span{
  font-weight:800;
  font-size:18px;
}

.main-header .cart-box .cart-panel .btns-boxed{
  position:relative;
  text-align:center;
  margin-top:20px;
}

.main-header .cart-box .cart-panel .btns-boxed li{
  position:relative;
  margin:0px 5px;
  display:inline-block;
}

.main-header .cart-box .cart-panel .btns-boxed li a{
  position:relative;
  color:#ffffff;
  font-weight:500;
  font-size:12px;
  padding:10px 20px 8px;
  border-radius: 2px;
  display:inline-block;
  background-color:#43b97e;
  border:1px solid #43b97e;
  text-transform:uppercase;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.main-header .cart-box .cart-panel .btns-boxed li a:hover{
  color:#43b97e;
  background:none;
}

.main-header .cart-box .icon a{
  color:#999999;
}

.main-header .btn-box{
  position:relative;
  float:left;
  margin-left:30px;
}

/* Header Lower */

.main-header .header-lower .search-box{
  float:right;
}

.main-header .header-lower .search-box .form-group{
  position:relative;
  margin:0px;
  top:-1px;
}

.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
  position:relative;
  line-height:28px;
  padding:10px 50px 10px 25px;
  background:none;
  display:block;
  font-size:14px;
  width:200px;
  height:74px;
  color:#222222;
  font-weight:400;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  background-color:#ffffff;
  border-radius:0px 50px 50px 0px;
}

.main-header .header-lower .search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:74px;
  width:45px;
  font-size:14px;
  color:#000048;
  line-height:100%;
  background:none;
  display:inline-block;
  font-weight:normal;
  text-align:left;
  cursor:pointer;
}

/* Main Menu */

.main-menu{
  position:static;
  float:left;
  padding:7px 0px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navbar-collapse{
  padding:0px;
  float: left;
  display:block !important;
}

.main-menu .navigation{
  position:static;
  margin:0px;;
}

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin-right:25px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px;
}

.sticky-header .main-menu .navigation > li > a{
  color:#444444 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
  color:#43b97e;
  background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
  margin-top:45px;
}

/* Header Style Two */

.header-style-two .main-menu{
  padding-left:150px;
}

.header-style-two .main-menu .navigation > li.has-mega-menu{
  float:left !important;
}

.header-style-two .main-menu .navigation > li.has-mega-menu > a{
  background:none;
  color:#43b97e;
}

.header-style-two .main-menu .navigation > li.has-mega-menu > a:before{
  display:none;
}

.header-style-two .main-menu .navigation > li.has-mega-menu > a span{
  border-bottom:1px solid #43b97e;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
  position:static;
}

.main-menu .navigation > li.has-mega-menu > a{
  color:#ffffff;
  padding-left:25px;
  padding-right:25px;
  text-transform:uppercase;
  background-color:#43b97e;
}

.main-menu .navigation > li.has-mega-menu > a:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  background:url(../images/icons/menu-bg.png) no-repeat;
  background-position:center center;
}

.main-menu .navigation > li.has-mega-menu > a span{
  position:relative;
  padding-bottom:6px;
}

.main-menu .navigation > li.has-mega-menu > a span > i{
  margin-left:4px;
  font-size:14px;
}

.main-menu .navigation > li.has-mega-menu > a span:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  height:2px;
  right:22px;
  opacity:0.30;
  background-color:#ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > .mega-menu{
  position:absolute;
  left:0px;
  right: 0;
  margin: auto;
  width:100%;
  max-width: 1170px;
  background-color: #ffffff;
    padding: 45px 40px 30px 45px;
    top: 100%;
  z-index:100;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
  position: relative;
  padding:35px 35px;
  box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

.main-menu .navigation > li > .mega-menu .upper-box .page-links-box{
  text-align:left;
}

.main-menu .navigation > li > .mega-menu .upper-box .page-links-box a{
  margin-right:12px;
  margin-left:0px;
  margin-bottom:18px;
}

.main-menu .navigation > li > .mega-menu .lower-box{
  position:relative;
  max-width:870px;
  width:100%;
  padding-top:30px;
  text-align:left;
  border-top:1px solid #e7e7e7;
}

.main-menu .navigation > li > .mega-menu .lower-box h3{
  position:relative;
  color:#000000;
  font-weight:700;
  line-height:1.3em;
  margin-bottom:18px;
}

.main-menu .navigation > li > .mega-menu .lower-box .text{
  position:relative;
  color:#06092d;
  font-size:16px;
  line-height:1.8em;
}

.main-menu .navigation > li > .mega-menu .lower-box .btn-box{
  position:absolute;
  right:0px;
  top:65px;
}

.main-menu .navigation > li > .mega-menu .lower-box .side-icon{
  position:absolute;
  right:-240px;
  bottom:-30px; 
}

/* Sticky Header */

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  padding:0px 0px;
  background:#ffffff;
  z-index:0;
  border-bottom:1px solid #e8f1f7;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header .logo{
  padding:6px 0px 6px;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; 
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  color:#06142d;
  text-align:center;
  line-height:30px;
  text-transform: capitalize;
  letter-spacing:0px;
  opacity:1;
  font-weight:500;
  padding:22px 0px;
  font-size:16px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  
}

.sticky-header .main-menu .navigation > li{
  margin-left:30px;
  margin-right:0px;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
  
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:-30px;
  top:100%;
  width:230px;
  z-index:100;
  display:none;
  opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  padding:20px 15px;
  border-radius:10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
  max-height: 400px;
  overflow: auto
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 18px;
  line-height:24px;
  font-weight:600;
  font-size:15px;
  text-align:left;
  text-transform:capitalize;
  color:#7c7b7b;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a > .new-page{
  background-color:#ff4d8c;
  font-size:12px;
  font-weight:400;
  color:#ffffff;
  padding:1px 8px;
  margin-left:1px;
  display:inline-block;
  text-transform:uppercase;
}

.sticky-header .main-menu .navigation > li > a{
  padding:19px 0px;
  background:none;
}

.main-menu .navigation > li > ul > li > a:before{
  position:absolute;
  content:'//';
  left:10px;
  top:8px;
  opacity:0;
  color:#43b97e;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a::before{
  opacity:1;
}

.sticky-header .main-menu .navigation > li > a:before{
  display:none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color:#43b97e;
  padding-left:30px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:15px;
  top:13px;
  width:10px;
  height:20px;
  display:block;
  color:#253d4a;
  line-height:20px;
  font-size:16px;
  font-weight:normal;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#222222;
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:120%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
  padding:20px 12px;
  border-radius:10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:8px 18px;
  line-height:24px;
  font-weight:600;
  font-size:15px;
  color:#7c7b7b;
  padding-left:10px;
  text-align:left;
  text-transform:capitalize;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a > .new-page{
  background-color:#ff4d8c;
  font-size:12px;
  font-weight:400;
  color:#ffffff;
  padding:1px 8px;
  margin-left:1px;
  display:inline-block;
  text-transform:uppercase;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color:#43b97e;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
  position:absolute;
  content:'//';
  left:10px;
  top:4px;
  opacity:0;
  color:#43b97e;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a::before{
  opacity:1;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color:#43b97e;
  padding-left:30px;
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  left:0px;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:0;
  left:100%;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease; 
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right:10px;
  top:6px;
  width:30px;
  height:30px;
  text-align:center;
  color:#ffffff;
  line-height:28px;
  border:1px solid #ffffff;
  background-size:20px;
  cursor:pointer;
  z-index:5;
  display:none;
}

/* .main-header .header-lower .options-box{
  position:relative;
  float:right;
  padding:10px 15px 10px;
} */

.main-header .header-lower .options-box .option-inner:before{
  position:absolute;
  content:'';
  left:-10px;
  top:-10px;
  bottom:-10px;
  width:110%;
  background-color:#43b97e;
  border-radius:50px 50px 50px 50px;
}

.main-header .header-lower .options-box .option-inner{
  position:relative;
  padding-left:70px;
}

.main-header .header-lower .options-box .option-inner .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:#ffffff;
  font-size:50px;
  line-height:1em;
}

.main-header .header-lower .options-box .option-inner .number{
  position:relative;
}

.main-header .header-lower .options-box .option-inner .number span{
  position:relative;
  display:block;
  color:#ffffff;
  margin-bottom:3px;
  text-transform:uppercase;
}

.main-header .header-lower .options-box .option-inner .number a{
  position:relative;
  font-weight:800;
  font-size:22px;
  color:#ffffff;
}



.main-header.header-style-four .nav-outer{
  padding-left:85px;
}

.main-header.header-style-four .outer-box{
  position: absolute;
  right:0px; 
    top: 50%;
    transform: translateY(-50%);
}

.main-header.header-style-four .header-lower .outer-container {
    padding: 0px 100px;
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
}

.main-header.header-style-four .header-lower .inner-container{
  position:relative;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.main-header.header-style-four .header-lower .logo-box{
    position: relative;
    left: 0px;
    z-index: 12;
    margin: 5px 0px;
    background-color: var(--theme-color);
    padding: 05px;
    border-radius: 10px;
}
.main-header.header-style-four .header-lower .logo-box img{
  width: 100px;
}

.main-header.header-style-four .main-menu{
  padding:0px 0px;
}

.main-header.header-style-four .main-menu .navigation > li{
  margin-right:40px;
}

.main-header.header-style-four .main-menu .navigation > li:last-child{
  margin-right:0px;
}

.main-header.header-style-four .main-menu .navigation > li > a{
  font-size:24px;
  padding:5px 0px;
  font-family: var(--body-font);
}

.main-header.header-style-four .main-menu .navigation > li > ul > li > a,
.main-header.header-style-four .main-menu .navigation > li > ul > li > ul > li > a{
  font-size:16px;
  font-family: var(--body-font);
}

.main-header.header-style-four .main-menu .navigation > li > ul > li > a:before,
.main-header.header-style-four .main-menu .navigation > li > ul > li > ul > li > a:before{
  top:8px;
  font-size:14px;
}



.main-header.header-style-four .language-nav{
  position:relative;
  float:left;
  margin-top:15px;
}

.main-header.header-style-four .language-nav li{
  position:relative;
  margin-right:10px;
  display:inline-block;
}

.main-header.header-style-four .language-nav li a{
  position:relative;
  color:#0c0d24;
  font-size:18px;
  font-weight:400;
  text-transform:uppercase;
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  font-family: var(--body-font);
}

.main-header.header-style-four .language-nav li a:hover{
  color:#0c0d24;
}

.main-header.header-style-four .search-box-btn{
  position:relative;
  float:left;
  color:#101112;
  font-size:16px;
  padding:0px 14px;
  margin-left:10px;
  margin-top:15px;
  cursor:pointer;
  border-left:1px solid #e1e2e3;
  border-right:1px solid #e1e2e3;
}

.header-style-four.fixed-header{
  position:fixed !important;
  background-color:#ffffff;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

/* Login Box */

.main-header.header-style-four .login-box{
  position:relative;
  float:left;
  margin-left:25px;
  margin-top:-3px;
}

.main-header.header-style-four .login-box li{
  position:relative;
  display:inline-block;
}

.main-header.header-style-four .login-box li a{
  position:relative;
  color:#0c0d24;
  font-size:18px;
  font-weight:500;
  display:inline-block;
  font-family: var(--body-font);
}

.main-header.header-style-four .login-box li a{
  position:relative;
  color:#06082e;
  font-size:18px;
  margin-left:25px;
  padding:17px 36px;
  border-radius:50px;
  background-color:var(--theme-color);
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: var(--body-font);
}

.main-header.header-style-four .login-box li a:hover{
  color:#ffffff;
  background-color:var(--theme-color);
}

.main-header.header-style-four .login-box li a i,
.main-header.header-style-four .login-box li a span{
  font-weight:400;
  margin-right:8px;
  font-size:20px;
}

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 36px;
  line-height: 50px;
  cursor: pointer;
  color:#000000;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .nav-logo{
  position:relative;
  padding:20px 20px;
  text-align:left;  
}

.mobile-menu .nav-logo img{
  max-width:100px;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0,0,0,0.90);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease 500ms;
  -moz-transition:all 0.7s ease 500ms;
  -ms-transition:all 0.7s ease 500ms;
  -o-transition:all 0.7s ease 500ms;
  transition:all 0.7s ease 500ms;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 15px;
  top: 15px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
  opacity: 0.50;
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width:100%;
  border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
  border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  color: #404040;
  text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
  color:#000000;  
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:0px;
  top:0px;
  width:44px;
  height:44px;
  text-align:center;
  font-size:16px;
  line-height:44px;
  color:#404040;
  cursor:pointer;
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
  content:'';
  position:absolute;
  left:0px;
  top:10px;
  width:1px;
  height:24px;
  border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
  display: none;
}

.banner-section-six{
  position:relative;
  overflow:hidden;
}

.banner-section-six .slide:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  right:0px;
  height:50%;
  z-index:2;
  background: rgba(0,0,0,1);
  background: -webkit-linear-gradient(to bottom, #000000 0%, rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(to bottom, #000000 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, #000000 0%, rgba(255,255,255,0) 100%);
}

.banner-section-six .slide{
  position:relative;
  padding:63px 0px 150px;
  background-size:cover;
}

.banner-section-six .pattern-layer{
  position:absolute;
  left:0px;
  bottom:10px;
  right:0px;
  height:60px;
  z-index:10;
  display: none;
  background-repeat:repeat-x;
}

.banner-section-six .content-boxed{
  position:relative;
  z-index:3;
}

.banner-section-six .content-boxed .inner-column{
  position:relative;
  text-align:center;
}

.banner-section-six .content-boxed .title{
  position:relative;
  color:#ffffff;
  font-size:22px;
  z-index:1;
  margin-bottom:25px;
  display:inline-block;
  font-family: 'Glory', sans-serif;
}

.banner-section-six .content-boxed .inner-column h1{
  color:#ffffff;
  font-weight:700;
  line-height:1em;
  margin-bottom:60px;
  font-size:85px;
  z-index:1;
  font-family: 'Glory', sans-serif;
}

.banner-section-six .content-boxed .inner-column h1 span{
  position:relative;
}

.banner-section-six .content-boxed .inner-column h1 span::before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  right:0px;
  width:305px;
  height:17px;
  z-index:-1;
  background:url(../images/slider/line.png);
  background-repeat:no-repeat;
}

.banner-section-six .content-boxed .theme-btn{
  margin:0px 10px;
  display:inline-block;
}
.admission-section{
  position:relative;
  padding:100px 0px 70px;
}

.admission-section .color-circle{
  position:absolute;
  right:10%;
  top:10%;
  width:40px;
  height:40px;
  border-radius:50px;
  display:inline-block;
  background-color:#fff9ce;
}

.admission-section .pattern-layer-one{
  position:absolute;
  right:10%;
  top:65%;
  width:74px;
  height:59px;
  background-repeat:no-repeat;
}

.admission-section .image-column{
  position:relative;
  margin-bottom:30px;
}

.admission-section .image-column .inner-column{
  position:relative;
  height: 100%;
}

.admission-section .image-column .image{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  display:inline-block;
  height: 100%;
  img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.admission-section .image-column .image-two{
  position:absolute;
  right:0px;
  bottom:-40px;
  overflow:hidden;
  border-radius:10px;
  border:8px solid #ffffff;
    max-width: 300px;
    height: 300px;
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
}
@media(max-width:768px){
.admission-section .image-column .image-two{
  display: none;
}
}
.admission-section .content-column{
  position:relative;
  margin-bottom:30px;
}

.admission-section .content-column .inner-column{
  position:relative;
}

.admission-section .content-column .sec-title-three{
  margin-bottom:25px;
}

.admission-section .content-column .text{
  position:relative;
  color:#0c0d24;
  font-size:20px;
  line-height:1.7em;
  margin-bottom:40px;
  font-family: var(--heading-font);
}

.admission-section .content-column .feature-column{
  position:relative;
}

.admission-section .content-column .feature-column .feature-inner{
  position:relative;
  padding-left:70px;
  color:#0c0d24;
  font-size:16px;
}

.admission-section .content-column .feature-column .icon{
  position:absolute;
  left:0px;
  top:0px;
}

.admission-section .content-column .feature-column strong{
  position:relative;
  display:block;
  color:#0c0d24;
  font-size:24px;
  margin-bottom:6px;
  font-family: 'Glory', sans-serif;
}

.admission-section .content-column .button-box{
  margin-top:40px;
}

.courses-section-three{
  position:relative;
  padding:30px 0px 30px;
}

.feature-block-six{
  position:relative;
  margin-bottom:30px;
}

.feature-block-six .inner-box{
  position:relative;
  overflow:hidden;
  text-align:center;
  border-radius:15px;
  padding:35px 15px 35px;
  box-shadow:0px 0px 15px rgba(0,0,0,0.10);
  background-color:#ffffff;
}

.feature-block-six .inner-box .overlay-box{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  display:block;
  z-index:1;
}

.feature-block-six .inner-box .icon{
  position:relative;
  width:100px;
  height:100px;
  color:#59c18c;
  margin:0 auto;
  font-size:52px;
  text-align:center;
  line-height:102px;
  border-radius:50%;
  margin-bottom:15px;
  background-color:#f1f9f4;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.feature-block-six .inner-box:hover .icon{
  transform:rotateY(180deg);
}

.feature-block-six .inner-box h4{
  color:#0c0d24;
  font-weight:600;
  margin-bottom:10px;
  font-family: 'Glory', sans-serif;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.feature-block-six .inner-box:hover h4{
  color:var(--theme-color);
}

.feature-block-six:nth-child(2) .inner-box .icon{
  background-color:#f9f5f1;
  color:#ff860f;
}

.feature-block-six:nth-child(3) .inner-box .icon{
  background-color:#fef3f6;
  color:#f8497a;
}

.feature-block-six:nth-child(4) .inner-box .icon{
  background-color:#f4f8ff;
  color:#4486ff;
}

.feature-block-six .inner-box .text{
  position:relative;
  color:#0c0d24;
  font-size:16px;
  line-height:1.7em;
}


.taxi_service{
  position:relative;
  margin-bottom:30px;
}

.taxi_service .inner-box{
  position:relative;
  padding:28px 25px;
  border-radius:10px;
  overflow:hidden;
  background-color:#fff;
}

.taxi_service .inner-box .image{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  height: 260px;
}

.taxi_service .inner-box .image img{
  position:relative;
  width:100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.taxi_service .inner-box .image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.30);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
}

.taxi_service .inner-box:hover .image::before{
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

.taxi_service .inner-box .lower-content{
  position:relative;
  padding-top:30px;
  padding-bottom:5px;
}

.taxi_service .inner-box .lower-content .category{
  position:relative;
  color:#ffffff;
  border-radius:5px;
  padding:4px 12px 3px;
  font-weight:500;
  display:inline-block;
  background-color:#f55353;
  font-family: 'Noto Sans TC', sans-serif;
}

.taxi_service .inner-box h3{
  margin-bottom:8px;
  margin-top:16px;
  font-weight:700;
  font-family: 'Glory', sans-serif;
}

.taxi_service .inner-box h3 a{
  color:#0c0d24;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.taxi_service .inner-box .text{
  color:#0c0d24;
  font-size:18px;
  font-weight:500;
  line-height:1.4em;
  margin-bottom:25px;
  font-family: 'Glory', sans-serif;
}

.taxi_service .inner-box .apply-here{
  color:#0c0d24;
  font-weight:700;
  font-size:20px;
  font-family: 'Glory', sans-serif;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.taxi_service .inner-box h3 a:hover{
  color: var(--theme-color);
}

.taxi_service .inner-box .apply-here:hover{
  color: var(--theme-color);
  text-decoration:underline;
}

.taxi_service .inner-box .price{
  position:absolute;
  right:30px;
  top:-35px;
  width:70px;
  height:70px;
  color:#ffffff;
  font-weight:500;
  line-height:70px;
  text-align:center;
  border-radius:50px;
  font-size:18px;
  display:inline-block;
  background-color: var(--theme-color);
  font-family: 'Glory', sans-serif;
}

.taxi_service:nth-child(2) .inner-box .lower-content .category{
  background-color:#fb8e62;
}

.taxi_service:nth-child(3) .inner-box .lower-content .category{
  background-color:#45cdd9;
}

.taxi_service:nth-child(5) .inner-box .lower-content .category{
  background-color:#fb8e62;
}

.taxi_service:nth-child(6) .inner-box .lower-content .category{
  background-color:#45cdd9;
}


.testimonial-section-five{
  position:relative;
  overflow:hidden;
  padding:35px 0;
  background-size:cover;
}

.testimonial-section-five .inner-container{
  position:relative;
}

.testimonial-section-five .pattern-layer-one{
  position:absolute;
  left:-190px;
  top:-170px;
  width:373px;
  height:335px;
  background-repeat:no-repeat;
}

.testimonial-section-five .pattern-layer-two{
  position:absolute;
  right:0px;
  top:100px;
  width:252px;
  height:196px;
  background-repeat:no-repeat;
}

.testimonial-section-five .pattern-layer-three{
  position:absolute;
  right:-150px;
  bottom:0px;
  width:373px;
  height:335px;
  background-repeat:no-repeat;
}

.testimonial-section-five .pattern-layer-four{
  position:absolute;
  left:0px;
  bottom:80px;
  width:277px;
  height:231px;
  background-repeat:no-repeat;
}

.testimonial-section-five .owl-dots{
  display:none;
}

.testimonial-section-five .owl-nav{
  position: relative;
  text-align:center;
  margin-top:30px;
}

.testimonial-section-five .owl-nav .owl-prev,
.testimonial-section-five .owl-nav .owl-next{
  position:relative;
  width:50px;
  height:50px;
  margin-right:15px;
  color:#ffffff;
  line-height:46px;
  text-align:center;
  border-radius:50%;
  display:inline-block;
  background-color:#e3e3e3;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
  background: #d1d1d1 !important;
}

.testimonial-section-five .owl-nav .owl-prev:hover,
.testimonial-section-five .owl-nav .owl-next:hover{
  color:#000000;
  background-color:#ffe111;
}

.testimonial-block-five{
  position:relative;
  margin-bottom:30px;
}

.testimonial-block-five .inner-box{
  position:relative;
  border-radius:6px;
  padding:50px 40px 60px;
  background-color:#ffffff;
}

.testimonial-block-five .inner-box .text{
  position:relative;
  color:#0c0d24;
  font-size:24px;
  line-height:1.5em;
  margin-bottom:35px;
}

.testimonial-block-five .inner-box .author-info{
  position:relative;
}

.testimonial-block-five .inner-box .author-info .info-inner{
  position:relative;
  padding-left:100px;
  padding-top:10px;
}

.testimonial-block-five .inner-box .author-info .info-inner .author-image{
  position:absolute;
  left:0px;
  top:0px;
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:50%;
  display:inline-block;
  img{
    height: 100%;
    object-fit: cover;
  }
}

.testimonial-block-five .inner-box .author-info h4{
  position:relative;
  color:#06092d;
  font-weight:600;
  line-height:1.3em;
  font-family: 'Glory', sans-serif;
}

.testimonial-block-five .inner-box .author-info .designation{
  position:relative;
  color:#0c0d24;
  font-weight:400;
  line-height:1.2em;
  margin-top:4px;
  opacity:0.80;
  font-size:16px;
}

.testimonial-block-five .inner-box .quote-icon{
  position:absolute;
  left:-5px;
  top:-5px;
  width:35px;
  height:35px;
  color:#ffffff;
  z-index:1;
  line-height:35px;
  font-size:16px;
  text-align:center;
  border-radius:50px;
  background-color:#43b97d;
}

.testimonial-block-five .inner-box .client-icon{
  position:absolute;
  right:20px;
  bottom:15px;
}

.faq-section{
  position:relative;
  padding-bottom:60px;
}

.faq-section .title-box{
  position:relative;
  margin-bottom:25px;
}

.faq-section .title-box h4{
  position:relative;
  color:#43b97e;
  font-weight:500;
  line-height:1.3em;
}

.faq-section .column{
  position:relative;
  margin-bottom:40px;
}

.accordion-box{
  position: relative;
}

.accordion-box .block{
  position: relative;
  margin-bottom:10px;
  border-radius:0px;
  border-bottom:2px solid #f1f3f2;
}

.accordion-box .block.active-block{
  background-color:#f8f8f1;
  border-color:#f8f8f1;
}

.accordion-box .block .acc-btn{
  position:static;
  font-size:16px;
  line-height:35px;
  color:#06142d;
  line-height:1.8em;
  font-weight:500;
  cursor:pointer;
  padding:14px 20px;
  padding-right: 25px;
  margin-bottom: 0px;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
  /* color: #1c17a0; */
  margin-bottom:0px;
}

.accordion-box .block .acc-btn.active .icon{
  
}

.accordion-box .block .icon{
  position:absolute;
  right: 0px;
  top:0px;
  bottom:0px;
  width: 40px;
  font-size: 20px;
  line-height: 60px;
  color: #666666;
  text-align: center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  border-radius:8px 8px 8px 0px;
}

.accordion-box .block .icon::before{
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon::before{
  transform:rotate(180deg);
  display:inline-block;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
}

.accordion-box .block .content{
  position:relative;
  padding: 10px 20px 30px 20px;
}

.accordion-box .block .acc-content.current{ 
  display: block;
}

.accordion-box .block .content .text{
  position:relative;
}

.accordion-box .block .content .text p{
  position:relative;
  color:#06142d;
  font-size:16px;
  line-height:1.7em;
  margin-bottom:15px;
}

.accordion-box .block .content .text p:last-child{
  margin-bottom:0px;
}

.footer-style-three{
  position:relative;
  padding: 30px 0 0;
}

.footer-style-three .icon-layer-one{
  position:absolute;
  left:5%;
  top:50%;
  width:62px;
  height:57px;
  background-repeat:no-repeat;
}

.footer-style-three .icon-layer-two{
  position:absolute;
  right:10%;
  top:15%;
  width:65px;
  height:61px;
  background-repeat:no-repeat;
}

.footer-style-three .icon-layer-three{
  position:absolute;
  right:8%;
  bottom:15%;
  width:58px;
  height:60px;
  background-repeat:no-repeat;
}

.footer-style-three .upper-box{
  position:relative;
  padding:90px 0px 60px;
}

.footer-style-three .upper-box .title-column{
  position:relative;
}

.footer-style-three .upper-box .title-column .inner-column{
  position:relative;
}

.footer-style-three .upper-box .title-column h2{
  font-weight:500;
  color:#0c0d24;
  font-size:43px;
  line-height:1.2em;
  font-family: 'Glory', sans-serif;
}

.footer-style-three .upper-box .title-column .text{
  position:relative;
  color:#5d5d66;
  font-size:20px;
  margin-top:10px;
  line-height:1.6em;
  font-family: 'Lato', sans-serif;
}

.footer-style-three .upper-box .button-column{
  position:relative;
}

.footer-style-three .upper-box .button-column .inner-column{
  position:relative;
  text-align:right;
  padding-right:100px;
}

.footer-style-three .widgets-section{
  position:relative;
  padding-bottom:40px;
}

.footer-style-three .footer-widget{
  position:relative;
  z-index:1;
  padding-left:15px;
  margin-bottom:30px;
}

.footer-style-three .footer-widget h4{
  color:#0c0d24;
  font-weight:600;
  font-size:24px;
  margin-bottom:15px;
  font-family: 'Glory', sans-serif;
}

.footer-style-three .logo-widget{
  position:relative;
}

.footer-style-three .logo-widget .logo{
  position:relative;
  margin-bottom:25px;
}

.footer-style-three .logo-widget .social-box{
  position:relative;
}

.footer-style-three .logo-widget .social-box li{
  position:relative;
  margin-right:6px;
  display:inline-block;
}

.footer-style-three .logo-widget .social-box li a{
  position:relative;
  color:#ffffff;
  font-size:18px;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50px;
  display:inline-block;
  background-color:#55acee;
}

.footer-style-three .logo-widget .social-box li a::before{
  -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
  display:inline-block;
}

.footer-style-three .logo-widget .social-box li a:hover::before{
  transform:rotateY(360deg);
}

.footer-style-three .logo-widget .social-box li.twitter a{
  background-color:#55acee;
}

.footer-style-three .logo-widget .social-box li.youtube a{
  background-color:#bd081c;
}

.footer-style-three .logo-widget .social-box li.facebook a{
  background-color:#4387de;
}

.footer-style-three .logo-widget .social-box li.dribbble a{
  background-color:#ea4c89;
}

.footer-style-three .contact-list{
  position:relative;
}

.footer-style-three .contact-list li{
  position:relative;
  font-size:16px;
  color:#0c0d24;
  line-height:1.5em;
  word-break: break-word;
  margin-bottom:15px;
}

.footer-style-three .contact-list li a{
  position:relative;
  color:var(--theme-color);
  font-size:18px;
  display:block;
  font-family: 'Lato', sans-serif;
  -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-style-three .contact-list li:first-child{
  font-size:20px;
  opacity:0.90;
}

.footer-style-three .contact-list li a:hover{
  color:#0c0d24;
}


.footer-style-three .link-list{
  position:relative;
}

.footer-style-three .link-list li{
  position:relative;
  margin-bottom:10px;
}

.footer-style-three .link-list li a{
  position:relative;
  color:#0c0d24;
  opacity:0.90;
  font-size:18px;
  -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-style-three .link-list li a:hover{
  color:#43b97d;
}

.footer-style-three .footer-bottom{
  position:relative;
  padding:8px 0px;
  border-top:1px solid #dee0e4;
}

.footer-style-three .footer-bottom .copyright{
  position:relative;
  color:#0c0d24;
  opacity:0.80;
  font-size:18px;
  text-align:center;
  font-family: 'Lato', sans-serif;
}

.footer-style-three .footer-bottom .copyright a{
  position:relative;
  color: var(--theme-color);
}
.footer-style-three.style-two{
  background-color:#090a12;
}

.footer-style-three.style-two .footer-widget h4,
.footer-style-three.style-two .contact-list li,
.footer-style-three.style-two .link-list li a,
.footer-style-three.style-two .footer-bottom .copyright,
.footer-style-three .contact-list li a:hover,
.footer-style-three.style-two .upper-box .title-column h2,
.footer-style-three.style-two .upper-box .title-column .text{
  color:#ffffff;
}

.footer-style-three.style-two .footer-bottom{
  border-color:rgba(255,255,255,0.15);
}

.footer-style-three .icon-layer-four{
  position:absolute;
  left:0px;
  bottom:50px;
  width:315px;
  height:187px;
  background-repeat:no-repeat;
}

.footer-style-three .icon-layer-five{
  position:absolute;
  right:0px;
  bottom:140px;
  width:285px;
  height:174px;
  background-repeat:no-repeat;
}
@media(max-width:550px){
  .btn-theme.style2{
    margin: 0 !important;
    margin-top: 10px !important;
  }
}
.vs-header {
  position: relative;
  z-index: 41;
}

.header-logo {
    max-width: 279px;
    height: auto;
    display: inline-flex
;
    align-items: center;
    z-index: 0;
    padding: 5px 20px 5px;
}

.will-sticky .sticky-active {
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  background-color: var(--white-color);
  transition: all ease 0.8s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
.will-sticky .sticky-active.active {
  padding: 0 15px;
  top: 0;
}
.will-sticky .sticky-active.active .menu-area {
  margin-bottom: 0;
}

.main-menu {
  text-align: left;
  padding-left: 110px;
}
.main-menu a {
  display: block;
  position: relative;
  font-family: var(--title-font);
  font-weight: 600;
  line-height: 160%;
  font-size: 16px;
  color: var(--title-color);
  text-transform: uppercase;
  /* Extra large devices */
}
@media (max-width: 1300px) {
  .main-menu a {
    font-size: 16px;
  }
}
.main-menu a:hover {
  color: var(--theme-color);
}
.main-menu > ul > li {
  margin: 0 16px;
}
.main-menu ul {
  margin: 0;
  padding: 0;
}
.main-menu ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
  content: "\f078";
  position: relative;
  font-family: 'Font Awesome 6 Free';
  margin-left: 5px;
  top: -0.8px;
  font-size: 0.8rem;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li:first-child {
  margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu,
.main-menu ul li:hover ul.mega-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  z-index: 9;
}
.main-menu ul.sub-menu li a.active {
  color: var(--theme-color);
}
.main-menu ul li.menu-item-has-children.active > a {
  color: var(--theme-color);
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
  position: absolute;
  text-align: left;
  top: 100%;
  left: 0;
  background-color: var(--white-color);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  visibility: hidden;
  min-width: 190px;
  width: max-content;
  padding: 7px;
  left: -14px;
  margin-top: 50px;
  opacity: 0;
  z-index: -1;
  border-bottom: 3px solid var(--theme-color);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);
  transform-origin: top center;
  transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a {
  font-size: 16px;
  line-height: 30px;
}
.main-menu ul.sub-menu {
  padding: 18px 20px;
  left: -27px;
  overflow: auto;
  max-height: 400px;
}
.main-menu ul.sub-menu:before {
  content: "";
  position: absolute;
  left: 34px;
  top: 32px;
  width: 1px;
  background-color: #d1d1d1;
  height: calc(100% - 65px);
}
.main-menu ul.sub-menu li {
  display: block;
  margin: 0 0;
  padding: 3px 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
  content: "\f105";
  float: right;
  top: 3px;
}
.main-menu ul.sub-menu li.menu-item-has-children.active > a {
  color: var(--theme-color);
}
.main-menu ul.sub-menu li.menu-item-has-children.menu-item-has-children.mega-menu-wrap.active > a {
  color: var(--white-color);
}
.main-menu ul.sub-menu li.menu-item-has-children.menu-item-has-children.mega-menu-wrap.active > a:hover {
  color: var(--theme-color);
}
.main-menu ul.sub-menu li.menu-item-has-children.menu-item-has-children.mega-menu-wrap.active .mega-menu li.active ul li.active a.active, .main-menu ul.sub-menu li.menu-item-has-children.menu-item-has-children.mega-menu-wrap.active .mega-menu li.active ul li.active a:hover {
  color: var(--theme-color);
  transform: translateX(10px);
}
.main-menu ul.sub-menu li.menu-item-has-children.menu-item-has-children.mega-menu-wrap.active .mega-menu li ul a:hover {
  color: var(--theme-color);
}
.main-menu ul.sub-menu li a {
  position: relative;
  padding-left: 21px;
}
.main-menu ul.sub-menu li a:before {
  content: "\f111";
  position: absolute;
  top: 3.3em;
  left: 0;
  font-family: 'Font Awesome 6 Free';
  width: 11px;
  height: 11px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 0.2em;
  line-height: 11.5px;
  color: var(--second-color);
  font-weight: 700;
  background-color: var(--white-color);
  box-shadow: inset 0px 2px 4px 0px rgba(12, 119, 53, 0.4);
}
.main-menu ul.sub-menu li ul.sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin: 0 0;
  margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
  left: 100%;
  right: auto;
}
.main-menu .mega-menu-wrap {
  position: static;
}
.main-menu ul.mega-menu {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  max-width: var(--main-container);
  padding: 20px 15px 23px 15px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu ul.mega-menu li {
  display: block;
  width: 100%;
  padding: 0 15px;
}
.main-menu ul.mega-menu li li {
  padding: 4px 0;
}
.main-menu ul.mega-menu li a {
  display: inline-block;
}
.main-menu ul.mega-menu li a.active {
  color: var(--theme-color);
}
.main-menu ul.mega-menu > li > a {
  display: block;
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: var(--title-color);
  border-color: var(--theme-color);
}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 1px;
  background-color: var(--theme-color);
}
.main-menu ul.mega-menu > li > a::after {
  width: calc(100% - 20px);
  left: 20px;
}
.main-menu ul.mega-menu > li > a:hover {
  padding-left: 0;
}

.menu-style1 > ul > li > a {
  padding: 41px 0;
}
.menu-style1 > ul > li > a.active {
  color: var(--title-color);
}
.menu-style1 > ul > li > a:hover {
  color: var(--theme-color);
}

.menu-style2 > ul > li > a {
  color: var(--white-color);
}
.menu-style2 > ul > li > a.active {
  color: var(--white-color) !important;
}
.menu-style2 > ul > li > a:hover {
  color: var(--theme-color) !important;
}

.main-menu > ul > li > a {
  padding: 22px 0;
}
.main-menu > ul > li > a.active {
  color: var(--theme-color);
}

.main-menu > ul > li.mega-menu-wrap > a {
  padding: 41px 0;
}

.header-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.header-links li {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: var(--white-color);
  font-family: var(--title-font);
  margin-right: 18px;
  padding-right: 20px;
  line-height: 165%;
  position: relative;
}
.header-links li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  width: 3px;
  height: 20px;
  background-color: #51757A;
  top: 50%;
  transform: translateY(-50%);
}
.header-links li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -4px;
  width: 2px;
  height: 12px;
  background-color: #51757A;
  top: 50%;
  transform: translateY(-50%);
}
.header-links li:last-child {
  margin-right: 0;
}
.header-links i {
  color: var(--theme-color);
  margin-right: 10px;
  font-weight: 700;
}
.header-links a {
  color: inherit;
}
.header-links a:hover {
  color: var(--theme-color);
}

.header-inner {
  display: inline-flex;
  align-items: center;
  height: auto;
  max-width: 100%;
}

.menu-style1 > ul > li.mega-menu-wrap > a {
  color: var(--title-color) !important;
}
.menu-style1 > ul > li.mega-menu-wrap > a:hover {
  color: var(--theme-color) !important;
}

.contact-content {
  padding: 0 35px 0 25px;
}
.contact-content .contact-text {
  color: var(--white-color);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: normal;
  position: relative;
}
.contact-content .contact-title {
  position: relative;
  margin-bottom: 0;
}
.contact-content .contact-title a {
  color: var(--white-color);
}
.contact-content .contact-title a:hover {
  color: var(--title-color);
}

.main-menu ul li.menu-item-has-children > a:after {
  display: none;
}

.header-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.header-icons .searchBoxTggler {
  color: var(--title-color);
  font-size: 18px;
  border: none;
  padding-left: 0;
  margin-right: 12px;
  padding-right: 20px;
  background-color: transparent;
  position: relative;
}
.header-icons .searchBoxTggler:hover {
  color: var(--theme-color);
}
.header-icons .searchBoxTggler i {
  font-weight: 700;
}
.header-icons .searchBoxTggler::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1.5px;
  height: 32px;
  background-color: #B4C4C6;
  top: 50%;
  transform: translateY(-50%);
}
.header-icons .searchBoxTggler::after {
  content: "";
  position: absolute;
  right: -3px;
  width: 1px;
  height: 22px;
  background-color: #B4C4C6;
  top: 50%;
  transform: translateY(-50%);
}
.header-icons .icon-btn {
  color: var(--white-color);
  margin-right: 20px;
  background-color: var(--theme-color);
  font-size: 20px;
}
.header-icons .icon-btn:hover {
  background-color: var(--title-color);
}

.vs-header .sticky-wrapper {
  background-color: var(--white-color);
}
.vs-header .sticky-wrapper.style2 {
  background-color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .header-icons {
  background-color: var(--title-color);
  border-right: 8px solid var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .header-icons .icon-btn {
  border: 3.5px solid var(--white-color);
  line-height: 63px;
}
.vs-header .sticky-wrapper.style2 .searchBoxTggler {
  color: var(--white-color);
}
.vs-header .sticky-wrapper.style2 .header-inner {
  background-color: var(--white-color);
  border-right: 7px solid var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .contact-text {
  color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .contact-title a {
  color: var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .contact-title a:hover {
  color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .header-logo::after {
  background-color: var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .header-logo::before {
  background-color: var(--white-color);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-logo::after {
  display: none;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-logo::before {
  display: none;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .menu-style2 > ul > li > a {
  color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .menu-style2 > ul > li > a.active {
  color: var(--title-color) !important;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .menu-style2 > ul > li > a:hover {
  color: var(--theme-color) !important;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-icons {
  background-color: unset;
  border-right: none;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-icons .searchBoxTggler i {
  color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-icons .icon-btn {
  border-color: var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-logo {
  height: 100%;
  max-width: 150px;
  padding: 15px 0;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-inner {
  background-color: var(--white-color);
  border: none;
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-inner .contact-content .contact-title a {
  color: var(--title-color);
}
.vs-header .sticky-wrapper.style2 .sticky-active.active .header-inner .contact-content .contact-title a:hover {
  color: var(--theme-color);
}
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::after {
  background-color: #456B71;
}
.vs-header .sticky-wrapper.style2 .header-icons .searchBoxTggler::before {
  background-color: #456B71;
}
.vs-header .will-sticky .sticky-active.active .menu-area {
  margin-bottom: 0;
}
.vs-header .header-top {
  padding: 0px 0;
  background-color: var(--title-color);
}
.vs-header .header-top.style2 {
  background: rgb(23, 167, 191);
  background: linear-gradient(270deg, #18A384 0%, rgb(16, 156, 61) 100%);
}
.vs-header .header-top.style2 .social-style1 a {
  background-color: #0D5A54;
}
.vs-header .header-top.style2 .social-style1 a:hover {
  color: var(--white-color);
  background-color: var(--title-color);
}
.vs-header .header-top.style2 .social-title::before {
  background-color: #61BFA3;
}
.vs-header .header-top.style2 .social-title::after {
  background-color: #61BFA3;
}
.vs-header .header-top.style2 .header-links::before {
  background-color: #10483A;
}
.vs-header .header-links {
  padding: 14px 40px;
  position: relative;
}
.vs-header .header-links::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--body-color);
  position: absolute;
  top: 0;
  left: 16px;
  transform: skewX(-30deg);
}
.vs-header .header-logo {
  position: relative;
}
.vs-header .header-logo img {
  position: relative;
  z-index: 1;
  width: 115px;
}
.vs-header .header-logo::after {
  content: "";
  position: absolute;
  top: 0%;
  right: -38%;
  height: 100%;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background-color: #54CE7B;
  transform: skewX(37deg);
}
.vs-header .header-logo::before {
  content: "";
  position: absolute;
  top: 0%;
  right: -35%;
  height: 100%;
  bottom: 0;
  width: 99999px;
  background-color: var(--theme-color);
  transform: skewX(33deg);
}
.vs-header.header-layout1 .header-inner {
  background-color: var(--theme-color);
  border-radius: 40px 0 0px 40px;
}
.vs-header.header-layout1 .header-icons {
  background-color: var(--white-color);
  border-radius: 0 56px 56px 0;
  height: 100%;
}
.vs-header.header-layout2 .header-top {
  background-color: #1C2438;
}
.vs-header.header-layout2 .header-links {
  margin-left: 350px;
}
.vs-header.header-layout2 .header-links::before {
  display: none;
}
.vs-header.header-layout2 .menu-style1 > ul > li > a {
  padding: 36px 0;
}
.vs-header.header-layout2 .header-inner {
  height: 99px;
}
.vs-header.header-layout2 .header-logo {
  height: 100%;
  z-index: auto;
}
.vs-header.header-layout2 .header-logo::before {
  top: -62px;
  right: -60%;
  height: 155px;
  background: linear-gradient(73deg, rgb(1, 157, 91) 99%, #0BA17F);
  border-bottom: 10px solid #68BF45;
}
.vs-header.header-layout2 .header-logo::after {
  top: unset;
  right: -69%;
  height: 99px;
  bottom: -14px;
  width: 30px;
  z-index: 1;
  background-color: var(--white-color);
  transform: skewX(33deg);
}
.vs-header.header-layout2 .header-logo .main-logo {
  transform: translateY(-35%);
  z-index: 1;
}
.vs-header.header-layout2 .main-menu {
  padding-left: 140px;
  z-index: 1;
  position: relative;
}
.vs-header.header-layout2 .contact-content {
  position: relative;
}
.vs-header.header-layout2 .contact-content::before {
  content: "";
  position: absolute;
  top: -25px;
  right: 0;
  height: 99px;
  bottom: 0;
  width: 115%;
  background-color: #079F5F;
  z-index: 0;
  border-right: 8px solid #5EBC47;
}
.vs-header.header-layout2 .header-icons .icon-btn {
  margin-right: 0;
  border: 3.5px solid var(--white-color);
}
.vs-header.header-layout2 .social-style1 a {
  border: 2.5px solid var(--theme-color);
  background-color: #5EBC47;
}
.vs-header.header-layout2 .social-style1 a:hover {
  color: var(--white-color);
  background-color: var(--theme-color);
}
.vs-header.header-layout2 .sticky-active.active .main-logo {
  transform: unset;
}
.vs-header.header-layout2 .header-links li {
  color: #CDCCD9;
}
.vs-header.header-layout2 .header-links li i {
  color: var(--title-color2);
}
.vs-header.header-layout2 .social-style1 .social-title {
  color: #CDCCD9;
}

@media (max-width: 1700px) {
  .vs-header.header-layout2 .contact-content {
    padding: 0 0 0 25px;
  }
  .vs-header.header-layout2 .contact-content::before {
    display: none;
  }
  .vs-header.header-layout2 .contact-content .contact-text {
    color: var(--title-color2);
  }
  .vs-header.header-layout2 .contact-content .contact-title a {
    color: var(--title-color);
  }
  .vs-header.header-layout2 .contact-content .contact-title a:hover {
    color: var(--theme-color);
  }
  .vs-header.header-layout2 .header-icons .icon-btn {
    border-color: var(--title-color2);
  }
  .vs-header.header-layout1 .header-icons .icon-btn {
    margin-right: 0;
  }
  .vs-header.header-layout1 .header-inner {
    background-color: var(--white-color);
  }
  .vs-header.header-layout1 .header-inner .contact-content {
    padding: 0 0 0 10px;
  }
  .vs-header.header-layout1 .header-inner .contact-content::before {
    display: none;
  }
  .vs-header.header-layout1 .header-inner .contact-content .contact-text {
    color: var(--title-color2);
  }
  .vs-header.header-layout1 .header-inner .contact-content .contact-title a {
    color: var(--title-color);
  }
  .vs-header.header-layout1 .header-inner .contact-content .contact-title a:hover {
    color: var(--theme-color);
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-icons {
    border-radius: unset;
    border-right: none;
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-icons .icon-btn {
    margin-right: 0;
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner {
    background-color: var(--title-color);
    border-right: none;
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner .contact-content {
    padding: 0 0 0 25px;
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner .contact-content::before {
    display: none;
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner .contact-content .contact-text {
    color: var(--title-color2);
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner .contact-content .contact-title a {
    color: var(--white-color);
  }
  .vs-header.header-layout1 .sticky-wrapper.style2 .header-inner .contact-content .contact-title a:hover {
    color: var(--theme-color);
  }
}
@media (max-width: 1600px) {
  .vs-header .header-top {
    padding: 0 30px;
  }
  .vs-header .sticky-wrapper {
    padding: 0 30px;
  }
}
/* Extra large devices */
@media (max-width: 1500px) {
  .main-menu {
    text-align: right;
  }
}
@media (max-width: 1399px) {
  .main-menu {
    text-align: right;
  }
  .vs-header .header-links {
    margin-left: 0;
  }
  .vs-header .main-menu {
    padding-left: 0px;
    font-size: 13px;
    text-transform: capitalize;
  }
  .vs-header .main-menu > ul > li {
    margin: 0 8px;
  }
  .vs-header.header-layout2 .header-logo .main-logo {
    transform: translateY(5%);
  }
  .vs-header.header-layout2 .header-logo .main-logo .main-logo1 {
    display: none;
  }
  .vs-header.header-layout2 .header-logo .main-logo .main-logo2 {
    display: block;
  }
  .vs-header.header-layout2 .header-logo::before {
    display: none;
  }
  .vs-header.header-layout2 .header-logo::after {
    display: none;
  }
  .vs-header.header-layout2 .header-links {
    margin-left: 0;
    padding-left: 0;
  }
  .vs-header.header-layout2 .main-menu {
    padding-left: 0px;
  }
}
/* Large devices */
@media (max-width: 1199px) {
  .main-menu > ul > li {
    margin: 0 10px;
  }
  .header-icons .searchBoxTggler {
    display: none;
  }
  .vs-header .header-logo::before {
    right: -15%;
  }
  .vs-header .header-logo::after {
    right: -17%;
  }
  .vs-header .contact-content {
    display: none;
  }
  .vs-header.header-layout2 .icon-btn {
    line-height: 50px !important;
  }
  .vs-header .icon-btn {
    width: 55px;
    height: 55px;
  }
  .vs-header.header-layout1 .icon-btn {
    line-height: 57px !important;
  }
  .vs-header.header-layout1.style2 .icon-btn {
    line-height: 50px !important;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .header-layout1 .header-top {
    padding: 10px 30px;
  }
  .header-layout1 .header-links {
    margin-left: 0;
    padding: 0;
  }
  .header-layout1 .header-links li {
    margin: 0;
    padding: 0;
  }
  .header-layout1 .header-links li::after {
    display: none;
  }
  .header-layout1 .header-links li::before {
    display: none;
  }
  .header-layout1 .header-links::before {
    display: none;
  }
  .header-layout1.style2 .header-links i {
    color: var(--white-color);
  }
  .vs-header .header-links {
    padding: 0;
  }
  .vs-header .header-links li {
    margin: 0;
    padding: 0;
  }
  .vs-header .header-links li::after {
    display: none;
  }
  .vs-header .header-links li::before {
    display: none;
  }
  .vs-header .header-links::before {
    display: none;
  }
  .header-layout2 .header-top {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .header-logo {
    max-width: 150px;
    padding: 3px 50px 3px 0;
  }
  .vs-header.header-layout2 .header-logo .main-logo {
    transform: unset;
  }
  .vs-header .header-top {
    padding: 8px 0;
  }
  .vs-header .sticky-wrapper {
    padding: 0 0;
  }
}
.social-style1 {
  display: inline-flex;
  align-items: center;
}
.social-style1 .social-title {
  display: inline-block;
  font-size: 15px;
  font-family: var(--title-font);
  color: var(--white-color);
  position: relative;
  margin-right: 15px;
  padding-right: 14px;
  line-height: 165%;
  font-weight: 600;
}
.social-style1 .social-title::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1.5px;
  height: 22px;
  background-color: #51757A;
  top: 50%;
  transform: translateY(-50%);
}
.social-style1 .social-title::after {
  content: "";
  position: absolute;
  right: -2px;
  width: 1px;
  height: 14px;
  background-color: #51757A;
  top: 50%;
  transform: translateY(-50%);
}
.social-style1 a {
  color: var(--white-color);
  font-size: 14px;
  margin-right: 6px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background-color: var(--theme-color);
}
.social-style1 a:last-child {
  margin-right: 0;
}
.social-style1 a:hover {
  color: var(--theme-color);
  background-color: var(--white-color);
}


@keyframes waves {
    0% {
        transform: scale(0.2, 0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: scale(0.9, 0.9);
        opacity: 0;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .section-title-two .title h2 {
        font-size: 35px;
        line-height: 43px;
    }
}

@media (max-width: 1399px) {
    .section-title-two .title h2 {
        font-size: 40px;
        line-height: 50px;
    }
}


.vs-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
  opacity: 0;
  visibility: hidden;
}
.vs-menu-wrapper .mobile-logo {
  padding-bottom: 0;
  padding-top: 40px;
  display: block;
  text-align: center;
  background-color: var(--white-color);
}
.vs-menu-wrapper .mobile-logo img{
    background-color: var(--theme-color);
    padding: 10px;
    border-radius: 10px;
}
.vs-menu-wrapper .mobile-logo svg {
  max-width: 185px;
}
.vs-menu-wrapper .vs-menu-toggle {
  border: none;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  line-height: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  z-index: 1;
  color: var(--white-color);
  background-color: var(--theme-color);
  border-radius: 50%;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
  background-color: var(--second-color);
  color: var(--white-color);
}
.vs-menu-wrapper .vs-menu-area {
  width: 100%;
  max-width: 310px;
  background-color: var(--white-color);
  border-right: 3px solid var(--theme-color);
  height: 100%;
  position: relative;
  left: -110%;
  opacity: 0;
  visibility: hidden;
  transition: all ease 1s;
  z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
  opacity: 1;
  visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.vs-mobile-menu {
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
  padding-bottom: 40px;
  margin-top: 33px;
  text-align: left;
}
.vs-mobile-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(242, 0, 58, 0.2);
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar {
  width: 6px;
  background-color: #000;
}
.vs-mobile-menu::-webkit-scrollbar-thumb {
  background-color: var(--theme-color);
}
.vs-mobile-menu ul {
  margin: 0;
  padding: 0 0;
}
.vs-mobile-menu ul li {
  border-bottom: 1px solid var(--border-color);
  list-style-type: none;
  display: block;
}
.vs-mobile-menu ul li li:first-child {
  border-top: 1px solid var(--border-color);
}
.vs-mobile-menu ul li a {
  display: block;
  position: relative;
  padding: 12px 0;
  line-height: 1;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--title-color);
  font-weight: 700;
}
.vs-mobile-menu ul li a:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: relative;
  left: 0;
  top: 0;
  margin-right: 10px;
  display: inline-block;
}
.vs-mobile-menu ul li.vs-active > a {
  color: var(--theme-color);
}
.vs-mobile-menu ul li.vs-active > a:before {
  transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
  padding-left: 20px;
}
.vs-mobile-menu ul li ul li:last-child {
  border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 900;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-top: -12.5px;
  display: inline-block;
  text-align: center;
  background-color: var(--smoke-color);
  color: var(--title-color);
  box-shadow: 0 0 20px -8px rgba(242, 0, 58, 0.5);
  border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
  content: "\f067";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
  content: "\f068";
}
.vs-mobile-menu > ul {
  padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
  border-bottom: none;
}

.vs-menu-toggle {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 24px;
  border: none;
  background-color: var(--theme-color);
  color: var(--white-color);
  display: inline-block;
  border-radius: 0;
}
.vs-menu-toggle:hover {
  background-color: var(--title-color);
}
.vs-menu-toggle.style-text, .vs-menu-toggle.style-text-white {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--title-color);
  font-size: 20px;
}
.vs-menu-toggle.style-text i, .vs-menu-toggle.style-text-white i {
  margin-right: 10px;
}
.vs-menu-toggle.style-text-white {
  color: var(--white-color);
}

@media (max-width: 400px) {
  .vs-menu-wrapper .vs-menu-area {
    width: 100%;
    max-width: 270px;
  }
  .vs-mobile-menu > ul {
    padding: 0 20px;
  }
}
@media(max-width:990px){
  .nav-outer .mobile-nav-toggler{
    display: flex;
    align-items: center;
    justify-content: center;
  }
}