@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {

  --tg-body-font-family: 'Inter', serif;

  --tg-heading-font-family: 'Inter', serif;

  --tg-icon-font-family: "Font Awesome 5 Free";

  --tg-body-font-size: 16px;

  --tg-body-line-height: 1.6;

  --tg-heading-line-height: 1.2;

  --tg-body-color: #404248;

  --tg-heading-color: #131415;

  --tg-theme-primary: #2A862E;

  --tg-theme-primary-2: #2A862E;

  --tg-theme-primary-3: #2A862E;

  --tg-theme-secondary: #2A862E;

  --tg-color-blue-default: #644DC5;

  --tg-color-dark-blue: #0E104B;

  --tg-color-yellow-default: #FFD247;

  --tg-color-yellow-light: #f8f7d7;

  --tg-color-white-default: #ffffff;

  --tg-color-lavender-default: #eeebff;

  --tg-color-anti-flash-default: #f1f1f1;

  --tg-color-anti-flash-2: #f4eaf4;

  --tg-color-alice-blue-default: #ecf5ff;

  --tg-color-green-default: #0FB04B;

  --tg-color-dark-green: #003313;

  --tg-color-gray-1: #b1b5bf;

  --tg-color-gray-2: #E8E8E8;

  --tg-color-gray-3: #F5F7F9;

  --tg-color-gray-4: #767982;

  --tg-color-gray-5: #B1B5BF;

  --tg-color-gray-6: #F0F1F3;

  --tg-color-gray-7: #494C55;

  --tg-color-gray-8: #F0F2F6;

  --tg-color-gray-9: #F3F1FF;

  --tg-color-gray-10: #F7F7F7;

  --tg-color-dark: #0A0B0F;

  --tg-color-dark-2: #242424;

  --tg-color-dark-3: #1F2122;

  --tg-color-dark-4: #06070A;

  --tg-color-dark-5: #1B1C1D;

  --tg-border-1: #f0f0f0;

  --tg-border-2: #d9dfe5;

  --tg-border-3: #343641;

  --tg-border-4: #EEF2F6;

  --tg-border-5: #E1E6F0;

  --tg-fw-extra-bold: 800;

  --tg-fw-bold: 700;

  --tg-fw-semi-bold: 600;

  --tg-fw-medium: 500;

  --tg-fw-regular: 400;

  --tg-fw-light: 300;

}



/*=============================

  Typography css start

===============================*/

body {

  font-family: var(--tg-body-font-family);

  font-size: var(--tg-body-font-size);

  font-weight: var(--tg-fw-regular);

  color: var(--tg-body-color);

  line-height: var(--tg-body-line-height);

}



img,

.img {

  max-width: 100%;

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

}



a,

button {

  color: var(--tg-theme-primary);

  outline: none;

  text-decoration: none;

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

}



a:focus,

.btn:focus,

.button:focus {

  text-decoration: none;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}



a:hover,

button:hover {

  color: var(--tg-theme-primary);

  text-decoration: none;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

  outline: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--tg-heading-font-family);

  color: var(--tg-heading-color);

  margin-top: 0px;

  font-weight: var(--tg-fw-semi-bold);

  line-height: var(--tg-heading-line-height);

  text-transform: unset;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 2.5rem;

}



h2 {

  font-size: 2rem;

}



h3 {

  font-size: 1.75rem;

}



h4 {

  font-size: 1.5rem;

}



h5 {

  font-size: 1.25rem;

}



h6 {

  font-size: 1rem;

}



.list-wrap {

  margin: 0px;

  padding: 0px;

}

.list-wrap li {

  list-style: none;

}



p {

  font-family: var(--tg-body-font-family);

  line-height: var(--tg-body-line-height);

  font-weight: var(--tg-fw-regular);

  margin-bottom: 15px;

}



hr {

  border-bottom: 1px solid var(--tg-common-color-gray);

  border-top: 0 none;

  margin: 30px 0;

  padding: 0;

}



label {

  color: var(--tg-heading-color);

  cursor: pointer;

  font-size: var(--tg-body-font-size);

  font-weight: var(--tg-fw-regular);

}



input[type=color] {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: none;

  border: 0;

  cursor: pointer;

  height: 100%;

  width: 100%;

  padding: 0;

  border-radius: 50%;

}



*::-moz-selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



::-moz-selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



::selection {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  text-shadow: none;

}



/*=============================

    - Input Placeholder

===============================*/

input,

textarea {

  color: var(--tg-body-color);

}



*::-moz-placeholder {

  color: var(--tg-body-color);

  font-size: var(--tg-body-font-size);

  opacity: 1;

}



*::placeholder {

  color: var(--tg-body-color);

  font-size: var(--tg-body-font-size);

  opacity: 1;

}



/*=============================

    - Common Classes

===============================*/

.fix {

  overflow: hidden;

}



.clear {

  clear: both;

}



/*=============================

    - Bootstrap Custom

=============================*/

.container {

  padding-left: 15px;

  padding-right: 15px;

}



.row {

  --bs-gutter-x: 24px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



.gutter-y-24 {

  --bs-gutter-y: 24px;

}



.gutter-y-40 {

  --bs-gutter-y: 40px;

}



.gx-0 {

  --bs-gutter-x: 0;

}



.gutter-20 {

  --bs-gutter-x: 20px;

}



.gutter-30 {

  --bs-gutter-x: 30px;

}



.gutter-24 {

  --bs-gutter-x: 24px;

}



.container {

  max-width: 1350px;

}

@media (max-width: 1500px) {

  .container {

    max-width: 1320px;

  }

}

@media (max-width: 1199.98px) {

  .container {

    max-width: 960px;

  }

}

@media (max-width: 991.98px) {

  .container {

    max-width: 720px;

  }

}

@media (max-width: 767.98px) {

  .container {

    max-width: 100%;

  }

}

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

  .container {

    max-width: 540px;

  }

}



.custom-container {

  max-width: 1394px;

}

@media (max-width: 1800px) {

  .custom-container {

    max-width: 1394px;

  }

}

@media (max-width: 1500px) {

  .custom-container {

    max-width: 1360px;

  }

}

@media (max-width: 1199.98px) {

  .custom-container {

    max-width: 990px;

  }

}

@media (max-width: 991.98px) {

  .custom-container {

    max-width: 760px;

  }

}

@media (max-width: 767.98px) {

  .custom-container {

    max-width: 100%;

  }

}

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

  .custom-container {

    max-width: 540px;

  }

}



.include-bg {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



/*=============================

   Button style

===============================*/

.tg-button-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.tg-btn {

  user-select: none;

  -moz-user-select: none;

  background: var(--tg-theme-primary) none repeat scroll 0 0;

  color: var(--tg-color-white-default);

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  font-size: 16px;

  font-weight: var(--tg-fw-medium);

  font-family: var(--tg-heading-font-family);

  letter-spacing: 0;

  line-height: 1;

  margin-bottom: 0;

  padding: 12px 20px;

  text-align: center;

  text-transform: capitalize;

  touch-action: manipulation;

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

  vertical-align: middle;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  white-space: nowrap;

  overflow: hidden;

  position: relative;

  border: none;

  gap: 8px;

}

.tg-btn:hover, .tg-btn:focus-visible {

  background: var(--tg-color-green-default);

  color: var(--tg-color-white-default);

}



.tg-btn-two {

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  z-index: 1;

}

.tg-btn-two::before {

  content: "";

  position: absolute;

  left: 2px;

  right: 2px;

  top: 2px;

  bottom: 2px;

  background: var(--tg-theme-secondary);

  z-index: -1;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

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

}

.tg-btn-two:hover, .tg-btn-two:focus-visible {

  background: linear-gradient(180deg, rgb(131, 109, 228) 0%, rgb(78, 55, 178) 100%);

  color: var(--tg-color-white-default);

}

.tg-btn-two:hover::before, .tg-btn-two:focus-visible::before {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: var(--tg-color-blue-default);

}



.tg-btn-three {

  width: 100%;

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

  font-size: 14px;

  justify-content: space-between;

  padding: 12px 20px;

}

.tg-btn-three:hover {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}



.tg-btn-four {

  background: var(--tg-heading-color);

  min-width: 260px;

  justify-content: space-between;

  font-size: 14px;

}

.tg-btn-four:hover {

  background: var(--tg-color-dark-5);

}



.tg-btn-five {

  background: var(--tg-theme-primary-2);

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  -o-border-radius: 40px;

  -ms-border-radius: 40px;

  border-radius: 40px;

  font-size: 14px;

}

.tg-btn-five:hover {

  background: #007aff;

}



.tg-btn-six {

  background: linear-gradient(180deg, rgb(255, 125, 125) 100%, rgb(255, 0, 0) 100%);

}

.tg-btn-six::before {

  background: var(--tg-theme-primary-3);

}

.tg-btn-six:hover, .tg-btn-six:focus-visible {

  background: linear-gradient(180deg, rgb(255, 125, 125) 100%, rgb(255, 0, 0) 100%);

}

.tg-btn-six:hover::before, .tg-btn-six:focus-visible::before {

  background: var(--tg-theme-primary-3);

}



.tg-black-btn {

  background: var(--tg-heading-color);

}

.tg-black-btn:hover {

  background: var(--tg-theme-primary);

}



.tg-black-btn-two {

  background: var(--tg-heading-color);

  font-size: 14px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  padding: 13px 20px;

}

.tg-black-btn-two:hover {

  background: var(--tg-theme-secondary);

}



.tg-white-btn {

  background: var(--tg-color-white-default);

  color: var(--tg-theme-primary);

}

.tg-white-btn:hover {

  color: var(--tg-color-white-default);

  background: var(--tg-heading-color);

}



.tg-white-btn-two {

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

}



.tg-border-btn {

  border: 1px solid var(--tg-heading-color);

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

  padding: 13px 20px;

}

.tg-border-btn.active, .tg-border-btn:hover {

  border-color: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  background: var(--tg-theme-primary);

}



.tg-border-btn-two {

  border: 1px solid var(--tg-theme-primary);

  background: var(--tg-color-white-default);

  color: var(--tg-theme-primary);

}

.tg-border-btn-two:hover {

  border-color: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  background: var(--tg-theme-primary);

}



.tg-border-btn-three {

  border: 1px solid var(--tg-theme-secondary);

  background: var(--tg-color-white-default);

  color: var(--tg-theme-secondary);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  font-size: 14px;

  padding: 11px 18px;

}

.tg-border-btn-three:hover {

  border-color: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

  background: var(--tg-theme-secondary);

}



.tg-border-btn-four {

  border: 1px solid var(--tg-theme-primary-2);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  background: var(--tg-color-white-default);

  color: var(--tg-theme-primary-2);

}

.tg-border-btn-four:hover {

  background: var(--tg-theme-primary-2);

  border-color: var(--tg-theme-primary-2);

}



.tg-link-btn {

  display: inline-flex;

  align-items: center;

  font-weight: 500;

  color: var(--tg-heading-color);

  gap: 4px;

  position: relative;

}

.tg-link-btn::after, .tg-link-btn::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: var(--tg-heading-color);

  transition: all ease 0.4s;

}

.tg-link-btn::after {

  width: 0;

  left: 0;

  transition: all ease 0.8s;

}

.tg-link-btn .link-effect {

  position: relative;

  overflow: hidden;

  display: block;

  height: 22px;

  line-height: normal;

}

.tg-link-btn .link-effect .effect-1 {

  display: block;

  height: 100%;

  position: relative;

  top: 0%;

  transition: 0.3s;

}

.tg-link-btn:hover {

  color: var(--tg-heading-color);

}

.tg-link-btn:hover::before {

  width: 0;

}

.tg-link-btn:hover::after {

  width: 100%;

}

.tg-link-btn:hover .effect-1 {

  top: -100%;

}



.tg-link-btn-two {

  color: var(--tg-theme-secondary);

}

.tg-link-btn-two::after, .tg-link-btn-two::before {

  background: var(--tg-theme-secondary);

}



.tg-btn-group {

  display: flex;

  width: fit-content;

  overflow: hidden;

}

.tg-btn-group .tg-btn-circle {

  text-align: center;

  width: 48px;

  height: 48px;

  border-radius: 100%;

  display: flex;

  gap: 10px;

  align-items: center;

  justify-content: center;

  background: var(--tg-theme-primary-2);

  color: var(--tg-color-white-default);

}

.tg-btn-group > *:nth-child(1) {

  transform: scale3d(1, 1, 1);

  margin-inline-start: 0;

}

.tg-btn-group > *:nth-child(3) {

  transform: scale3d(0.5, 0.5, 1);

  margin-inline-end: -48px;

}

.tg-btn-group:hover > *:nth-child(1) {

  transform: scale3d(0.5, 0.5, 1);

  margin-inline-start: -48px;

}

.tg-btn-group:hover > *:nth-child(3) {

  transform: scale3d(1, 1, 1);

  margin-inline-end: 0;

}





/*=============================

    - Background color

===============================*/

.grey-bg {

  background: var(--tg-color-gray-4);

}



.grey-bg-two {

  background: var(--tg-color-gray-2);

}



.grey-bg-three {

  background: var(--tg-border-5);

}



.white-bg {

  background: var(--tg-color-white-default);

}



.black-bg {

  background: var(--tg-common-color-black);

}



/*=============================

    OffCanvas

===============================*/

.offCanvas-toggle {

  position: relative;

  margin-right: 40px;

  padding-right: 40px;

}

@media (max-width: 991.98px) {

  .offCanvas-toggle {

    margin-right: 25px;

    padding-right: 25px;

  }

}

@media (max-width: 767.98px) {

  .offCanvas-toggle {

    display: none;

  }

}

.offCanvas-toggle::before {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 60px;

  background: var(--tg-border-1);

}

.offCanvas-toggle .menu-tigger {

  color: var(--tg-heading-color);

}

.offCanvas-toggle .menu-tigger:hover {

  color: var(--tg-theme-primary);

}

.offCanvas-toggle-two {

  margin-right: 0;

  padding-right: 0;

  padding-left: 40px;

}

.offCanvas-toggle-two::before {

  right: auto;

  left: 0;

  height: 104px;

}



.offCanvas__info {

  background: var(--tg-color-white-default) none repeat scroll 0 0;

  height: 100%;

  padding: 30px;

  position: fixed;

  right: 0;

  top: 0;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  width: 340px;

  z-index: 999;

  overflow-y: scroll;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}

.offCanvas__info.active {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}

.offCanvas__info::-webkit-scrollbar {

  width: 0px;

}

.offCanvas__close-icon {

  margin-top: -16px;

  text-align: right;

}

.offCanvas__close-icon button {

  background: transparent;

  border: 0 none;

  color: var(--tg-theme-primary);

  cursor: pointer;

  font-size: 20px;

  padding: 0;

}

.offCanvas__logo img {

  max-height: 34px;

}

.offCanvas__side-info {

  border-top: 1px solid var(--tg-theme-primary);

  padding-top: 25px;

}

.offCanvas__side-info .contact-list h4 {

  color: var(--tg-heading-color);

  font-weight: 700;

  font-size: 18px;

}

.offCanvas__side-info .contact-list p {

  color: var(--tg-body-color);

  margin: 0;

  margin-bottom: 2px;

  line-height: 26px;

}

.offCanvas__social-icon a {

  color: var(--tg-theme-primary);

  display: inline-block;

  margin-right: 20px;

  text-align: center;

}

.offCanvas__social-icon a:hover {

  color: var(--tg-theme-secondary);

}

.offCanvas__overly {

  position: fixed;

  background: #000;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

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

}

.offCanvas__overly.active {

  opacity: 0.7;

  visibility: visible;

}



/*=========================

      Breadcrumb

===========================*/

.breadcrumb__area {

  position: relative;

  z-index: 1;

  padding: 150px 0 120px;

}

.breadcrumb__area.login {

  padding: 85px 0 85px;

}

.breadcrumb__area .shape {

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

}

@media (max-width: 991.98px) {

  .breadcrumb__area .shape {

    max-width: 320px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__area .shape {

    max-width: 280px;

  }

}

.breadcrumb__area-two {

  padding: 80px 0 32px;

}

@media (max-width: 767.98px) {

  .breadcrumb__area-two {

    padding: 60px 0 32px;

  }

}

.breadcrumb__area-three {

  padding: 80px 0 40px;

}

@media (max-width: 767.98px) {

  .breadcrumb__area-three {

    padding: 60px 0 40px;

  }

}

.breadcrumb__inner-wrap {

  padding: 0 56px;

}

@media (max-width: 1199.98px) {

  .breadcrumb__inner-wrap {

    padding: 0;

  }

}

.breadcrumb__inner-wrap .breadcrumb__content .title {

  text-align: left;

}

.breadcrumb__content {

  text-align: center;

}

.breadcrumb__content .breadcrumb {

  display: inline-flex;

  background: var(--tg-color-gray-8);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  padding: 8px 16px;

  gap: 8px;

  margin-bottom: 24px;

}

.breadcrumb__content .breadcrumb span {

  font-weight: 500;

  font-size: 12px;

  line-height: 1.2;

  color: var(--tg-heading-color);

}

.breadcrumb__content .breadcrumb span a {

  color: var(--tg-color-gray-4);

}

.breadcrumb__content .breadcrumb span a:hover {

  color: var(--tg-theme-secondary);

}

.breadcrumb__content .breadcrumb span.breadcrumb-separator {

  color: var(--tg-color-gray-4);

}

.breadcrumb__content .title {

  margin-bottom: 0;

  font-size: 40px;

}

@media (max-width: 1199.98px) {

  .breadcrumb__content .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .breadcrumb__content .title {

    font-size: 32px;

  }

}

.breadcrumb__menu {

  margin-top: 32px;

}

.breadcrumb__menu .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 8px;

}

.breadcrumb__menu .list-wrap li a {

  font-weight: 500;

  font-size: 14px;

  background: #F0F2F6;

  display: block;

  color: var(--tg-body-color);

  padding: 13px 20px;

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  -o-border-radius: 40px;

  -ms-border-radius: 40px;

  border-radius: 40px;

  line-height: 1;

  position: relative;

  z-index: 1;

}

.breadcrumb__menu .list-wrap li a:hover {

  background: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}

.breadcrumb__menu .list-wrap li a span {

  font-weight: 600;

  font-size: 12px;

  text-transform: uppercase;

  border: 1px solid #d9dfe5;

  border-radius: 4px;

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

  padding: 1px 5px;

}



/*=============================

    00. Scroll Top

===============================*/

.scroll__top {

  width: 45px;

  height: 45px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 0;

  position: fixed;

  bottom: -10%;

  right: 50px;

  font-size: 16px;

  border-radius: 5px 0px 0px 5px;

  z-index: 99;

  color: var(--tg-color-white-default);

  text-align: center;

  cursor: pointer;

  background: var(--tg-theme-primary);

  transition: 1s ease;

  border: none;

}

@media (max-width: 1199.98px) {

  .scroll__top {

    right: 25px;

    bottom: 25px;

  }

}

@media (max-width: 991.98px) {

  .scroll__top {

    right: 30px;

  }

}

@media (max-width: 767.98px) {

  .scroll__top {

    right: 15px;

    width: 35px;

    height: 35px;

    font-size: 14px;

  }

}

.scroll__top.open {

  bottom: 50px;

    right: 0px;

}

@media (max-width: 767.98px) {

  .scroll__top.open {

    bottom: 15px;

  }

}

.scroll__top::after {

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.scroll__top:hover {

  background: var(--tg-theme-secondary);

  border-color: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}



/*=============================

  00. Section Title

===============================*/

.section__title {

  position: relative;

}

.section__title .sub-title {

  font-weight: 500;

  font-size: 12px;

  border: 1px solid var(--tg-border-2);

  display: inline-block;

  padding: 8px 15px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  line-height: 1;

  margin-bottom: 16px;

}

.section__title .title {

  margin-bottom: 0;

  font-size: 40px;

}

@media (max-width: 1199.98px) {

  .section__title .title {

    font-size: 36px;

  }

}

@media (max-width: 767.98px) {

  .section__title .title {

    font-size: 32px;

  }

}

.section__title .title span {

  color: var(--tg-theme-primary);

}

.section__title .title .shape {

  width: 165px;

  height: auto;

}

.section__title .title .shape path {

  fill: none;

  stroke: #FC5C79;

  stroke-width: 2;

}

.section__title p {

  margin-bottom: 0;

  margin-top: 16px;

}

.section__title.white-title .title {

  color: var(--tg-color-white-default);

}

.section__title.white-title p {

  color: var(--tg-color-gray-5);

}

.section__title .white-content {

  color: var(--tg-color-white-default) !important;

}

.section__title-two .title span {

  text-decoration: underline;

  text-decoration-skip-ink: none;

  color: var(--tg-theme-secondary);

  font-style: italic;

}



@media (max-width: 991.98px) {

  .section__title.mb-70,

  .section__title.mb-60 {

    margin-bottom: 40px;

  }

}



.section-py-140 {

  padding: 80px 0;

}

@media (max-width: 991.98px) {

  .section-py-140 {

    padding: 70px 0;

  }

}

@media (max-width: 767.98px) {

  .section-py-140 {

    padding: 60px 0;

  }

}



.section-pt-140 {

  padding-top: 80px;

}

@media (max-width: 991.98px) {

  .section-pt-140 {

    padding-top: 70px;

  }

}

@media (max-width: 767.98px) {

  .section-pt-140 {

    padding-top: 60px;

  }

}



.section-pb-140 {

  padding-bottom: 80px;

}

@media (max-width: 991.98px) {

  .section-pb-140 {

    padding-bottom: 70px;

  }

}

@media (max-width: 767.98px) {

  .section-pb-140 {

    padding-bottom: 60px;

  }

}



.section-pb-110 {

  padding-bottom: 110px;

}

@media (max-width: 991.98px) {

  .section-pb-110 {

    padding-bottom: 90px;

  }

}

@media (max-width: 767.98px) {

  .section-pb-110 {

    padding-bottom: 70px;

  }

}



.section-py-120 {

  padding: 120px 0;

}

@media (max-width: 767.98px) {

  .section-py-120 {

    padding: 100px 0;

  }

}



.section-pt-120 {

  padding-top: 120px;

}

@media (max-width: 767.98px) {

  .section-pt-120 {

    padding-top: 100px;

  }

}



.section-pb-120 {

  padding-bottom: 120px;

}

@media (max-width: 767.98px) {

  .section-pb-120 {

    padding-bottom: 100px;

  }

}



.section-pb-90 {

  padding-bottom: 90px;

}

@media (max-width: 767.98px) {

  .section-pb-90 {

    padding-bottom: 70px;

  }

}



.section-pt-90 {

  padding-top: 90px;

}

@media (max-width: 767.98px) {

  .section-pt-90 {

    padding-top: 70px;

  }

}



.has-animation.active-animation .section__title .title .shape path {

  stroke-dasharray: 2000;

  stroke-dashoffset: 2000;

  animation: draw 10s ease forwards;

}



@keyframes draw {

  to {

    stroke-dashoffset: 0;

  }

}

/*=============================

      Mobile Menu

===============================*/

.tgmobile__search {

  padding: 0 20px 25px 25px;

}

.tgmobile__search form {

  position: relative;

}

.tgmobile__search input {

  display: block;

  width: 100%;

  border: none;

  padding: 10px 45px 10px 20px;

  font-size: 14px;

  height: 45px;

  background: var(--tg-color-gray-3);

  color: var(--tg-body-color);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

}

.tgmobile__search input::placeholder {

  font-size: 14px;

  color: var(--tg-color-gray-4);

}

.tgmobile__search button {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border: none;

  padding: 0;

  right: 20px;

  line-height: 1;

  background: transparent;

  color: var(--tg-color-gray-4);

}

.tgmobile__menu {

  position: fixed;

  right: 0;

  top: 0;

  width: 300px;

  padding-right: 30px;

  max-width: 100%;

  height: 100%;

  z-index: 99;

  border-radius: 0px;

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;

  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -webkit-transform: translateX(101%);

  -moz-transform: translateX(101%);

  -ms-transform: translateX(101%);

  -o-transform: translateX(101%);

  transform: translateX(101%);

}

.tgmobile__menu .navbar-collapse {

  display: block !important;

}

.tgmobile__menu .nav-logo {

  position: relative;

  padding: 30px 25px;

  text-align: left;

}

.tgmobile__menu .nav-logo img {

  width: 150px;

}

.tgmobile__menu .navigation {

  position: relative;

  display: block;

  width: 100%;

  float: none;

  margin: 0;

  padding: 0;

}

.tgmobile__menu .navigation li {

  position: relative;

  display: block;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.tgmobile__menu .navigation li.active > a {

  color: var(--tg-theme-primary);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {

  position: absolute;

  right: 20px;

  top: 6px;

  width: 32px;

  height: 32px;

  text-align: center;

  font-size: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--tg-heading-color);

  background: var(--tg-color-gray-3);

  cursor: pointer;

  border-radius: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 5;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn::after {

  content: "";

  position: absolute;

  right: -20px;

  top: -6px;

  width: 300px;

  height: 46px;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

  border-radius: 10px;

  width: 12px;

  height: 2px;

  background-color: var(--tg-heading-color);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(0);

  -ms-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

  border-radius: 10px;

  width: 2px;

  height: 12px;

  background-color: var(--tg-heading-color);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {

  background-color: var(--tg-theme-primary);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {

  background-color: var(--tg-color-white-default);

}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {

  display: none;

}

.tgmobile__menu .navigation li > a {

  position: relative;

  display: block;

  padding: 10px 60px 10px 25px;

  font-size: 15px;

  font-weight: 600;

  color: var(--tg-body-color);

  text-transform: capitalize;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: none;

}

.tgmobile__menu .navigation li > a::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  width: 2px;

  background: var(--tg-theme-primary);

  pointer-events: none;

}

.tgmobile__menu .navigation:last-child {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.tgmobile__menu .close-btn {

  position: absolute;

  right: 15px;

  top: 28px;

  line-height: 30px;

  width: 35px;

  text-align: center;

  font-size: 14px;

  color: var(--tg-theme-primary);

  cursor: pointer;

  padding: 8px;

  z-index: 10;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.tgmobile__menu .close-btn i[class^=flaticon-]:before {

  font-weight: var(--tg-fw-bold) !important;

}

.tgmobile__menu-backdrop {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  transition: all 700ms ease;

  -moz-transition: all 700ms ease;

  -webkit-transition: all 700ms ease;

  -ms-transition: all 700ms ease;

  -o-transition: all 700ms ease;

  opacity: 0;

  visibility: hidden;

  background: rgba(0, 0, 0, 0.5);

}

.tgmobile__menu .social-links ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  text-align: center;

  padding: 30px 20px 20px;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.tgmobile__menu .social-links ul li {

  position: relative;

  display: inline-block;

  margin: 0px 6px 10px;

}

.tgmobile__menu .social-links ul li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  position: relative;

  line-height: 32px;

  font-size: 16px;

  color: var(--tg-theme-secondary);

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

  border: 1px solid #efefef;

  border-radius: 5px;

}

.tgmobile__menu .social-links ul li a:hover {

  border-color: var(--tg-theme-primary);

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}

.tgmobile__menu .tgmenu__action {

  padding: 0 0;

  margin: 0 0;

}

.tgmobile__menu .tgmenu__action > ul {

  margin: 0 0;

  padding: 30px 20px 0;

  justify-content: center;

  gap: 0 15px;

}

.tgmobile__menu .tgmenu__action > ul li {

  margin: 0 0;

}

.tgmobile__menu .tgmenu__action > ul .header-btn {

  display: block;

}

.tgmobile__menu-box {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  max-height: 100%;

  overflow-y: auto;

  overflow-x: hidden;

  background: var(--tg-color-white-default);

  padding: 0px 0px;

  z-index: 5;

  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);

}

.tgmobile__menu-outer .mobile-nav-toggler {

  position: relative;

  float: right;

  font-size: 40px;

  line-height: 50px;

  cursor: pointer;

  display: none;

  color: var(--tg-color-white-default);

  margin-right: 30px;

  top: 15px;

}



.mobile-menu-visible {

  overflow: hidden;

}

.mobile-menu-visible .tgmobile__menu {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%);

}

.mobile-menu-visible .tgmobile__menu-backdrop {

  opacity: 1;

  visibility: visible;

}

.mobile-menu-visible .tgmobile__menu .close-btn {

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

}



.tgmobile__menu .tg-mega-menu-wrap-four,

.tgmobile__menu .tg-mega-menu-wrap-two,

.tgmobile__menu .tg-mega-menu-wrap {

  display: none;

  width: auto;

  padding: 25px 25px 25px;

  background: transparent;

  position: relative;

  opacity: 1 !important;

  visibility: visible;

  transition: 0s;

  box-shadow: none;

  border: none;

  transform: scale(1);

  transform-origin: unset;

  left: 0;

}



.tgmobile__menu .navigation li .tg-mega-menu-wrap-four li {

  border: none;

}



.tgmobile__menu .tg-mega-menu-wrap-four {

  padding: 0 25px 0;

}





/*=============================

  00. Search

===============================*/

.search__popup {

  padding-top: 70px;

  padding-bottom: 100px;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background: var(--tg-color-white-default);

  backdrop-filter: blur(10px);

  z-index: 99;

  -webkit-transform: translateY(calc(-100% - 80px));

  -moz-transform: translateY(calc(-100% - 80px));

  -ms-transform: translateY(calc(-100% - 80px));

  -o-transform: translateY(calc(-100% - 80px));

  transform: translateY(calc(-100% - 80px));

  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  transition-delay: 0.5s;

}

.search__popup.search-opened {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%);

  transition-delay: 0s;

  z-index: 99999999;

}

.search__popup.search-opened .search__input {

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

  opacity: 1;

  transition-delay: 0.3s;

}

.search__popup.search-opened .search__input::after {

  width: 100%;

  transition-delay: 0.5s;

}

.search__input {

  position: relative;

  height: 80px;

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

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

  transition-delay: 0.5s;

  opacity: 0;

}

.search__input::after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 0%;

  height: 1px;

  background-color: var(--tg-theme-primary);

  transition-delay: 0.3s;

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

}

.search__input input {

  width: 100%;

  height: 100%;

  background-color: transparent;

  border: 0;

  outline: 0;

  font-size: 24px;

  color: var(--tg-heading-color);

  border-bottom: 1px solid transparent;

  padding: 0;

  padding-right: 30px;

}

.search__input input::placeholder {

  font-size: 24px;

}

.search__input button {

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 18px;

  color: var(--tg-theme-primary);

  border: none;

  padding: 0 0;

  background: transparent;

}

.search__close {

  position: absolute;

  top: 10%;

  right: 2%;

  z-index: 2;

}

.search-close-btn {

  margin: 0;

  padding: 0;

  border: none;

  color: var(--tg-theme-primary);

  cursor: pointer;

  background: transparent;

}

.search-popup-overlay {

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 4;

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

  transition-delay: 0.5s;

  opacity: 0;

  visibility: hidden;

  background: #000d25;

}

.search-popup-overlay.search-popup-overlay-open {

  opacity: 0.55;

  visibility: visible;

  transition-delay: 0s;

}



.search-input-field ~ .search-focus-border {

  position: absolute;

  bottom: 0;

  left: auto;

  right: 0;

  width: 0;

  height: 1px;

  background-color: var(--tg-theme-primary);

  transition: all 0.5s;

}

.search-input-field:focus ~ .search-focus-border {

  width: 100%;

  left: 0;

  right: auto;

  transition: all 0.5s;

}



/*=============================

      02. Header

===============================*/

.transparent-header {

  position: absolute;

  left: 0;

  top: 0px;

  width: 100%;

  z-index: 9;

  height: auto;

}

@media (max-width: 767.98px) {

  .transparent-header {

    top: 0;

  }

}



.tg-header__top {

  padding: 10px 0px 0px 0px;

  position: relative;

  z-index: 1;

}

.tg-header__top.active {

  display: none;

}

.tg-header__top-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  gap: 5px 15px;

  flex-wrap: wrap;

}

.tg-header__top-content-left {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

}

.tg-header__top-content-left .icon {

  color: var(--tg-theme-primary);

}

.tg-header__top-content-left p {

  margin-bottom: 0;

  color: var(--tg-color-gray-7);

  font-size: 14px;

  font-weight: 600;

}

.tg-header__top-content-left p span {

  font-weight: 800;

  color: var(--tg-color-gray-7);

}

.tg-header__top-btn {

  background: var(--tg-color-dark-green);

  display: block;

  font-weight: 500;

  font-size: 12px;

  padding: 7px 9px;

  line-height: 1;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

    color: var(--tg-color-white-default);

}

.tg-header__top-btn:hover {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}

.tg-header__top-close {

  position: absolute;

  right: 32px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

  color: var(--tg-color-gray-1);

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

}

@media (max-width: 991.98px) {

    .tg-header__top-content {

        display: none;

    }

}

@media (max-width: 767.98px) {

    .tg-header__top-content {

        display: none;

    }

    ul.top-header li.header-dropdown-wrap.dropdown.notifications {

        display: none;

    }

}

.tg-header__top-close:hover {

  color: var(--tg-color-white-default);

}

.tg-header__area {

  position: relative;

  border-bottom: 1px solid var(--tg-color-gray-3);

}

@media (max-width: 991.98px) {

  .tg-header__area {

    padding: 20px 0;

  }

}

.tg-header__area .mobile-nav-toggler {

  position: relative;

  font-size: 30px;

  cursor: pointer;

  line-height: 1;

  color: var(--tg-theme-primary);

  display: none;

}

@media (max-width: 991.98px) {

  .tg-header__area .mobile-nav-toggler {

    display: block;

  }

}

.tg-header__area.sticky-menu {

  padding: 0 0;

}

@media (max-width: 991.98px) {

  .tg-header__area.sticky-menu {

    padding: 20px 0;

  }

}

.tg-header__area-two {

  border: none;

}

@media (max-width: 991.98px) {

  .tg-header__area-two {

    padding: 0;

  }

}

.tg-header__area-two .tgmenu__wrap {

  border-bottom: 1px solid var(--tg-border-3);

}

@media (max-width: 991.98px) {

  .tg-header__area-two .tgmenu__wrap {

    padding: 20px 0;

  }

}

.tg-header__area-two .tgmenu__navbar-wrap > ul > li a {

  color: var(--tg-color-gray-1);

}

.tg-header__area-two .tgmenu__navbar-wrap > ul > li:hover > a, .tg-header__area-two .tgmenu__navbar-wrap > ul > li.active > a {

  color: var(--tg-theme-secondary);

}

.tg-header__area-two .mobile-nav-toggler {

  color: var(--tg-theme-secondary);

}

@media (max-width: 991.98px) {

  .tg-header__area-two.sticky-menu {

    padding: 0 0;

  }

}

.tg-header__area-two.sticky-menu .tgmenu__wrap {

  border-bottom: none;

}

.tg-header__area-two.sticky-menu .tgmenu__navbar-wrap > ul > li a {

  color: var(--tg-body-color);

}

.tg-header__area-two.sticky-menu .tgmenu__navbar-wrap > ul > li:hover > a, .tg-header__area-two.sticky-menu .tgmenu__navbar-wrap > ul > li.active > a {

  color: var(--tg-theme-secondary);

}

.tg-header__area-two.sticky-menu .header-dropdown-wrap-two .dropdown-toggle {

  color: var(--tg-body-color);

}

.tg-header__area-three {

  border-bottom: 1px solid var(--tg-border-5);

}

.tg-header__area-three .tgmenu__navbar-wrap > ul > li:hover > a, .tg-header__area-three .tgmenu__navbar-wrap > ul > li.active > a {

  color: var(--tg-theme-secondary);

}

.tg-header__area-four {

  border: none;

  margin-top: 14px;

  padding: 0;

}

.tg-header__area-four .tgmenu__wrap {

  box-shadow: 0 20px 16px -12px rgba(0, 0, 0, 0.08);

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-border-5);

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -o-border-radius: 15px;

  -ms-border-radius: 15px;

  border-radius: 15px;

  padding: 0 24px;

}

@media (max-width: 991.98px) {

  .tg-header__area-four .tgmenu__wrap {

    padding: 20px 24px;

  }

}



.tg-header__area-four .tgmenu__navbar-wrap > ul > li.active > a, .tg-header__area-four .tgmenu__navbar-wrap > ul > li:hover > a {

  color: var(--tg-theme-primary-2);

}

.tg-header__area-four.sticky-menu {

  padding: 0;

}

.tg-header__area-four.sticky-menu .tgmenu__wrap {

  border: none;

  box-shadow: none;

}

@media (max-width: 991.98px) {

  .tg-header__area-four.sticky-menu .tgmenu__wrap {

    padding: 20px 0px;

    margin: 0px 0px;

  }

}

.tg-header__area-five {

  margin-top: 48px;

}

.tg-header__area-five .tgmenu__wrap {

  border: none;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

@media (max-width: 1500px) {

  .tg-header__area-five .tgmenu__wrap {

    margin: 0px 20px;

  }

}

@media (max-width: 991.98px) {

  .tg-header__area-five .tgmenu__wrap {

    padding: 20px 24px;

  }

}

.tg-header__area-five .tgmenu__navbar-wrap > ul {

  margin: 0 0 0 auto;

}

.tg-header__area-five .tgmenu__navbar-wrap > ul > li.active > a, .tg-header__area-five .tgmenu__navbar-wrap > ul > li:hover > a {

  color: var(--tg-theme-primary-3);

}

.tg-header__area-five.sticky-menu {

  padding: 0;

}

.tg-header__area-five.sticky-menu .tgmenu__wrap {

  border: none;

  box-shadow: none;

}

.tg-header__area-five .tgmenu__action > ul li.header-btn .tg-btn {

  background: var(--tg-heading-color);

}

.tg-header__area-five .tgmenu__action > ul li.header-btn .tg-btn:hover {

  background: var(--tg-theme-primary-3);

}

.tg-header__area-five .mobile-nav-toggler {

  color: var(--tg-theme-primary-3);

}



.tgmenu__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-start;

}

@media (max-width: 991.98px) {

  .tgmenu__nav {

    justify-content: space-between;

  }

}

.tgmenu__nav .logo img {

  max-height: 45px;

}

.tgmenu__navbar-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-grow: 1;

}

.tgmenu__navbar-wrap > ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding: 0;

  flex-direction: row;

  flex-wrap: wrap;

  margin: 0 auto;

}

.tgmenu__navbar-wrap > ul li {

  display: block;

  position: relative;

  list-style: none;

}

.tgmenu__navbar-wrap > ul li a {

  font-size: 14px;

  font-weight: var(--tg-fw-medium);

  text-transform: capitalize;

  color: var(--tg-body-color);

  font-family: var(--tg-heading-font-family);

  padding: 29px 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  line-height: 1;

  position: relative;

}

@media (max-width: 1500px) {

  .tgmenu__navbar-wrap > ul li a {

    padding: 29px 16px;

  }

}

.tgmenu__navbar-wrap > ul li .sub-menu {

  position: absolute;

  left: 0;

  top: 100%;

  min-width: 220px;

  border: 1px solid #f5f5f5;

  background: var(--tg-color-white-default);

  margin: 0;

  -webkit-transform: scale(1, 0);

  -moz-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  -o-transform: scale(1, 0);

  transform: scale(1, 0);

  transform-origin: 0 0;

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

  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);

  border-radius: 8px;

  padding: 20px 20px 8px 20px;

  display: block;

  visibility: hidden;

  opacity: 0;

  z-index: 9;

}

.tgmenu__navbar-wrap > ul li .sub-menu.sub-menu-right {

  right: 0;

  left: auto;

}

.tgmenu__navbar-wrap > ul li .sub-menu .sub-menu {

  right: auto;

  left: 100%;

  top: 0;

}

.tgmenu__navbar-wrap > ul li .sub-menu li {

  margin-left: 0;

  text-align: left;

  display: block;

  margin-bottom: 12px;

}

.tgmenu__navbar-wrap > ul li .sub-menu li a {

  padding: 10px 16px;

  display: block;

  color: var(--tg-heading-color);

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

  background: transparent;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

}

.tgmenu__navbar-wrap > ul li .sub-menu li:hover > a, .tgmenu__navbar-wrap > ul li .sub-menu li.active > a {

  color: var(--tg-theme-secondary);

  background: var(--tg-color-gray-3);

}

.tgmenu__navbar-wrap > ul li:hover > .sub-menu {

  opacity: 1;

  visibility: visible;

  transform: scale(1);

}

.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {

  color: var(--tg-theme-primary);

}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {

  display: none;

}



@media (max-width: 991.98px) {

  .tgmenu__action {

    margin: 0 24px 0 auto;

  }

}

@media (max-width: 767.98px) {

  .tgmenu__action {

    display: none;

  }

}

.tgmenu__action > ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 0px;

}

.tgmenu__action > ul li {

  position: relative;

  margin-left: 24px;

  flex: 0 0 auto;

}

ul.top-header {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 0px;

    margin: 0px;

    padding: 0px;

}

ul.top-header li {

  position: relative;

  margin-left: 24px;

  flex: 0 0 auto;

    list-style:none;

}

ul.top-header li.header-dropdown-wrap .dropdown-menu {

    left: auto !important;

    margin-top: 10px !important;

    width: 260px;

}

ul.top-header li.header-dropdown-wrap .dropdown-menu.language {

    max-height: 300px;

    overflow: scroll;

}

@media (max-width: 991.98px) {

  .tgmenu__action > ul li {

    margin-left: 20px;

  }

}

.tgmenu__action > ul li.header-btn .tg-btn {

  font-size: 14px;

  gap: 4px;

  padding: 12px 20px;

}

.tgmenu__action > ul li:first-child {

  margin-left: 0;

}

.tgmenu__action-three {

  margin-left: 16px;

}

@media (max-width: 991.98px) {

  .tgmenu__action-three {

    margin: 0 24px 0 auto;

  }

}



.sticky-menu {

  position: fixed;

  left: 0;

  margin: auto;

  top: 0;

  width: 100%;

  z-index: 99;

  background: var(--tg-color-white-default);

  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;

  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

  border-radius: 0;

}



#header-fixed-height.active-height {

  display: block;

  height: 90px;

}



.tg-mega-menu-wrap {

  position: absolute;

  left: 50%;

  top: 100%;

  width: 1320px;

  border-radius: 8px;

  padding: 78px 56px 125px;

  background: var(--tg-color-white-default);

  margin: 0 0;

  transform: scale(1, 0) translateX(-50%);

  transform-origin: 0 0;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  margin: 1px 0 auto;

  opacity: 0;

  visibility: hidden;

  z-index: 9;

  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);

}

@media (max-width: 1500px) {

  .tg-mega-menu-wrap {

    width: 1150px;

    padding: 25px 25px 10px;

  }

}

@media (max-width: 1199.98px) {

  .tg-mega-menu-wrap {

    width: 960px;

    padding: 30px 20px 0;

  }

}

@media (max-width: 1500px) {

  .tg-mega-menu-wrap .row {

    --bs-gutter-x: 15px;

  }

}

.tg-mega-menu-wrap-two {

  padding: 56px 56px;

  display: flex;

}

@media (max-width: 1199.98px) {

  .tg-mega-menu-wrap-two {

    padding: 30px 25px;

  }

}

.tg-mega-menu-wrap-three {

  width: 885px;

  padding: 56px 56px;

  display: flex;

}

.tg-mega-menu-wrap-four {

  width: 504px;

  display: flex;

  align-items: flex-start;

  padding: 56px 56px 44px;

  transform: scale(1, 0) translateX(-50%);

  left: 50%;

  justify-content: space-between;

}



.tg-mega-menu-wrap-four .mega-sub-menu {

  display: flex;

  flex-direction: column;

  width: 180px;

  padding: 0;

}

@media (max-width: 991.98px) {

  .tg-mega-menu-wrap-four .mega-sub-menu {

    width: 100%;

  }

}

.tg-mega-menu-wrap-four .mega-sub-menu li {

  margin-left: 0;

  text-align: left;

  display: block;

  margin-bottom: 12px;

}

.tg-mega-menu-wrap-four .mega-sub-menu li a {

  padding: 10px 16px;

  display: block;

  color: var(--tg-heading-color) !important;

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

  background: transparent;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  line-height: 1;

}

.tg-mega-menu-wrap-four .mega-sub-menu li:hover > a, .tg-mega-menu-wrap-four .mega-sub-menu li.active > a {

  color: var(--tg-theme-secondary) !important;

  background: var(--tg-color-gray-3);

}



.tg-mega-menu-has-children {

  position: static !important;

}

@media (max-width: 991.98px) {

  .tg-mega-menu-has-children {

    position: relative !important;

  }

}



.menu-item-has-children:hover .tg-mega-menu-wrap {

  opacity: 1;

  visibility: visible;

  transform: scale(1) translateX(-50%);

}

@media (max-width: 991.98px) {

  .menu-item-has-children:hover .tg-mega-menu-wrap {

    transform: scale(1) translateX(0%);

  }

}

.menu-item-has-children:hover .tg-mega-menu-wrap-four {

  opacity: 1;

  visibility: visible;

  transform: scale(1) translateX(-50%) !important;

}

@media (max-width: 991.98px) {

  .menu-item-has-children:hover .tg-mega-menu-wrap-four {

    transform: scale(1) translateX(0%) !important;

  }

}



.tg-mega-menu-left-side .row > *:nth-child(2) .icon {

  background: #F1F1F1;

  border-color: #DADADA;

}

.tg-mega-menu-left-side .row > *:nth-child(3) .icon {

  background: #E4EFFB;

  border-color: #CFDDEB;

}

.tg-mega-menu-left-side .row > *:nth-child(4) .icon {

  background: #F4EAF4;

  border-color: #E8D8E8;

}

.tg-mega-menu-left-side .row > *:nth-child(5) .icon {

  background: #DEF7EA;

  border-color: #C4E2D3;

}

.tg-mega-menu-left-side .row > *:nth-child(6) .icon {

  background: #FAF9D5;

  border-color: #E5E4C0;

}

.tg-mega-menu-right-side {

  width: 312px;

  flex: 0 0 auto;

  margin-left: 32px;

}

@media (max-width: 1199.98px) {

  .tg-mega-menu-right-side {

    width: 250px;

    margin-left: 20px;

  }

}

@media (max-width: 991.98px) {

  .tg-mega-menu-right-side {

    width: 100%;

    margin-left: 0;

    margin-top: 20px;

  }

}

.tg-mega-menu-right-side img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  margin-bottom: 24px;

}

.tg-mega-menu-right-side .title {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 0;

}

@media (max-width: 991.98px) {

  .tg-mega-menu-right-side .title {

    font-size: 18px;

  }

}

.tg-mega-menu-right-side .title span {

  color: var(--tg-theme-secondary);

  font-weight: 700;

}

.tg-mega-menu-right-side-two {

  width: 306px;

  flex: 0 0 auto;

  margin-left: 32px;

}

@media (max-width: 991.98px) {

  .tg-mega-menu-right-side-two {

    display: none;

  }

}



.mega-menu-title {

  margin-bottom: 40px;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 500;

  color: var(--tg-body-color);

}

@media (max-width: 1199.98px) {

  .mega-menu-title {

    margin-bottom: 20px;

  }

}

.mega-menu-title-two {

  margin-bottom: 24px;

}

.mega-menu-item {

  margin-bottom: 25px;

}

.mega-menu-item .mega-menu-thumb a {

  padding: 0 !important;

}

.mega-menu-item .mega-menu-thumb a img {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  border: 1px solid var(--tg-color-gray-2);

  width: 100%;

}

.mega-menu-item:hover .mega-menu-thumb a img {

  transform: translateY(-3px);

}

.mega-menu-item-two a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start !important;

  gap: 24px;

  padding: 16px 16px !important;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

@media (max-width: 1199.98px) {

  .mega-menu-item-two a {

    padding: 8px 10px !important;

    gap: 12px;

  }

}

@media (max-width: 991.98px) {

  .mega-menu-item-two a {

    padding: 0 !important;

    gap: 8px;

  }

}

.mega-menu-item-two a .icon {

  width: 48px;

  height: 48px;

  flex: 0 0 auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #E6E2FA;

  border: 1px solid #CEC9EA;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

@media (max-width: 991.98px) {

  .mega-menu-item-two a .icon {

    width: 32px;

    height: 32px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    border-radius: 4px;

  }

  .mega-menu-item-two a .icon img {

    max-width: 20px;

  }

}

.mega-menu-item-two a .content .title {

  margin-bottom: 12px;

  font-size: 18px;

  display: block;

  line-height: 1.2;

  color: var(--tg-heading-color);

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

  font-weight: 600;

}

@media (max-width: 1199.98px) {

  .mega-menu-item-two a .content .title {

    margin-bottom: 8px;

  }

}

@media (max-width: 991.98px) {

  .mega-menu-item-two a .content .title {

    margin-bottom: 6px;

    font-size: 16px;

  }

}

.mega-menu-item-two a .content span {

  font-size: 14px;

  line-height: 1.5;

  font-weight: 400;

  display: block;

  color: var(--tg-body-color);

}

@media (max-width: 991.98px) {

  .mega-menu-item-two a .content span {

    font-size: 13px;

  }

}

.mega-menu-item-two a:hover {

  background: var(--tg-color-gray-3);

}

@media (max-width: 991.98px) {

  .mega-menu-item-two a:hover {

    background: transparent;

  }

}

.mega-menu-item-two a:hover .content .title {

  color: var(--tg-theme-secondary);

}

.mega-menu-item-two.active a {

  background: var(--tg-color-gray-3);

}

@media (max-width: 991.98px) {

  .mega-menu-item-two.active a {

    background: transparent;

  }

}

.mega-menu-item-two.active a .content .title {

  color: var(--tg-theme-secondary);

}

.mega-menu-item-three {

  margin-bottom: 16px;

}

.mega-menu-item-three:last-child {

  margin-bottom: 0;

}

.mega-menu-item-three a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 24px;

  padding: 24px 24px !important;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

@media (max-width: 991.98px) {

  .mega-menu-item-three a {

    padding: 0px 0px !important;

    gap: 10px;

  }

}

.mega-menu-item-three a .icon {

  width: 40px;

  flex: 0 0 auto;

  background: none;

  border: none;

  height: auto;

}

@media (max-width: 991.98px) {

  .mega-menu-item-three a .icon {

    width: 20px;

  }

}

.mega-menu-item-three:nth-child(3) a {

  background: #DEF7EA;

}

@media (max-width: 991.98px) {

  .mega-menu-item-three:nth-child(3) a {

    padding: 10px 10px !important;

  }

}

.mega-menu-item-three:nth-child(3) a .icon {

  width: 48px;

  height: 48px;

  background: var(--tg-color-white-default);

  border-color: #C4E2D3;

}



.reliable__box {

  background: linear-gradient(45deg, #fff 70.19%, #e4effb 100%);

  overflow: hidden;

  border: 1px solid var(--tg-border-2);

  border-radius: 8px;

  position: relative;

  padding: 48px 40px 35px;

  z-index: 1;

}

.reliable__box .title {

  font-size: 24px;

  margin-bottom: 16px;

}

.reliable__box p {

  margin-bottom: 50px;

  font-size: 14px;

}

.reliable__box .tg-btn {

  padding: 12px 20px !important;

  display: inline-flex !important;

  color: var(--tg-theme-primary-2) !important;

}

.reliable__box .tg-btn:hover {

  color: var(--tg-color-white-default) !important;

}

.reliable__box .shape {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: -1;

}



.header-dropdown-wrap .dropdown-toggle {

  background: transparent;

  padding: 0;

  border: none;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  font-size: 14px;

  font-weight: 500;

  color: var(--tg-body-color);

  gap: 4px;

}

.header-dropdown-wrap .dropdown-toggle::after {

  display: none;

}

.header-dropdown-wrap .dropdown-menu {

  width: 400px;

  left: -200px !important;

  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);

  background: var(--tg-color-white-default);

  border: none;

  padding: 30px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  margin-top: 24px !important;

}

.header-dropdown-wrap .dropdown-menu > .title {

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 8px;

}

.header-dropdown-wrap .dropdown-menu p {

  margin-bottom: 20px;

  font-size: 14px;

}

.header-dropdown-wrap .dropdown-menu .tg-btn {

  width: 100%;

  justify-content: center;

  font-size: 14px;

  margin-bottom: 24px;

}

.header-dropdown-wrap-two .dropdown-toggle {

  color: var(--tg-color-gray-1);

}

.header-dropdown-questions span {

  font-weight: 600;

  font-size: 14px;

  display: block;

  margin-bottom: 8px;

}

.header-dropdown-questions-inner {

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 24px 24px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  gap: 24px;

  margin-bottom: 24px;

}

.header-dropdown-questions-inner a {

  display: block;

  font-size: 20px;

  font-weight: 500;

  color: var(--tg-theme-secondary);

  line-height: 1;

}

.header-dropdown-questions-inner a.mail {

  color: var(--tg-body-color);

}

.header-dropdown-questions-inner a:hover {

  color: var(--tg-theme-primary);

}

.header-dropdown-contact .title {

  display: block;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 12px;

}

.header-dropdown-contact a {

  display: inline-flex;

  font-weight: 500;

  gap: 4px;

  align-items: center;

  border-bottom: 1px solid var(--tg-theme-primary);

  line-height: 1.2;

}

.header-dropdown-social {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 16px;

  margin-top: 40px;

}

.header-dropdown-social .title {

  display: block;

  font-size: 14px;

  font-weight: 600;

}

.header-dropdown-social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px;

}

.header-dropdown-social .list-wrap li {

  margin-left: 0;

}

.header-dropdown-social .list-wrap a {

  color: var(--tg-heading-color);

  font-size: 20px;

}

.header-dropdown-social .list-wrap a:hover {

  color: var(--tg-theme-primary);

}

ul.top-menu {

  margin: 0;

  padding: 0;

}

ul.top-menu li {

  margin: 0;

}

ul.top-menu li a {

  padding: 10px 16px;

  display: block;

  color: var(--tg-color-gray-7) !important;

  font-size: 14px;

  font-weight: 500;

  text-transform: capitalize;

  background: transparent;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  line-height: 1;

}

ul.top-menu li:hover > a, ul.top-menu li.active > a {

  color: var(--tg-theme-secondary) !important;

  background: var(--tg-color-gray-3);

}



/*=============================

      03. Banner

===============================*/

.banner__area {

  background: var(--tg-color-gray-3);

  padding: 150px 0px 64px 0;

}

.banner__area-two {

  background: #f6f6f6;

  position: relative;

  z-index: 1;

  padding: 150px 0 100px;

}

.banner__area-three {

  position: relative;

  z-index: 1;

  padding: 120px 0 50px;

}

.banner__bg {

  background-size: cover;

  background-position: center;

  padding: 168px 50px 76px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  margin-top: 24px;

}

@media (max-width: 1199.98px) {

  .banner__bg {

    padding: 130px 40px 50px;

  }

}

@media (max-width: 767.98px) {

  .banner__bg {

    padding: 130px 15px 40px;

  }

}

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

  .banner__bg {

    padding: 130px 30px 40px;

  }

}

.banner__inner-wrap {

  background: linear-gradient(45deg, #fff 70.19%, #def7ea 100%);

  border: 1px solid var(--tg-border-1);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 40px 40px;

}

@media (max-width: 1199.98px) {

  .banner__inner-wrap {

    padding: 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .banner__inner-wrap {

    padding: 40px 40px;

  }

}

@media (max-width: 767.98px) {

  .banner__inner-wrap {

    padding: 25px 25px;

  }

}

.banner__content {

  margin-top: 15px;

}

@media (max-width: 991.98px) {

  .banner__content {

    margin-top: 0;

  }

}

.banner__content .title {

  font-size: 40px;

  font-weight: 600;

  margin-bottom: 16px;

}

@media (max-width: 1199.98px) {

  .banner__content .title {

    font-size: 34px;

  }

}

.banner__content .title span {

  color: var(--tg-theme-primary);

}

.banner__content > p {

  margin-bottom: 32px;

  font-size: 14px;

}

.banner__content-two .title {

  margin-bottom: 16px;

  font-size: 56px;

  color: var(--tg-color-dark-4);

}

@media (max-width: 1199.98px) {

  .banner__content-two .title {

    font-size: 46px;

  }

}

@media (max-width: 767.98px) {

  .banner__content-two .title {

    font-size: 40px;

  }

}

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

  .banner__content-two .title {

    font-size: 42px;

  }

}

.banner__content-two .title span {

  color: #2A862E;

}

.banner__content-two p {

  margin-bottom: 24px;

  color: var(--tg-color-dark-7);

}

.banner__content-two .list-wrap {

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .banner__content-two .list-wrap {

    margin-bottom: 25px;

  }

}

.banner__content-two .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 10px;

  color: var(--tg-color-dark-7);

  margin-bottom: 8px;

}

.banner__content-two .list-wrap li:last-child {

  margin-bottom: 0;

}

.banner__content-two .list-wrap li svg {

  transform: translateY(6px);

}

.banner__content-three .sub-title {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  font-weight: 500;

  font-size: 12px;

  color: var(--tg-theme-primary-2);

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  line-height: 1;

  padding: 8px 17px;

  margin-bottom: 22px;

}

.banner__content-three .title {

  margin-bottom: 20px;

  font-size: 60px;

  letter-spacing: -0.01em;

}

@media (max-width: 1199.98px) {

  .banner__content-three .title {

    font-size: 45px;

  }

}

@media (max-width: 991.98px) {

  .banner__content-three .title {

    font-size: 42px;

  }

}

@media (max-width: 767.98px) {

  .banner__content-three .title {

    font-size: 38px;

  }

}

.banner__content-three .title span {

  font-style: italic;

  text-decoration: underline;

  text-decoration-skip-ink: none;

  color: var(--tg-theme-primary-2);

}

.banner__content-three p {

  margin-bottom: 20px;

  width: 90%;

}

.banner__content-three .tg-btn {

  color: #121415;

  background: var(--tg-color-white-default);

  border: 2px solid var(--tg-theme-primary-2);

}

.banner__content-four {

  text-align: center;

  padding: 0 33px;

}

@media (max-width: 1199.98px) {

  .banner__content-four {

    padding: 0;

  }

}

.banner__content-four .sub-title {

  display: inline-flex;

  align-items: center;

  font-weight: 500;

  font-size: 12px;

  gap: 4px;

  border: 1px solid rgba(255, 255, 255, 0.3);

  backdrop-filter: blur(12px);

  background: rgba(255, 255, 255, 0.12);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  padding: 7px 15px;

  line-height: 1;

  margin-bottom: 16px;

}

.banner__content-four .title {

  margin-bottom: 48px;

  font-size: 56px;

  line-height: 1.3;

}

@media (max-width: 1500px) {

  .banner__content-four .title {

    font-size: 52px;

  }

}

@media (max-width: 1199.98px) {

  .banner__content-four .title {

    font-size: 48px;

    margin-bottom: 40px;

  }

}

@media (max-width: 767.98px) {

  .banner__content-four .title {

    font-size: 36px;

    margin-bottom: 30px;

  }

}

.banner__content-four .title span {

  font-style: italic;

  display: block;

}

@media (max-width: 767.98px) {

  .banner__content-four .title span {

    display: inline-block;

  }

}

@media (max-width: 1199.98px) {

  .banner__content-four .domain__btn {

    margin-top: 40px;

  }

}

.banner__content-four .domain__btn .tg-link-btn {

  color: var(--tg-body-color);

}

.banner__content-four .domain__btn .tg-link-btn::before, .banner__content-four .domain__btn .tg-link-btn::after {

  background: var(--tg-body-color);

}

.banner__price {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px 12px;

  flex-wrap: wrap;

  margin-bottom: 16px;

}

.banner__price span {

  display: block;

  color: var(--tg-heading-color);

}

.banner__price span strong {

  color: var(--tg-theme-primary);

  font-weight: 700;

}

.banner__price p {

  margin-bottom: 0;

  font-size: 12px;

  color: #767982;

}

.banner__btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px 24px;

}

.banner__btn .price {

  display: block;

  font-size: 18px;

  color: var(--tg-color-dark-7);

}

.banner__btn .price strong {

  font-weight: 700;

  color: var(--tg-color-dark-4);

}

.banner__img-wrap {

  position: relative;

  padding: 30px 0;

}

@media (max-width: 991.98px) {

  .banner__img-wrap {

    margin-top: 40px;

  }

}

.banner__img-wrap .main-img {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  width: 100%;

}

.banner__img-wrap img:not(:first-child) {

  position: absolute;

}

.banner__img-wrap img:not(:first-child):nth-child(2) {

  right: 31px;

  top: 0;

  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);

}

.banner__img-wrap img:not(:first-child):nth-child(3) {

  left: -22px;

  bottom: 66px;

}

.banner__img-wrap img:not(:first-child):nth-child(4) {

  right: 22px;

  bottom: 0;

  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);

}

.banner__img-wrap-two {

  position: relative;

  text-align: right;

}

@media (max-width: 991.98px) {

  .banner__img-wrap-two {

    margin-bottom: 50px;

  }

}

.banner__img-wrap-two img:nth-child(2) {

  position: absolute;

  right: -16px;

  bottom: 42px;

}

@media (max-width: 767.98px) {

  .banner__img-wrap-two img:nth-child(2) {

    max-width: 180px;

    bottom: 30px;

  }

}

.banner__img-wrap-two img:nth-child(3) {

  position: absolute;

  right: -24px;

  top: 21%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-two img:nth-child(3) {

    top: 15%;

    max-width: 110px;

  }

}

@media (max-width: 767.98px) {

  .banner__img-wrap-two img:nth-child(3) {

    max-width: 90px;

  }

}

.banner__img-wrap-three {

  position: relative;

  text-align: right;

}

@media (max-width: 991.98px) {

  .banner__img-wrap-three {

    text-align: center;

    margin-bottom: 50px;

  }

}

@media (max-width: 991.98px) {

  .banner__img-wrap-three img:nth-child(1) {

    display: none;

  }

}

.banner__img-wrap-three .hidden-img {

  position: absolute;

  right: 0;

  top: 0;

  opacity: 0;

}

@media (max-width: 991.98px) {

  .banner__img-wrap-three .hidden-img {

    opacity: 1;

    position: initial;

  }

}

@media (max-width: 991.98px) {

  .banner__img-wrap-three .shape {

    display: none;

  }

}

.banner__img-wrap-three .shape img {

  position: absolute;

}

.banner__img-wrap-three .shape img:nth-child(1) {

  right: 17.5%;

  top: 3%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(1) {

    max-width: 120px;

  }

}

.banner__img-wrap-three .shape img:nth-child(2) {

  right: 7%;

  bottom: 31.5%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(2) {

    max-width: 45px;

  }

}

.banner__img-wrap-three .shape img:nth-child(3) {

  right: 23.5%;

  bottom: 10%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(3) {

    max-width: 60px;

  }

}

.banner__img-wrap-three .shape img:nth-child(4) {

  left: 17.5%;

  bottom: 9%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(4) {

    max-width: 160px;

  }

}

.banner__img-wrap-three .shape img:nth-child(5) {

  left: 5%;

  bottom: 31%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(5) {

    max-width: 90px;

  }

}

.banner__img-wrap-three .shape img:nth-child(6) {

  left: 11.3%;

  top: 30%;

}

@media (max-width: 1199.98px) {

  .banner__img-wrap-three .shape img:nth-child(6) {

    max-width: 90px;

  }

}

.banner__img-wrap-three .shape img:nth-child(7) {

  left: 29.5%;

  top: 18%;

}

.banner__poster-wrap {

  position: relative;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .banner__poster-wrap {

    margin-top: 50px;

  }

}

.banner__poster-thumb img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  width: 100%;

}

.banner__poster-content {

  position: absolute;

  left: 0;

  top: 0;

  padding: 32px 32px;

}

@media (max-width: 1199.98px) {

  .banner__poster-content {

    padding: 20px 20px;

  }

}

@media (max-width: 991.98px) {

  .banner__poster-content {

    padding: 30px 30px;

  }

}

.banner__poster-content .title {

  font-size: 32px;

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .banner__poster-content .title {

    font-size: 26px;

    margin-bottom: 15px;

  }

}

@media (max-width: 991.98px) {

  .banner__poster-content .title {

    font-size: 28px;

  }

}

.banner__poster-content .tg-btn {

  padding: 16px 20px;

}

.banner__review {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  flex-wrap: wrap;

  margin-top: 24px;

  text-align: center;

}

.banner__review .rating {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

  color: var(--tg-theme-primary);

  font-size: 20px;

}

.banner__review p {

  margin-bottom: 0;

  font-weight: 500;

}

.banner__review p span {

  color: var(--tg-heading-color);

}

.banner__review-two {

  margin-top: 40px;

  justify-content: flex-start;

  text-align: left;

}

@media (max-width: 1199.98px) {

  .banner__review-two {

    margin-top: 30px;

  }

}

.banner__review-two p {

  color: var(--tg-color-gray-1);

}

.banner__review-two p span {

  color: var(--tg-color-white-default);

}

.banner__shape-wrap img {

  position: absolute;

  z-index: -1;

}

.banner__shape-wrap img:nth-child(1) {

  right: 0;

  top: 0;

}

@media (max-width: 1199.98px) {

  .banner__shape-wrap img:nth-child(1) {

    max-width: 630px;

  }

}

.banner__shape-wrap img:nth-child(2) {

  left: 0;

  top: 10%;

}

.banner__shape-wrap img:nth-child(3) {

  right: 25%;

  top: 0;

}

.banner__shape-wrap img:nth-child(4) {

  right: 0;

  top: 6%;

}



.domain__search-form {

  position: relative;

  z-index: 1;

  margin-bottom: 24px;

}

@media (max-width: 767.98px) {

  .domain__search-form {

    background: var(--tg-color-white-default);

    border: 2px solid var(--tg-border-1);

    border-radius: 16px;

    padding: 0 0 16px 0;

  }

}

.domain__search-form input {

  width: 100%;

  background: var(--tg-color-white-default);

  border: 2px solid var(--tg-border-1);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  font-weight: 400;

  font-size: 16px;

  color: var(--tg-body-color);

  padding: 19px 300px 19px 64px;

  height: 66px;

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

}

@media (max-width: 1199.98px) {

  .domain__search-form input {

    padding: 19px 300px 19px 50px;

  }

}

@media (max-width: 767.98px) {

  .domain__search-form input {

    padding: 19px 20px 19px 50px;

    border: none;

  }

}

.domain__search-form input::placeholder {

  color: var(--tg-color-gray-4);

  font-weight: 400;

  font-size: 16px;

}

.domain__search-form input:focus {

  border-color: var(--tg-theme-primary);

}

.domain__search-form > svg {

  position: absolute;

  left: 24px;

  top: 50%;

  transform: translateY(-50%);

  color: var(--tg-color-gray-4);

}

@media (max-width: 1199.98px) {

  .domain__search-form > svg {

    left: 15px;

  }

}

@media (max-width: 767.98px) {

  .domain__search-form > svg {

    top: 17px;

    transform: translateY(0);

  }

}

.domain__search-form .nice-select {

  border: 1px solid var(--tg-border-2);

  padding: 0 16px;

  min-width: 110px;

  height: 42px;

  border-radius: 8px;

}

.domain__search-form .nice-select::after {

  border-bottom: 2px solid var(--tg-color-gray-4);

  border-right: 2px solid var(--tg-color-gray-4);

  height: 8px;

  margin-top: -6px;

  right: 20px;

  width: 8px;

}

.domain__search-form .nice-select .list {

  border-radius: 8px;

  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);

  padding: 10px 0;

  margin-top: 10px;

}

.domain__search-form .nice-select .option {

  padding: 7px 10px;

  margin: 0 16px;

  min-height: 33px;

  line-height: normal;

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-heading-color);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

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

  margin-bottom: 8px;

}

.domain__search-form .nice-select .option:last-child {

  margin-bottom: 0;

}

.domain__search-form .nice-select .option:hover, .domain__search-form .nice-select .option.selected {

  background: var(--tg-color-gray-3);

}

.domain__search-form-three {

  margin-bottom: 40px;

}

@media (max-width: 767.98px) {

  .domain__search-form-three {

    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);

  }

}

.domain__search-form-three input {

  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);

}

@media (max-width: 767.98px) {

  .domain__search-form-three input {

    box-shadow: none;

  }

}

.domain__search-form-three input:focus {

  border-color: var(--tg-theme-primary-3);

}

.domain__search-form-three .nice-select {

  font-size: 18px;

  color: var(--tg-heading-color);

}

.domain__search-form-three .tg-btn-six {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

.domain__search-form-three .tg-btn-six::before {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

.domain__search-action {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  right: 12px;

}

@media (max-width: 767.98px) {

  .domain__search-action {

    position: inherit;

    right: auto;

    top: 0;

    transform: translateY(0);

    justify-content: center;

  }

}

.domain__search-action .tg-btn {

  padding: 13px 20px;

}



/*=============================

      04. Hosting

===============================*/

.hosting__area-four {

  padding: 120px 0 60px;

}

@media (max-width: 767.98px) {

  .hosting__area-four {

    padding: 100px 0 40px;

  }

}

.hosting__bg {

  background-size: cover;

  background-position: center;

  padding: 100px 0;

}

.hosting__inner-wrap {

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 100px 72px 40px;

}

@media (max-width: 1199.98px) {

  .hosting__inner-wrap {

    padding: 100px 45px 40px;

  }

}

@media (max-width: 991.98px) {

  .hosting__inner-wrap {

    padding: 80px 45px 20px;

  }

}

@media (max-width: 767.98px) {

  .hosting__inner-wrap {

    padding: 80px 30px 20px;

  }

}

.hosting__inner-wrap-two {

  padding: 0 70px;

}

@media (max-width: 1199.98px) {

  .hosting__inner-wrap-two {

    padding: 0;

  }

}

.hosting__inner-wrap-three {

  border: 1px solid #d9dfe5;

  padding: 72px 72px 12px;

  margin-top: 24px;

}

@media (max-width: 1199.98px) {

  .hosting__inner-wrap-three {

    padding: 72px 40px 12px;

  }

}

.hosting__inner-wrap-four {

  background: #EEEBFF;

}

.hosting__item {

  border: 1px solid #cac4f0;

  padding: 32px 24px 24px 24px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  position: relative;

  z-index: 1;

  background: var(--tg-color-lavender-default);

}

.hosting__item.item-two {

  background: var(--tg-color-anti-flash-default);

  border: 1px solid #dadada;

}

.hosting__item.item-three {

  border: 1px solid #d1e0f0;

  background: var(--tg-color-alice-blue-default);

}

.hosting__item.item-four {

  background: var(--tg-color-anti-flash-2);

  border: 1px solid #eecdee;

}

.hosting__item.item-five {

  background: var(--tg-color-yellow-light);

  border: 1px solid #e9e8bf;

}

.hosting__item-two {

  padding: 24px 24px;

  background: linear-gradient(45deg, #fff 70.19%, #e6e2fa 100%);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  position: relative;

  min-height: 304px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  height: 100%;

}

.hosting__item-top {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 30px;

}

.hosting__item-wrap-two .row > *:nth-child(3) .hosting__item-two {

  background: linear-gradient(45deg, #fff 70.19%, #e9e9e9 100%);

}

.hosting__item-wrap-two .row > *:nth-child(3) .hosting__icon-two {

  background: #F1F1F1;

  border-color: #DADADA;

}

.hosting__item-wrap-two .row > *:nth-child(4) .hosting__item-two {

  background: linear-gradient(45deg, #fff 70.19%, #e4effb 100%);

}

.hosting__item-wrap-two .row > *:nth-child(4) .hosting__icon-two {

  background: #E4EFFB;

  border-color: #CFDDEB;

}

.hosting__item-wrap-two .row > *:nth-child(5) .hosting__item-two {

  background: linear-gradient(45deg, #fff 70.19%, #f4eaf4 100%);

}

.hosting__item-wrap-two .row > *:nth-child(5) .hosting__icon-two {

  background: #F4EAF4;

  border-color: #E8D8E8;

}

.hosting__item-wrap-two .row > *:nth-child(6) .hosting__item-two {

  background: linear-gradient(45deg, #fff 70.19%, #def7ea 100%);

}

.hosting__item-wrap-two .row > *:nth-child(6) .hosting__icon-two {

  background: #DEF7EA;

  border-color: #C4E2D3;

}

.hosting__item-wrap-two .row > *:nth-child(7) .hosting__item-two {

  background: linear-gradient(45deg, #fff 70.19%, #faf9d5 100%);

}

.hosting__item-wrap-two .row > *:nth-child(7) .hosting__icon-two {

  background: #FAF9D5;

  border-color: #E5E4C0;

}

.hosting__item-wrap-three {

  border-bottom: 1px solid var(--tg-border-2);

  border-left: 1px solid var(--tg-border-2);

  margin-bottom: 0;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

}

@media (max-width: 991.98px) {

  .hosting__item-wrap-three {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 767.98px) {

  .hosting__item-wrap-three {

    grid-template-columns: repeat(1, 1fr);

  }

}

.hosting__item-wrap-three .hosting__item-four:nth-child(2) .hosting__icon-four {

  border-color: #DADADA;

  background: #F1F1F1;

}

.hosting__item-wrap-three .hosting__item-four:nth-child(3) .hosting__icon-four {

  border-color: #D1E0F0;

  background: #ECF5FF;

}

.hosting__item-wrap-three .hosting__item-four:nth-child(4) .hosting__icon-four {

  border-color: #F4EAF4;

  background: #F1F1F1;

}

.hosting__item-wrap-three .hosting__item-four:nth-child(5) .hosting__icon-four {

  border-color: #E9E8BF;

  background: #F8F7D7;

}

.hosting__item-wrap-three .hosting__item-four:nth-child(6) .hosting__icon-four {

  border-color: #BDE6D1;

  background: #DEF7EA;

}

.hosting__item-wrap-four .row > *:nth-child(2) .hosting__item-five {

  background: #F1F1F1;

}

.hosting__item-wrap-four .row > *:nth-child(3) .hosting__item-five {

  background: #ECF5FF;

}

.hosting__item-wrap-four .row > *:nth-child(4) .hosting__item-five {

  background: #F4EAF4;

}

.hosting__item-wrap-four .row > *:nth-child(5) .hosting__item-five {

  background: #F8F7D7;

}

.hosting__item-wrap-four .row > *:nth-child(6) .hosting__item-five {

  background: #DEF7EA;

}

.hosting__item-three {

  margin-bottom: 60px;

}

.hosting__item-three:hover .hosting__icon-three img {

  transform: translateY(5px);

}

.hosting__item-four {

  background: #FBFBFB;

  padding: 72px 65px;

  border-right: 1px solid var(--tg-border-2);

  border-top: 1px solid var(--tg-border-2);

}

@media (max-width: 1199.98px) {

  .hosting__item-four {

    padding: 40px 30px;

  }

}

.hosting__item-four:hover .hosting__icon-four {

  transform: translateY(5px);

}

.hosting__item-five {

  padding: 48px 48px;

  background: #EEEBFF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  border: none;

  height: 100%;

}

@media (max-width: 1199.98px) {

  .hosting__item-five {

    padding: 35px 30px;

  }

}

.hosting__item-five .hosting__content-four p {

  margin-bottom: 40px;

}

.hosting__item-five .hosting__content-four a:hover {

  color: var(--tg-theme-primary-3);

}

.hosting__item-five:hover .hosting__icon-five {

  transform: translateY(5px);

}

.hosting__icon {

  color: var(--tg-heading-color);

  margin-bottom: 58px;

}

.hosting__icon-two {

  width: 52px;

  height: 52px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 0;

  background: #E6E2FA;

  border: 1px solid #CEC9EA;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  flex: 0 0 auto;

}

.hosting__icon-three {

  margin-bottom: 24px;

  display: inline-block;

}

.hosting__icon-four {

  width: 64px;

  height: 64px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #DEDAF5;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: #EEEBFF;

  margin-bottom: 40px;

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

}

.hosting__icon-five {

  width: 64px;

  height: 64px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-white-default);

  border: 1px solid #DEDAF5;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

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

  margin-bottom: 32px;

}

.hosting__content .title {

  margin-bottom: 18px;

  font-weight: 500;

  font-size: 24px;

}

.hosting__content p {

  margin-bottom: 40px;

}

@media (max-width: 991.98px) {

  .hosting__content-wrap {

    margin-bottom: 40px;

  }

}

.hosting__content-wrap p {

  margin-bottom: 0;

}

.hosting__content-top .title {

  margin-bottom: 5px;

  font-size: 18px;

}

.hosting__content-top span {

  display: block;

  font-size: 14px;

}

.hosting__content-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.hosting__content-two p {

  margin-bottom: 10px;

}

.hosting__content-three .title {

  margin-bottom: 12px;

  font-size: 18px;

  font-weight: 600;

}

.hosting__content-three p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 1.5;

  width: 95%;

}

@media (max-width: 1199.98px) {

  .hosting__content-three p {

    width: 100%;

  }

}

.hosting__content-four .title {

  font-weight: 500;

  font-size: 24px;

  margin-bottom: 16px;

}

.hosting__content-four p {

  margin-bottom: 50px;

  font-size: 14px;

}

.hosting__content-four > a {

  display: inline-flex;

  align-items: center;

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-heading-color);

  gap: 8px;

}

.hosting__content-four > a:hover {

  color: var(--tg-theme-primary-2);

}

.hosting__tag {

  background: var(--tg-color-white-default);

  font-weight: 500;

  font-size: 12px;

  display: block;

  border: 1px solid #f5f7f9;

  border-radius: 8px;

  color: var(--tg-heading-color);

  padding: 8px 11px;

  position: absolute;

  right: 16px;

  top: 16px;

  line-height: 1;

}

.hosting__nav-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 8px;

}

@media (max-width: 991.98px) {

  .hosting__nav-wrap {

    justify-content: flex-start;

  }

}

.hosting__nav-wrap button {

  width: 40px;

  height: 40px;

  background: transparent;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid var(--tg-border-2);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--tg-color-gray-4);

}

.hosting__nav-wrap button:hover {

  color: var(--tg-theme-primary);

  border-color: var(--tg-theme-primary);

}

.hosting__btn {

  margin-top: auto;

}

.hosting__btn-two {

  margin-top: auto;

}

.hosting__btn-two a {

  display: inline-flex;

  align-items: center;

  gap: 5px;

  font-weight: 500;

  color: var(--tg-heading-color);

}

.hosting__btn-two a svg {

  transition: opacity 0.3s ease, transform 0.3s ease;

}

.hosting__btn-two a svg.right-icon {

  opacity: 0;

  transform: translateX(-5px);

}

.hosting__btn-two a:hover {

  transform: translateX(-25px);

  color: var(--tg-theme-secondary);

}

.hosting__btn-two a:hover svg.left-icon {

  opacity: 0;

  transform: translateX(-5px);

}

.hosting__btn-two a:hover svg.right-icon {

  opacity: 1;

  transform: translateX(0);

}

.hosting__badge {

  font-weight: 500;

  font-size: 12px;

  background: #5DD78A;

  border-radius: 8px;

  padding: 9px 12px;

  position: absolute;

  right: 24px;

  top: -16px;

  line-height: 1;

  color: var(--tg-heading-color);

}

.hosting__badge-two {

  background: var(--tg-color-yellow-default);

}

.hosting__top-area {

  background: var(--tg-color-gray-9);

  position: relative;

  z-index: 1;

  padding: 150px 0 0;

  overflow: hidden;

}

.hosting__top-area::before {

  content: "";

  position: absolute;

  right: 40%;

  bottom: -206px;

  width: 400px;

  height: 400px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: linear-gradient(210deg, #09e6ff 0%, #6f56da 100%);

  filter: blur(180px);

  z-index: -1;

  opacity: 0.4;

}

.hosting__top-area::after {

  content: "";

  position: absolute;

  right: 18%;

  top: -198px;

  width: 340px;

  height: 340px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: linear-gradient(180deg, #6243ff 0%, #ff2828 100%);

  filter: blur(180px);

  z-index: -1;

  opacity: 0.4;

}

.hosting__top-area-two {

  padding: 48px 0 24px;

}

.hosting__top-bg {

  background-size: cover;

  background-position: center;

}

.hosting__top-bg::before, .hosting__top-bg::after {

  display: none;

}

.hosting__top-bg-two {

  background-size: cover;

  background-position: center;

}

.hosting__top-bg-two::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(19, 20, 21, 0.2);

  z-index: -1;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  right: auto;

  bottom: auto;

  filter: blur(0);

  opacity: 1;

}

.hosting__top-bg-two::after {

  display: none;

}

.hosting__top-bg-three {

  background-size: cover;

  background-position: center;

  padding: 115px 0 110px;

}

.hosting__top-bg-three::before, .hosting__top-bg-three::after {

  display: none;

}

.hosting__top-bg-three .hosting__top-content-five {

  padding: 0;

}

.hosting__top-content {

  width: 85%;

  padding: 0 0 75px;

}

@media (max-width: 1199.98px) {

  .hosting__top-content {

    width: 100%;

    padding: 0 0 50px;

  }

}

.hosting__top-content .sub-title {

  margin-bottom: 16px;

  font-weight: 500;

  font-size: 14px;

}

.hosting__top-content .sub-title span {

  color: var(--tg-theme-secondary);

}

.hosting__top-content .title {

  margin-bottom: 12px;

  font-size: 48px;

}

@media (max-width: 1199.98px) {

  .hosting__top-content .title {

    font-size: 42px;

  }

}

@media (max-width: 991.98px) {

  .hosting__top-content .title {

    font-size: 40px;

  }

}

@media (max-width: 767.98px) {

  .hosting__top-content .title {

    font-size: 36px;

  }

}

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

  .hosting__top-content .title {

    font-size: 38px;

  }

}

.hosting__top-content .title span {

  color: var(--tg-theme-secondary);

}

.hosting__top-content p {

  margin-bottom: 12px;

}

.hosting__top-content .list-wrap {

  margin-bottom: 32px;

}

@media (max-width: 1199.98px) {

  .hosting__top-content .list-wrap {

    margin-bottom: 25px;

  }

}

.hosting__top-content .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 8px;

  color: var(--tg-heading-color);

  margin-bottom: 8px;

}

.hosting__top-content .list-wrap li:last-child {

  margin-bottom: 0;

}

.hosting__top-content .list-wrap li svg {

  color: var(--tg-theme-secondary);

  transform: translateY(3px);

}

.hosting__top-content-two {

  padding: 0 0 30px;

}

@media (max-width: 991.98px) {

  .hosting__top-content-two {

    padding: 0 0 50px;

  }

}

.hosting__top-content-three {

  padding: 0;

}

.hosting__top-content-three .title {

  color: var(--tg-color-white-default);

}

.hosting__top-content-three .title span {

  color: var(--tg-theme-primary-3);

}

.hosting__top-content-three p {

  color: var(--tg-color-gray-1);

  margin-bottom: 24px;

}

.hosting__top-content-three .list-wrap li {

  color: var(--tg-color-white-default);

}

.hosting__top-content-three .list-wrap li svg {

  color: var(--tg-theme-primary-3);

}

.hosting__top-content-three .tg-btn {

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

  font-size: 14px;

  padding: 13px 20px;

}

.hosting__top-content-three .tg-btn:hover {

  background: var(--tg-theme-primary-3);

  color: var(--tg-color-white-default);

}

.hosting__top-content-four .sub-title {

  color: var(--tg-color-gray-1);

}

.hosting__top-content-four .title {

  color: var(--tg-color-white-default);

}

.hosting__top-content-four p {

  color: var(--tg-color-gray-1);

}

.hosting__top-content-four .list-wrap li {

  color: var(--tg-color-gray-1);

}

.hosting__top-content-five .title {

  color: var(--tg-color-white-default);

}

.hosting__top-content-five .title span {

  font-style: italic;

  text-decoration: underline;

  text-decoration-skip-ink: none;

  color: var(--tg-color-white-default);

}

@media (max-width: 991.98px) {

  .hosting__top-content-five .title br {

    display: none;

  }

}

.hosting__top-content-five p {

  margin-bottom: 40px;

  color: var(--tg-color-white-default);

}

.hosting__top-images {

  text-align: right;

  position: relative;

}

.hosting__top-images > img {

  -webkit-border-radius: 16px 16px 0 0;

  -moz-border-radius: 16px 16px 0 0;

  -o-border-radius: 16px 16px 0 0;

  -ms-border-radius: 16px 16px 0 0;

  border-radius: 16px 16px 0 0;

  border: 1px solid var(--tg-heading-color);

  border-bottom: none;

}

.hosting__top-images .shape img {

  position: absolute;

}

.hosting__top-images .shape img:nth-child(1) {

  box-shadow: 0 16px 32px 0 rgba(6, 33, 1, 0.16);

  left: -25px;

  top: 14%;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

@media (max-width: 767.98px) {

  .hosting__top-images .shape img:nth-child(1) {

    width: 70px;

    left: -12px;

  }

}

.hosting__top-images .shape img:nth-child(2) {

  box-shadow: 0 19px 38px 0 rgba(6, 33, 1, 0.16);

  left: -50px;

  bottom: 48px;

  -webkit-border-radius: 9px;

  -moz-border-radius: 9px;

  -o-border-radius: 9px;

  -ms-border-radius: 9px;

  border-radius: 9px;

}

@media (max-width: 767.98px) {

  .hosting__top-images .shape img:nth-child(2) {

    bottom: 22px;

    width: 150px;

    left: -12px;

  }

}

.hosting__top-images .shape img:nth-child(3) {

  right: -37px;

  top: 23%;

}

@media (max-width: 1500px) {

  .hosting__top-images .shape img:nth-child(3) {

    right: -22px;

  }

}

@media (max-width: 1500px) {

  .hosting__top-images .shape img:nth-child(3) {

    right: -12px;

    width: 80px;

  }

}

.hosting__top-images-two > img {

  border: 2px solid var(--tg-color-white-default);

  border-bottom: none;

}

.hosting__top-images-two .shape img:nth-child(2) {

  border: 1px solid var(--tg-theme-primary);

  box-shadow: none;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

}

.hosting__top-images-three > img {

  border: none;

}

.hosting__top-images-three .shape img:nth-child(1) {

  top: auto;

  bottom: 30%;

  left: 0;

}

@media (max-width: 1199.98px) {

  .hosting__top-images-three .shape img:nth-child(1) {

    bottom: 17%;

    width: 90px;

  }

}

.hosting__top-images-three .shape img:nth-child(2) {

  box-shadow: 0 8px 16px 0 rgba(6, 33, 1, 0.16);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  right: 21%;

  bottom: 28%;

  left: auto;

}

@media (max-width: 1199.98px) {

  .hosting__top-images-three .shape img:nth-child(2) {

    right: 12%;

  }

}

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

  .hosting__top-images-three .shape img:nth-child(2) {

    right: 28%;

  }

}

@media (max-width: 991.98px) {

  .hosting__top-images-four {

    margin-bottom: 50px;

  }

}

.hosting__top-images-four > img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.hosting__top-images-four .shape img:nth-child(1) {

  top: auto;

  bottom: 50px;

}

.hosting__top-images-four .shape img:nth-child(2) {

  border: 0.83px solid #ff4c4c;

  -webkit-border-radius: 6.67px;

  -moz-border-radius: 6.67px;

  -o-border-radius: 6.67px;

  -ms-border-radius: 6.67px;

  border-radius: 6.67px;

  right: -37px;

  top: 23%;

  left: auto;

}

@media (max-width: 1500px) {

  .hosting__top-images-four .shape img:nth-child(2) {

    right: -20px;

  }

}

@media (max-width: 767.98px) {

  .hosting__top-images-four .shape img:nth-child(2) {

    right: -10px;

    max-width: 70px;

  }

}

.hosting__top-images-five img {

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}

.hosting__review {

  margin-top: 32px;

}



.hosting-active {

  margin-right: -380px;

}



/*=============================

      05. Pricing

===============================*/

.pricing-tab {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin-bottom: 40px;

}

.pricing-tab .tab-btn {

  cursor: pointer;

  color: var(--tg-body-color);

  font-weight: 500;

  font-size: 16px;

  user-select: none;

  transition: 0.3s;

}

.pricing-tab .tab-btn strong {

  color: var(--tg-theme-primary);

  font-weight: 500;

}

.pricing-tab .pricing-tab-switcher {

  height: 24px;

  width: 48px;

  display: inline-block;

  border-radius: 30px;

  position: relative;

  margin: 0 15px;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  cursor: pointer;

  background: var(--tg-theme-primary);

}

.pricing-tab .pricing-tab-switcher::before {

  content: "";

  position: absolute;

  left: 2px;

  top: 2px;

  bottom: 2px;

  width: 20px;

  border-radius: 50%;

  background: var(--tg-color-white-default);

  transition: 0.3s;

}

.pricing-tab .pricing-tab-switcher.active::before {

  left: calc(100% - 22px);

}

.pricing-tab-two .pricing-tab-switcher {

  background: var(--tg-theme-secondary);

}

.pricing-tab-two .tab-btn strong {

  color: #767982;

}

.pricing-tab-three .pricing-tab-switcher {

  background: var(--tg-theme-primary-2);

}

.pricing-tab-four .tab-btn strong {

  color: var(--tg-theme-primary);

}

.pricing__box {

  background: linear-gradient(45deg, #fff 70.19%, #e6e2fa 100%);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 32px 32px;

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .pricing__box {

    padding: 25px 20px;

  }

}

@media (max-width: 991.98px) {

  .pricing__box {

    padding: 25px 25px;

  }

}

.pricing__box.active .pricing__list {

  height: 100%;

}

.pricing__box.active .pricing__select .more-item {

  display: none;

}

.pricing__box.active .pricing__select .less-item {

  display: block;

}

.pricing__box.active .pricing__select::after {

  transform: translateY(-50%) rotate(180deg);

}

.pricing__box-two .pricing__btn .tg-btn {

  border-radius: 24px;

}

.pricing__box-two .pricing__btn .tg-btn.active, .pricing__box-two .pricing__btn .tg-btn:hover {

  background: var(--tg-theme-secondary);

  border-color: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}

.pricing__box-three {

  height: 100%;

  margin-bottom: 0;

}

.pricing__box-three .pricing__list {

  height: auto;

}

.pricing__box-four {

  background: var(--tg-color-gray-10);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 32px;

  -moz-border-radius: 32px;

  -o-border-radius: 32px;

  -ms-border-radius: 32px;

  border-radius: 32px;

  padding: 8px 8px 32px 8px;

}

.pricing__box-four .pricing__plan .title {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  font-size: 24px;

  gap: 5px;

}

.pricing__box-four .pricing__plan .price-off {

  font-size: 12px;

  text-transform: uppercase;

  font-weight: 600;

  background: var(--tg-color-white-default);

  display: block;

  border: 1px solid var(--tg-border-2);

  border-radius: 4px;

  padding: 5px 7px;

  line-height: 1;

}

.pricing__box-four .pricing__plan .price-off.active {

  text-transform: capitalize;

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

  border: none;

}

.pricing__box-four .pricing__plan > p {

  font-size: 12px;

}

.pricing__box-four .pricing__price > p {

  font-size: 12px;

}

.pricing__box-four .pricing__btn {

  margin-bottom: 0;

}

.pricing__box-four .pricing__btn .tg-btn {

  background: var(--tg-color-white-default);

  -webkit-border-radius: 32px;

  -moz-border-radius: 32px;

  -o-border-radius: 32px;

  -ms-border-radius: 32px;

  border-radius: 32px;

  color: var(--tg-heading-color);

  padding: 14px 20px;

}

.pricing__box-four .pricing__btn .tg-btn:hover {

  background: var(--tg-heading-color);

  color: var(--tg-color-white-default);

}

.pricing__box-four .pricing__list {

  height: 200px;

}

.pricing__box-four .pricing__select {

  background: var(--tg-color-white-default);

}

.pricing__box-five .pricing__list {

  height: auto;

}

.pricing__box-six {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  border: none;

  background: #F7F7F7;

  border-right: 1px solid var(--tg-border-2);

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .pricing__box-six {

    border-right: none;

    border-bottom: 1px solid var(--tg-border-2);

  }

}

.pricing__box-six .pricing__select {

  background: var(--tg-color-white-default);

}

.pricing__box-seven {

  background: #EEEBFF;

  border: none;

}

.pricing__box-seven .pricing__box-top {

  border-color: #D3CEF1;

}

.pricing__box-top {

  border: 1px solid #000;

  border-radius: 24px;

  background: #EEEBFF;

  padding: 16px 16px;

}

.pricing__box-bottom {

  padding: 30px 16px 0;

}

.pricing__box-bottom.active .pricing__list {

  height: 100%;

}

.pricing__box-bottom.active .pricing__select::after {

  transform: translateY(-50%) rotate(180deg);

}

.pricing__box-bottom.active .pricing__select .less-item {

  display: block;

}

.pricing__box-bottom.active .pricing__select .more-item {

  display: none;

}

.pricing__plan {

  margin-bottom: 32px;

}

.pricing__plan .title {

  margin-bottom: 8px;

  font-size: 22px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

}

.pricing__plan .title .tg-badge {

  font-weight: 500;

  font-size: 12px;

  color: var(--tg-heading-color);

  background: var(--tg-color-yellow-default);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 4px 8px;

  line-height: 1;

}

.pricing__plan > p {

  margin-bottom: 0;

  font-size: 14px;

  color: var(--tg-color-gray-4);

}

.pricing__price {

  position: relative;

  margin-bottom: 32px;

}

.pricing__price .price {

  font-size: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

  line-height: 1;

  margin-bottom: 12px;

}

@media (max-width: 1199.98px) {

  .pricing__price .price {

    font-size: 34px;

  }

}

.pricing__price .price span {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 7px;

  color: var(--tg-color-gray-4);

}

@media (max-width: 1199.98px) {

  .pricing__price .price span {

    font-size: 16px;

  }

}

.pricing__price .price.annual_price {

  display: none;

}

.pricing__price.change-subs-duration .price.monthly_price {

  display: none;

}

.pricing__price.change-subs-duration .price.annual_price {

  display: flex;

}

.pricing__price > p {

  margin-bottom: 0;

  font-size: 14px;

  color: var(--tg-color-gray-4);

}

.pricing__price .price-off {

  position: absolute;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 600;

  background: var(--tg-color-white-default);

  right: 0;

  top: 5px;

  display: block;

  border: 1px solid var(--tg-border-2);

  border-radius: 8px;

  padding: 9px 11px;

  line-height: 1;

}

.pricing__btn {

  margin-bottom: 32px;

}

.pricing__btn .tg-btn {

  width: 100%;

  justify-content: center;

}

.pricing__list {

  height: 70px;

  overflow: hidden;

}

.pricing__list .list-wrap li {

  margin-bottom: 20px;

  /* display: -webkit-box; */

  /* display: -moz-box; */

  /* display: -ms-flexbox; */

  /* display: -webkit-flex; */

  display: flex;

  align-items: flex-start;

  gap: 16px;

  line-height: 1.25;

  position: relative;

  padding-inline-start: 25px;

}

.pricing__list .list-wrap li:before{

  content: "";

  position: absolute;

  left: 0;

  width: 16px;

  height: 16px;

  background: url("../images/check1.svg") no-repeat center;

  background-size: contain;

}

.pricing__list .list-wrap li:last-child {

  margin-bottom: 0;

}

.pricing__list .list-wrap li .icon {

  color: var(--tg-theme-primary);

}

.pricing__list .list-wrap li .content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

}

.pricing__list .list-wrap li .content strong {

  font-weight: 600;

}

.pricing__select {

  position: relative;

  margin-top: 20px;

  background-color: var(--tg-color-gray-3);

  color: var(--tg-heading-color);

  font-weight: 500;

  font-size: 16px;

  text-transform: capitalize;

  border-radius: 4px;

  padding: 9px 45px 9px 24px;

  width: 100%;

  line-height: 1.2;

  height: 36px;

  cursor: pointer;

}



.pricing__select .less-item {

  display: none;

}

.pricing__select span {

  display: block;

  line-height: 1;

}

.pricing__item-wrap .row > *:nth-child(2) .pricing__box {

  background: linear-gradient(45deg, #fff 70.19%, #e4effb 100%);

}

.pricing__item-wrap .row > *:nth-child(3) .pricing__box {

  background: linear-gradient(45deg, #fff 70.19%, #def7ea 100%);

}

.pricing__item-wrap-two .row > *:nth-child(2) .pricing__box-top {

  background: #ECF5FF;

}

.pricing__item-wrap-two .row > *:nth-child(3) .pricing__box-top {

  background: #F8F7D7;

}

.pricing__item-wrap-two .row > *:nth-child(4) .pricing__box-top {

  background: #DEF7EA;

}

.pricing__item-wrap-three {

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  overflow: hidden;

  background: #F7F7F7;

}

@media (max-width: 991.98px) {

  .pricing__item-wrap-three .row > *:nth-child(2) .pricing__box-six {

    border-right: none;

  }

}

.pricing__item-wrap-three .row > *:last-child .pricing__box-six {

  border-right: none;

  border-bottom: none;

}

.pricing__item-wrap-four .row > *:nth-child(2) .pricing__box-seven {

  background: #ECF5FF;

  border: none;

}

.pricing__item-wrap-four .row > *:nth-child(2) .pricing__box-seven .pricing__box-top {

  border-color: #D3E1F0;

}

.pricing__item-wrap-four .row > *:nth-child(3) .pricing__box-seven {

  background: #F8F7D7;

  border: none;

}

.pricing__item-wrap-four .row > *:nth-child(3) .pricing__box-seven .pricing__box-top {

  border-color: #E1E0A4;

}

.pricing__item-wrap-four .row > *:nth-child(4) .pricing__box-seven {

  background: #DEF7EA;

  border: none;

}

.pricing__item-wrap-four .row > *:nth-child(4) .pricing__box-seven .pricing__box-top {

  border-color: #C5E6D5;

}



/*=============================

      06. Choose

===============================*/

.choose__area {

  background: var(--tg-color-gray-3);

}

.choose__inner-wrap {

  background: linear-gradient(45deg, #fff 70.19%, #e6e2fa 100%);

  border: 1px solid var(--tg-border-2);

  border-radius: 16px;

  padding: 66px 48px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .choose__inner-wrap {

    padding: 50px 30px;

  }

}

@media (max-width: 991.98px) {

  .choose__inner-wrap {

    padding: 50px 40px;

  }

}

@media (max-width: 767.98px) {

  .choose__inner-wrap {

    padding: 30px 25px;

  }

}

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

  .choose__inner-wrap {

    padding: 40px 40px;

  }

}

.choose__inner-wrap::before {

  content: "";

  position: absolute;

  left: 36px;

  bottom: -288px;

  width: 550px;

  height: 550px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: rgba(0, 97, 172, 0.2);

  filter: blur(180px);

  z-index: -1;

  opacity: 0.4;

}

.choose__inner-wrap::after {

  content: "";

  position: absolute;

  right: -103px;

  top: -86px;

  width: 366px;

  height: 366px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: rgba(255, 0, 8, 0.2);

  filter: blur(180px);

  z-index: -1;

  opacity: 0.4;

}

.choose__inner-wrap .choose__img-two img {

  box-shadow: 0 0 0 8px #fff;

}

.choose__content > p {

  margin-bottom: 30px;

}

.choose__content-two .choose__list .list-wrap {

  margin-bottom: 48px;

}

@media (max-width: 1199.98px) {

  .choose__content-two .choose__list .list-wrap {

    margin-bottom: 40px;

  }

}

.choose__list .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px 0;

  width: 80%;

  margin-bottom: 90px;

}

@media (max-width: 1199.98px) {

  .choose__list .list-wrap {

    margin-bottom: 60px;

  }

}

.choose__list .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: baseline;

  font-weight: 500;

  color: var(--tg-heading-color);

  gap: 8px;

  line-height: 1.4;

  width: 50%;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .choose__list .list-wrap li {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .choose__list .list-wrap li {

    width: 50%;

  }

}

@media (max-width: 767.98px) {

  .choose__list .list-wrap li {

    width: 100%;

  }

}

.choose__list .list-wrap li svg {

  transform: translateY(4px);

  width: 20px;

  flex: 0 0 auto;

}

.choose__img {

  text-align: right;

}

@media (max-width: 991.98px) {

  .choose__img {

    text-align: center;

    margin-bottom: 50px;

  }

}

.choose__img-two {

  text-align: right;

}

@media (max-width: 991.98px) {

  .choose__img-two {

    text-align: center;

    margin-bottom: 50px;

  }

}

.choose__img-two img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}



.counter__area {

  border-top: 1px solid var(--tg-border-2);

  border-bottom: 1px solid var(--tg-border-2);

  padding: 80px 0 50px;

}

.counter__wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 30px 100px;

  flex-wrap: wrap;

}

@media (max-width: 1199.98px) {

  .counter__wrap {

    gap: 30px 50px;

  }

}

.counter__wrap-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 40px;

}

@media (max-width: 1199.98px) {

  .counter__wrap-two {

    gap: 20px;

  }

}

@media (max-width: 991.98px) {

  .counter__wrap-two {

    flex-wrap: wrap;

  }

}

.counter__item {

  position: relative;

}

.counter__item::before {

  content: "";

  position: absolute;

  right: -50px;

  top: 0;

  width: 1px;

  height: 54px;

  background: #d9dfe5;

}

@media (max-width: 1199.98px) {

  .counter__item::before {

    right: -25px;

  }

}

.counter__item:last-child::before {

  display: none;

}

.counter__item .count {

  font-size: 24px;

  margin-bottom: 8px;

  line-height: 1;

  color: var(--tg-theme-primary);

}

.counter__item > p {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 14px;

}

.counter__item-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);

  gap: 16px;

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 20px 35px 20px 20px;

  z-index: 2;

  position: relative;

  background: var(--tg-color-white-default);

}

@media (max-width: 1199.98px) {

  .counter__item-two {

    padding: 20px 15px;

  }

}

@media (max-width: 991.98px) {

  .counter__item-two {

    padding: 20px 30px 20px 20px;

  }

}

.counter__item-two .icon {

  width: 40px;

  flex: 0 0 auto;

}

.counter__item-two .content .count {

  font-size: 28px;

  margin-bottom: 6px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 5px;

  line-height: 1;

}

.counter__item-two .content p {

  margin-bottom: 0;

  white-space: nowrap;

  font-weight: 500;

  color: #384559;

}

.counter__item-three {

  margin-bottom: 30px;

}

.counter__item-three .count {

  font-size: 40px;

  margin-bottom: 16px;

  line-height: 1;

}

@media (max-width: 1199.98px) {

  .counter__item-three .count {

    font-size: 36px;

  }

}

.counter__item-three p {

  margin-bottom: 0;

  font-size: 18px;

}



/*=============================

      07. Services

===============================*/

.services__inner-wrap {

  padding: 0 80px;

}

@media (max-width: 1199.98px) {

  .services__inner-wrap {

    padding: 0 0;

  }

}

.services__tab-wrap .nav-tabs {

  border-bottom: 2px solid var(--tg-border-2);

  margin-bottom: 48px;

  gap: 20px 0;

}

@media (max-width: 991.98px) {

  .services__tab-wrap .nav-tabs {

    border-bottom: none;

    justify-content: center;

  }

}

.services__tab-wrap .nav-item {

  width: 33.33%;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .services__tab-wrap .nav-item {

    width: auto;

  }

}

.services__tab-wrap .nav-link {

  text-align: center;

  margin: 0 auto;

  border: none;

  padding: 0 20px 22px;

  position: relative;

  font-weight: 500;

  font-size: 20px;

  color: var(--tg-color-gray-4);

  width: 100%;

}

@media (max-width: 991.98px) {

  .services__tab-wrap .nav-link {

    padding: 0 20px 15px;

  }

}

.services__tab-wrap .nav-link::before {

  content: "";

  position: absolute;

  bottom: -2px;

  left: 50%;

  height: 2px;

  width: 0;

  background: var(--tg-heading-color);

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

}

.services__tab-wrap .nav-link.active {

  color: var(--tg-heading-color);

}

.services__tab-wrap .nav-link.active::before {

  left: 0;

  width: 100%;

}

.services__item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 30px 85px;

}

@media (max-width: 1199.98px) {

  .services__item {

    gap: 30px 40px;

  }

}

@media (max-width: 991.98px) {

  .services__item {

    gap: 30px 30px;

  }

}

@media (max-width: 767.98px) {

  .services__item {

    flex-wrap: wrap;

    flex-direction: column-reverse;

  }

}

.services__content {

  position: relative;

  margin-top: 48px;

  z-index: 1;

}

@media (max-width: 991.98px) {

  .services__content {

    margin-top: 20px;

  }

}

@media (max-width: 767.98px) {

  .services__content {

    margin-top: 0;

  }

}

.services__content .title {

  font-weight: 500;

  font-size: 32px;

  margin-bottom: 80px;

  line-height: 1.4;

}

@media (max-width: 991.98px) {

  .services__content .title {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .services__content .title {

    margin-bottom: 50px;

  }

}

.services__thumb {

  width: 480px;

  flex: 0 0 auto;

}

@media (max-width: 991.98px) {

  .services__thumb {

    width: 350px;

  }

}

@media (max-width: 767.98px) {

  .services__thumb {

    width: 100%;

  }

}

.services__thumb img {

  width: 100%;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.services__shape img {

  position: absolute;

  right: 0;

  bottom: -120px;

  z-index: -1;

}

@media (max-width: 1199.98px) {

  .services__shape img {

    right: -20px;

    bottom: -70px;

    width: 220px;

  }

}

@media (max-width: 991.98px) {

  .services__shape img {

    right: -26px;

    bottom: 0px;

    width: 190px;

  }

}



.tab-pane.active {

  animation: tgSlideDown 0.5s ease-in-out;

}



/*=============================

      08. Features

===============================*/

.features__area {

  background: var(--tg-heading-color);

}

.features__area-two {

  background: var(--tg-heading-color);

}

.features__area-six {

  background: var(--tg-theme-secondary);

  padding: 120px 0 80px;

}

@media (max-width: 767.98px) {

  .features__area-six {

    padding: 100px 0 60px;

  }

}

.features__area-seven {

  background: var(--tg-color-dark-4);

  padding: 100px 0 40px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.features__area-seven .shape {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 0;

  z-index: -1;

}

.features__area-ten {

  background: var(--tg-heading-color);

  position: relative;

  z-index: 1;

}

.features__area-ten .shape {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  z-index: -1;

  top: 0;

}

.features__inner-wrap {

  background: linear-gradient(180deg, rgba(245, 247, 249, 0) 0%, #f5f7f9 100%);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 0 96px 70px;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap {

    padding: 0px 50px 40px;

  }

}

@media (max-width: 991.98px) {

  .features__inner-wrap {

    padding: 0px 30px 40px;

  }

}

.features__inner-wrap .features__content-four {

  width: 100%;

}

.features__inner-wrap-two {

  border: 1px solid var(--tg-border-2);

  padding: 80px 55px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  background-size: cover;

  background-position: center;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap-two {

    padding: 80px 40px;

  }

}

@media (max-width: 991.98px) {

  .features__inner-wrap-two {

    padding: 50px 30px;

  }

  .features__inner-wrap-two .features__content-five .title {

    font-size: 22px;

  }

}

.features__inner-wrap-three {

  padding: 0 40px;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap-three {

    padding: 0;

  }

}

.features__inner-wrap-four {

  background: var(--tg-theme-secondary);

  padding: 120px 60px 90px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap-four {

    padding: 100px 30px 70px;

  }

}

@media (max-width: 991.98px) {

  .features__inner-wrap-four {

    padding: 80px 30px 50px;

  }

}

@media (max-width: 767.98px) {

  .features__inner-wrap-four {

    padding: 60px 30px 30px;

  }

}

.features__inner-wrap-four .features__item-twelve .number {

  color: #ECECEC;

}

.features__inner-wrap-four .features__content-eight p {

  width: 85%;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap-four .features__content-eight p {

    width: 100%;

  }

}

.features__inner-wrap-five {

  padding: 0 65px;

}

@media (max-width: 1199.98px) {

  .features__inner-wrap-five {

    padding: 0;

  }

}

.features__icon {

  width: 80px;

  height: 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  margin-bottom: 40px;

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

    background: #FFFFFF

}

.features__icon img {

  width: 50px;

}

.features__icon-two {

  border-color: var(--tg-border-4);

  background: var(--tg-color-white-default);

}

.features__icon-three {

  color: var(--tg-color-white-default);

  margin-bottom: 24px;

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

}

.features__icon-four {

  width: 90px;

  height: 90px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #ABD6FF;

  border: 1px solid #63A7E8;

  color: #1E68AF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  margin-bottom: 32px;

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

}

.features__item {

  background: var(--tg-theme-primary);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 43px 35px 40px;

  height: 100%;

}

@media (max-width: 767.98px) {

  .features__item {

    padding: 30px 30px 30px;

  }

}

.features__item-two {

  background: var(--tg-color-yellow-default);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 85px 50px 85px 32px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .features__item-two {

    flex-wrap: wrap;

    padding: 40px 30px 40px 30px;

    gap: 30px;

    flex-direction: column-reverse;

  }

}

@media (max-width: 767.98px) {

  .features__item-two {

    padding: 30px 30px;

  }

}

.features__item-three {

  background: var(--tg-theme-secondary);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 70px 50px 70px 60px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  z-index: 1;

  align-items: center;

}

@media (max-width: 1199.98px) {

  .features__item-three {

    padding: 35px 25px 35px 25px;

  }

}

@media (max-width: 991.98px) {

  .features__item-three {

    padding: 35px 35px;

    flex-wrap: wrap;

    flex-direction: column-reverse;

    gap: 30px;

  }

}

@media (max-width: 767.98px) {

  .features__item-three {

    padding: 30px 30px;

  }

}

.features__item-four {

  margin-bottom: 30px;

}

.features__item-four:hover .features__icon {

  transform: translateY(4px);

}

.features__item-five {

  padding: 48px 48px;

  background: linear-gradient(45deg, #fff 70.19%, #e4effb 100%);

  position: relative;

  z-index: 1;

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  height: 100%;

}

@media (max-width: 1199.98px) {

  .features__item-five {

    padding: 40px 30px;

  }

}

@media (max-width: 767.98px) {

  .features__item-five {

    padding: 35px 30px;

  }

}

.features__item-six {

  background: linear-gradient(45deg, #fff 70.19%, #def7ea 100%);

}

.features__item-seven {

  background: linear-gradient(90deg, #def7ea 0%, #f4eaf4 100%);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 0 110px 0 48px;

  gap: 30px;

}

@media (max-width: 1199.98px) {

  .features__item-seven {

    padding: 0 40px 0 40px;

  }

}

@media (max-width: 991.98px) {

  .features__item-seven {

    padding: 0 30px 0 30px;

  }

}

@media (max-width: 767.98px) {

  .features__item-seven {

    flex-wrap: wrap;

  }

}

.features__item-eight {

  background: #F1EFFD;

}

.features__item-eight .features__content .title {

  color: var(--tg-heading-color);

}

.features__item-eight .features__content p {

  color: var(--tg-body-color);

}

.features__item-nine {

  background: #E9FBF2;

}

.features__item-nine .features__content-two .title span {

  color: var(--tg-theme-secondary);

}

.features__item-ten {

  background: #F2F8FF;

}

.features__item-ten .features__content-three .title {

  color: var(--tg-heading-color);

}

.features__item-ten .features__content-three p {

  color: var(--tg-body-color);

}

.features__item-ten .features__content-three .features__list li {

  color: var(--tg-body-color);

}

.features__item-ten .features__content-three .features__list li p span {

  color: var(--tg-heading-color);

}

.features__item-ten .features__content-three .tg-link-btn {

  color: var(--tg-theme-secondary);

}

.features__item-ten .features__content-three .tg-link-btn::after, .features__item-ten .features__content-three .tg-link-btn::before {

  background: var(--tg-theme-secondary);

}

.features__item-twelve {

  margin-bottom: 40px;

}

.features__item-twelve .number {

  width: 80px;

  height: 80px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(153deg, #6f56da 0%, #846ce6 100%);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  margin-bottom: 40px;

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

  color: var(--tg-color-white-default);

}

.features__item-twelve:hover .number {

  transform: translateY(5px);

}

.features__item-thirteen {

  margin-bottom: 60px;

}

.features__item-thirteen:hover .features__icon-three {

  transform: translateY(5px);

  color: #ECECEC;

}

.features__item-fourteen {

  background: #80C1FF;

  border: 1px solid #63A7E8;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 40px 40px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .features__item-fourteen {

    padding: 35px 25px;

  }

}

.features__item-fourteen .text-overlay {

  margin-bottom: 0;

  font-weight: 700;

  font-size: 48px;

  position: absolute;

  right: 40px;

  top: 53px;

  text-transform: uppercase;

  letter-spacing: -1px;

  text-transform: uppercase;

  color: transparent;

  -webkit-text-stroke: 1.5px #1E68AF;

}

@media (max-width: 1199.98px) {

  .features__item-fourteen .text-overlay {

    font-weight: 700;

    font-size: 30px;

    right: 25px;

    top: 64px;

  }

}

@media (max-width: 767.98px) {

  .features__item-fourteen .text-overlay {

    display: none;

  }

}

.features__item-fourteen .shape {

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

}

.features__item-fourteen:hover .features__icon-four {

  transform: translateY(5px);

}

.features__item-fifteen .features__content-five .title span {

  color: var(--tg-theme-primary-2);

}

.features__item-sixteen {

  background: #FFCB59;

  padding: 40px 60px 0 60px;

  align-items: flex-end;

}

@media (max-width: 1199.98px) {

  .features__item-sixteen {

    padding: 35px 25px 0 25px;

  }

}

@media (max-width: 991.98px) {

  .features__item-sixteen {

    flex-direction: column;

  }

}

.features__item-seventeen .number {

  background: linear-gradient(153deg, #131415 0%, #323436 100%);

}

.features__item-wrap-two .row > *:nth-child(2) .features__item-fourteen {

  background: #B5A5F8;

  border-color: #9E8AF0;

}

.features__item-wrap-two .row > *:nth-child(2) .features__icon-four {

  background: #CBBFFF;

  border-color: #9E8AF0;

  color: #5D4AAD;

}

.features__item-wrap-two .row > *:nth-child(2) .text-overlay {

  -webkit-text-stroke: 1.5px #5D4AAD;

}

.features__thumb {

  margin-bottom: 36px;

}

@media (max-width: 991.98px) {

  .features__thumb {

    text-align: center;

  }

}

.features__thumb-two {

  width: 380px;

  flex: 0 0 auto;

  margin-left: 22px;

}

@media (max-width: 1199.98px) {

  .features__thumb-two {

    margin: 0 auto;

  }

}

@media (max-width: 767.98px) {

  .features__thumb-two {

    width: 100%;

    text-align: center;

  }

}

.features__thumb-three {

  width: 535px;

  flex: 0 0 auto;

  position: relative;

  z-index: 1;

  margin-left: 70px;

  padding-top: 38px;

}

@media (max-width: 1199.98px) {

  .features__thumb-three {

    width: 430px;

    margin-left: 30px;

  }

}

@media (max-width: 991.98px) {

  .features__thumb-three {

    margin-left: 0;

  }

}

@media (max-width: 991.98px) {

  .features__thumb-three {

    width: 100%;

  }

}

.features__thumb-three img:nth-child(2) {

  position: absolute;

  left: 22%;

  top: 0;

  box-shadow: 0 8px 17px 0 rgba(6, 33, 1, 0.16);

}

.features__thumb-three img:nth-child(3) {

  position: absolute;

  bottom: 27px;

  left: 21%;

  box-shadow: 0 16px 32px 0 rgba(6, 33, 1, 0.16);

}

@media (max-width: 767.98px) {

  .features__thumb-three img:nth-child(3) {

    bottom: 13px;

  }

}

.features__thumb-four {

  width: 315px;

  flex: 0 0 auto;

  margin-left: 70px;

}

@media (max-width: 1199.98px) {

  .features__thumb-four {

    margin-left: 30px;

  }

}

@media (max-width: 991.98px) {

  .features__thumb-four {

    margin-left: 0;

    width: 290px;

  }

}

@media (max-width: 767.98px) {

  .features__thumb-four {

    width: 100%;

    text-align: center;

  }

}

.features__thumb-five {

  padding: 0;

  margin-left: auto;

}

@media (max-width: 991.98px) {

  .features__thumb-five {

    text-align: center;

  }

}

.features__content .title {

  margin-bottom: 8px;

  font-size: 24px;

  color: var(--tg-color-white-default);

}

.features__content p {

  margin-bottom: 0;

  color: var(--tg-color-white-default);

}

.features__content-two .title {

  font-size: 32px;

  line-height: 1.3;

  margin-bottom: 16px;

}

@media (max-width: 1199.98px) {

  .features__content-two .title {

    font-size: 28px;

  }

}

.features__content-two .title span {

  color: var(--tg-theme-primary);

}

.features__content-two p {

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .features__content-two p {

    margin-bottom: 15px;

  }

}

.features__content-three .title {

  margin-bottom: 12px;

  color: var(--tg-color-white-default);

  line-height: 1.3;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .features__content-three .title {

    font-size: 28px;

  }

}

.features__content-three > p {

  margin-bottom: 24px;

  color: var(--tg-color-white-default);

}

@media (max-width: 1199.98px) {

  .features__content-three > p {

    margin-bottom: 15px;

  }

}

.features__content-three .tg-link-btn {

  color: var(--tg-color-white-default);

}

.features__content-three .tg-link-btn::after, .features__content-three .tg-link-btn::before {

  background: var(--tg-color-white-default);

}

.features__content-four {

  width: 90%;

}

@media (max-width: 1199.98px) {

  .features__content-four {

    width: 100%;

  }

}

.features__content-four .title {

  margin-bottom: 16px;

  font-size: 24px;

  color: var(--tg-color-white-default);

}

.features__content-four p {

  margin-bottom: 0;

  color: var(--tg-color-gray-5);

  font-size: 18px;

}

.features__content-five .title {

  margin-bottom: 16px;

  font-size: 24px;

}

.features__content-five p {

  margin-bottom: 24px;

  font-size: 14px;

}

.features__content-six {

  padding: 48px 0;

}

@media (max-width: 991.98px) {

  .features__content-six {

    padding: 35px 0;

  }

}

@media (max-width: 767.98px) {

  .features__content-six {

    padding: 30px 0 0;

  }

}

@media (max-width: 1199.98px) {

  .features__content-six p br {

    display: none;

  }

}

.features__content-seven .title {

  color: var(--tg-heading-color);

}

.features__content-seven p {

  color: var(--tg-body-color);

}

.features__content-eight .title {

  margin-bottom: 16px;

  color: var(--tg-color-white-default);

  font-size: 24px;

}

.features__content-eight p {

  margin-bottom: 0;

  font-size: 18px;

  line-height: 1.5;

  color: var(--tg-color-white-default);

  width: 80%;

}

@media (max-width: 1199.98px) {

  .features__content-eight p {

    width: 100%;

  }

}

.features__content-nine .title {

  margin-bottom: 12px;

  color: var(--tg-color-white-default);

  font-size: 18px;

}

.features__content-nine p {

  margin-bottom: 0;

  font-size: 14px;

  color: var(--tg-color-gray-1);

  width: 90%;

}

@media (max-width: 767.98px) {

  .features__content-nine p {

    width: 100%;

  }

}

.features__content-ten .title {

  margin-bottom: 24px;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .features__content-ten .title {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .features__content-ten .title {

    font-size: 26px;

  }

}

@media (max-width: 1199.98px) {

  .features__content-ten .title br {

    display: none;

  }

}

.features__content-ten .list-wrap {

  padding-left: 20px;

}

.features__content-ten .list-wrap li {

  list-style: inherit;

  color: var(--tg-heading-color);

  font-size: 14px;

  line-height: 1.2;

  margin-bottom: 16px;

}

.features__content-ten .list-wrap li:last-child {

  margin-bottom: 0;

}

.features__content-ten .list-wrap li span {

  font-weight: 500;

}

.features__content-eleven {

  padding-bottom: 60px;

}

@media (max-width: 991.98px) {

  .features__content-eleven {

    padding-bottom: 0;

  }

}

.features__content-eleven .title {

  color: var(--tg-heading-color);

}

.features__content-eleven p {

  color: var(--tg-heading-color);

}

.features__content-eleven .features__list li {

  color: var(--tg-heading-color);

}

.features__content-eleven .tg-link-btn {

  color: var(--tg-heading-color);

}

.features__content-eleven .tg-link-btn::after, .features__content-eleven .tg-link-btn::before {

  background: var(--tg-heading-color);

}

.features__list {

  margin-bottom: 30px;

}

.features__list li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 8px;

  color: var(--tg-color-white-default);

  margin-bottom: 10px;

}

.features__list li:last-child {

  margin-bottom: 0;

}

.features__list li svg {

  transform: translateY(2px);

  flex: 0 0 auto;

  width: 20px;

}

.features__list li p {

  margin-bottom: 0;

}

.features__list li p span {

  font-weight: 500;

}

.features__shape {

  position: absolute;

  right: 110px;

  bottom: 0;

  z-index: -1;

}

@media (max-width: 1199.98px) {

  .features__shape {

    display: none;

  }

}

.features__shape-two {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: -1;

}

.features__shape-three {

  position: absolute;

  right: 40px;

  bottom: 0;

  z-index: -1;

}

.features__review {

  padding-top: 24px;

  border-top: 1px solid var(--tg-border-2);

  margin-top: 35px;

}

@media (max-width: 767.98px) {

  .features__review {

    margin-top: 20px;

  }

}



.get-started-btn .tg-btn {

  font-size: 14px;

  padding: 13px 19px;

}



/*=============================

      09. Testimonial

===============================*/

.testimonial__inner-wrap {

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  background: var(--tg-color-gray-3);

}

.testimonial__video-wrap {

  background-size: cover;

  background-position: center;

  padding: 115px 55px 55px;

  background-color: var(--tg-color-gray-6);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 40px;

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .testimonial__video-wrap {

    padding: 80px 55px 40px;

  }

}

@media (max-width: 991.98px) {

  .testimonial__video-wrap {

    padding: 60px 30px 40px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__video-wrap {

    justify-content: center;

  }

}

.testimonial__video-wrap-two .play-btn a {

  color: var(--tg-theme-primary-3);

}

.testimonial__video-wrap-two .play-btn a:hover {

  background: var(--tg-theme-primary-3);

  color: var(--tg-color-white-default);

}

.testimonial__quote {

  width: 385px;

  flex: 0 0 auto;

  background: var(--tg-color-white-default);

  padding: 40px 32px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  min-height: 480px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

@media (max-width: 767.98px) {

  .testimonial__quote {

    width: 100%;

  }

}

.testimonial__quote > svg {

  color: var(--tg-heading-color);

  margin-bottom: 24px;

}

.testimonial__quote > p {

  margin-bottom: 25px;

  line-height: 1.5;

}

.testimonial__quote-author {

  margin-top: auto;

}

.testimonial__quote-author .title {

  margin-bottom: 5px;

  font-weight: 500;

  font-size: 18px;

}

.testimonial__quote-author span {

  display: block;

  font-size: 14px;

  color: var(--tg-color-gray-4);

}

.testimonial__item {

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  padding: 40px 32px;

  min-height: 400px;

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

}

@media (max-width: 1199.98px) {

  .testimonial__item {

    padding: 35px 25px;

  }

}

.testimonial__item .rating {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 25px;

}

.testimonial__item-wrap {

  padding: 64px 64px 74px 64px;

  height: 100%;

  min-height: 640px;

}

@media (max-width: 1199.98px) {

  .testimonial__item-wrap {

    padding: 40px 40px 50px 40px;

    min-height: 580px;

  }

}

@media (max-width: 991.98px) {

  .testimonial__item-wrap {

    min-height: 550px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__item-wrap {

    padding: 30px 30px 40px 30px;

    min-height: 480px;

  }

}

.testimonial__item-wrap .single-slide {

  height: 100%;

}

.testimonial__item-wrap .slick-track, .testimonial__item-wrap .slick-list, .testimonial__item-wrap .testimonial-active {

  height: 100%;

}

.testimonial__item-wrap-two .testimonial__item {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.testimonial__item-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  position: relative;

  z-index: 1;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

}

.testimonial__item-two .shape {

  position: absolute;

  right: 0;

  bottom: 55px;

  width: 200px;

  height: auto;

  z-index: -1;

}

@media (max-width: 767.98px) {

  .testimonial__item-two .shape {

    width: 140px;

  }

}

.testimonial__item-two .shape path {

  fill: none;

  stroke: #FC5C79;

  stroke-width: 2;

}

.testimonial__item-four {

  background: #B5A5F8;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-end;

  gap: 20px;

  padding: 0 45px 0 0;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .testimonial__item-four {

    padding: 0 24px 0 0;

  }

}

@media (max-width: 767.98px) {

  .testimonial__item-four {

    flex-wrap: wrap;

    padding: 30px;

  }

}

.testimonial__img {

  width: 352px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .testimonial__img {

    width: 310px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__img {

    display: none;

  }

}

.testimonial__content p {

  margin-bottom: 20px;

}

.testimonial__content-two svg {

  color: var(--tg-theme-secondary);

  margin-bottom: 48px;

}

@media (max-width: 1199.98px) {

  .testimonial__content-two svg {

    margin-bottom: 40px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__content-two svg {

    margin-bottom: 20px;

  }

}

.testimonial__content-two p {

  margin-bottom: 30px;

  font-style: italic;

  font-weight: 500;

  font-size: 24px;

  line-height: 1.5;

}

@media (max-width: 1199.98px) {

  .testimonial__content-two p {

    font-size: 22px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__content-two p {

    font-size: 20px;

  }

}

.testimonial__content-three {

  min-height: 400px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  padding: 48px 0;

}

@media (max-width: 767.98px) {

  .testimonial__content-three {

    padding: 0;

  }

}

.testimonial__content-three svg {

  color: #7760D7;

  margin-bottom: 16px;

}

.testimonial__content-three p {

  font-size: 18px;

  line-height: 1.5;

  color: var(--tg-heading-color);

  margin-bottom: 20px;

}

.testimonial__author {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 16px;

  margin-top: auto;

}

.testimonial__author .thumb {

  width: 48px;

  flex: 0 0 auto;

}

.testimonial__author .thumb img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.testimonial__author .content .title {

  margin-bottom: 5px;

  font-weight: 500;

  font-size: 18px;

}

.testimonial__author .content span {

  display: block;

  font-size: 14px;

}

.testimonial__slider-thumb {

  background: var(--tg-heading-color);

  height: 100%;

  border-radius: 0 16px 16px 0;

  overflow: hidden;

  position: relative;

  z-index: 1;

  padding: 44px 0;

}

@media (max-width: 991.98px) {

  .testimonial__slider-thumb {

    border-radius: 0 0 16px 16px;

  }

}

.testimonial__slider-thumb img {

  -webkit-border-radius: 168px;

  -moz-border-radius: 168px;

  -o-border-radius: 168px;

  -ms-border-radius: 168px;

  border-radius: 168px;

  width: 100%;

}

.testimonial__slider-thumb .testimonial-nav {

  margin: 0 -190px;

  line-height: 1;

}

@media (max-width: 1199.98px) {

  .testimonial__slider-thumb .testimonial-nav {

    margin: 0 -170px;

  }

}

@media (max-width: 767.98px) {

  .testimonial__slider-thumb .testimonial-nav {

    margin: 0 -200px;

  }

}

.testimonial__slider-thumb .single-slide {

  padding: 0 15px;

}

.testimonial__nav {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 112px;

  height: 56px;

  margin: 0 auto;

  background: rgba(255, 255, 255, 0.2);

  border: 1px solid rgba(255, 255, 255, 0.16);

  border-radius: 48px;

  padding: 8px;

  gap: 16px;

  margin-top: 16px;

}

.testimonial__nav > button {

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-white-default);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: none;

  color: var(--tg-body-color);

}

.testimonial__nav > button:hover {

  color: var(--tg-color-white-default);

  background: var(--tg-theme-secondary);

}

.testimonial__nav-two {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 8px;

}

@media (max-width: 767.98px) {

  .testimonial__nav-two {

    justify-content: flex-start;

  }

}

.testimonial__nav-two button {

  width: 40px;

  height: 40px;

  background: transparent;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid var(--tg-border-2);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--tg-color-gray-4);

}

.testimonial__nav-two button:hover {

  border-color: var(--tg-theme-secondary);

  color: var(--tg-theme-secondary);

}

.testimonial__bottom-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  gap: 12px;

  flex-wrap: wrap;

  margin-top: 40px;

}

.testimonial__bottom-content img {

  transform: translateY(-2px);

}

.testimonial__bottom-content p {

  margin-bottom: 0;

  font-weight: 500;

  line-height: 1.2;

}

.testimonial__bottom-content p span {

  color: var(--tg-heading-color);

}

.testimonial__view-btn .tg-btn {

  color: var(--tg-theme-primary-3);

  border-color: var(--tg-theme-primary-3);

  -webkit-border-radius: 32px;

  -moz-border-radius: 32px;

  -o-border-radius: 32px;

  -ms-border-radius: 32px;

  border-radius: 32px;

}

.testimonial__view-btn .tg-btn:hover {

  background: var(--tg-theme-primary-3);

  color: var(--tg-color-white-default);

}



.play-btn a {

  width: 96px;

  height: 96px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: var(--tg-color-white-default);

  flex: 0 0 auto;

  color: var(--tg-theme-primary);

}

.play-btn a:hover {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}



.single-slide.slick-active .testimonial__item-two .shape path {

  stroke-dasharray: 2000;

  stroke-dashoffset: 2000;

  animation: draw 10s ease forwards;

}



.testimonial-active-two {

  margin: 0 -478px 0 0;

}

@media (max-width: 1500px) {

  .testimonial-active-two {

    margin: 0 -430px 0 0;

  }

}

@media (max-width: 1199.98px) {

  .testimonial-active-two {

    margin: 0 -220px 0 0;

  }

}

@media (max-width: 991.98px) {

  .testimonial-active-two {

    margin: 0 -355px 0 0;

  }

}

@media (max-width: 767.98px) {

  .testimonial-active-two {

    margin: 0 0 0 0;

  }

}

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

  .testimonial-active-two {

    margin: 0 -160px 0 0;

  }

}



.mfp-iframe-holder .mfp-content {

  max-width: 1200px;

}



/*=============================

      10. Brand

===============================*/

.brand__area-two {

  padding-bottom: 48px;

}

.brand__title {

  text-align: center;

  font-weight: 500;

  font-size: 24px;

  margin-bottom: 35px;

}

.brand__item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 52px;

  align-items: center;

}

.brand__item img {

  cursor: pointer;

}



/*=============================

      11. Faq

===============================*/

.faq__inner-wrap {

  padding: 0 50px;

}

@media (max-width: 1199.98px) {

  .faq__inner-wrap {

    padding: 0 0;

  }

}

.faq__inner-wrap-two {

  padding: 50px 70px;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  border-radius: 25px;

}

@media (max-width: 1199.98px) {

  .faq__inner-wrap-two {

    padding: 40px;

  }

}

@media (max-width: 991.98px) {

  .faq__content {

    margin-bottom: 50px;

  }

}

.faq__content p {

  margin-bottom: 16px;

  font-weight: 500;

}

.faq__content .tg-link-btn {

  color: var(--tg-theme-primary);

}

.faq__content .tg-link-btn::after, .faq__content .tg-link-btn::before {

  background: var(--tg-theme-primary);

}

.faq__wrap {

  margin-left: 30px;

}

@media (max-width: 1199.98px) {

  .faq__wrap {

    margin-left: 0;

  }

}

.faq__wrap .accordion-item {

  margin-bottom: 48px;

  border: none;

}

.faq__wrap .accordion-item:last-child {

  margin-bottom: 0;

}

.faq__wrap .accordion-button {

  font-size: 18px;

  font-weight: 600;

  padding: 0 40px 18px 0;

  color: var(--tg-heading-color);

  background: transparent;

  position: relative;

  border: none;

  border-bottom: 1px solid var(--tg-border-2);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 7px;

}

@media (max-width: 1199.98px) {

  .faq__wrap .accordion-button {

    font-size: 22px;

  }

}

@media (max-width: 767.98px) {

  .faq__wrap .accordion-button {

    font-size: 20px;

  }

}

.faq__wrap .accordion-button::after {

  display: none;

}

.faq__wrap .accordion-button::before {

  content: "+";

  position: absolute;

  right: 0;

  top: 0;

  

  font-weight: 500;

  font-size: 16px;

  color: var(--tg-heading-color);

  

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

}

.faq__wrap .accordion-button:not(.collapsed) {

  color: var(--tg-heading-color);

  background: transparent;

  box-shadow: none;

}

.faq__wrap .accordion-button:not(.collapsed)::before {

  content: "-";

  color: var(--tg-heading-color);

}

.faq__wrap .accordion-button.accordion-button:focus {

  box-shadow: none;

}

.faq__wrap .accordion-body {

  padding: 30px 0 0;

}

@media (max-width: 767.98px) {

  .faq__wrap .accordion-body {

    padding: 25px 0 0;

  }

}

.faq__wrap .accordion-body p {

  margin-bottom: 0;

  font-size: 15px;

  color: var(--tg-body-color);

}

.faq__wrap-two {

  margin-left: 0;

}

.faq__wrap-two .accordion-item {

  margin-bottom: 16px;

}

.faq__wrap-two .accordion-item:last-child {

  margin-bottom: 0;

}

.faq__wrap-two .accordion-item.active {

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  background: var(--tg-color-gray-3);

}

.faq__wrap-two .accordion-button {

  background: var(--tg-color-gray-3);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  border: none;

  padding: 22px 70px 22px 24px;

}

.faq__wrap-two .accordion-button::before {

  width: 32px;

  height: 32px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-white-default);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

  font-size: 20px;

  color: var(--tg-theme-secondary);

  right: 24px;

  top: 20px;

}

.faq__wrap-two .accordion-body {

  padding: 0 24px 24px 24px;

}

.faq__wrap-three .accordion-item {

  border: 1px solid transparent;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.faq__wrap-three .accordion-item:last-of-type .accordion-button.collapsed {

  border-bottom-right-radius: 16px;

  border-bottom-left-radius: 16px;

}

.faq__wrap-three .accordion-item:first-of-type .accordion-button {

  border-top-left-radius: 16px;

  border-top-right-radius: 16px;

}

.faq__wrap-three .accordion-item.active {

  background: var(--tg-color-gray-3);

}

.faq__wrap-three .accordion-item.active .accordion-button {

  border: none;

  background: transparent;

}

.faq__wrap-three .accordion-button {

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

.faq__wrap-three .accordion-button::before {

  content: "\f107";

  background: var(--tg-color-white-default);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  font-size: 14px;

  color: var(--tg-color-gray-4);

  right: 24px;

  top: 20px;

  border: 1px solid #D9DFE5;

  transform: rotate(-180deg);

}

.faq__wrap-three .accordion-button:not(.collapsed)::before {

  content: "\f107";

  transform: rotate(0);

  color: var(--tg-theme-primary-2);

  border-color: var(--tg-theme-primary-2);

}

.faq__tab-wrap .nav-tabs {

  justify-content: center;

  border: none;

  gap: 12px;

  margin-bottom: 32px;

}

.faq__tab-wrap .nav-link {

  font-weight: 500;

  font-size: 12px;

  color: var(--tg-theme-primary-2);

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-theme-primary-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 8px 15px;

  line-height: 1;

}

.faq__tab-wrap .nav-link.active, .faq__tab-wrap .nav-link:hover {

  background: var(--tg-theme-primary-2);

  color: var(--tg-color-white-default);

  border-color: var(--tg-theme-primary-2);

}

.faq__bottom-content {

  text-align: center;

  margin-top: 45px;

}

.faq__bottom-content p {

  margin-bottom: 0;

  font-weight: 500;

}

.faq__bottom-content p .tg-link-btn {

  color: var(--tg-theme-secondary);

  margin-left: 5px;

}

.faq__bottom-content p .tg-link-btn::after, .faq__bottom-content p .tg-link-btn::before {

  background: var(--tg-theme-secondary);

}

.faq__bottom-content-two p .tg-link-btn {

  color: var(--tg-theme-primary-2);

}

.faq__bottom-content-two p .tg-link-btn::after, .faq__bottom-content-two p .tg-link-btn::before {

  background: var(--tg-theme-primary-2);

}



/*=============================

      12. Domain

===============================*/

.domain__search-bg {

  background-size: cover;

  background-position: center;

  position: relative;

  z-index: 1;

  padding: 150px 0 100px;

}

@media (max-width: 1199.98px) {

  .domain__search-bg {

    padding: 150px 0 70px;

  }

}

@media (max-width: 991.98px) {

  .domain__search-bg {

    padding: 150px 0 60px;

  }

}

@media (max-width: 767.98px) {

  .domain__search-bg {

    padding: 150px 0 50px;

  }

}

.domain__search-area-three {

  padding: 150px 0 138px;

}

@media (max-width: 1199.98px) {

  .domain__search-area-three {

    padding: 150px 0 100px;

  }

}

@media (max-width: 991.98px) {

  .domain__search-area-three {

    padding: 150px 0 100px;

  }

}

@media (max-width: 767.98px) {

  .domain__search-area-three {

    padding: 150px 0 80px;

  }

}

.domain__inner-wrap {

  position: relative;

  z-index: 1;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 80px 155px;

  background-size: cover;

  background-position: center;

}

@media (max-width: 1199.98px) {

  .domain__inner-wrap {

    padding: 70px 80px;

  }

}

@media (max-width: 991.98px) {

  .domain__inner-wrap {

    padding: 70px 40px;

  }

}

@media (max-width: 767.98px) {

  .domain__inner-wrap {

    padding: 50px 30px;

  }

}

.domain__inner-wrap-two {

  margin: 0 155px;

  position: relative;

}

@media (max-width: 1199.98px) {

  .domain__inner-wrap-two {

    margin: 0 60px;

  }

}

@media (max-width: 991.98px) {

  .domain__inner-wrap-two {

    margin: 0;

  }

}

.domain__inner-wrap-two .shape {

  position: absolute;

  left: 14%;

  top: -60px;

}

.domain__inner-wrap-two .shape path {

  fill: none;

  stroke: #FC5C79;

  stroke-width: 2;

}

.domain__inner-wrap-two .section__title .title {

  font-size: 48px;

}

@media (max-width: 1199.98px) {

  .domain__inner-wrap-two .section__title .title {

    font-size: 42px;

  }

}

@media (max-width: 991.98px) {

  .domain__inner-wrap-two .section__title .title {

    font-size: 40px;

  }

}

@media (max-width: 767.98px) {

  .domain__inner-wrap-two .section__title .title {

    font-size: 36px;

  }

}

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

  .domain__inner-wrap-two .section__title .title {

    font-size: 38px;

  }

}

.domain__search-form-two {

  margin-bottom: 40px;

}

@media (max-width: 767.98px) {

  .domain__search-form-two {

    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);

    border: 1px solid var(--tg-theme-secondary);

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -o-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

  }

}

.domain__search-form-two input {

  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  border: 1px solid var(--tg-theme-secondary);

}

@media (max-width: 767.98px) {

  .domain__search-form-two input {

    border: none;

    box-shadow: none;

  }

}

.domain__search-form-two input:focus {

  border-color: var(--tg-theme-secondary);

}

.domain__search-form-two .nice-select {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  color: var(--tg-heading-color);

  font-weight: 500;

}

.domain__search-form-two .nice-select::after {

  border-color: var(--tg-theme-secondary);

}

.domain__list .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

  gap: 16px 24px;

  width: 70%;

  margin: 0 auto;

}

@media (max-width: 1199.98px) {

  .domain__list .list-wrap {

    width: 90%;

  }

}

@media (max-width: 991.98px) {

  .domain__list .list-wrap {

    width: 100%;

  }

}

@media (max-width: 767.98px) {

  .domain__list .list-wrap {

    gap: 12px 20px;

  }

}

.domain__list .list-wrap li {

  font-weight: 500;

  font-size: 20px;

  line-height: 1.2;

  color: var(--tg-color-gray-7);

}

@media (max-width: 767.98px) {

  .domain__list .list-wrap li {

    font-size: 18px;

  }

}

.domain__list-two .list-wrap li {

  color: var(--tg-heading-color);

}

.domain__btn {

  text-align: center;

  margin-top: 60px;

}

@media (max-width: 767.98px) {

  .domain__btn {

    margin-top: 35px;

  }

}

.domain__btn .tg-link-btn {

  color: var(--tg-theme-secondary);

}

.domain__btn .tg-link-btn::before, .domain__btn .tg-link-btn::after {

  background: var(--tg-theme-secondary);

}

.domain__bottom-content {

  text-align: center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

  flex-wrap: wrap;

}

.domain__bottom-content p {

  margin-bottom: 0;

}

.domain__bottom-content .tg-link-btn {

  color: var(--tg-theme-secondary);

}

.domain__bottom-content .tg-link-btn::after, .domain__bottom-content .tg-link-btn::before {

  background: var(--tg-theme-secondary);

}

.domain__shape img {

  position: absolute;

  z-index: -1;

}

.domain__shape img:nth-child(1) {

  left: 0;

  bottom: 102px;

}

@media (max-width: 1199.98px) {

  .domain__shape img:nth-child(1) {

    bottom: 70px;

  }

}

@media (max-width: 767.98px) {

  .domain__shape img:nth-child(1) {

    display: none;

  }

}

.domain__shape img:nth-child(2) {

  right: 40px;

  bottom: 102px;

}

@media (max-width: 1199.98px) {

  .domain__shape img:nth-child(2) {

    bottom: 70px;

    right: 20px;

  }

}

@media (max-width: 767.98px) {

  .domain__shape img:nth-child(2) {

    display: none;

  }

}

.domain__shape-two img:nth-child(1) {

  left: 0;

  bottom: 37px;

}

.domain__shape-two img:nth-child(2) {

  right: 0;

  bottom: 43px;

}

@media (max-width: 991.98px) {

  .domain__shape-two img:nth-child(2) {

    bottom: 30px;

  }

}

.domain__shape-two img:nth-child(3) {

  left: 8%;

  top: 27%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

@media (max-width: 1500px) {

  .domain__shape-two img:nth-child(3) {

    left: 5%;

    top: 13%;

  }

}

@media (max-width: 1199.98px) {

  .domain__shape-two img:nth-child(3) {

    left: 3%;

    top: 6%;

    max-width: 90px;

  }

}

@media (max-width: 991.98px) {

  .domain__shape-two img:nth-child(3) {

    display: none;

  }

}

.domain__price-item {

  border: 1px solid var(--tg-border-2);

  padding: 40px 40px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  margin-bottom: 30px;

}

@media (max-width: 767.98px) {

  .domain__price-item {

    padding: 25px 20px;

  }

}

.domain__price-item .name {

  margin-bottom: 24px;

  font-size: 24px;

}

.domain__price-item .intro-price {

  display: block;

  font-weight: 500;

  font-size: 12px;

  margin-bottom: 8px;

}

.domain__price-item .price {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  font-weight: 600;

  font-size: 28px;

  margin-bottom: 24px;

  gap: 8px;

}

@media (max-width: 767.98px) {

  .domain__price-item .price {

    font-size: 22px;

    gap: 5px;

    margin-bottom: 15px;

  }

}

.domain__price-item .price span {

  background: #DEF7EA;

  font-weight: 600;

  font-size: 12px;

  color: var(--tg-theme-primary);

  display: block;

  padding: 8px 12px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

}

@media (max-width: 767.98px) {

  .domain__price-item .price span {

    padding: 6px 10px;

  }

}

.domain__price-item-wrap {

  padding: 0 40px;

}

@media (max-width: 1199.98px) {

  .domain__price-item-wrap {

    padding: 0;

  }

}

.domain__price-item-wrap .gutter-30 {

  --bs-gutter-x: 24px;

}

.domain__price-btn {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px 12px;

  flex-wrap: wrap;

}

.domain__price-btn .tg-btn {

  font-size: 14px;

  padding: 8px 16px;

}

.domain__price-btn .transfer {

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-theme-secondary);

}

.domain__price-btn .transfer:hover {

  color: var(--tg-theme-primary);

}

.domain__price-list {

  overflow-x: auto;

}

.domain__price-list .table {

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .domain__price-list .table {

    width: 690px;

    overflow-x: auto;

    white-space: pre;

  }

}

.domain__price-list .table thead th {

  background: var(--tg-theme-secondary);

  font-size: 18px;

  color: var(--tg-color-white-default);

  padding: 21px 24px;

  border: none;

  box-shadow: none;

}

@media (max-width: 991.98px) {

  .domain__price-list .table thead th {

    padding: 18px 18px;

    font-size: 16px;

  }

}

.domain__price-list .table thead th:first-child {

  -webkit-border-radius: 16px 0 0 0;

  -moz-border-radius: 16px 0 0 0;

  -o-border-radius: 16px 0 0 0;

  -ms-border-radius: 16px 0 0 0;

  border-radius: 16px 0 0 0;

}

.domain__price-list .table thead th:last-child {

  -webkit-border-radius: 0 16px 0 0;

  -moz-border-radius: 0 16px 0 0;

  -o-border-radius: 0 16px 0 0;

  -ms-border-radius: 0 16px 0 0;

  border-radius: 0 16px 0 0;

}

.domain__price-list .table tbody tr td {

  border: 1px solid var(--tg-border-2);

  font-weight: 500;

  font-size: 18px;

  line-height: 1.2;

  color: var(--tg-body-color);

  padding: 24px 24px;

  width: 33.33%;

  background: transparent;

  box-shadow: none;

}

@media (max-width: 991.98px) {

  .domain__price-list .table tbody tr td {

    padding: 21px 18px;

    font-size: 16px;

  }

}

.domain__price-list .table tbody tr:last-child td:first-child {

  -webkit-border-radius: 0 0 0 16px;

  -moz-border-radius: 0 0 0 16px;

  -o-border-radius: 0 0 0 16px;

  -ms-border-radius: 0 0 0 16px;

  border-radius: 0 0 0 16px;

}

.domain__price-list .table tbody tr:last-child td:last-child {

  -webkit-border-radius: 0 0 16px 0;

  -moz-border-radius: 0 0 16px 0;

  -o-border-radius: 0 0 16px 0;

  -ms-border-radius: 0 0 16px 0;

  border-radius: 0 0 16px 0;

}

.domain__transfer-inner {

  padding: 0 75px;

}

@media (max-width: 1199.98px) {

  .domain__transfer-inner {

    padding: 0;

  }

}

.domain__transfer-content p {

  margin-bottom: 40px;

}

.domain__transfer-content .tg-link-btn {

  color: var(--tg-theme-secondary);

}

.domain__transfer-content .tg-link-btn::after, .domain__transfer-content .tg-link-btn::before {

  background: var(--tg-theme-secondary);

}

.domain__transfer-img {

  text-align: right;

  position: relative;

}

@media (max-width: 991.98px) {

  .domain__transfer-img {

    text-align: center;

    margin-bottom: 50px;

  }

}

.domain__transfer-img img:nth-child(1) {

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

}

@media (max-width: 991.98px) {

  .domain__transfer-img img:nth-child(1) {

    width: 100%;

  }

}

.domain__transfer-img img:nth-child(2) {

  position: absolute;

  right: 0;

  bottom: 32px;

  backdrop-filter: blur(4px);

  border-radius: 40px 0 0 40px;

}

.domain__transfer-img-two {

  text-align: right;

}

@media (max-width: 991.98px) {

  .domain__transfer-img-two {

    text-align: center;

    margin-bottom: 50px;

  }

}

.domain__transfer-img-two img {

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

}

@media (max-width: 991.98px) {

  .domain__transfer-img-two img {

    width: 100%;

  }

}

.domain__transfer-list-item {

  margin-bottom: 24px;

}

.domain__transfer-list-item:last-child {

  margin-bottom: 0;

}

.domain__transfer-list-item .title {

  font-size: 18px;

  margin-bottom: 12px;

}

.domain__transfer-list-item p {

  margin-bottom: 0;

}



.has-animation.active-animation .shape path {

  stroke-dasharray: 2000;

  stroke-dashoffset: 2000;

  animation: draw 10s ease forwards;

}



/*=============================

      13. Support

===============================*/

.support__area-three {

  background: var(--tg-color-gray-3);

}

.support__bg {

  background-size: cover;

  background-position: center;

  padding: 48px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  overflow: hidden;

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .support__bg {

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .support__bg {

    padding: 20px;

  }

}

.support__inner-wrap {

  padding: 0 90px;

}

@media (max-width: 1199.98px) {

  .support__inner-wrap {

    padding: 0 0;

  }

}

.support__inner-wrap-two {

  background: #F2F8FF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 80px 90px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .support__inner-wrap-two {

    padding: 80px 40px;

  }

}

@media (max-width: 767.98px) {

  .support__inner-wrap-two {

    padding: 60px 30px;

  }

}

.support__inner-wrap-two .shape {

  position: absolute;

  right: 36%;

  bottom: 16%;

  width: 254px;

  height: auto;

  z-index: -1;

}

@media (max-width: 1199.98px) {

  .support__inner-wrap-two .shape {

    right: 32%;

  }

}

@media (max-width: 991.98px) {

  .support__inner-wrap-two .shape {

    right: 6%;

    bottom: 4%;

  }

}

@media (max-width: 767.98px) {

  .support__inner-wrap-two .shape {

    display: none;

  }

}

.support__inner-wrap-two .shape path {

  fill: none;

  stroke: var(--tg-color-white-default);

  stroke-width: 2;

}

.support__inner-wrap-three {

  padding: 0 35px;

}

@media (max-width: 1199.98px) {

  .support__inner-wrap-three {

    padding: 0;

  }

}

.support__thumb {

  text-align: center;

}

@media (max-width: 991.98px) {

  .support__thumb {

    margin-bottom: 50px;

  }

}

.support__thumb-two {

  text-align: right;

}

@media (max-width: 991.98px) {

  .support__thumb-two {

    text-align: center;

  }

}

.support__thumb-two img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.support__thumb-three {

  text-align: right;

  margin-left: -12px;

}

@media (max-width: 1199.98px) {

  .support__thumb-three {

    margin-left: 0;

  }

}

@media (max-width: 991.98px) {

  .support__thumb-three {

    text-align: center;

  }

}

.support__content .tg-link-btn {

  color: var(--tg-theme-secondary);

}

.support__content .tg-link-btn::after, .support__content .tg-link-btn::before {

  background: var(--tg-theme-secondary);

}

.support__content-two {

  width: 90%;

}

@media (max-width: 1199.98px) {

  .support__content-two {

    width: 100%;

  }

}

.support__content-two .tg-link-btn {

  color: var(--tg-body-color);

}

.support__content-two .tg-link-btn::after, .support__content-two .tg-link-btn::before {

  background: var(--tg-body-color);

}

.support__content-three {

  width: 90%;

}

@media (max-width: 1199.98px) {

  .support__content-three {

    width: 100%;

  }

}

.support__content-three .support__list-wrap {

  margin-bottom: 0;

}

.support__content-four {

  max-width: 560px;

  backdrop-filter: blur(24px);

  background: rgba(255, 255, 255, 0.9);

  border-radius: 16px;

  border: 2px solid var(--tg-color-white-default);

  padding: 48px 48px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .support__content-four {

    max-width: 520px;

    padding: 30px 25px;

  }

}

@media (max-width: 991.98px) {

  .support__content-four {

    margin: 0 auto;

  }

}

@media (max-width: 991.98px) {

  .support__content-four {

    width: 100%;

    padding: 25px 20px;

  }

}

.support__content-four .shape {

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

  -webkit-border-radius: 0 16px 0 0;

  -moz-border-radius: 0 16px 0 0;

  -o-border-radius: 0 16px 0 0;

  -ms-border-radius: 0 16px 0 0;

  border-radius: 0 16px 0 0;

  overflow: hidden;

}

.support__content-four .title {

  margin-bottom: 24px;

  font-size: 32px;

  line-height: 1.4;

}

@media (max-width: 1199.98px) {

  .support__content-four .title {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .support__content-four .title {

    font-size: 26px;

  }

}

.support__icon {

  width: 72px;

  height: 72px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-white-default);

  color: var(--tg-theme-primary-2);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #d1e0f0;

  margin-bottom: 32px;

}

.support__list-wrap {

  margin-bottom: 40px;

}

@media (max-width: 767.98px) {

  .support__list-wrap {

    margin-bottom: 30px;

  }

}

.support__list-item {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 16px;

  margin-bottom: 30px;

}

.support__list-item:last-child {

  margin-bottom: 0;

}

.support__list-item .icon {

  color: var(--tg-theme-secondary);

  width: 32px;

  flex: 0 0 auto;

}

.support__list-item .content .title {

  margin-bottom: 5px;

  font-size: 18px;

}

.support__list-item .content p {

  margin-bottom: 0;

}

.support__list-item-two .icon {

  color: var(--tg-body-color);

}

.support__list-item-three {

  gap: 24px;

}

.support__list-item-three .icon {

  color: var(--tg-color-gray-4);

  width: 40px;

  flex: 0 0 auto;

}

.support__list-item-four .icon {

  color: var(--tg-theme-primary-2);

}



/*=============================

      14. Blog

===============================*/

.blog__post-item {

  margin-bottom: 30px;

}

.blog__post-item-two {

  margin-bottom: 40px;

}

.blog__post-item-three {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 24px;

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .blog__post-item-three {

    gap: 18px;

  }

}

.blog__post-item-three:last-child {

  margin-bottom: 0;

}

.blog__post-item-three .blog__post-author {

  gap: 8px;

}

.blog__post-item-three .blog__post-author img {

  width: 24px;

  flex: 0 0 auto;

}

.blog__post-item-three .blog__post-author a {

  font-size: 14px;

}

.blog__post-item-four {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  gap: 24px;

  margin-bottom: 24px;

}

@media (max-width: 767.98px) {

  .blog__post-item-four {

    flex-wrap: wrap;

  }

}

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

  .blog__post-item-four {

    flex-wrap: nowrap;

  }

}

.blog__post-thumb {

  position: relative;

  margin-bottom: 16px;

}

.blog__post-thumb img {

  width: 100%;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

.blog__post-thumb-two {

  margin-bottom: 24px;

}

.blog__post-thumb-two img {

  min-height: 300px;

  object-fit: cover;

}

.blog__post-thumb-three {

  width: 200px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .blog__post-thumb-three {

    width: 160px;

  }

}

@media (max-width: 991.98px) {

  .blog__post-thumb-three {

    width: 180px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-thumb-three {

    width: 160px;

  }

}

.blog__post-thumb-three img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  height: 100%;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

.blog__post-thumb-four {

  width: 200px;

  flex: 0 0 auto;

  margin-bottom: 0;

}

@media (max-width: 767.98px) {

  .blog__post-thumb-four {

    width: 100%;

  }

}

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

  .blog__post-thumb-four {

    width: 200px;

  }

}

.blog__post-thumb-four img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  height: 100%;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

.blog__post-content p {

  margin-bottom: 30px;

}

@media (max-width: 1199.98px) {

  .blog__post-content p {

    margin-bottom: 20px;

  }

}

.blog__post-content-two .blog__post-title {

  font-size: 32px;

  margin-bottom: 16px;

}

@media (max-width: 1199.98px) {

  .blog__post-content-two .blog__post-title {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-two .blog__post-title {

    font-size: 26px;

  }

}

.blog__post-content-two p {

  margin-bottom: 0;

}

.blog__post-content-three {

  min-height: 144px;

}

.blog__post-content-three .blog__post-tag {

  margin-bottom: 12px;

}

.blog__post-content-three .blog__post-title {

  font-size: 18px;

  margin-bottom: 20px;

  line-height: 1.4;

}

@media (max-width: 1199.98px) {

  .blog__post-content-three .blog__post-title {

    font-size: 16px;

    margin-bottom: 14px;

  }

}

@media (max-width: 991.98px) {

  .blog__post-content-three .blog__post-title {

    font-size: 18px;

  }

}

@media (max-width: 767.98px) {

  .blog__post-content-three .blog__post-title {

    font-size: 16px;

  }

}

.blog__post-content-four {

  min-height: 164px;

}

.blog__post-content-four .blog__post-title {

  margin-bottom: 12px;

  font-size: 20px;

}

@media (max-width: 1199.98px) {

  .blog__post-content-four .blog__post-title {

    font-size: 18px;

  }

}

.blog__post-content-four p {

  margin-bottom: 20px;

}

.blog__post-title {

  margin-bottom: 20px;

  font-size: 24px;

}

@media (max-width: 1199.98px) {

  .blog__post-title {

    font-size: 22px;

  }

}

.blog__post-title a {

  display: inline;

  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));

  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);

  -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);

  background-size: 0 2px;

  background-repeat: no-repeat;

  background-position: left 100%;

}

.blog__post-title a:hover {

  color: var(--tg-theme-secondary);

  background-size: 100% 2px;

}

.blog__post-tag {

  position: absolute;

  left: 16px;

  bottom: 16px;

  font-weight: 500;

  font-size: 12px;

  border: 1px solid var(--tg-border-2);

  background: var(--tg-color-gray-8);

  color: var(--tg-body-color);

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  display: inline-block;

  line-height: 1;

  padding: 4px 11px;

}

.blog__post-tag:hover {

  background: var(--tg-theme-secondary);

  border-color: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}

.blog__post-tag-two {

  position: inherit;

}

.blog__post-meta .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px 30px;

  flex-wrap: wrap;

}

.blog__post-meta .list-wrap li {

  position: relative;

  font-size: 14px;

  color: var(--tg-color-gray-4);

}

.blog__post-meta .list-wrap li::before {

  content: "";

  position: absolute;

  right: -18px;

  top: 50%;

  transform: translateY(-50%);

  width: 5px;

  height: 5px;

  background: var(--tg-color-gray-4);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.blog__post-meta .list-wrap li:last-child::before {

  display: none;

}

.blog__post-author {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 16px;

}

.blog__post-author img {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  width: 32px;

  flex: 0 0 auto;

}

.blog__post-author a {

  font-weight: 600;

  font-size: 16px;

  color: var(--tg-heading-color);

}

.blog__post-author a:hover {

  color: var(--tg-theme-secondary);

}

.blog__details-inner {

  padding: 0 56px;

}

@media (max-width: 1199.98px) {

  .blog__details-inner {

    padding: 0;

  }

}

.blog__details-thumb {

  margin-bottom: 24px;

}

.blog__details-thumb img {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  width: 100%;

}

.blog__details-content-top {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  justify-content: space-between;

  margin-bottom: 24px;

}

.blog__details-content > .title {

  margin-bottom: 12px;

  font-size: 18px;

  color: var(--tg-body-color);

}

.blog__details-content .title-two {

  margin-bottom: 5px;

  font-size: 16px;

  color: var(--tg-body-color);

}

.blog__details-content p {

  margin-bottom: 24px;

}

.blog__details-content p span {

  font-weight: 600;

}

.blog__details-content-bottom {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

  justify-content: space-between;

  border-top: 1px solid var(--tg-border-2);

  padding-top: 25px;

  margin-top: 40px;

}

.blog__details-list > .list-wrap {

  margin-left: 25px;

}

.blog__details-list > .list-wrap li {

  position: relative;

  list-style: inherit;

}

.blog__details-tag .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

}

.blog__details-tag .list-wrap li a {

  background: var(--tg-color-gray-8);

}

.blog__details-tag .list-wrap li a:hover {

  background: var(--tg-theme-secondary);

  border-color: var(--tg-theme-secondary);

}

.blog__details-social {

  margin-top: 0;

}

.blog__details-social .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

}



/*=============================

      15. Data Center

===============================*/

.data__center-area {

  background: var(--tg-heading-color);

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.data__center-area::before {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%) rotate(-75deg);

  top: -311px;

  width: 500px;

  height: 500px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: linear-gradient(208deg, #ff00a1 0%, #6a4dff 100%);

  filter: blur(180px);

  z-index: -1;

  opacity: 0.4;

}

.data__center-tab {

  text-align: center;

}

.data__center-tab .nav-tabs {

  border: 1px solid #222222;

  -webkit-border-radius: 48px;

  -moz-border-radius: 48px;

  -o-border-radius: 48px;

  -ms-border-radius: 48px;

  border-radius: 48px;

  background: #06070A;

  justify-content: center;

  display: inline-flex;

  padding: 12px 12px;

  gap: 8px;

  margin-bottom: 55px;

}

.data__center-tab .nav-link {

  font-weight: 500;

  font-size: 16px;

  color: var(--tg-color-gray-1);

  background: #131415;

  border: none;

  -webkit-border-radius: 32px;

  -moz-border-radius: 32px;

  -o-border-radius: 32px;

  -ms-border-radius: 32px;

  border-radius: 32px;

  padding: 12px 24px;

  line-height: 1;

}

.data__center-tab .nav-link.active {

  background: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}

.data__center-tab-two .nav-tabs {

  border: 1px solid #d9dfe5;

  background: var(--tg-color-white-default);

}

.data__center-tab-two .nav-link {

  background: #F7F7F7;

  color: var(--tg-body-color);

}

.data__center-map-item {

  margin: 0 213px;

  position: relative;

  z-index: 1;

}

@media (max-width: 1199.98px) {

  .data__center-map-item {

    margin: 0 50px;

  }

}

@media (max-width: 991.98px) {

  .data__center-map-item {

    margin: 0;

  }

}

.data__center-map-item .list-wrap li {

  position: absolute;

}

.data__center-map-item .list-wrap li:nth-child(1) {

  left: 10%;

  top: 14%;

}

.data__center-map-item .list-wrap li:nth-child(2) {

  left: 17%;

  top: 34%;

}

.data__center-map-item .list-wrap li:nth-child(3) {

  left: 30%;

  bottom: 37%;

}

.data__center-map-item .list-wrap li:nth-child(4) {

  left: 50%;

  top: 20%;

}

.data__center-map-item .list-wrap li:nth-child(5) {

  left: 46%;

  top: 46%;

}

.data__center-map-item .list-wrap li:nth-child(6) {

  right: 25%;

  top: 36%;

}

.data__center-map-item .list-wrap li:nth-child(7) {

  right: 9%;

  bottom: 25%;

}

.data__center-map-item .list-wrap li .tooltip-btn {

  width: 18px;

  height: 18px;

  background: rgba(23, 189, 84, 0.12);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid var(--tg-theme-primary);

  position: absolute;

  left: -4px;

  top: 0;

  cursor: pointer;

}

.data__center-map-item .list-wrap li .tooltip-btn::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 10px;

  height: 10px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: var(--tg-theme-primary);

}

.data__center-map-item .list-wrap li .tooltip-location {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 8px;

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-color-gray-5);

  background: #06070A;

  padding: 13px 17px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  border: 1px solid #222;

  position: absolute;

  left: 50%;

  top: -63px;

  transform: translateX(-50%);

  opacity: 0;

  visibility: hidden;

}

.data__center-map-item .list-wrap li .tooltip-location .icon {

  line-height: 1;

  transform: translateY(-1px);

}

.data__center-map-item .list-wrap li .tooltip-location span {

  white-space: nowrap;

}

.data__center-map-item .list-wrap li .tooltip-location::after {

  border-bottom: 2px solid #222;

  border-right: 2px solid #222;

  content: "";

  display: block;

  height: 12px;

  position: absolute;

  left: 50%;

  bottom: -12px;

  -webkit-transform-origin: 66% 66%;

  -ms-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  transform: rotate(45deg) translateX(-50%);

  width: 12px;

  background: #06070A;

}

.data__center-map-item .list-wrap li.active .tooltip-location {

  opacity: 1;

  visibility: visible;

}

.data__center-price {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

}

.data__center-price a {

  color: var(--tg-color-gray-1);

  font-weight: 500;

  display: inline-flex;

  align-items: center;

  gap: 5px;

}

.data__center-price a:hover {

  color: var(--tg-theme-primary);

}



.data__center-map-wrap-two .data__center-map-item .list-wrap li .tooltip-location {

  background: var(--tg-color-white-default);

  border: 1px solid #d9dfe5;

  -webkit-border-radius: 48px;

  -moz-border-radius: 48px;

  -o-border-radius: 48px;

  -ms-border-radius: 48px;

  border-radius: 48px;

  color: var(--tg-body-color);

}

.data__center-map-wrap-two .data__center-map-item .list-wrap li .tooltip-location::after {

  background: var(--tg-color-white-default);

  border-bottom: 1px solid var(--tg-border-2);

  border-right: 1px solid var(--tg-border-2);

}



/*=============================

      16. About

===============================*/

.about__area {

  background: var(--tg-color-gray-8);

  padding: 80px 0 55px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 991.98px) {

  .about__area {

    padding: 50px 0 50px;

  }

}

.about__area::before {

  content: "";

  position: absolute;

  right: 18%;

  top: -300px;

  width: 344px;

  height: 344px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: linear-gradient(180deg, #6243ff 0%, #ff2828 100%);

  z-index: -1;

  filter: blur(180px);

  opacity: 0.4;

}

.about__area::after {

  content: "";

  position: absolute;

  right: 35%;

  bottom: -250px;

  width: 404px;

  height: 404px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: linear-gradient(210deg, #09e6ff 0%, #6f56da 100%);

  z-index: -2;

  filter: blur(180px);

  opacity: 0.4;

}

.about__content .section__title {

  margin-bottom: 12px;

}

.about__content .section__title .title {

  font-size: 48px;

}

@media (max-width: 1199.98px) {

  .about__content .section__title .title {

    font-size: 42px;

  }

}

@media (max-width: 991.98px) {

  .about__content .section__title .title {

    font-size: 40px;

  }

}

@media (max-width: 767.98px) {

  .about__content .section__title .title {

    font-size: 36px;

  }

}

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

  .about__content .section__title .title {

    font-size: 38px;

  }

}

.about__content p {

  margin-bottom: 30px;

}

.about__img {

  text-align: right;

}

@media (max-width: 991.98px) {

  .about__img {

    text-align: center;

    margin-top: 50px;

  }

}

.about__shape img {

  position: absolute;

  right: 14%;

  bottom: 0;

  z-index: -1;

}

@media (max-width: 1500px) {

  .about__shape img {

    right: 10%;

  }

}

@media (max-width: 1199.98px) {

  .about__shape img {

    right: 5%;

    max-width: 500px;

  }

}



.vision__img {

  text-align: right;

}

@media (max-width: 991.98px) {

  .vision__img {

    text-align: center;

    margin-bottom: 50px;

  }

}

.vision__img img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  border: 1px solid var(--tg-border-2);

}

.vision__content {

  width: 90%;

}

@media (max-width: 1199.98px) {

  .vision__content {

    width: 95%;

  }

}

@media (max-width: 991.98px) {

  .vision__content {

    width: 100%;

  }

}

.vision__content p {

  margin-bottom: 48px;

}

@media (max-width: 991.98px) {

  .vision__content p {

    margin-bottom: 30px;

  }

}



.mission__img {

  position: relative;

}

@media (max-width: 991.98px) {

  .mission__img {

    margin-bottom: 50px;

    text-align: center;

  }

}

.mission__img img {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  border: 1px solid var(--tg-border-2);

}

.mission__img .shape {

  border: none;

  position: absolute;

  left: 48px;

  bottom: 48px;

  box-shadow: 0 19px 38px 0 rgba(6, 33, 1, 0.16);

}

.mission__content {

  margin-left: 70px;

}

@media (max-width: 1199.98px) {

  .mission__content {

    margin-left: 25px;

  }

}

@media (max-width: 991.98px) {

  .mission__content {

    margin-left: 0px;

  }

}

.mission__content p {

  margin-bottom: 48px;

}

@media (max-width: 991.98px) {

  .mission__content p {

    margin-bottom: 30px;

  }

}



.deal__area {

  border-bottom: 1px solid #e4effb;

  border-top: 1px solid #e4effb;

  background: #F8FBFF;

  padding: 16px 0;

}

.deal__content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  flex-wrap: wrap;

}

.deal__content .left-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

}

.deal__content .left-content svg {

  color: var(--tg-theme-primary-2);

}

.deal__content .left-content p {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 14px;

}

.deal__content .tg-btn {

  font-size: 12px;

  padding: 12px 20px;

}



/*=============================

      17. Team

===============================*/

.team__item {

  background: var(--tg-color-gray-3);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  text-align: center;

  padding: 40px 40px 40px;

  margin-bottom: 40px;

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

}

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

  .team__item {

    padding: 40px 20px 40px;

  }

}

.team__item:hover {

  transform: translateY(-5px);

}

.team__thumb {

  margin-bottom: 24px;

}

.team__thumb img {

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

}

.team__content .title {

  margin-bottom: 8px;

  font-size: 18px;

}

.team__content span {

  display: block;

  font-size: 14px;

}

.team__bottom-content {

  text-align: center;

}

.team__bottom-content p {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 18px;

  color: var(--tg-heading-color);

}

.team__bottom-content p a {

  margin-left: 5px;

}



/*=============================

      18. Success

===============================*/

.success__item {

  background: #C0FBD6;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  padding: 74px 0 0 56px;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .success__item {

    padding: 50px 0 0 30px;

  }

}

@media (max-width: 991.98px) {

  .success__item {

    padding: 50px 0 0 45px;

  }

}

@media (max-width: 767.98px) {

  .success__item {

    padding: 50px 0px 0 24px;

  }

}

.success__item-two {

  background: #FFF1C4;

  padding: 32px 24px 38px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  height: 100%;

}

.success__item-three {

  background: #E2DBFF;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding: 88px 50px;

  gap: 20px;

  align-items: center;

  height: 100%;

}

@media (max-width: 1199.98px) {

  .success__item-three {

    padding: 45px 24px;

  }

}

@media (max-width: 767.98px) {

  .success__item-three {

    flex-wrap: wrap;

    gap: 35px 25px;

  }

}

.success__item-four {

  background: #80C1FF;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  flex-direction: row-reverse;

  padding: 32px 32px 32px 80px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  justify-content: space-between;

  position: relative;

  gap: 30px;

  z-index: 1;

  overflow: hidden;

}

@media (max-width: 1199.98px) {

  .success__item-four {

    padding: 32px 25px 32px 25px;

  }

}

@media (max-width: 991.98px) {

  .success__item-four {

    padding: 32px 25px 32px 25px;

    flex-wrap: wrap;

    justify-content: center;

  }

}

.success__item-four.green-item {

  background: #46CF78;

}

.success__item-four.purple-item {

  background: #B5A5F8;

}

.success__item-four .shape {

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}

.success__content {

  padding-bottom: 60px;

}

@media (max-width: 991.98px) {

  .success__content {

    padding-bottom: 45px;

    padding-right: 15px;

  }

}

.success__content .shape {

  margin-bottom: 32px;

}

@media (max-width: 1199.98px) {

  .success__content .shape {

    font-size: 28px;

  }

}

.success__content .shape path {

  fill: none;

  stroke: #FC5C79;

  stroke-width: 2;

}

.success__content .title {

  font-size: 32px;

  margin-bottom: 12px;

}

@media (max-width: 1199.98px) {

  .success__content .title {

    font-size: 28px;

  }

}

.success__content p {

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .success__content p {

    margin-bottom: 14px;

  }

}

.success__content-two {

  margin-bottom: 24px;

}

.success__content-two .title {

  margin-bottom: 8px;

  font-size: 24px;

}

@media (max-width: 1199.98px) {

  .success__content-two .title {

    font-size: 22px;

  }

}

.success__content-two p {

  margin-bottom: 0;

}

.success__content-three .shape {

  margin-bottom: 15px;

}

.success__content-three .shape path {

  fill: none;

  stroke: #FC5C79;

  stroke-width: 2;

}

.success__content-three .title {

  margin-bottom: 16px;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .success__content-three .title {

    font-size: 28px;

  }

}

.success__content-three .title span {

  color: var(--tg-theme-secondary);

}

.success__content-three p {

  margin-bottom: 0;

}

.success__content-four .title {

  margin-bottom: 12px;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .success__content-four .title {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  .success__content-four .title {

    font-size: 26px;

  }

}

@media (max-width: 991.98px) {

  .success__content-four .title br {

    display: none;

  }

}

.success__content-four > p {

  margin-bottom: 24px;

  color: var(--tg-heading-color);

  width: 85%;

}

@media (max-width: 1199.98px) {

  .success__content-four > p {

    width: 100%;

  }

}

.success__content-four .tg-btn {

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

}

.success__content-four .tg-btn:hover {

  background: var(--tg-heading-color);

  color: var(--tg-color-white-default);

}

.success__list li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 8px;

  color: var(--tg-body-color);

  margin-bottom: 10px;

}

.success__list li:last-child {

  margin-bottom: 0;

}

.success__list li svg {

  transform: translateY(2px);

  flex: 0 0 auto;

  width: 20px;

}

.success__list li p {

  margin-bottom: 0;

}

.success__list li p span {

  font-weight: 500;

  color: var(--tg-heading-color);

}

.success__list-two li {

  color: var(--tg-heading-color);

}

.success__list-two li p {

  color: var(--tg-heading-color);

}

.success__img {

  position: relative;

  text-align: right;

}

.success__img img:nth-child(1) {

  -webkit-border-radius: 16px 0 16px 0;

  -moz-border-radius: 16px 0 16px 0;

  -o-border-radius: 16px 0 16px 0;

  -ms-border-radius: 16px 0 16px 0;

  border-radius: 16px 0 16px 0;

}

@media (max-width: 991.98px) {

  .success__img img:nth-child(1) {

    width: 100%;

  }

}

.success__img img:nth-child(2) {

  box-shadow: 0 16px 32px 0 rgba(6, 33, 1, 0.16);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  position: absolute;

  left: 38px;

  top: 40px;

}

.success__img-two {

  position: relative;

  text-align: center;

}

@media (max-width: 991.98px) {

  .success__img-two {

    width: 65%;

    margin: 0 auto;

  }

}

@media (max-width: 767.98px) {

  .success__img-two {

    width: 100%;

  }

}

.success__img-two img:nth-child(1) {

  border: 1px solid #E0DDF2;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  width: 100%;

}

.success__img-two img:nth-child(2) {

  position: absolute;

  right: 33px;

  top: 30px;

  box-shadow: 0 8px 17px 0 rgba(6, 33, 1, 0.16);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  -ms-border-radius: 4px;

  border-radius: 4px;

}

.success__img-three {

  width: 380px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .success__img-three {

    width: 280px;

  }

}

@media (max-width: 767.98px) {

  .success__img-three {

    width: 100%;

  }

}

.success__img-three img {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  width: 100%;

}

.success__img-four {

  width: 488px;

  flex: 0 0 auto;

}

@media (max-width: 1199.98px) {

  .success__img-four {

    width: 320px;

  }

}

@media (max-width: 991.98px) {

  .success__img-four {

    width: 400px;

  }

}

@media (max-width: 767.98px) {

  .success__img-four {

    width: 100%;

  }

}

.success__img-four img {

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  -o-border-radius: 12px;

  -ms-border-radius: 12px;

  border-radius: 12px;

}

.success__tab-wrap ul {

  margin: 0 -24px;

  border: none;

  margin-top: 40px;

}

@media (max-width: 1199.98px) {

  .success__tab-wrap ul {

    margin: 30px 0 -12px;

  }

}

@media (max-width: 767.98px) {

  .success__tab-wrap ul {

    flex-wrap: wrap;

    gap: 30px;

  }

}

.success__tab-wrap ul li {

  width: 33.33%;

  flex: 0 0 auto;

  padding: 0 24px;

}

@media (max-width: 1199.98px) {

  .success__tab-wrap ul li {

    padding: 0 12px;

  }

}

@media (max-width: 767.98px) {

  .success__tab-wrap ul li {

    width: 100%;

  }

}

.success__tab-wrap .nav-link {

  text-align: left;

  border: none;

  padding: 0 0;

  position: relative;

  z-index: 1;

  border-top: 4px solid var(--tg-border-2);

  border-radius: 0;

  padding-top: 32px;

}

@media (max-width: 1199.98px) {

  .success__tab-wrap .nav-link {

    padding-top: 18px;

  }

}

.success__tab-wrap .nav-link strong {

  display: block;

  font-weight: 500;

  font-size: 24px;

  background: transparent;

  color: var(--tg-heading-color);

  margin-bottom: 24px;

  line-height: 1.2;

}

@media (max-width: 1199.98px) {

  .success__tab-wrap .nav-link strong {

    font-size: 20px;

    margin-bottom: 12px;

  }

}

.success__tab-wrap .nav-link span {

  display: block;

  font-size: 18px;

  line-height: 1.4;

  color: var(--tg-body-color);

}

.success__tab-wrap .nav-link.active {

  background: transparent;

  border-color: var(--tg-theme-primary-2);

}

.success__tab-wrap-two .nav-link.active {

  border-color: var(--tg-theme-primary-3);

}



.has-animation.active-animation .success__content-three .shape path, .has-animation.active-animation .success__content .shape path {

  stroke-dasharray: 2000;

  stroke-dashoffset: 2000;

  animation: draw 10s ease forwards;

}



/*=============================

      19. Marquee

===============================*/

.marquee__area {

  background: #DEF7EA;

  padding: 39px 0;

}

.marquee__item {

  margin-right: 70px;

  display: inline;

  font-size: 20px;

  position: relative;

  margin-bottom: 0;

}

.marquee__item::before {

  content: "";

  position: absolute;

  right: -40px;

  top: 50%;

  transform: translateY(-50%);

  width: 10px;

  height: 10px;

  background: var(--tg-heading-color);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.marquee__item-two {

  background: #80C1FF;

  -webkit-border-radius: 48px;

  -moz-border-radius: 48px;

  -o-border-radius: 48px;

  -ms-border-radius: 48px;

  border-radius: 48px;

  font-weight: 500;

  font-size: 16px;

  color: var(--tg-heading-color);

  padding: 23px 40px;

  cursor: pointer;

}

.marquee__item-two.tg-purple {

  background: #B5A5F8;

}

.marquee__item-two.tg-yellow {

  background: #FFCB59;

}

.marquee__item-two.tg-green {

  background: #75FFB7;

}

.marquee__item-two.tg-red {

  background: #FF9292;

}

.marquee__item-two.tg-gray {

  background: #D4D4D4;

}

.marquee__item-two.tg-orange {

  background: #FF9E5E;

}



.tg-marquee-active .swiper-slide {

  width: auto !important;

}



.slide-transition {

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

}



/*=============================

      20. Contact

===============================*/

.contact__info-box {

  background: linear-gradient(45deg, #fff 70.19%, #e6e2fa 100%);

  border: 1px solid var(--tg-border-2);

  padding: 70px 64px 72px;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  -o-border-radius: 16px;

  -ms-border-radius: 16px;

  border-radius: 16px;

  height: 100%;

}

@media (max-width: 1199.98px) {

  .contact__info-box {

    padding: 60px 50px 60px;

  }

}

@media (max-width: 767.98px) {

  .contact__info-box {

    padding: 40px 30px 40px;

  }

}

.contact__info-box > .title {

  margin-bottom: 16px;

  font-size: 32px;

  font-weight: 600;

}

@media (max-width: 1199.98px) {

  .contact__info-box > .title {

    font-size: 28px;

  }

}

.contact__info-box p {

  font-size: 14px;

  margin-bottom: 32px;

  width: 90%;

}

@media (max-width: 1199.98px) {

  .contact__info-box p {

    width: 100%;

  }

}

.contact__info-box > .list-wrap li {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: flex-start;

  gap: 20px;

  margin-bottom: 24px;

}

.contact__info-box > .list-wrap li:last-child {

  margin-bottom: 0;

}

.contact__info-box > .list-wrap li .icon {

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: transparent;

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  flex: 0 0 auto;

}

.contact__info-box > .list-wrap li span, .contact__info-box > .list-wrap li a {

  font-weight: 500;

  font-size: 24px;

  color: var(--tg-body-color);

  line-height: 1.4;

}

@media (max-width: 1199.98px) {

  .contact__info-box > .list-wrap li span, .contact__info-box > .list-wrap li a {

    font-size: 22px;

  }

}

@media (max-width: 767.98px) {

  .contact__info-box > .list-wrap li span, .contact__info-box > .list-wrap li a {

    font-size: 20px;

  }

}

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

  .contact__info-box > .list-wrap li span, .contact__info-box > .list-wrap li a {

    font-size: 22px;

  }

}

.contact__info-box > .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

}

.contact__form-box {

  border: 1px solid var(--tg-border-2);

  background: linear-gradient(45deg, #fff 70.19%, #def7ea 100%);

  border-radius: 16px;

  padding: 70px 64px 72px;

}

@media (max-width: 1199.98px) {

  .contact__form-box {

    padding: 60px 50px 60px;

  }

}

@media (max-width: 767.98px) {

  .contact__form-box {

    padding: 40px 30px 40px;

  }

}

.contact__form-box .title {

  font-size: 32px;

  margin-bottom: 24px;

}

@media (max-width: 1199.98px) {

  .contact__form-box .title {

    font-size: 28px;

  }

}

.contact__form-box .form-grp {

  margin-bottom: 16px;

}

.contact__form-box .form-grp textarea, .contact__form-box .form-grp input {

  width: 100%;

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  font-size: 16px;

  font-weight: 400;

  color: var(--tg-heading-color);

  padding: 14px 24px;

  height: 56px;

  display: block;

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

}

.contact__form-box .form-grp textarea::placeholder, .contact__form-box .form-grp input::placeholder {

  color: #717484;

  font-size: 14px;

}

.contact__form-box .form-grp textarea:focus, .contact__form-box .form-grp input:focus {

  border-color: var(--tg-heading-color);

}

.contact__form-box .form-grp textarea {

  min-height: 117px;

  max-height: 117px;

  margin-bottom: 24px;

}

.contact__form-box .tg-btn {

  font-size: 14px;

  font-weight: 500;

}

.contact__social {

  margin-top: 70px;

}

.contact__social .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

}

.contact__item {

  background: var(--tg-color-gray-3);

  padding: 32px 32px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  -ms-border-radius: 24px;

  border-radius: 24px;

  height: 100%;

}

@media (max-width: 1199.98px) {

  .contact__item {

    padding: 30px 25px;

  }

}

.contact__item:hover .contact__item-icon {

  transform: translateY(5px);

}

.contact__item-icon {

  width: 56px;

  height: 56px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--tg-color-white-default);

  border: 1px solid var(--tg-border-2);

  color: var(--tg-theme-secondary);

  margin-bottom: 32px;

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

}

.contact__item-content .title {

  margin-bottom: 8px;

  font-size: 32px;

}

@media (max-width: 1199.98px) {

  .contact__item-content .title {

    font-size: 28px;

  }

}

.contact__item-content p {

  margin-bottom: 30px;

}

.contact__item-content .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px 16px;

  flex-wrap: wrap;

}

.contact__item-content .list-wrap li a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background: var(--tg-color-white-default);

  gap: 8px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  color: var(--tg-theme-secondary);

  font-weight: 500;

  padding: 6px 16px;

  line-height: 1;

}

.contact__item-content .list-wrap li a:hover {

  background: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}



.ajax-response.error, .ajax-response.success {

  margin: 20px 0 0 !important;

}

.ajax-response.error {

  color: red;

}

.ajax-response.success {

  color: green;

}



/*=============================

      21. Error

===============================*/

.error__area {

  position: relative;

  z-index: 1;

  padding: 120px 0;

}

@media (max-width: 767.98px) {

  .error__area {

    padding: 100px 0;

  }

}

.error__area .shape {

  position: absolute;

  right: 0;

  top: 0;

  z-index: -1;

}

@media (max-width: 991.98px) {

  .error__area .shape {

    max-width: 320px;

  }

}

@media (max-width: 767.98px) {

  .error__area .shape {

    max-width: 280px;

  }

}

.error__content {

  text-align: center;

}

.error__content img {

  margin-bottom: 24px;

}

.error__content .title {

  margin-bottom: 16px;

  font-weight: 500;

  font-size: 40px;

}

@media (max-width: 767.98px) {

  .error__content .title {

    font-size: 34px;

  }

}

.error__content p {

  margin-bottom: 40px;

}



/*=============================

      22. Terms

===============================*/

.terms__content .title {

  font-size: 18px;

  margin-bottom: 8px;

}

.terms__content p {

  margin-bottom: 32px;

}

.terms__content p.last-info {

  margin-bottom: 0;

}

.terms__content-bottom {

  margin-top: 40px;

}



/*=============================

      23. Login

===============================*/

.login__form-inner {

  position: relative;

  z-index: 1;

  overflow: hidden;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

@media (max-width: 767.98px) {

  .login__form-inner {

    height: 100vh;

  }

}

.login__form-inner .shape img {

  position: absolute;

  right: -24%;

  top: -10%;

  z-index: -1;

}

.login__form-wrap {

  padding: 30px 15px;

  width: 100%;

  margin: 0 auto;

}

@media (max-width: 1199.98px) {

  .login__form-wrap {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .login__form-wrap {

    width: 345px;

  }

}

.login__form-wrap .title {

  margin-bottom: 48px;

  font-size: 40px;

}

@media (max-width: 1500px) {

  .login__form-wrap .title {

    font-size: 36px;

    margin-bottom: 25px;

  }

}

@media (max-width: 767.98px) {

  .login__form-wrap .title {

    font-size: 32px;

  }

}

.login__form-wrap .divider {

  text-align: center;

  display: block;

  font-weight: 500;

  font-size: 14px;

  color: #717484;

  margin-bottom: 24px;

  margin-top: 24px;

}

.login__form-social a {

  display: flex;

  align-items: center;

  color: var(--tg-heading-color);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  justify-content: center;

  gap: 15px;

  font-weight: 500;

  font-size: 16px;

  margin-bottom: 16px;

  padding: 14px 15px;

  background: var(--tg-color-white-default);

}

.login__form-social a:hover {

  color: var(--tg-theme-secondary);

  border-color: var(--tg-theme-secondary);

}

.login__form-social a:last-child {

  margin-bottom: 0;

}

.login__form .form__grp {

  position: relative;

  margin-bottom: 16px;

}

.login__form .form__grp label {

  position: absolute;

  left: 16px;

  top: 16px;

  color: #717484;

}

.login__form .form__grp input,.inputs {

  width: 100%;

  font-size: 16px;

  font-weight: 400;

  color: var(--tg-heading-color);

  border: 1px solid var(--tg-border-2);

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 14px 20px 14px 55px;

  height: 56px;

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

  display: block;

}

.login__form .form__grp.register input,.inputs {

    padding-left: 20px;

}

.login__form .form__grp input::placeholder,.inputs {

  color: #717484;

}

.login__form .form__grp input:focus ,.inputs{

  border-color: var(--tg-heading-color);

}

.login__form .tg-btn {

  width: 100%;

  justify-content: center;

  padding: 16px 20px;

}

.login__img {

  width: 100%;

  height: 100vh;

  background-size: cover;

  background-position: center;

  position: relative;

  z-index: 1;

}

@media (max-width: 767.98px) {

  .login__img {

    display: none;

  }

}

.login__img::before {

  content: "";

  position: absolute;

  left: 40px;

  top: 40px;

  bottom: 40px;

  right: 40px;

  border: 16px solid rgba(255, 255, 255, 0.24);

}



.forgot-password {

  margin-bottom: 32px;

}

.forgot-password a {

  font-size: 12px;

  color: #FC5C79;

}

.forgot-password a:hover {

  color: var(--tg-theme-primary);

}



.password-reset {

  margin-bottom: 24px;

}

.password-reset a {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  color: #19202B;

  gap: 8px;

}

.password-reset a:hover {

  color: var(--tg-theme-primary);

}



.account__switch {

  margin-top: 24px;

}

.account__switch p {

  margin-bottom: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

}

.account__switch p a {

  color: var(--tg-theme-secondary);

}

.account__switch p a:hover {

  color: var(--tg-theme-primary);

}



/*=============================

      12. Footer

===============================*/

.footer__area {

  background: var(--tg-heading-color);

  padding-top: 130px;

}

@media (max-width: 767.98px) {

  .footer__area {

    padding-top: 80px;

  }

}

.footer__area-two {

  background: var(--tg-color-white-default);

  padding: 0 0;

}

.footer__area-three {

  background: var(--tg-heading-color);

  position: relative;

  z-index: 1;

}

.footer__area-three .shape {

  position: absolute;

  left: 50%;

  top: 0;

  z-index: -1;

  transform: translateX(-50%);

}

.footer__top-inner {

  background: var(--tg-color-dark-3);

  padding: 80px 80px 40px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

}

@media (max-width: 1199.98px) {

  .footer__top-inner {

    padding: 70px 50px 30px;

  }

}

@media (max-width: 767.98px) {

  .footer__top-inner {

    padding: 50px 20px 10px;

  }

}

.footer__top-inner .row > *:nth-child(2) .footer__widget {

  margin-left: 40px;

}

@media (max-width: 1199.98px) {

  .footer__top-inner .row > *:nth-child(2) .footer__widget {

    margin-left: 0;

  }

}

.footer__top-inner-two {

  background: #F2F4FE;

}

.footer__top-inner-three {

  border-top: 1px solid #1F2122;

  padding: 60px 0 20px;

  border-bottom: 1px solid #1F2122;

}

.footer__offer {

  box-shadow: 0 0 0 4px rgba(23, 189, 84, 0.2);

  background: var(--tg-heading-color);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 25px 48px;

  align-items: center;

  gap: 30px;

  justify-content: space-between;

  margin-bottom: 40px;

}

@media (max-width: 1199.98px) {

  .footer__offer {

    padding: 25px 25px;

    gap: 25px;

  }

}

@media (max-width: 991.98px) {

  .footer__offer {

    flex-wrap: wrap;

    justify-content: center;

  }

}

.footer__offer .section__title .title {

  font-size: 24px;

  width: 95%;

}

@media (max-width: 1199.98px) {

  .footer__offer .section__title .title {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  .footer__offer .section__title .title {

    text-align: center;

  }

}

@media (max-width: 767.98px) {

  .footer__offer .section__title .title {

    font-size: 22px;

  }

}

.footer__offer-two {

  box-shadow: 0 0 0 4px #e4ebf0;

  background: var(--tg-color-white-default);

}

.footer__offer-two .section__title .title {

  color: var(--tg-heading-color);

}

.footer__offer-two .section__title .title span {

  color: var(--tg-theme-secondary);

}

.footer__content p {

  margin-bottom: 32px;

  font-size: 14px;

  color: var(--tg-color-gray-1);

  width: 90%;

}

@media (max-width: 1199.98px) {

  .footer__content p {

    width: 100%;

  }

}

.footer__content-two p {

  color: var(--tg-body-color);

}

.footer__content-three p {

  width: 75%;

}

@media (max-width: 1199.98px) {

  .footer__content-three p {

    width: 100%;

  }

}

.footer__social .title {

  font-weight: 600;

  font-size: 16px;

  display: block;

  color: var(--tg-color-white-default);

  margin-bottom: 16px;

}

.footer__social .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 12px;

  line-height: 1;

}

.footer__social .list-wrap li a {

  font-size: 20px;

  color: var(--tg-color-white-default);

}

.footer__social .list-wrap li a:hover {

  color: var(--tg-theme-primary);

}

.footer__social-two .title {

  color: var(--tg-heading-color);

}

.footer__social-two .list-wrap li a {

  color: var(--tg-heading-color);

}

.footer__social-two .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

}

.footer__social-three .list-wrap li a:hover {

  color: var(--tg-theme-primary-2);

}

.footer__social-four .list-wrap li a:hover {

  color: var(--tg-theme-primary-3);

}

.footer__widget {

  margin-bottom: 40px;

}

.footer__widget-title {

  font-size: 18px;

  color: var(--tg-color-white-default);

  margin-bottom: 24px;

}

.footer__widget-two .footer__widget-title {

  color: var(--tg-heading-color);

}

.footer__widget-two .footer__link .list-wrap li a {

  color: var(--tg-body-color);

  transform: translateX(-12px);

  display: inline-flex;

}

.footer__widget-two .footer__link .list-wrap li a::before {

  content: "-";

  font-weight: 700;

  margin-right: 6px;

  opacity: 0;

  visibility: hidden;

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

}

.footer__widget-two .footer__link .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

  transform: translateX(0);

}

.footer__widget-two .footer__link .list-wrap li a:hover::before {

  opacity: 1;

  visibility: visible;

}

.footer__widget-three .footer__link .list-wrap li a:hover {

  color: var(--tg-theme-primary-2);

}

.footer__widget-four .footer__link .list-wrap li a:hover {

  color: var(--tg-color-white-default);

}

.footer__link .list-wrap li {

  line-height: 1.4;

  margin-bottom: 15px;

}

.footer__link .list-wrap li:last-child {

  margin-bottom: 0;

}

.footer__link .list-wrap li a {

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-color-gray-1);

}

.footer__link .list-wrap li a:hover {

  color: var(--tg-theme-primary);

}

.footer__cart-wrap {

  background: var(--tg-color-dark-3);

  margin-top: 4px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 24px 24px;

}

@media (max-width: 991.98px) {

  .footer__cart-wrap {

    padding: 20px 20px;

  }

}

.footer__cart-wrap-two {

  background: #F2F4FE;

}

.footer__cart-wrap-two .footer__cart-content .title {

  color: var(--tg-heading-color);

}

.footer__cart-wrap-two .footer__cart-content-right > a {

  background: var(--tg-color-white-default);

  color: var(--tg-theme-secondary);

}

.footer__cart-wrap-two .footer__cart-content-right > a:hover {

  background: var(--tg-theme-secondary);

  color: var(--tg-color-white-default);

}

.footer__cart-wrap-two .language__select select {

  background: var(--tg-color-white-default);

  color: var(--tg-heading-color);

}

.footer__cart-wrap-two .language__select::after {

  color: var(--tg-heading-color);

}

.footer__cart-wrap-three {

  margin-top: 24px;

}

.footer__cart-wrap-three .footer__cart-content-right > a {

  color: var(--tg-color-white-default);

}

.footer__cart-wrap-three .footer__cart-content-right > a:hover {

  background: var(--tg-theme-primary-2);

}

.footer__cart-wrap-four .footer__cart-content-right > a {

  color: var(--tg-color-white-default);

}

.footer__cart-wrap-four .footer__cart-content-right > a:hover {

  background: var(--tg-theme-primary-3);

}

.footer__cart-content {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 10px 10px;

  flex-wrap: wrap;

}

.footer__cart-content img {

  background-color: #000;

  border-radius: 5px;

    width: 60px;

}

@media (max-width: 767.98px) {

  .footer__cart-content {

    justify-content: center;

    margin-bottom: 18px;

  }

}

.footer__cart-content .title {

  display: block;

  color: var(--tg-color-white-default);

  font-weight: 600;

  font-size: 18px;

}

.footer__cart-content-right {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 10px 18px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .footer__cart-content-right {

    gap: 10px;

  }

}

@media (max-width: 767.98px) {

  .footer__cart-content-right {

    justify-content: center;

  }

}

.footer__cart-content-right > a {

  font-weight: 500;

  font-size: 12px;

  color: var(--tg-theme-primary);

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  gap: 4px;

  background: var(--tg-heading-color);

  display: block;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

  border-radius: 8px;

  padding: 8px 13px;

  line-height: 1;

}

.footer__cart-content-right > a:hover {

  background: var(--tg-theme-primary);

  color: var(--tg-color-white-default);

}

.footer__bottom {

  padding: 20px 0;

}

.footer__bottom-menu .list-wrap {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 8px 15px;

  flex-wrap: wrap;

}

@media (max-width: 991.98px) {

  .footer__bottom-menu .list-wrap {

    justify-content: center;

    margin-bottom: 10px;

  }

}

.footer__bottom-menu .list-wrap li a {

  color: var(--tg-color-gray-1);

  position: relative;

  font-size: 14px;

  font-weight: 500;

}

.footer__bottom-menu .list-wrap li a::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  height: 1px;

  background: currentColor;

  transform-origin: right top;

  transform: scale(0, 1);

  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

}

.footer__bottom-menu .list-wrap li a:hover {

  color: var(--tg-theme-primary);

}

.footer__bottom-menu .list-wrap li a:hover::before {

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

}

.footer__bottom-two .copy-right-text p {

  color: var(--tg-body-color);

}

.footer__bottom-two .copy-right-text p span, .footer__bottom-two .copy-right-text p a {

  color: var(--tg-heading-color);

}

.footer__bottom-two .copy-right-text p a:hover {

  color: var(--tg-theme-secondary);

}

.footer__bottom-two .footer__bottom-menu .list-wrap li a {

  color: var(--tg-body-color);

}

.footer__bottom-two .footer__bottom-menu .list-wrap li a:hover {

  color: var(--tg-theme-secondary);

}

.footer__bottom-three .footer__bottom-menu .list-wrap li a:hover {

  color: var(--tg-theme-primary-2);

}

.footer__bottom-four .copy-right-text p a:hover {

  color: var(--tg-theme-primary-3);

}

.footer__bottom-four .footer__bottom-menu .list-wrap li a:hover {

  color: var(--tg-color-white-default);

}

.footer__hosting-wrap {

  text-align: center;

  padding: 80px 0 60px;

}

.footer__hosting-wrap .icon {

  width: 72px;

  height: 72px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 12px;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(255, 255, 255, 0.1);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  color: var(--tg-color-white-default);

}

.footer__hosting-wrap .title {

  font-size: 40px;

  margin-bottom: 16px;

  color: var(--tg-color-white-default);

}

@media (max-width: 1199.98px) {

  .footer__hosting-wrap .title {

    font-size: 36px;

  }

}

.footer__hosting-wrap p {

  margin-bottom: 40px;

  color: var(--tg-color-gray-1);

}

.footer__hosting-wrap-two .icon {

  color: var(--tg-theme-primary-3);

}

.footer__hosting-wrap-two .tg-btn {

  background: var(--tg-theme-primary-3);

  -webkit-border-radius: 32px;

  -moz-border-radius: 32px;

  -o-border-radius: 32px;

  -ms-border-radius: 32px;

  border-radius: 32px;

}

.footer__hosting-wrap-two .tg-btn:hover {

  background: var(--tg-theme-primary-3);

}



.language__select {

  position: relative;

}

.language__select select {

  background-color: var(--tg-heading-color);

  border: none;

  color: var(--tg-color-gray-1);

  font-weight: 500;

  font-size: 12px;

  text-transform: capitalize;

  border-radius: 8px;

  outline: none;

  padding: 5px 22px 5px 12px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  line-height: 1.2;

  height: 32px;

  cursor: pointer;

}

.language__select::after {

  content: "\f078";

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  font-family: "Font Awesome 5 Free";

  font-weight: 700;

  right: 10px;

  font-size: 12px;

  color: var(--tg-color-gray-4);

}



.copy-right-text p {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 14px;

  color: var(--tg-color-gray-1);

}

@media (max-width: 991.98px) {

  .copy-right-text p {

    text-align: center;

  }

}

.copy-right-text p span {

  color: var(--tg-color-white-default);

}

.copy-right-text p a {

  color: var(--tg-color-white-default);

}

.copy-right-text p a:hover {

  color: var(--tg-theme-primary);

}
.tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two{
  width: 300px;
  padding: 6px;
}
.mega-menu-two > li {
  max-width: 300px;
  width: 300px;
}
.tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two .mega-sub-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}
.tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two .mega-sub-menu li {
  margin-left: 0;
  text-align: left;
  display: block;
  margin-bottom: 0;
}
.tg-mega-submenu >li >a{
  padding: 10px !important;
}
.tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two .mega-menu-item-two a .content .title {
  margin-bottom: 0;
  font-size: 16px;
}
.tg-mega-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  z-index: 999;
  padding: 6px;
}


@media(min-width:992px){

    .menu-item-has-children{
        position:relative;
    }

    .menu-item-has-children:hover>.tg-mega-submenu{
        display:block;
    }

}

@media(max-width:991px){

    .tg-mega-submenu{
        position:static;
        width:100%;
        box-shadow:none;
        display:none;
        padding-left:20px;
    }
    .tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two .mega-sub-menu {
     padding-inline-start: 26px;
}
.tg-mega-menu-wrap.tg-mega-menu-wrap-four.mega-menu-two .mega-sub-menu li {
  margin-bottom: 0px;
}

}