@charset "UTF-8";/*-----------------------------------------------------------------------------------    Template Name: Template Name – HTML5 Template    Author: Theme Pure    Support: basictheme400@gmail.com    Description: Template Name  – HTML5 Template    Version: 1.0-----------------------------------------------------------------------------------/************ TABLE OF CONTENTS ***************	-----------------    01. THEME CSS	-----------------		1.1 Theme Default		1.2 Common Classes		1.3 Default Spacing	-----------------    02. COMPONENTS css	-----------------		2.1 Back to top		2.2 Theme Settings		2.3 Buttons		2.4 Animations		2.5 Preloader		2.6 Background 		2.7 Carousel		2.8 Nice Select		2.9 Pagination		2.10 Offcanvas		2.11 Breadcrumb		2.12 Accordion		2.13 Tab		2.14 Modal		2.15 Section Title	-----------------    03. HEADER CSS	-----------------		3.1 Header Style 1		3.2 Header Style 2		3.3 Header Style 3		3.4 Header Style 4		3.5 Header Style 5		3.6 Header Style 6    ---------------------------------	04. MENU CSS	---------------------------------		4.1 Main menu css		4.2 Meanmenu css		4.3 Mobile menu css	---------------------------------	05. BLOG CSS	---------------------------------		5.1 Postbox css		5.2 Recent Post css		5.3 Sidebar css		5.4 Masonry css		5.5 Blog Details css	---------------------------------	06. FOOTER CSS	---------------------------------		6.1 Footer Style 1		6.2 Footer Style 2		6.3 Footer Style 3		6.4 Footer Style 4		6.5 Footer Style 5	---------------------------------	07. PAGES CSS	---------------------------------		7.1 Slider css		7.2 About css		7.3 Banner css		7.4 Brand css		7.5 Case css		7.6 Choose css		7.7 Contact css		7.8 Counter css		7.9 CTA css		7.10 Dashbord css		7.11 Feature css		7.12 Funfact css		7.13 Portfolio css		7.14 Pricing css		7.15 Process css		7.16 Rating css		7.17 Seo css		7.18 Services-details css		7.19 Services Social css		7.20 Services css		7.21 Sign-In css		7.22 Team css		7.23 Testimonial css		7.24 Tool css		7.25 Video css**********************************************//*----------------------------------------*//*  1.1 Theme Default/*----------------------------------------*/@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Urbanist:wght@300;400;500;600;700;800&display=swap");.tp-postbox-details-input-eye span, .test {  -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;}:root {  /** @font family declaration */  --tp-ff-body: 'Urbanist', sans-serif;  --tp-ff-heading: 'Urbanist', sans-serif;  --tp-ff-p: 'Urbanist', sans-serif;  --tp-ff-fontawesome: "Font Awesome 6 Pro";  --tp-ff-jakarta: 'Plus Jakarta Sans', sans-serif;  --tp-ff-dmsans: 'DM Sans', sans-serif;  /** @color declaration */  --tp-common-white: #ffffff;  --tp-common-black: #000;  --tp-common-1: #3EB9FF;  --tp-common-2: #ABBF78;  --tp-common-3: #FFB876;  --tp-common-4: #FFA0C9;  --tp-common-5: #E4F7FF;  --tp-common-6: #FFF2D6;  --tp-common-7: #E3E8FF;  --tp-common-8: #FFE4E4;  --tp-common-9: #D2F8EC;  --tp-common-10: #FFE4F3;  --tp-common-11: #0C2A50;  --tp-heading-primary: #0C2A50;  --tp-heading-secondary: #0F1123;  --tp-grey-1: #6C6E76;  --tp-grey-2: #93959F;  --tp-grey-3: #565764;  --tp-grey-4: #666666;  --tp-grey-5: #8A8A8D;  --tp-grey-6: #C3C4CD;  --tp-grey-7: #414250;  --tp-grey-8: #55585B;  --tp-text-body: #565764;  --tp-text-1: #0C2A50;  --tp-theme-primary: #0C2A50;  --tp-theme-secondary: #131683;  --tp-theme-3: #05003B;  --tp-theme-green: #59BA41;  --tp-theme-apple: #F5F1EB;  --tp-theme-dark-blue: #1E2B8A;  --tp-theme-blue: #0C2A50;  --tp-border-1: #F0F1F4;  --tp-border-5: #000;}* {  margin: 0;  padding: 0;  box-sizing: border-box;}/*---------------------------------	typography css start ---------------------------------*/body {  font-family: var(--tp-ff-body);  font-size: 16px;  font-weight: 400;  color: var(--tp-text-body);  line-height: 26px;}a {  text-decoration: none;}h1,h2,h3,h4,h5,h6 {  font-family: var(--tp-ff-heading);  color: var(--tp-heading-primary);  margin-top: 0px;  font-weight: 700;  line-height: 1.2;  -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;}h1 {  font-size: 40px;}h2 {  font-size: 36px;}h3 {  font-size: 24px;}h4 {  font-size: 20px;}h5 {  font-size: 16px;}h6 {  font-size: 14px;}ul {  margin: 0px;  padding: 0px;}p {  font-family: var(--tp-ff-p);  font-size: 16px;  font-weight: 400;  color: var(--tp-text-body);  margin-bottom: 15px;  line-height: 26px;}a,button,p,input,select,textarea,li,.transition-3,h1,h2,h3,h4,h5,h6 {  -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:not([href]):not([class]),a:not([href]):not([class]):hover {  color: inherit;  text-decoration: none;}a:focus,.button:focus {  text-decoration: none;  outline: none;}a:focus,a:hover {  color: inherit;  text-decoration: none;}a,button {  color: inherit;  outline: none;  border: none;  background: transparent;}button:hover {  cursor: pointer;}button:focus {  outline: 0;}.uppercase {  text-transform: uppercase;}.capitalize {  text-transform: capitalize;}input,textarea {  outline: none;}input[type=color] {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  background: none;  border: 0;  cursor: pointer;  height: 100%;  width: 100%;  padding: 0;  border-radius: 50%;}*::-moz-selection {  background: var(--tp-theme-primary);  color: var(--tp-common-white);  text-shadow: none;}::-moz-selection {  background: var(--tp-theme-primary);  color: var(--tp-common-white);  text-shadow: none;}::selection {  background: var(--tp-theme-primary);  color: var(--tp-common-white);  text-shadow: none;}*::-moz-placeholder {  color: var(--tp-common-black);  font-size: var(--tp-fz-body);  opacity: 1;}*::placeholder {  color: var(--tp-common-black);  font-size: var(--tp-fz-body);  opacity: 1;}@media (min-width: 1200px) {  .tp-row-cols-xl-7 > * {    flex: 0 0 auto;    width: 14.28%;  }}@media (min-width: 768px) and (max-width: 1199px) {  .tp-row-cols-md-7 > * {    flex: 0 0 auto;    width: 14.28%;  }}@media (min-width: 1400px) {  .custom-container {    padding-right: var(--bs-gutter-x, 15px);    padding-left: var(--bs-gutter-x, 15px);    margin-right: auto;    margin-left: auto;    max-width: 1230px;  }}.main-header .custom-container {  padding-right: var(--bs-gutter-x, 15px);  padding-left: var(--bs-gutter-x, 15px);  margin-right: auto;  margin-left: auto;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .main-header .custom-container {    width: 1170px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .main-header .custom-container {    width: 1000px;  }}.gx-6 {  --bs-gutter-x: 18px;}.gx-7 {  --bs-gutter-x: 53px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .gx-7 {    --bs-gutter-x: 15px;  }}@media (max-width: 767px) {  .gx-7 {    --bs-gutter-x: 15px;  }}.gx-8 {  --bs-gutter-x: 20px;}.gx-9 {  --bs-gutter-x: 58px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .gx-9 {    --bs-gutter-x: 25px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .gx-9 {    --bs-gutter-x: 60px;  }}@media (max-width: 767px) {  .gx-9 {    --bs-gutter-x: 30px;  }}.gx-10 {  --bs-gutter-x: 30px;}img {  max-width: 100%;  height: auto;}/*---------------------------------    1.2 Common Classes---------------------------------*/.w-img img {  width: 100%;}.m-img img {  max-width: 100%;}.fix {  overflow: hidden;}.clear {  clear: both;}.z-index-1 {  z-index: 1;}.z-index-11 {  z-index: 11;}.overflow-y-visible {  overflow-x: hidden;  overflow-y: visible;}.p-relative {  position: relative;}.p-absolute {  position: absolute;}.include-bg {  background-position: center;  background-size: cover;  background-repeat: no-repeat;}[dir=rtl] .test {  margin-left: 0;  margin-right: 15px;}div.test img {  margin-left: 10px;}[tp-theme=tp-theme-dark] .test {  color: yellow;}/*----------------------------------------    Body Overlay -----------------------------------------*/.body-overlay {  background-color: var(--tp-common-black);  height: 100%;  width: 100%;  position: fixed;  top: 0;  z-index: 99;  left: 0;  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;}.body-overlay:hover {  cursor: pointer;}.body-overlay.opened {  opacity: 0.4;  visibility: visible;}/* dropcap */.tp-dropcap {  display: inline-block;  font-size: 50px;  font-weight: 700;  height: 70px;  width: 70px;  line-height: 70px;  text-align: center;  color: var(--tp-common-black);  background-color: var(--tp-common-white);  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);  margin-right: 20px;}.class {  stroke-dasharray: 189px, 191px;  stroke-dashoffset: 0px;}/*---------------------------------    1.3 Default Spacing---------------------------------*/ /*----------------------------------------*//*  2.1 Back to top/*----------------------------------------*/.back-to-top-wrapper {  position: fixed;  right: 50px;  bottom: 0;  height: 44px;  width: 44px;  cursor: pointer;  display: block;  border-radius: 50%;  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;}@media (max-width: 767px) {  .back-to-top-wrapper {    right: 20px;    bottom: 20px;  }}.back-to-top-wrapper.back-to-top-btn-show {  visibility: visible;  opacity: 1;  bottom: 88px;  right: 34px;}.back-to-top-btn {  display: inline-block;  width: 44px;  height: 44px;  line-height: 44px;  text-align: center;  background: var(--tp-theme-primary);  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);  color: var(--tp-common-white);  border-radius: 50%;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;}.back-to-top-btn svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.back-to-top-btn:hover {  -webkit-transform: translateY(-4px);  -moz-transform: translateY(-4px);  -ms-transform: translateY(-4px);  -o-transform: translateY(-4px);  transform: translateY(-4px);}.back_to_top-2 .back-to-top-btn {  background: var(--tp-theme-green);}/*----------------------------------------*//*  2.2 Theme Settings/*----------------------------------------*/.tp-theme-settings-area {  position: fixed;  top: 50%;  left: 0;  width: 240px;  background-color: #fff;  border: 1px solid #EAEAEF;  -webkit-transform: translateY(-50%) translateX(-100%);  -moz-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  -o-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  z-index: 991;  direction: ltr;  border-bottom-right-radius: 4px;}.tp-theme-settings-area.settings-opened {  -webkit-transform: translateY(-50%) translateX(0%);  -moz-transform: translateY(-50%) translateX(0%);  -ms-transform: translateY(-50%) translateX(0%);  -o-transform: translateY(-50%) translateX(0%);  transform: translateY(-50%) translateX(0%);}.tp-theme-settings-area.settings-opened .tp-theme-settings-gear {  opacity: 0;}.tp-theme-settings-area.settings-opened .tp-theme-settings-close {  opacity: 1;}.tp-theme-settings-open {  position: absolute;  top: -1px;  left: 100%;}.tp-theme-settings-open button {  background-color: var(--tp-common-white);  border: 1px solid #EAEAEF;  border-left: 0;  width: 60px;  height: 60px;  line-height: 60px;  text-align: center;  font-size: 24px;  color: var(--tp-common-black);  position: relative;  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}.tp-theme-settings-gear {  display: inline-block;  -webkit-animation: spin 4s linear infinite;  -moz-animation: spin 4s linear infinite;  animation: spin 4s linear infinite;}@-webkit-keyframes spin {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}@-moz-keyframes spin {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}@-ms-keyframes spin {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}@keyframes spin {  100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);  }}.tp-theme-settings-close {  display: inline-block;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  opacity: 0;}.tp-theme-header-title {  font-size: 16px;  font-weight: 600;  margin-bottom: 30px;}.tp-theme-wrapper {  padding: 20px 30px 30px;}.tp-theme-toggle {  text-align: center;}.tp-theme-toggle-main {  display: inline-block;  width: 160px;  margin: auto;  position: relative;  z-index: 1;  background-color: #f0f0f5;  padding: 4px;  border-radius: 20px;}.tp-theme-toggle-light, .tp-theme-toggle-dark {  display: inline-block;  width: 48%;  height: 26px;  line-height: 26px;}.tp-theme-toggle input {  display: none;}.tp-theme-toggle:hover {  cursor: pointer;}.tp-theme-toggle label {  color: var(--tp-common-black);  font-size: 14px;  font-weight: 500;}.tp-theme-toggle label:hover {  cursor: pointer;}.tp-theme-toggle #tp-theme-toggler {  display: none;}.tp-theme-toggle #tp-theme-toggler:checked + i {  right: calc(50% - 4px);}.tp-theme-toggle-slide {  position: absolute;  top: 50%;  right: 4px;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  width: 50%;  height: 26px;  color: var(--tp-common-black);  background-color: var(--tp-common-white);  border-radius: 30px;  -webkit-transform: translate3d(0, 0);  transform: translate3d(0, 0);  -webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  -o-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  z-index: -1;}.tp-theme-dir {  text-align: center;}.tp-theme-dir-main {  display: inline-block;  width: 160px;  margin: auto;  position: relative;  z-index: 1;  background-color: #f0f0f5;  padding: 4px;  border-radius: 20px;}.tp-theme-dir-ltr, .tp-theme-dir-rtl {  display: inline-block;  width: 48%;  height: 26px;  line-height: 26px;}.tp-theme-dir input {  display: none;}.tp-theme-dir:hover {  cursor: pointer;}.tp-theme-dir label {  color: var(--tp-common-black);  font-size: 14px;  font-weight: 500;}.tp-theme-dir label:hover {  cursor: pointer;}.tp-theme-dir #tp-dir-toggler {  display: none;}.tp-theme-dir #tp-dir-toggler:checked + i {  right: calc(50% - 4px);}.tp-theme-dir-slide {  position: absolute;  top: 50%;  right: 4px;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  width: 50%;  height: 26px;  color: var(--tp-common-black);  background-color: var(--tp-common-white);  border-radius: 30px;  -webkit-transform: translate3d(0, 0);  transform: translate3d(0, 0);  -webkit-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  -o-transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  transition: 0.2s cubic-bezier(0.25, 1, 0.5, 1);  z-index: -1;}.tp-theme-color-item.active button::before {  opacity: 1;  visibility: visible;}.tp-theme-color-btn {  width: 100%;  height: 40px;  line-height: 40px;  text-align: center;  position: relative;}.tp-theme-color-btn::before {  position: absolute;  content: "\f00c";  font-weight: 600;  font-family: var(--tp-ff-fontawesome);  color: var(--tp-common-white);  font-size: 16px;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  -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;  opacity: 0;  visibility: hidden;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#F50963"] {  background-color: #F50963;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#008080"] {  background-color: #008080;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#F31E5E"] {  background-color: #F31E5E;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#AB6C56"] {  background-color: #AB6C56;  color: black;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#4353FF"] {  background-color: #4353FF;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#3661FC"] {  background-color: #3661FC;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#2CAE76"] {  background-color: #2CAE76;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#FF5A1B"] {  background-color: #FF5A1B;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#03041C"] {  background-color: #03041C;}.tp-theme-color-btn.tp-color-settings-btn[data-color="#ED212C"] {  background-color: #ED212C;}.tp-theme-color-input {  margin-top: 15px;}.tp-theme-color-input h6 {  font-size: 14px;  font-weight: 600;  margin-bottom: 5px;}.tp-theme-color-input label {  display: inline-block;  width: 100%;  height: 40px;  line-height: 40px;  text-align: center;  background-color: var(--tp-theme-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;}.tp-theme-color-input label:hover {  cursor: pointer;}.tp-theme-color-input input {  display: none;}/*----------------------------------------*//*  2.3 Buttons/*----------------------------------------*//* theme btn */.menu-btn,.tp-btn {  display: inline-block;  font-size: 16px;  font-weight: 600;  color: var(--tp-common-white);  background: var(--tp-theme-primary);  font-family: var(--tp-ff-jakarta);  text-align: center;  padding: 12px 33px;  position: relative;  z-index: 1;  overflow: hidden;  border-radius: 4px;}.menu-btn i, .menu-btn svg,.tp-btn i,.tp-btn svg {  margin-left: 5px;}.menu-btn svg,.tp-btn svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.menu-btn:hover,.tp-btn:hover {    color: var(--tp-common-white);    background-color: #f37c2a;    border-color: var(--tp-theme-primary);}.menu-btn:focus,.tp-btn:focus {  color: var(--tp-common-white);}.homemenu-btn {  line-height: 1;}.homemenu-btn .menu-btn {  padding: 12px 24px 14px 24px;  font-size: 15px;  width: 140px;}.tp-header-btn {  display: inline-block;  font-weight: 600;  font-size: 15px;  text-align: center;  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  border-radius: 6px;  padding: 7px 24.3px 7px;}.tp-header-btn:hover {  color: var(--tp-common-white);  background-color: #3653EB;}.banner-search-btn {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  font-weight: 600;  font-size: 16px;  display: inline-block;  padding: 15px 34px;  border-radius: 6px;  line-height: 0.9;}.banner-search-btn:hover {  background-color: #3653EB;}.tp-btn-blue {  background-color: transparent;  color: var(--tp-heading-primary);  font-weight: 600;  font-size: 16px;  line-height: 10px;  display: block;  padding: 17px 10px;  border-radius: 6px;  border: 1px solid rgba(12, 19, 56, 0.1);  text-align: center;  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;}.tp-btn-blue:hover {  color: var(--tp-common-white);  border: 1px solid transparent;  background-color: var(--tp-theme-primary);}.green-btn {  background-color: transparent;  color: var(--tp-common-white);  display: inline-block;  background-color: var(--tp-theme-green);  border: 1px solid var(--tp-theme-green);  padding: 19px 36px;  text-align: center;  -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: 500;  font-size: 16px;  line-height: 12px;}.green-btn:hover {  background-color: transparent;  border: 1px solid var(--tp-theme-green);  color: var(--tp-theme-green);}.radient-btn {  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  border-radius: 30px;  font-family: var(--tp-ff-dmsans);  font-style: normal;  font-weight: 600;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  padding: 11px 30px;  display: inline-block;  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);}.radient-btn:hover {  color: var(--tp-common-white);  transform: translateY(-2px);}.blue-btn {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  background-color: var(--tp-theme-blue);  display: inline-block;  padding: 14px 32px;  border: 2px solid var(--tp-theme-blue);  border-radius: 30px;  text-align: center;}.blue-btn:hover {  background-color: var(--tp-common-white);  color: var(--tp-theme-blue);}.light-blue-btn {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  background-color: #007CF5;  display: inline-block;  padding: 12px 32px;  border-radius: 4px;  border: 2px solid #007CF5;}.light-blue-btn:hover {  color: #007CF5;  background-color: transparent;}/* offcanvas btn */.tp-btn-offcanvas {  display: inline-block;  font-size: 14px;  font-weight: 600;  color: var(--tp-common-white);  background: var(--tp-theme-primary);  text-align: center;  font-family: var(--tp-ff-jakarta);  padding: 9px 22px;  letter-spacing: -0.02em;  position: relative;  z-index: 1;  text-transform: capitalize;  width: 100%;}.tp-btn-offcanvas i {  padding-left: 5px;}.tp-btn-offcanvas:hover {  background-color: #3653EB;  color: var(--tp-common-white);}/*----------------------------------------*//*  2.4 Animations/*----------------------------------------*//* pulse effect animation */@-webkit-keyframes pulse {  0% {    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);  }  70% {    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);  }  100% {    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);  }}@keyframes pulse {  0% {    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);  }  70% {    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);  }  100% {    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);  }}@keyframes sliderShape {  100% {    border-radius: 39% 61% 70% 30%/46% 48% 52% 54%;  }  75% {    border-radius: 38% 62% 61% 39%/58% 37% 63% 42%;  }  50% {    border-radius: 27% 73% 37% 63%/58% 31% 69% 42%;  }  25% {    border-radius: 39% 61% 70% 30%/46% 48% 52% 54%;  }}@keyframes round-shape {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}@keyframes round-shape-two {  0% {    transform: rotate(360deg);  }  100% {    transform: rotate(0deg);  }}@keyframes line-shape {  0% {    width: 0%;    height: 100%;  }  100% {    width: 100%;    height: 100%;  }}@keyframes section-animation {  0% {    width: 0;  }  15% {    width: 100%;  }  85% {    opacity: 1;  }  90% {    width: 100%;    opacity: 0;  }  to {    width: 0;    opacity: 0;  }}@keyframes borderanimate {  0% {    transform: scale(1);    opacity: 0.8;  }  50% {    transform: scale(1);    opacity: 1;  }  100% {    transform: scale(1);    opacity: 0.8;  }}@keyframes light {  0% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 1;    color: white;  }}@keyframes light-2 {  0% {    opacity: 1;  }  50% {    opacity: 0.3;  }  100% {    opacity: 1;    color: white;  }}@keyframes scale {  0% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 1;    color: white;  }}@keyframes dash {  to {    stroke-dashoffset: 0px;    stroke-dasharray: 3000;  }}@keyframes tp-line-dash {  100% {    stroke-dashoffset: 0;  }}/* 01. ========= shape animation ========== */@keyframes bannerAnimationTwo {  0% {    transform: translate(0px, 0px);  }  20% {    transform: translate(20px, -5px);  }  40% {    transform: translate(50px, 20px);  }  60% {    transform: translate(20px, 50px);  }  80% {    transform: translate(-20px, 30px);  }  100% {    transform: translate(0px, 0px);  }}@keyframes sliderTitle3 {  0% {    background-position: 0%;  }  100% {    background-position: 100%;  }}@keyframes scale-lught {  0% {    transform: translateY(-50%) scale(1);  }  100% {    transform: translateY(-50%) scale(0.4);  }}@-webkit-keyframes scale-lught {  0% {    transform: translateY(-50%) scale(1);  }  100% {    transform: translateY(-50%) scale(0.4);  }}@keyframes ripple2 {  70% {    opacity: 0;    -webkit-transform: scale(1.6);    transform: scale(1.6);  }  100% {    opacity: 0;    -webkit-transform: scale(0);    transform: scale(0);  }}@keyframes updown {  0% {    transform: translateY(-100px);  }  100% {    transform: translateY(0px);  }}@keyframes updown-two {  0% {    transform: translateY(-30px);  }  100% {    transform: translateY(0px);  }}@keyframes leftright {  0% {    transform: translateX(-30px);  }  100% {    transform: translateX(0px);  }}@keyframes updown-three {  0% {    transform: translateY(-20px);  }  100% {    transform: translateY(0px);  }}@keyframes transform {  0% {    transform: scale(0.7);    opacity: 0.8;  }  50% {    transform: scale(1);    opacity: 1;  }  100% {    transform: scale(0.7);    opacity: 0.8;  }}@keyframes img-border {  0% {    -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;    -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;    border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;  }  100% {    -webkit-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;    -moz-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;    border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;  }}@keyframes title-anim {  0% {    opacity: 1;    stroke-dasharray: 0 500;  }  12% {    stroke-dasharray: 500 500;  }  80% {    opacity: 1;  }  90% {    opacity: 1;    stroke-dasharray: 500 500;  }}@keyframes hero-shape-anim {  0% {    transform: translateY(0);  }  100% {    transform: translateY(-5px);  }}@keyframes hero-shape-anim-2 {  0% {    transform: translateY(0);  }  100% {    transform: translateY(-9px);  }}@keyframes hero-shape-anim-3 {  0% {    transform: translateY(0);  }  100% {    transform: translateY(-40px);  }}@keyframes tpswing {  0% {    transform: rotate(3deg);  }  100% {    transform: rotate(-3deg);  }}@keyframes tpstar {  0% {    transform: scale(0.5);  }  100% {    transform: scale(1);  }}@-webkit-keyframes tpstar {  0% {    transform: scale(0.5);  }  100% {    transform: scale(1);  }}@-webkit-keyframes ripple-white {  0% {    -webkit-box-shadow: 0 0 0 0 rgba(119, 90, 252, 0.04), 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04);    box-shadow: 0 0 0 0 rgba(119, 90, 252, 0.04), 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04);    border-radius: 50%;    -webkit-border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;  }  100% {    -webkit-box-shadow: 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04), 0 0 0 270px rgba(119, 90, 252, 0.01);    box-shadow: 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04), 0 0 0 270px rgba(119, 90, 252, 0.01);    border-radius: 50%;    -webkit-border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;  }}@keyframes ripple-white {  0% {    -webkit-box-shadow: 0 0 0 0 rgba(119, 90, 252, 0.04), 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04);    box-shadow: 0 0 0 0 rgba(119, 90, 252, 0.04), 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04);    border-radius: 50%;    -webkit-border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;  }  100% {    -webkit-box-shadow: 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04), 0 0 0 270px rgba(119, 90, 252, 0.01);    box-shadow: 0 0 0 100px rgba(119, 90, 252, 0.04), 0 0 0 200px rgba(119, 90, 252, 0.04), 0 0 0 270px rgba(119, 90, 252, 0.01);    border-radius: 50%;    -webkit-border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;  }}@keyframes tp-hotspot-2 {  0% {    -webkit-transform: scale(0.1);    -moz-transform: scale(0.1);    -ms-transform: scale(0.1);    -o-transform: scale(0.1);    transform: scale(0.1);    opacity: 0;  }  70% {    opacity: 1;  }  100% {    -webkit-transform: scale(1.3);    -moz-transform: scale(1.3);    -ms-transform: scale(1.3);    -o-transform: scale(1.3);    transform: scale(1.3);    opacity: 0;  }}@keyframes upslide {  0%, 20%, 50%, 80%, 100% {    transform: translateY(0);  }  40% {    transform: translateY(-20px);  }  60% {    transform: translateY(-10px);  }}/*----------------------------------------*//*  2.5 Preloader/*----------------------------------------*/#loading {  background-color: #fff;  height: 100%;  width: 100%;  position: fixed;  z-index: 999999;  margin-top: 0px;  top: 0px;}#loading-center {  width: 100%;  height: 100%;  position: relative;}#loading-center-absolute {  position: absolute;  left: 50%;  top: 50%;  width: 25%;  transform: translate(-50%, -50%);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  #loading-center-absolute {    width: 40%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  #loading-center-absolute {    width: 40%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  #loading-center-absolute {    width: 45%;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  #loading-center-absolute {    width: 50%;  }}@media (max-width: 575px) {  #loading-center-absolute {    width: 90%;  }}#loading {  background-color: #fff;  height: 100%;  width: 100%;  position: fixed;  z-index: 999999;  margin-top: 0px;  top: 0px;}#loading-center {  width: 100%;  height: 100%;  position: relative;}#loading-center-absolute {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}.tp-preloader-logo {  width: 180px;  height: 180px;  line-height: 180px;  position: relative;  text-align: center;  margin: auto;}.tp-preloader-circle {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.tp-preloader-circle svg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  -webkit-animation: tp-rotate 5s linear infinite;  -moz-animation: tp-rotate 5s linear infinite;  -ms-animation: tp-rotate 5s linear infinite;  -o-animation: tp-rotate 5s linear infinite;  animation: tp-rotate 5s linear infinite;}.tp-preloader-circle svg circle:last-child {  stroke: var(--tp-theme-primary);  stroke-dashoffset: 0;  stroke-dasharray: 1128, 3150;  -webkit-animation: tp-loading 4s linear infinite;  -moz-animation: tp-loading 4s linear infinite;  -ms-animation: tp-loading 4s linear infinite;  -o-animation: tp-loading 4s linear infinite;  animation: tp-loading 4s linear infinite;  transform-origin: center center;}@-webkit-keyframes tp-loading {  0% {    stroke-dashoffset: 0;    stroke-dasharray: 0, 3150;  }  100% {    stroke-dashoffset: -1131;    stroke-dasharray: 1128, 3138;  }}@-moz-keyframes tp-loading {  0% {    stroke-dashoffset: 0;    stroke-dasharray: 0, 3150;  }  100% {    stroke-dashoffset: -1131;    stroke-dasharray: 1128, 3138;  }}@-ms-keyframes tp-loading {  0% {    stroke-dashoffset: 0;    stroke-dasharray: 0, 3150;  }  100% {    stroke-dashoffset: -1131;    stroke-dasharray: 1128, 3138;  }}@keyframes tp-loading {  0% {    stroke-dashoffset: 0;    stroke-dasharray: 0, 3150;  }  100% {    stroke-dashoffset: -1131;    stroke-dasharray: 1128, 3138;  }}@-webkit-keyframes tp-rotate {  0% {    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  100% {    -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -ms-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}@-moz-keyframes tp-rotate {  0% {    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  100% {    -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -ms-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}@-ms-keyframes tp-rotate {  0% {    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  100% {    -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -ms-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}@keyframes tp-rotate {  0% {    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  100% {    -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -ms-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}.tp-preloader-content {  text-align: center;}.tp-preloader-title {  font-size: 100px;  font-weight: 500;  line-height: 1;  margin-bottom: 0px;}@media (max-width: 767px) {  .tp-preloader-title {    font-size: 70px;  }}.tp-preloader-subtitle {  font-size: 18px;  margin-bottom: 0;  color: var(--tp-common-black);  margin-top: 10px;  font-weight: 500;  font-family: var(--tp-ff-jakarta);}/*----------------------------------------*//*  2.6 Background/*----------------------------------------*/.grey-bg {  background: var(--tp-grey-1);}.grey-bg-2 {  background: var(--tp-grey-2);}.white-bg {  background: var(--tp-common-white);}.black-bg {  background: var(--tp-common-black);}.theme-bg {  background: var(--tp-theme-primary);}.theme-bg-2 {  background: var(--tp-theme-secondary);}.theme-bg-3 {  background: var(--tp-theme-3);}.theme-bg-4 {  background: var(--tp-theme-dark-blue);}/*----------------------------------------*//*  2.7 Carousel/*----------------------------------------*//* tp range slider css */.tp-range-slider .inside-slider {  padding-left: 7px;  padding-right: 17px;}.tp-range-slider .noUi-target {  background-color: #191C3C;  -webkit-border-radius: 12px;  -moz-border-radius: 12px;  -o-border-radius: 12px;  -ms-border-radius: 12px;  border-radius: 12px;  border: 0;  box-shadow: none;}.tp-range-slider .noUi-connect {  background-color: var(--tp-theme-primary);}.tp-range-slider .noUi-horizontal {  height: 6px;}.tp-range-slider .noUi-handle {  height: 24px;  width: 24px;  background-color: var(--tp-theme-primary);  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  border-radius: 50%;  border: 4px solid var(--tp-common-white);  box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);  top: -9px;}.tp-range-slider .noUi-handle:hover {  cursor: pointer;}.tp-range-slider .noUi-handle::before, .tp-range-slider .noUi-handle::after {  display: none;}.tp-range-slider-dark .noUi-handle {  border: 4px solid #2D314B;}/* tp swiper slider dot */.tp-swiper-dot .swiper-pagination-bullet {  width: 8px;  height: 8px;  background-color: var(--tp-grey-1);  opacity: 1;  margin: 0 9px;  position: relative;}.tp-swiper-dot .swiper-pagination-bullet::after {  position: absolute;  content: "";  left: 50%;  top: 50%;  width: calc(100% + 16px);  height: calc(100% + 16px);  background-color: transparent;  border: 2px solid transparent;  border-radius: 50%;  transform: translate(-50%, -50%) scale(0);}.tp-swiper-dot .swiper-pagination-bullet button {  font-size: 0;}.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color: var(--tp-theme-primary);}.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::after {  border-color: var(--tp-theme-primary);  transform: translate(-50%, -50%) scale(1);}.tp-swiper-arrow {  width: 80px;  height: 80px;  line-height: 80px;  font-size: 20px;  text-align: center;  background-color: var(--tp-common-white);  color: var(--tp-common-black);}.tp-swiper-arrow:hover {  background-color: var(--tp-common-black);  color: var(--tp-common-white);}/* tp slick arrow *//*----------------------------------------*//*  2.8 Nice Select/*----------------------------------------*/.nice-select {  -webkit-tap-highlight-color: transparent;  background-color: #fff;  border-radius: 5px;  border: solid 1px #e8e8e8;  box-sizing: border-box;  clear: both;  cursor: pointer;  display: block;  float: left;  font-family: inherit;  font-size: 14px;  font-weight: normal;  height: 42px;  line-height: 40px;  outline: none;  padding-left: 18px;  padding-right: 30px;  position: relative;  text-align: left !important;  -webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  white-space: nowrap;  width: auto;}.nice-select:hover {  border-color: #dbdbdb;}.nice-select:active, .nice-select.open, .nice-select:focus {  border-color: #999;}.nice-select::after {  background-color: transparent;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  margin-top: 0;  right: 0;  content: "\f107";  font-family: var(--tp-ff-fontawesome);  transform-origin: center;  color: var(--tp-common-black);  font-weight: 500;  height: auto;  width: auto;}.nice-select.open::after {  -webkit-transform: translateY(-50%) rotate(-180deg);  -moz-transform: translateY(-50%) rotate(-180deg);  -ms-transform: translateY(-50%) rotate(-180deg);  -o-transform: translateY(-50%) rotate(-180deg);  transform: translateY(-50%) rotate(-180deg);}.nice-select.open .list {  opacity: 1;  pointer-events: auto;  -webkit-transform: scale(1) translateY(0);  -ms-transform: scale(1) translateY(0);  transform: scale(1) translateY(0);}.nice-select.disabled {  border-color: #ededed;  color: #999;  pointer-events: none;}.nice-select.disabled::after {  border-color: #cccccc;}.nice-select.wide {  width: 100%;}.nice-select.wide .list {  left: 0 !important;  right: 0 !important;}.nice-select.right {  float: right;}.nice-select.right .list {  left: auto;  right: 0;}.nice-select.small {  font-size: 12px;  height: 36px;  line-height: 34px;}.nice-select.small::after {  height: 4px;  width: 4px;}.nice-select.small .option {  line-height: 34px;  min-height: 34px;}.nice-select .list {  background-color: #fff;  border-radius: 5px;  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);  box-sizing: border-box;  margin-top: 4px;  opacity: 0;  overflow: hidden;  padding: 0;  pointer-events: none;  position: absolute;  top: 100%;  left: 0;  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;  -webkit-transform: scale(0.75) translateY(-21px);  -ms-transform: scale(0.75) translateY(-21px);  transform: scale(0.75) translateY(-21px);  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;  z-index: 9;}.nice-select .option {  cursor: pointer;  font-weight: 400;  line-height: 40px;  list-style: none;  min-height: 40px;  outline: none;  padding-left: 18px;  padding-right: 29px;  text-align: left;  -webkit-transition: all 0.2s;  transition: all 0.2s;}.nice-select .option.selected {  font-weight: bold;}.nice-select .option.disabled {  background-color: transparent;  color: #999;  cursor: default;}.no-csspointerevents .nice-select .list {  display: none;}.no-csspointerevents .nice-select.open .list {  display: block;}/*----------------------------------------*//*  2.9 Pagination/*----------------------------------------*/.basic-pagination ul li {  display: inline-block;}.basic-pagination ul li:not(:last-child) {  margin-right: 17px;}.basic-pagination ul li a, .basic-pagination ul li span {  display: inline-block;  width: 44px;  height: 44px;  line-height: 39px;  text-align: center;  -webkit-border-radius: 7px;  -moz-border-radius: 7px;  -o-border-radius: 7px;  -ms-border-radius: 7px;  border-radius: 7px;  border: 2px solid #4260FF;  font-size: 15px;  font-weight: 600;  font-family: var(--tp-ff-jakarta);}.basic-pagination ul li a i, .basic-pagination ul li span i {  color: #4260FF;  transform: translateY(-1px);  display: inline-block;}.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {  background: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.basic-pagination ul li a:hover i, .basic-pagination ul li a.current i, .basic-pagination ul li span:hover i, .basic-pagination ul li span.current i {  color: var(--tp-common-white);}.basic-pagination ul li a.current, .basic-pagination ul li span.current {  width: 140px;}/*----------------------------------------*//*  2.10 Offcanvas/*----------------------------------------*/.offcanvas__area {  position: fixed;  right: 0;  top: 0;  width: 360px;  height: 100%;  -webkit-transform: translateX(calc(100% + 80px));  -moz-transform: translateX(calc(100% + 80px));  -ms-transform: translateX(calc(100% + 80px));  -o-transform: translateX(calc(100% + 80px));  transform: translateX(calc(100% + 80px));  background: var(--tp-common-white) none repeat scroll 0 0;  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  z-index: 999;  overflow-y: scroll;  overscroll-behavior-y: contain;  scrollbar-width: none;}.offcanvas__area::-webkit-scrollbar {  display: none; /* for Chrome, Safari, and Opera */}.offcanvas__area.offcanvas-opened {  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);  opacity: 1;}.offcanvas__area.offcanvas-opened .tp-menu-banner-thumb {  text-align: end;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .offcanvas__area {    width: 400px;  }}@media (max-width: 767px) {  .offcanvas__area {    width: 100%;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .offcanvas__area {    width: 360px;  }}.offcanvas__wrapper {  position: relative;  padding: 50px 40px 120px 40px;  z-index: 1;  min-height: 100%;}@media (max-width: 767px) {  .offcanvas__wrapper {    padding: 20px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .offcanvas__wrapper {    padding: 50px 40px 120px 40px;  }}.offcanvas__close {  position: absolute;  top: 30px;  right: 30px;}@media (max-width: 767px) {  .offcanvas__close {    right: 20px;    top: 30px;  }}.offcanvas__close-btn {  display: inline-block;  font-size: 16px;  height: 44px;  width: 44px;  line-height: 40px;  border: 2px solid var(--tp-border-1);  background-color: transparent;  color: var(--tp-text-1);  border-radius: 50%;}.offcanvas__close-btn:hover {  background-color: var(--tp-theme-primary);  border-color: transparent;  color: var(--tp-common-white);}.offcanvas__close-btn svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.offcanvas__inner h4 {  font-family: var(--tp-ff-jakarta);  font-size: 24px;  color: var(--tp-common-white);  line-height: 1.3;  margin-bottom: 15px;}.offcanvas__inner p {  font-family: var(--tp-ff-inter);  font-size: 16px;  line-height: 22px;  color: var(--tp-common-white);  margin-bottom: 30px;}.offcanvas__inner > img {  margin-bottom: 30px;}.offcanvas__menu ul li {  list-style: none;  margin-bottom: 10px;}.offcanvas__menu ul li:last-child {  margin-bottom: 0;}.offcanvas__menu ul li a {  font-weight: 700;  font-size: 20px;  color: var(--tp-common-black);}.offcanvas__menu ul li:hover > a {  color: var(--tp-theme-primary);}.offcanvas__text p {  font-family: var(--tp-ff-inter);  font-weight: 400;  font-size: 14px;  line-height: 1.7;  letter-spacing: 0.01em;  color: var(--tp-common-black-4);  margin-bottom: 25px;}.offcanvas__contact-call {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 20px;  color: var(--tp-common-black);  margin-bottom: 5px;}.offcanvas__contact-call a:hover {  color: var(--tp-theme-primary);}.offcanvas__contact-mail {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  color: var(--tp-text-1);}.offcanvas__contact-mail a:hover {  color: var(--tp-theme-primary);}.offcanvas__social a {  display: inline-block;  width: 40px;  height: 40px;  line-height: 37px;  text-align: center;  background: transparent;  color: var(--tp-common-black);  margin-right: 5px;  border: 2px solid var(--tp-border-1);  border-radius: 6px;}.offcanvas__social a:hover {  background: var(--tp-theme-primary);  color: var(--tp-common-white);  border-color: var(--tp-theme-primary);}.offcanvas__btn {  margin-bottom: 55px;}.offcanvas__btn a {  margin-bottom: 20px;}.offcanvas__info-item {  margin-bottom: 38px;}.offcanvas__info-item-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 18px;  color: var(--tp-common-white);  margin-bottom: 12px;}.offcanvas__info-item p {  font-size: 16px;  color: var(--tp-text-16);  margin-bottom: 0;  line-height: 22px;}.offcanvas__info-item p a:hover {  color: var(--tp-theme-primary);}.offcanvas-btn {  line-height: 1;}.offcanvas-open-btn {  line-height: 1;}/*----------------------------------------*//*  2.11 Breadcrumb/*----------------------------------------*/.breadcrumb-bg {  background: #E4ECF8;}.breadcrumb-overlay {  position: relative;  z-index: 1;}.breadcrumb-overlay::before {  position: absolute;  content: "";  z-index: -1;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: #080211;  opacity: 0.6;}.breadcrumb__title {  color: #0E1331;  font-family: var(--tp-ff-jakarta);  font-weight: 800;  font-size: 80px;  line-height: 1;}@media (max-width: 767px) {  .breadcrumb__title {    font-size: 38px;  }}.breadcrumb__title-pre {  display: inline-block;  height: 24px;  line-height: 26px;  font-size: 14px;  color: #ffffff;  font-weight: 500;  background: var(--tp-theme-2);  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  padding: 0 7px;  margin-bottom: 12px;}.breadcrumb__list span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  color: #68686F;}.breadcrumb__list span a:hover {  color: var(--tp-theme-primary);}.breadcrumb__list .dvdr {  position: relative;  margin-right: 10px;  margin-left: 4px;}.breadcrumb__list .dvdr::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(1px);  height: 3px;  width: 3px;  border-radius: 50%;  background: #A0A0A3;}.breadcrumb__content-2 .breadcrumb__title {  color: var(--tp-common-white);  margin-bottom: 11px;}.breadcrumb__content-2 .breadcrumb__list span {  color: var(--tp-common-white);}.breadcrumb__content-2 .breadcrumb__list span a:hover {  color: var(--tp-common-white);  opacity: 0.7;}.breadcrumb__content-2 .breadcrumb__list .dvdr::before {  background: var(--tp-common-white);}.inner-shape-dots {  position: absolute;  left: 150px;  top: 175px;  animation: updown-three 2.5s linear 0s infinite alternate;}.breadcrumb-2-bg {  background-position: center;  background-size: cover;  background-repeat: no-repeat;}.breadcrumb-2-shape {  position: absolute;  z-index: -1;  top: 0;  left: 0;  width: 100%;  height: 100%;  mix-blend-mode: overlay;  opacity: 0.8;}/*----------------------------------------*//*  2.12 Accordion/*----------------------------------------*/.accordion-button::after {  width: 0;  height: 0;  margin-left: auto;}.tp-accordion .accordion-button:not(.collapsed) {  color: var(--tp-theme-green);  background-color: var(--tp-common-white);  box-shadow: none;}.tp-accordion .accordion-button {  position: relative;  font-weight: 500;  font-size: 20px;  line-height: 1;  font-family: var(--tp-ff-dmsans);  padding: 35px 0px;  -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: 767px) {  .tp-accordion .accordion-button {    font-size: 16px;  }}.tp-accordion .accordion-button::after {  content: "+";  font-family: "Font Awesome 6 Pro";  position: absolute;  background-image: none;  right: 0;  width: auto;  height: auto;  font-weight: 500;  font-size: 18px;  -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;  top: 50%;  transform: translateY(-50%);}.tp-accordion .accordion-button:focus {  outline: 0;  box-shadow: none;}.tp-accordion .accordion-item {  background-color: var(--tp-common-white);  border-right: none;  border-left: none;  border-color: rgba(1, 15, 28, 0.1);}.tp-accordion .accordion-body {  padding: 0px 70px 35px 0;  font-weight: 400;  font-size: 16px;  line-height: 24px;  font-family: var(--tp-ff-dmsans);  color: #55585B;}@media (max-width: 767px) {  .tp-accordion .accordion-body {    padding: 0px 30px 35px 0;  }}.tp-accordion .accordion-button:not(.collapsed)::after {  background-image: none;  transform: translateY(-50%) rotate(135deg);  color: var(--tp-theme-green);}.tp-accordion-btn a {  color: var(--tp-grey-8);  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 18px;  line-height: 12px;}.tp-accordion-btn a:hover {  color: var(--tp-theme-green);}.tp-accordion-btn a i {  font-size: 14px;  font-weight: 500;  margin-left: 2px;}/*----------------------------------------*//*  2.13 Tab/*----------------------------------------*/.tp-tab .nav-tabs {  padding: 0;  margin: 0;  border: 0;}.tp-tab .nav-tabs .nav-link {  padding: 0;  margin: 0;  border: 0;}/*----------------------------------------*//*  2.14 Modal/*----------------------------------------*//*----------------------------------------*//*  2.15 Section Title/*----------------------------------------*/@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpsection__content {    padding-top: 0;  }}.tpsection__content p {  color: var(--tp-grey-3);  font-weight: 500;  font-size: 16px;  line-height: 26px;}@media (max-width: 767px) {  .tpsection__content p br {    display: none;  }}.tpsection__title {  font-weight: 700;  font-size: 54px;  line-height: 1.15;  letter-spacing: -0.02em;}.tpsection__title span {  font-weight: 300;  font-size: 54px;}@media (max-width: 767px) {  .tpsection__title span {    font-size: 34px;    line-height: 1.2;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpsection__title {    font-size: 45px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpsection__title {    font-size: 30px;    letter-spacing: 0;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpsection__title {    font-size: 45px;  }}@media (max-width: 767px) {  .tpsection__title {    font-size: 30px;  }}.tpsection__title-pre {  font-size: 14px;  font-weight: var(--tp-fw-bold);  color: var(--tp-theme-primary);  display: inline-block;  text-transform: uppercase;}.tpsection-title {  font-weight: 700;  font-size: 54px;  line-height: 1.15;  letter-spacing: -0.02em;}.tpsection-title span {  font-weight: 300;  font-size: 54px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpsection-title {    font-size: 45px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpsection-title {    font-size: 35px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpsection-title {    font-size: 45px;  }}@media (max-width: 767px) {  .tpsection-title {    font-size: 30px;  }}.tpsection-title-white {  color: var(--tp-common-white);  font-size: 40px;}@media (max-width: 767px) {  .tpsection-title-white {    font-size: 24px;  }}.tpsection-sub-title-white {  color: var(--tp-common-white);  font-weight: 600;  font-size: 16px;  line-height: 12px;}.tpsection-wrapper p {  font-weight: 400;  font-size: 18px;  line-height: 20px;  letter-spacing: -0.02em;  font-family: var(--tp-ff-dmsans);}.tpsection-title-two {  font-weight: 700;  font-size: 59px;  line-height: 1.19;  letter-spacing: -0.02em;  color: var(--tp-common-11);  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpsection-title-two {    font-size: 50px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpsection-title-two {    font-size: 46px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpsection-title-two {    font-size: 32px;  }}@media (max-width: 767px) {  .tpsection-title-two {    font-size: 28px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpsection-title-two {    font-size: 36px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpsection-title-two br {    display: none;  }}.tpsection-title-two span {  position: relative;  z-index: 1;}.tpsection-title-two span svg {  position: absolute;  bottom: -2px;  left: 0;  z-index: -1;  width: 100%;}.tpsection-title-two span svg path {  animation-name: title-anim;  animation-duration: 5s;  -webkit-animation-iteration-count: infinite;  animation-delay: 0s;}@media (max-width: 767px) {  .tpsection-title-two span svg {    bottom: -10px;  }}.tpsection-title-two .big-shape svg {  left: 27px;  bottom: -12px;}.tpsection-title-two .big-shape2 svg {  left: -5px;  bottom: -5px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpsection-title-two .big-shape2 svg {    bottom: -15px;  }}@media (max-width: 767px) {  .tpsection-title-two .big-shape2 svg {    left: 18px;  }}.tpsection-title-white-2 {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 60px;  line-height: 1;  letter-spacing: -0.02em;  color: var(--tp-common-white);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpsection-title-white-2 {    font-size: 48px;  }}@media (max-width: 767px) {  .tpsection-title-white-2 {    font-size: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpsection-title-white-2 br {    display: none;  }}.section-wrapper span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  line-height: 1;  background: linear-gradient(90deg, #501E9C 0%, #A44CEE 43.75%, #FF847F 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent;}.section-title-4 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 60px;  line-height: 1.2;  color: var(--tp-common-11);}@media (max-width: 767px) {  .section-title-4 {    font-size: 38px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .section-title-4 br {    display: none;  }}.section-title-4-2 {  font-size: 50px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .section-title-4-2 {    font-size: 42px;  }}@media (max-width: 767px) {  .section-title-4-2 {    font-size: 38px;  }}@media (max-width: 767px) {  .section-title-4-2 br {    display: none;  }}.section-3 {  position: relative;  z-index: 2;}.section-3-sub-title {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 14px;  color: #FF622D;}.section-3-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 60px;  line-height: 1.09;  letter-spacing: -0.01em;  color: var(--tp-common-11);}@media (max-width: 767px) {  .section-3-title {    font-size: 40px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .section-3-title {    font-size: 50px;  }}@media (max-width: 767px) {  .section-3-title br {    display: none;  }}.section-3 p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  color: var(--tp-grey-8);  opacity: 0.8;}@media (max-width: 767px) {  .section-3 p br {    display: none;  }}.section-3 span {  font-weight: 500;  font-size: 17px;  color: #010F1C;  opacity: 0.8;}.section-inner-wrapper span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  color: var(--tp-theme-primary);}.section-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.04;  letter-spacing: -0.02em;  color: var(--tp-heading-primary);}@media (max-width: 767px) {  .section-inner-title {    font-size: 40px;  }}@media (max-width: 767px) {  .section-inner-title br {    display: none;  }}/*----------------------------------------*//*  3.1 Header Style 1/*----------------------------------------*/.tplogo__area a img {  max-width: 105px;}.tpmenu__area ul li {  display: inline-block;  list-style: none;  margin: 0 16px;  position: relative;}@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpmenu__area ul li {    margin: 0 17px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpmenu__area ul li {    margin: 0 14px;  }}.tpmenu__area ul li:hover.has-dropdown a::after {  color: var(--tp-theme-primary);}.tpmenu__area ul li:hover .submenu {  opacity: 1;  visibility: visible;  transform: scale(1);}.tpmenu__area ul li:hover > a {  color: var(--tp-theme-primary);}.tpmenu__area ul li.has-dropdown > a {  position: relative;}.tpmenu__area ul li.has-mega-menu {  position: static;}.tp-mega-menu-wrapper {  position: relative;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner {  text-align: left;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  line-height: 16px;  color: #0E1331;  margin-bottom: 30px;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li {  margin: 0 0;  float: left;  width: 50%;  margin-bottom: 15px;  padding-bottom: 15px;  position: relative;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li::before {  content: "";  position: absolute;  left: 0;  bottom: 0;  height: 1px;  width: 200px;  background: rgba(14, 19, 49, 0.08);}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li:nth-child(even) {  margin-left: -10px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li:nth-child(even) {    margin-left: 0;  }}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 14px;  color: #0E1331;  letter-spacing: 0;  padding: 0 0;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a span {  margin-right: 8px;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a:hover {  color: var(--tp-theme-primary);}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-wrap {  background-color: #5362B0;  text-align: left;  margin-left: 30px;  border-radius: 6px;  padding: 38px 20px 38px 30px;  position: relative;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-wrap span {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 10px;  line-height: 18px;  letter-spacing: 0.04em;  text-transform: uppercase;  color: var(--tp-common-white);  margin-bottom: 8px;  display: inline-block;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 20px;  line-height: 24px;  color: var(--tp-common-white);  margin-bottom: 27px;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 13px;  line-height: 18px;  letter-spacing: 0.02em;  color: #FFFFFF;  padding: 0 0;  position: relative;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a::before {  position: absolute;  content: "";  left: -3px;  bottom: -2px;  height: 1px;  width: 94px;  background-color: var(--tp-common-white);}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a span {  -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-left: 3px;}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a:hover span {  transform: rotate(-45deg);}.tpmenu__area ul li.has-mega-menu .tp-menu-banner-thumb {  position: absolute;  bottom: 0;  right: 0;}.tpmenu__area ul li.header-services {  position: static;}.tpmenu__area ul li.header-services > a {  position: relative;}.tpmenu__area ul li.header-services > a::after {  content: "\f107";  transform: translateY(1px);  font-size: 14px;  color: var(--tp-common-black);  font-family: var(--tp-ff-fontawesome);  font-weight: 400;  margin-left: 5px;  -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: inline-block;}.tpmenu__area ul li.has-dropdown > a {  position: relative;}.tpmenu__area ul li.has-dropdown > a::after {  content: "\f107";  transform: translateY(1px);  font-size: 14px;  color: var(--tp-common-black);  font-family: var(--tp-ff-fontawesome);  font-weight: 400;  margin-left: 5px;  -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: inline-block;}.tpmenu__area ul li .submenu {  position: absolute;  left: 0;  right: 0;  top: 101.3%;  min-width: 200px;  background: #ffffff;  box-shadow: 0px 20px 30px rgba(1, 3, 13, 0.12);  border-radius: 6px;  margin: 0;  transform: scale(1, 0);  transform-origin: 0 0;  transition: all 0.2s linear 0s;  --webkit-transition: all 0.2s linear 0s;  padding: 12px 0;  display: block;  visibility: hidden;  opacity: 0;  z-index: 9;  border-top: 2px solid transparent;}.tpmenu__area ul li .submenu li {  display: block;  width: 100%;  margin: 0;  padding: 0 0;}.tpmenu__area ul li .submenu li a {  position: relative;  z-index: 1;  width: 100%;  display: block;  padding: 3px 22px;  text-transform: capitalize;  text-align: start;  -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-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  letter-spacing: 0;  color: #55585B;}.tpmenu__area ul li .submenu li a:hover {  color: var(--tp-theme-primary);}.tpmenu__area ul li > a {  font-size: 16px;  color: var(--tp-text-1);  font-weight: 500;  letter-spacing: 0.02em;  padding: 26px 0;  display: inline-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;}.tpmenu__area ul li > a:hover {  color: var(--tp-theme-primary);}.main-mega-menu ul > li .mega-menu {  top: 101.3%;  width: 600px;  background-color: var(--tp-common-white);  left: 0;  right: 0;  z-index: 5;  transform-origin: top;  flex: 0 0 auto;  display: flex;  margin: 0 auto;  border-top: 2px solid var(--tp-text-primary);  -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: 0px 20px 30px rgba(1, 3, 13, 0.12);  border-radius: 6px;  border-top: 2px solid transparent;}.main-mega-menu ul > li .mega-menu > li {  width: 195px;  text-align: left;  padding-left: 0;  padding-right: 0;}.main-mega-menu ul > li .mega-menu > li ul {  padding-left: 0;  text-align: left;}.main-mega-menu ul > li .mega-menu > li:nth-child(2) {  margin-left: -15px;  margin-right: 18px;}.main-mega-menu ul > li .mega-menu-container {  left: -40px;}.main-mega-menu ul > li.header-banner {  top: 101%;  width: 1170px;  background-color: var(--tp-common-white);  left: 0;  right: 0;  z-index: 5;  transform-origin: top;  flex: 0 0 auto;  display: flex;  margin: 0 auto;  border-top: 2px solid var(--tp-text-primary);  -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: 0px 20px 30px rgba(1, 3, 13, 0.12);  border-radius: 6px;}.tpheader__right {  margin-left: -12px;}.tp-search-area {  background-color: var(--tp-theme-primary);}.tp-search-form input {  height: 70px;  width: 100%;  background-color: var(--tp-theme-primary);  border: none;  color: var(--tp-common-white);  font-weight: 500;  padding: 5px 30px 5px 0;}.tp-search-form input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  color: var(--tp-common-white);}.tp-search-form input::-moz-placeholder {  /* Firefox 19+ */  color: var(--tp-common-white);}.tp-search-form input:-moz-placeholder {  /* Firefox 18- */  color: var(--tp-common-white);}.tp-search-form input:-ms-input-placeholder {  /* IE 10+ */  color: var(--tp-common-white);}.tp-search-area {  display: none;}.search-submit-icon {  position: absolute;  color: var(--tp-common-white);  top: 50%;  transform: translateY(-50%);  right: 0;}.button-search-toggle {  position: relative;}.button-search-toggle i {  transition: 0.3s;}.tp-search-icon-active .header_search-button svg {  transform: scale(0);}.header_search-close {  position: absolute;  left: 3px;  top: 4px;  font-size: 20px;  transform: scale(0);}.tp-search-icon-active .header_search-close {  transform: scale(1);}#scroll-indicator,#scroll-indicator-2 {  background: linear-gradient(to right, #4260FF, #4260FF, #4260FF);  height: 4px;  width: 0%;  position: fixed;  top: 0;  transition: transition;  z-index: 10;}#scroll-indicator-2 {  background: linear-gradient(to right, #59BA41, #59BA41, #59BA41);}.tptransparent__header.header-sticky {  position: fixed !important;  left: 0;  margin: auto;  top: 0;  width: 100%;  z-index: 9;  background: rgba(255, 255, 255, 0.9);  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);  backdrop-filter: blur(16px);}.tptransparent__header.header-sticky .tpheader__sign a {  color: #0E1331;}.tptransparent__header.header-sticky .tpheader__sign a::before {  background-color: #0E1331;}.tptransparent__header.header-sticky .tp-header-btn {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  font-family: var(--tp-ff-jakarta);}.tptransparent__header.header-sticky .tp-header-btn:hover {  background-color: #3653EB;  color: var(--tp-common-white);}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .header-1 .tp-header-top {    padding: 20px 0;  }}.header-1 .tp-search-area.p-relative {  position: absolute;  left: 0;  right: 0;  width: 100%;  z-index: 11;}.tpmenu__area > nav > ul > li .tp-mega-menu {  position: absolute;  top: 101.3%;  left: 0;  right: 0;  width: 100%;  background-color: var(--tp-common-white);  z-index: 9;  padding: 38px 20px 38px 40px;  transform-origin: top;  box-shadow: 0px 20px 30px rgba(1, 3, 13, 0.12);  border-radius: 6px;  border-top: 2px solid transparent;}.tp-main-menu-mobile .tp-menu-banner {  margin-bottom: 20px;}.tp-main-menu-mobile .tp-menu-banner-title {  padding-top: 15px;}.tp-main-menu-mobile .tp-menu-banner-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 20px;  line-height: 24px;  color: #0E1331;  margin-bottom: 15px;}@media (max-width: 767px) {  .tp-main-menu-mobile .tp-menu-banner-title-2 {    font-size: 18px;  }}.tp-main-menu-mobile .tp-menu-banner-title-2 br {  display: none;}.tp-main-menu-mobile .tp-menu-banner ul li a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 14px;  color: #0E1331;}.tp-main-menu-mobile .tp-menu-banner ul li a span {  margin-right: 5px;}.tp-main-menu-mobile .tp-menu-banner-wrap {  margin-bottom: 20px;}.tp-main-menu-mobile .tp-menu-banner-wrap span {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 10px;  line-height: 18px;  letter-spacing: 0.04em;  text-transform: uppercase;  color: #0E1331;  display: inline-block;  margin-bottom: 6px;}.tp-main-menu-mobile .tp-menu-banner-btn a {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 13px;  line-height: 18px;  letter-spacing: 0.02em;  color: #0E1331;  padding: 0 0;  position: relative;  border-bottom: none !important;}.tp-main-menu-mobile .tp-menu-banner-btn a::before {  position: absolute;  content: "";  left: -3px;  bottom: -6px;  height: 1px;  width: 94px;  background-color: #0E1331;}.tp-main-menu-mobile .tp-menu-banner-btn a span {  -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;}.tp-main-menu-mobile .tp-menu-banner-btn a:hover {  opacity: 0.8;}.tp-main-menu-mobile .tp-menu-banner-btn a:hover span {  opacity: 0.8;  transform: rotate(-45deg);}.tp-main-menu-mobile .tp-menu-banner-btn a:hover::before {  opacity: 0.8;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .header-spaces {    margin-top: 15px;  }}.tpmenu__area > nav > ul > li .tp-mega-menu.has-homemenu {  padding: 20px 20px 0;  box-shadow: 0 20px 30px rgba(1, 15, 28, 0.1);}.tpmenu__area ul li .has-homemenu .homemenu {  padding: 0px 10px;  position: relative;  margin-bottom: 20px;}.tpmenu__area ul li .has-homemenu .homemenu:hover .homemenu-btn {  opacity: 1;  visibility: visible;  transform: translate(-50%, -60%);}.tpmenu__area ul li .has-homemenu .homemenu:hover .homemenu-thumb::before {  background-color: rgba(1, 15, 28, 0.3);}.tpmenu__area ul li .has-homemenu .homemenu:hover .demo-name span {  color: var(--tp-theme-primary);}.tpmenu__area ul li .has-homemenu.tp-submenu li:not(:last-child) {  border-bottom: none;}.homemenu-thumb {  position: relative;  border: 1px solid rgba(0, 0, 0, 0.1);}.homemenu-thumb::before {  position: absolute;  content: "";  left: 0;  right: 0;  height: 100%;  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;  pointer-events: none;}.homemenu-btn {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -30%);  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;}.homemenu {  padding: 7px 7px;  position: relative;  text-align: center;}.homemenu:hover .homemenu-btn {  opacity: 1;  visibility: visible;  transform: translate(-50%, -60%);}.homemenu:hover .homemenu-thumb::before {  background-color: rgba(1, 15, 28, 0.3);}.homemenu:hover .demo-name span {  color: var(--tp-theme-primary);}.homemenu-thumb.comming-demo {  position: relative;}.homemenu-thumb.comming-demo::before {  position: absolute;  content: "";  left: 0;  right: 0;  height: 100%;  width: 100%;  background-color: rgba(1, 15, 28, 0.3);  backdrop-filter: blur(3px);}.homemenu-btn.comming-btn {  opacity: 1;  visibility: visible;  transform: translateY(-45%);}.homemenu-btn.comming-btn a {  line-height: 1;}.demo-name span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  color: #0E1331;  font-size: 15px;  color: #0E1331;  display: inline-block;  margin-top: 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;}.mega-menu-container .main-mega-menu ul > li .mega-menu {  margin-left: -40px;}/*----------------------------------------*//*  3.2 Header Style 2/*----------------------------------------*/.header-lang .icon {  margin-right: 10px;}.header-lang form {  margin-bottom: 5px;}.header-lang form select {  background: transparent;  border: none;  color: var(--tp-common-black);  outline: none;  font-weight: 500;  font-size: 14px;  line-height: 16px;  color: rgba(1, 15, 28, 0.7);  color: var(--tp-ff-dmsans);}.header-lang form select option {  margin-bottom: 5px;}.tpheader-btn-two a {  display: inline-block;  font-family: var(--tp-ff-dmsans);  font-style: normal;  font-weight: 500;  font-size: 16px;  line-height: 12px;  color: var(--tp-common-11);  border: 1.5px solid #010F1C;  padding: 16px 25px;  -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;}.tpheader-btn-two a:hover {  color: #f5f7f4;  background-color: var(--tp-common-11);}.tptransparent__header {  position: absolute;  top: 0;  left: 0;  right: 0;  z-index: 3;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tptransparent__header {    padding-left: 80px;    padding-right: 80px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptransparent__header {    padding-left: 15px;    padding-right: 15px;  }}@media (max-width: 767px) {  .tptransparent__header {    padding-left: 0;    padding-right: 0;  }}.offcanvas-open-btn i {  font-size: 20px;  font-weight: 600;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .header-green {    padding-top: 15px;  }}.header-green .tpmenu__area ul > li > a:hover {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li .submenu li a:hover {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li:hover > a {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li:hover.header-services a::after {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a:hover {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a:hover span {  transform: rotate(-45deg);  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li:hover.has-dropdown a::after {  color: var(--tp-theme-green);}.header-green .tpmenu__area ul li .has-homemenu .homemenu:hover .demo-name > span {  color: var(--tp-theme-green);}.tp-green-mobile.tp-main-menu-mobile ul li:hover > a {  color: var(--tp-theme-green);}.tp-green-mobile.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {  background-color: var(--tp-theme-green);  border-color: var(--tp-theme-green);  color: var(--tp-common-white);}.tp-green-mobile.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {  color: var(--tp-theme-green);}.tp-green-mobile.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {  background-color: var(--tp-theme-green);  border-color: var(--tp-theme-green);  color: var(--tp-common-white);}.tp-green-mobile.tp-main-menu-mobile ul li.has-dropdown > a.expanded {  color: var(--tp-theme-green);}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .header-spaces.header-sticky,  .tpheader__three.header-sticky {    padding-top: 15px;    padding-bottom: 15px;  }}/*----------------------------------------*//*  3.3 Header Style 3/*----------------------------------------*/@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tp-white-menu .tpmenu__area ul li {    margin: 0 14px;  }}.tp-white-menu .tpmenu__area ul li:hover > a {  opacity: 0.7;}.tp-white-menu .tpmenu__area ul li a {  color: var(--tp-common-white);}.tp-white-menu .tpmenu__area ul li .submenu li a {  opacity: 1;}.tp-white-menu .tpheader-btn-two a {  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  border-radius: 30px;  border: none;  color: var(--tp-common-white);  padding: 15px 31px;  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);}.tp-white-menu .tpheader-btn-two a:hover {  transform: translateY(-2px);}.tp-white-menu .offcanvas-open-btn i {  font-size: 20px;  font-weight: 600;  color: var(--tp-common-white);  opacity: 0.7;}.tp-white-menu .tpmenu__area ul li.has-dropdown > a::after {  color: var(--tp-common-white);}.tp-white-menu .tp-header-btn {  background-color: var(--tp-common-white);  color: #0E1331;  font-family: var(--tp-ff-jakarta);}.tp-white-menu .tp-header-btn:hover {  background-color: rgba(255, 255, 255, 0.9);}.tp-header-sign a {  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  text-underline-offset: 12px;  position: relative;}.tp-header-sign a::before {  position: absolute;  content: "";  left: 0;  width: 100%;  height: 1px;  background-color: var(--tp-common-white);  bottom: 0;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpheader__three {    padding-top: 15px;  }}/*----------------------------------------*//*  3.4 Header Style 4/*----------------------------------------*/.header-offer img {  margin-right: 10px;  animation: light 2.5s linear forwards infinite alternate;}.header-offer p {  margin-bottom: 0;  font-size: 15px;  font-family: var(--tp-ff-jakarta);  color: var(--tp-grey-8);}.header-offer p span {  color: #FF6C66;  font-weight: 500;}.header-social {  justify-content: end;}.header-social a {  display: inline-block;  color: #7B8187;  font-size: 15px;  margin-left: 15px;  padding: 17px 0;}.header-social a:first-child {  margin-left: 0;}.header-social a:hover {  color: var(--tp-theme-blue);}.header-btn-4 .blue-btn:hover {  background-color: #0C2A50;  color: var(--tp-common-white);  border: 2px solid #0C2A50;}.header-bg-4 {  background: rgba(255, 255, 255, 0.04);  border: 1px solid rgba(255, 255, 255, 0.5);  box-shadow: 0px 10px 30px rgba(1, 15, 28, 0.1);  backdrop-filter: blur(8px);  border-radius: 100px;  padding: 0 15px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .header-bg-4 {    padding: 15px 15px;  }}@media (max-width: 767px) {  .header-bg-4 {    margin-top: 15px;  }}.tptransparent__header-4 .tpmenu__area ul li {  margin: 0 37px 0 0;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptransparent__header-4 .tpmenu__area ul li {    margin: 0 24px 0 0;  }}.tptransparent__header-4 .tpmenu__area ul li:last-child {  margin-right: 0 0 0 0;}.tptransparent__header-4 .tpmenu__area ul li > a {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  color: var(--tp-text-1);  font-weight: 500;  letter-spacing: 0.02em;  padding: 21px 0;}.tptransparent__header-4 .tpmenu__area ul li:hover > a {  color: var(--tp-theme-blue);}.tptransparent__header-4 .tpmenu__area ul li .submenu li a:hover {  color: var(--tp-theme-blue);}.tptransparent__header-4 .tpmenu__area ul li:hover.has-dropdown a::after {  color: var(--tp-theme-blue);}.tptransparent__header-4 .tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a:hover {  color: var(--tp-theme-blue);}.tptransparent__header-4 .header-sticky {  position: fixed !important;  left: 0;  right: 0;  width: 1230px;  margin: auto;  top: 20px;  z-index: 99;  background: rgba(255, 255, 255, 0.9);  animation: fadeInDown 500ms ease-in-out 0s normal none 1 running;  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);  backdrop-filter: blur(16px);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptransparent__header-4 .header-sticky {    width: 1140px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tptransparent__header-4 .header-sticky {    width: 970px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tptransparent__header-4 .header-sticky {    width: 740px;  }}@media (max-width: 767px) {  .tptransparent__header-4 .header-sticky {    width: 300px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptransparent__header-4 .header-sticky {    width: 580px;  }}@media only screen and (min-width: 480px) and (max-width: 575px) {  .tptransparent__header-4 .header-sticky {    width: 490px;  }}/*----------------------------------------*//*  3.5 Header Style 5/*----------------------------------------*/.tpmenu-5 {  margin-left: -105px;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpmenu-5 {    margin-left: -25px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpmenu-5 {    margin-left: -15px;  }}.tpheader-btn-5 a {  background: #FF622D;  border-radius: 4px;  display: inline-block;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  padding: 14px 23.5px;}.header-bottom__lang > ul > li {  position: relative;  list-style: none;}.header-bottom__lang > ul > li > a {  display: flex;  align-items: center;  height: 32px;  padding: 0 5px 0 15px;  border-radius: 30px;  font-weight: 500;  font-size: 14px;  font-family: var(--tp-ff-jakarta);  color: #88898A;  line-height: 0;}.header-bottom__lang > ul > li > a svg.child-1 {  margin-right: 2px;  transform: translateY(-1px);}.header-bottom__lang > ul > li > a svg.child-2 {  margin-left: 8px;  transition: 0.4s;}.header-bottom__lang-submenu {  position: absolute;  top: 140%;  left: 0px;  width: 120px;  background: var(--tp-common-white);  z-index: 9;  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);  padding: 15px 20px;  border-radius: 4px;  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;}.header-bottom__lang-submenu li {  list-style: none;  margin-bottom: 7px;}.header-bottom__lang-submenu li:last-child {  margin-bottom: 0;}.header-bottom__lang-submenu li:hover {  color: var(--tp-text-primary);}.header-bottom__lang-submenu.open {  top: 100%;  opacity: 1;  visibility: visible;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .header-five {    padding: 15px 0;  }}.header-five .tpmenu__area ul li > a {  font-size: 16px;  color: var(--tp-grey-8);  font-weight: 500;  letter-spacing: 0;  padding: 26px 0;  font-family: var(--tp-ff-jakarta);}.header-five .tpmenu__area ul li > a:hover {  color: var(--tp-common-11);}.header-five .tpmenu__area ul li:hover.has-dropdown a::after {  color: var(--tp-common-11);}.header-five .tpmenu__area ul li .submenu li a {  color: var(--tp-grey-8);}.header-five .tpmenu__area ul li.has-dropdown > a::after {  color: var(--tp-grey-8);}.header-five .tpmenu__area ul li:hover > a {  color: var(--tp-common-11);}.header-five .tpmenu__area ul li .submenu li a:hover {  color: var(--tp-common-11);}.header-five .tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a:hover {  color: var(--tp-common-11);}.header-five .tpmenu__area ul li.has-mega-menu .tp-menu-banner ul li a {  color: var(--tp-grey-8);}.header-five .tpmenu__area ul li.has-mega-menu .tp-menu-banner-btn a {  color: var(--tp-common-white);}/*----------------------------------------*//*  3.6 Header Style 6/*----------------------------------------*/.tpheader__sign a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  color: #0E1331;  position: relative;}.tpheader__sign a:hover::before {  opacity: 1;  width: 100%;  left: 0;  right: auto;  transition: all 0.2s linear;}.tpheader__sign a::before {  content: "";  width: 0;  height: 1px;  background: #1a1a1a;  position: absolute;  left: auto;  right: 0;  bottom: 0px;  opacity: 0;  transition: all 0.3s linear;}.tpheader__right-white .tpheader__sign a {  color: var(--tp-common-white);}.tpheader__right-white .tpheader__sign a::before {  background-color: var(--tp-common-white);}.inner-header {  margin-left: -50px;}.inner-header.tpmenu__area ul li {  margin: 0 17px;}.inner-header.tpmenu__area ul li > a {  color: #0E1331;  position: relative;  padding: 28px 0;  font-family: var(--tp-ff-jakarta);  letter-spacing: 0;}.inner-header.tpheader__sign a {  color: #0E1331;}.inner-header.tpmenu__area ul li > a:hover {  color: var(--tp-theme-primary);}.inner-header.tpmenu__area ul li:hover > a {  color: var(--tp-theme-primary);}.header-inner-2 {  margin-left: -50px;}.header-inner-2.tpmenu__area ul li > a {  letter-spacing: 0;  padding: 30px 0;  font-family: var(--tp-ff-jakarta);}.inner-header-white.tpmenu__area ul li > a {  color: var(--tp-common-white);}.inner-header-white.tpmenu__area ul li.has-dropdown > a::after {  color: var(--tp-common-white);}.inner-header-white.tpmenu__area ul li:hover.has-dropdown a::after {  color: var(--tp-theme-primary);}.blue-inner .tp-header-btn {  background-color: var(--tp-common-white);  color: #0E1331;}.blue-inner .tp-header-btn:hover {  background-color: rgba(255, 255, 255, 0.92);}.inner-header-white.tpmenu__hover.tpmenu__area ul > li a:hover::before {  background: var(--tp-common-white);}.offcanvas-open-btn-white.offcanvas-open-btn i {  color: var(--tp-common-white);}.sticky-logo {  display: none;}.header-sticky .sticky-logo {  display: block;}.header-sticky .header-logo {  display: none;}.header-sticky.tp-white-menu .tpmenu__area ul li > a {  color: var(--tp-common-black);}.header-sticky.tp-white-menu .tpmenu__area ul li.has-dropdown > a::after {  color: var(--tp-common-black);}.header-sticky .tp-header-sign a {  color: var(--tp-common-black);}.header-sticky .tp-header-sign a::before {  background-color: var(--tp-common-black);}.header-sticky .offcanvas-open-btn-white.offcanvas-open-btn i {  color: var(--tp-common-black);}.header-sticky.tp-white-menu .offcanvas-open-btn i {  color: var(--tp-common-black);}.sign-right {  padding-top: 25px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .sign-right {    padding-top: 0;  }}.sign-right .offcanvas-btn {  color: var(--tp-common-white);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .sign-right .tpheader__sign a {    color: var(--tp-common-white);  }}.sign-right .tpheader__sign a::before {  content: "";}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .sign-right .tpheader__sign a::before {    background-color: var(--tp-common-white);  }}.header-sticky .sign-right {  padding-top: 15px;  padding-bottom: 15px;}.header-sticky .sign-right .offcanvas-btn {  color: var(--tp-common-black);}.header-sticky .sign-in-logo {  transform: translateY(-6px);}/* HEADER CSS *//*----------------------------------------*//*  4.1 Main menu css/*----------------------------------------*/@media only screen and (min-width: 992px) and (max-width: 1199px) {  .main-menu {    margin-left: 50px;  }}.main-menu ul li {  position: relative;  list-style: none;  display: inline-block;  margin-right: 27px;}.main-menu ul li a {  display: inline-block;  font-size: 15px;  color: var(--tp-common-black);  padding: 23px 0;}.main-menu ul li.has-dropdown > a {  position: relative;}.main-menu ul li.has-dropdown > a::after {  content: "\f107";  -webkit-transform: translateY(1px);  -moz-transform: translateY(1px);  -ms-transform: translateY(1px);  -o-transform: translateY(1px);  transform: translateY(1px);  font-size: 14px;  color: var(--tp-common-black);  font-family: var(--tp-ff-fontawesome);  font-weight: 400;  margin-left: 5px;  display: inline-block;}.main-menu ul li .submenu {  position: absolute;  top: 120%;  left: 0;  width: 200px;  background: var(--tp-common-white);  z-index: 99;  -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;  visibility: hidden;  opacity: 0;  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);  -ms-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);  -o-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);}.main-menu ul li .submenu li {  display: block;  width: 100%;  margin: 0;}.main-menu ul li .submenu li:not(:last-child) {  border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.main-menu ul li .submenu li.has-dropdown > a::after {  position: absolute;  top: 50%;  right: 25px;  -webkit-transform: translateY(-50%) rotate(-90deg);  -moz-transform: translateY(-50%) rotate(-90deg);  -ms-transform: translateY(-50%) rotate(-90deg);  -o-transform: translateY(-50%) rotate(-90deg);  transform: translateY(-50%) rotate(-90deg);}.main-menu ul li .submenu li a {  padding: 10px 25px;  font-size: 13px;  position: relative;  z-index: 1;  color: var(--tp-common-black);  width: 100%;}.main-menu ul li .submenu li a::before {  position: absolute;  content: "";  top: 0;  left: auto;  right: 0;  width: 0;  height: 100%;  background-color: var(--tp-theme-primary);  z-index: -1;}.main-menu ul li .submenu li .submenu {  left: 120%;  top: 0;  visibility: hidden;  opacity: 0;}.main-menu ul li .submenu li:hover > a {  color: var(--tp-common-white);}.main-menu ul li .submenu li:hover > a::after {  color: var(--tp-common-white);}.main-menu ul li .submenu li:hover > a::before {  left: 0;  right: auto;  width: 100%;}.main-menu ul li .submenu li:hover > .submenu {  left: 100%;  visibility: visible;  opacity: 1;}.main-menu ul li:hover > a {  color: var(--tp-theme-primary);}.main-menu ul li:hover > a::after {  color: var(--tp-theme-primary);}.main-menu ul li:hover > .submenu {  top: 100%;  visibility: visible;  opacity: 1;}.tpmenu__hover-white.tpmenu__area ul > li a {  position: relative;}.tpmenu__hover-white.tpmenu__area ul > li a:hover::before {  opacity: 1;  width: 100%;  left: 0;  right: auto;  transition: all 0.2s linear;}.tpmenu__hover-white.tpmenu__area ul > li a::before {  content: "";  width: 0;  height: 1px;  background: #1a1a1a;  position: absolute;  left: auto;  right: 0;  bottom: 29px;  opacity: 0;  transition: all 0.3s linear;}.tpmenu__hover-white.tpmenu__area ul.submenu li a {  position: relative;}.tpmenu__hover-white.tpmenu__area ul.submenu li a::before {  display: none;}.tpmenu__hover-white.tpmenu__area ul > li a::before {  background: var(--tp-common-white);}.header-sticky .tpmenu__hover-white.tpmenu__area ul > li a::before {  display: none;}/*----------------------------------------*//*  4.2 Meanmenu css/*----------------------------------------*/.mean-remove {  display: none !important;}.mean-container {  margin-bottom: 40px;}.mean-container a.meanmenu-reveal {  width: 22px;  height: 22px;  padding: 13px 13px 11px 13px;  position: absolute;  top: 0;  right: 0;  cursor: pointer;  color: #fff;  text-decoration: none;  font-size: 16px;  text-indent: -9999em;  line-height: 22px;  font-size: 1px;  font-weight: 700;  display: none !important;}.mean-container a.meanmenu-reveal span {  display: block;  background: #fff;  height: 3px;  margin-top: 3px;}.mean-container .mean-push {  float: left;  width: 100%;  padding: 0;  margin: 0;  clear: both;}.mean-container .mean-nav {  background: none;  margin-top: 0;  float: left;  width: 100%;  background: #fff;}.mean-container .mean-nav .wrapper {  width: 100%;  padding: 0;  margin: 0;}.mean-container .mean-nav > ul {  padding: 0;  margin: 0;  width: 100%;  list-style-type: none;  display: block !important;}.mean-container .mean-nav > ul > li:first-child > a {  border-top: 0;}.mean-container .mean-nav ul {  padding: 0;  margin: 0;  width: 100%;  list-style-type: none;}.mean-container .mean-nav ul li {  position: relative;  float: left;  width: 100%;}.mean-container .mean-nav ul li.dropdown-opened > a, .mean-container .mean-nav ul li.dropdown-opened > span {  color: var(--tp-theme-1);}.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {  background: var(--tp-theme-1);  color: var(--tp-common-white);  border-color: var(--tp-theme-1);}.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i, .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {  color: var(--tp-common-black);}.mean-container .mean-nav ul li.mean-last {  border-bottom: none;  margin-bottom: 0;}.mean-container .mean-nav ul li > a.mean-expand i {  display: inline-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;}.mean-container .mean-nav ul li > a > i {  display: none;}.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span {  display: block;  float: left;  width: 90%;  padding: 10px 5%;  margin: 0;  text-align: left;  color: #fff;  border-top: 1px solid #e0e3ed;  text-decoration: none;  text-transform: uppercase;  width: 100%;  padding: 10px 0;  color: var(--tp-common-black);  border-top: 1px solid #ebebeb;  font-size: 14px;  line-height: 1.5;  font-weight: 700;}[dir=rtl] .mean-container .mean-nav ul li a, [dir=rtl] .mean-container .mean-nav ul li span {  float: right;  text-align: right;}.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li span:hover {  color: var(--tp-theme-1);}.mean-container .mean-nav ul li a:hover i, .mean-container .mean-nav ul li span:hover i {  color: var(--tp-common-white);}.mean-container .mean-nav ul li a.mean-expand, .mean-container .mean-nav ul li span.mean-expand {  margin-top: 1px;  width: 26px;  height: 32px;  text-align: center;  position: absolute;  right: 0;  top: 0;  z-index: 2;  font-weight: 700;  background: transparent;  border: none !important;  font-size: 14px;  margin-top: 5px;  padding: 0 !important;  line-height: 14px;  border: 1px solid #ebebeb !important;  height: 30px;  width: 30px;  line-height: 30px;  color: var(--tp-common-black);  line-height: 30px;  top: 0;  font-weight: 400;}[dir=rtl] .mean-container .mean-nav ul li a.mean-expand, [dir=rtl] .mean-container .mean-nav ul li span.mean-expand {  right: auto;  left: 0;  text-align: center;}.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li span.mean-expand:hover {  background: var(--tp-theme-1);  color: var(--tp-common-white);  border-color: var(--tp-theme-1);}.mean-container .mean-nav ul li a.mean-expand:hover i, .mean-container .mean-nav ul li span.mean-expand:hover i {  color: var(--tp-common-black);}.mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li span.mean-expand.mean-clicked {  color: var(--tp-common-white);}.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover {  background: var(--tp-theme-1);  color: var(--tp-common-white);  border-color: var(--tp-theme-1);}.mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover i, .mean-container .mean-nav ul li span.mean-expand.mean-clicked:hover i {  color: var(--tp-common-white);  transform: rotate(45deg);  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  color: var(--tp-common-black);}.mean-container .mean-nav ul li li a {  width: 80%;  padding: 10px 10%;  text-shadow: none !important;  visibility: visible;}.mean-container .mean-nav ul li li li a {  width: 70%;  padding: 10px 15%;}.mean-container .mean-nav ul li li li li a {  width: 60%;  padding: 10px 20%;}.mean-container .mean-nav ul li li li li li a {  width: 50%;  padding: 10px 25%;}.mean-container .mean-bar {  padding: 0;  min-height: auto;  background: none;  float: left;  width: 100%;  position: relative;  background: #fff;  padding: 4px 0;  min-height: 42px;  z-index: 999999;}.mean-container .mean-bar, .mean-container .mean-bar * {  /* Fix for box sizing on Foundation Framework etc. */  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}/*----------------------------------------*//*  4.3 Mobile menu css/*----------------------------------------*/.tp-main-menu-mobile ul {  position: static;  display: block;  box-shadow: none;}.tp-main-menu-mobile ul > li {  list-style: none;  position: relative;  width: 100%;  padding: 0;}@media (max-width: 767px) {  .tp-main-menu-mobile ul > li {    padding-left: 10px;    padding-right: 10px;  }}.tp-main-menu-mobile ul > li:not(:last-child) a {  border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.tp-main-menu-mobile ul > li.has-dropdown > a .dropdown-toggle-btn {  position: absolute;  right: 0;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  font-size: 16px;  color: #7F8387;  font-family: "Font Awesome 6 Pro";  transition: all 0.3s ease-in-out;  z-index: 1;  width: 30px;  height: 30px;  line-height: 28px;  text-align: center;  border: 1px solid rgba(0, 0, 0, 0.12);  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;  border-radius: 4px;}.tp-main-menu-mobile ul > li.has-dropdown > a .dropdown-toggle-btn i {  transition: all 0.3s ease-in-out;}.tp-main-menu-mobile ul > li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}.tp-main-menu-mobile ul > li.has-dropdown > a .dropdown-toggle-btn:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-main-menu-mobile ul > li.has-dropdown > a .dropdown-toggle-btn:hover i {  color: var(--tp-common-white);}.tp-main-menu-mobile ul > li.has-dropdown > a.expanded {  color: var(--tp-theme-primary);}.tp-main-menu-mobile ul > li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-main-menu-mobile ul > li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {  color: var(--tp-common-white);}.tp-main-menu-mobile ul > li.has-dropdown:hover a::after {  color: var(--tp-theme-green);}.tp-main-menu-mobile ul > li:last-child > a span {  border-bottom: 0;}.tp-main-menu-mobile ul > li > a {  display: block;  font-size: 15px;  color: var(--tp-common-black);  position: relative;  padding: 10px 0;  padding-right: 20px;  font-family: var(--tp-ff-jakarta);}.tp-main-menu-mobile ul > li > a svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.tp-main-menu-mobile ul > li > a > i {  display: inline-block;  width: 11%;  margin-right: 13px;  -webkit-transform: translateY(4px);  -moz-transform: translateY(4px);  -ms-transform: translateY(4px);  -o-transform: translateY(4px);  transform: translateY(4px);  font-size: 21px;  line-height: 1;}.tp-main-menu-mobile ul > li > a .menu-text {  font-size: 16px;  line-height: 11px;  border-bottom: 1px solid #EAEBED;  width: 82%;  display: inline-block;  padding: 19px 0 17px;}.tp-main-menu-mobile ul > li ul {  padding: 0;}.tp-main-menu-mobile ul > li ul li {  padding: 0;}.tp-main-menu-mobile ul > li ul li a {  margin-left: auto;  width: 93%;  padding: 10px 5%;  text-shadow: none !important;  visibility: visible;  padding-left: 0;  padding-right: 20px;}.tp-main-menu-mobile ul > li ul li li a {  width: 88%;  padding: 10px 7%;  padding-left: 0;  padding-right: 20px;}.tp-main-menu-mobile ul > li ul li li li a {  width: 83%;  padding: 10px 9%;  padding-left: 0;  padding-right: 20px;}.tp-main-menu-mobile ul > li ul li li li li a {  width: 68%;  padding: 10px 11%;  padding-left: 0;  padding-right: 20px;}.tp-main-menu-mobile ul > li:hover > a {  color: var(--tp-theme-primary);}.tp-main-menu-mobile ul > li:hover > a::after {  color: var(--tp-theme-primary);}.tp-main-menu-mobile ul > li:hover > a .dropdown-toggle-btn i {  color: var(--tp-theme-primary);}.tp-main-menu-mobile ul > li:hover .mega-menu {  visibility: visible;  opacity: 1;  top: 0;}.tp-main-menu-mobile ul > li .mega-menu, .tp-main-menu-mobile ul > li .submenu {  position: static;  min-width: 100%;  padding: 0;  box-shadow: none;  visibility: visible;  opacity: 1;  display: none;}.tp-main-menu-mobile ul > li .mega-menu li, .tp-main-menu-mobile ul > li .submenu li {  float: none;  display: block;  width: 100%;  padding: 0;}.tp-main-menu-mobile ul > li .mega-menu li:hover a .dropdown-toggle-btn, .tp-main-menu-mobile ul > li .submenu li:hover a .dropdown-toggle-btn {  color: var(--tp-theme-primary);}.tp-main-menu-mobile * ul, .tp-main-menu-mobile * li {  transition: none !important;}/*----------------------------------------*//*  5.1 Postbox css/*----------------------------------------*/.postbox-main {  border-bottom: 1px solid rgba(12, 19, 56, 0.1);  padding-bottom: 40px;  margin-bottom: 35px;}.postbox-main .tagcloud a {  border: 1px solid rgba(12, 19, 56, 0.1);}.postbox-main .tagcloud a:hover {  background-color: #F1F2F6;  border-color: #F1F2F6;  color: #565764;}.postbox-single-text p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 28px;  color: var(--tp-text-body);  margin-bottom: 23px;}.postbox-single-box .blog-details-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 40px;  line-height: 1.25;  letter-spacing: -0.01em;  color: var(--tp-heading-primary);  margin-bottom: 30px;}@media (max-width: 767px) {  .postbox-single-box .blog-details-title {    font-size: 26px;  }}.postbox-single-box p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 28px;  color: var(--tp-text-body);  margin-bottom: 40px;}.postbox-quote {  background: #EDEFFA;  border-radius: 10px;  margin-bottom: 55px;  padding: 48px 65px;}@media (max-width: 767px) {  .postbox-quote {    padding: 40px 25px;  }}.postbox-quote-title {  font-family: var(--tp-ff-jakarta);  font-size: 22px;  line-height: 32px;  color: var(--tp-heading-primary);  margin-bottom: 13px;  font-weight: 400;}.postbox-quote span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 14px;  color: var(--tp-text-body);}.postbox-content .postbox-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 30px;  letter-spacing: -0.01em;  color: var(--tp-heading-primary);  margin-bottom: 22px;}.postbox-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  color: var(--tp-text-body);  margin-bottom: 24px;}@media (max-width: 767px) {  .postbox-content p br {    display: none;  }}.postbox-img {  margin-top: 27px;  margin-bottom: 52px;}.postbox-img img {  border-radius: 14px;}.postbox-feature-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 30px;  letter-spacing: -0.02em;  color: var(--tp-heading-primary);  margin-bottom: 24px;}.postbox-feature p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  color: var(--tp-text-body);  margin-bottom: 27px;}.postbox-feature span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 18px;  line-height: 16px;  color: var(--tp-heading-primary);  display: inline-block;  margin-bottom: 25px;}.postbox-feature ul li {  list-style: none;  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  color: var(--tp-text-body);  position: relative;  padding-left: 15px;  margin-bottom: 6px;}.postbox-feature ul li::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 4px;  width: 4px;  border-radius: 50%;  background: #B7B7C0;}.postbox-author {  padding: 35px 35px;  background: #EDEFFA;  border-radius: 10px;}@media (max-width: 767px) {  .postbox-author {    flex-wrap: wrap;  }}.postbox-author-thumb {  margin-right: 25px;  flex: 0 0 auto;}@media (max-width: 767px) {  .postbox-author-thumb {    margin-bottom: 15px;  }}.postbox-author-thumb img {  height: 80px;  width: 80px;  border-radius: 50%;  object-fit: cover;}.postbox-author-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  line-height: 11px;  color: #84848B;}.postbox-author-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 24px;  margin-bottom: 26px;  color: var(--tp-text-body);}.postbox-author-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  line-height: 16px;  color: #0E1331;  margin-bottom: 14px;}.postbox-author-social a {  height: 34px;  width: 34px;  line-height: 34px;  text-align: center;  background-color: var(--tp-common-white);  border-radius: 50%;  color: #55585B;  display: inline-block;  font-size: 14px;  margin-right: 4px;}.postbox-author-social a:hover {  background: var(--tp-theme-primary);  color: var(--tp-common-white);}.postbox-comment-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 26px;  line-height: 26px;  letter-spacing: -0.03em;  color: #0E1331;}.postbox-comment ul li {  list-style: none;  margin-bottom: 35px;}.postbox-comment ul li.children {  margin-left: 110px;}@media (max-width: 767px) {  .postbox-comment ul li.children {    margin-left: 0;  }}.postbox-comment ul li.children .postbox-comment-text {  background: #F0F9F3;}.postbox-comment ul li:last-child {  margin-bottom: 0;}@media (max-width: 767px) {  .postbox-comment-info {    flex-wrap: wrap;    margin-bottom: 15px;  }}.postbox-comment-avater {  flex: 0 0 auto;}@media (max-width: 767px) {  .postbox-comment-avater {    margin-bottom: 15px;  }}.postbox-comment-avater img {  height: 40px;  width: 40px;  border-radius: 50%;  object-fit: cover;  margin-right: 25px;}.postbox-comment-name {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: #0E1331;}.postbox-comment-name h5 {  margin-bottom: 0;}.postbox-comment-name .post-meta {  font-size: 13px;  line-height: 12px;  font-weight: 400;  color: #68686F;  position: relative;  padding-left: 9px;  margin-left: 9px;}.postbox-comment-name .post-meta::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 3px;  width: 3px;  background: #84848B;  border-radius: 2px;}.postbox-comment-text {  background: #EDEFFA;  border-radius: 6px;}@media (max-width: 767px) {  .postbox-comment-text {    margin-left: 0;  }}.postbox-comment-text p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  line-height: 24px;  color: #494950;  padding: 21px 22px;  margin-bottom: 0;}@media (max-width: 767px) {  .postbox-comment-text p br {    display: none;  }}.postbox-comment-reply {  position: absolute;  top: 0;  right: 0;}@media (max-width: 767px) {  .postbox-comment-reply {    position: static;    margin-top: 10px;  }}.postbox-comment-reply a {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 12px;  color: #0E1331;}.postbox-comment-reply a:hover {  color: var(--tp-theme-primary);}.postbox-comment-reply a span {  display: inline-block;  margin-right: 6px;}.postbox-comment-form-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 26px;  line-height: 26px;  letter-spacing: -0.02em;  color: #0E1331;  margin-bottom: 20px;}.postbox-comment-form p {  font-size: 15px;  line-height: 14px;  margin-bottom: 23px;}.postbox-comment-input {  position: relative;  margin-bottom: 25px;}.postbox-comment-input span {  font-weight: 600;  color: var(--tp-common-black);  margin-bottom: 12px;  display: block;}.postbox-comment-input input, .postbox-comment-input textarea {  height: 55px;  padding: 0 20px;  width: 100%;  font-size: 14px;  color: var(--tp-common-black);  outline: none;  border: 1px solid #EAEAED;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  -o-border-radius: 6px;  -ms-border-radius: 6px;  border-radius: 6px;  box-shadow: 0px 1px 1px rgba(12, 19, 56, 0.06);  background: transparent;  line-height: 12px;}.postbox-comment-input input::placeholder, .postbox-comment-input textarea::placeholder {  color: #84848B;  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  line-height: 12px;}.postbox-comment-input input:focus, .postbox-comment-input textarea:focus {  border-color: var(--tp-theme-primary);}.postbox-comment-input input:focus::placeholder, .postbox-comment-input textarea:focus::placeholder {  font-size: 0;}.postbox-comment-input textarea {  height: 180px;  resize: none;  padding-top: 20px;  padding-bottom: 20px;}.postbox-comment-agree input {  margin: 0;  appearance: none;  -moz-appearance: none;  display: block;  width: 18px;  height: 18px;  background: var(--tp-common-white);  border: 1px solid #DADADF;  outline: none;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  -o-border-radius: 2px;  -ms-border-radius: 2px;  border-radius: 2px;  flex: 0 0 auto;  -webkit-transform: translateY(-1px);  -moz-transform: translateY(-1px);  -ms-transform: translateY(-1px);  -o-transform: translateY(-1px);  transform: translateY(-1px);}.postbox-comment-agree input:checked {  position: relative;  background-color: var(--tp-theme-primary);  border-color: transparent;}.postbox-comment-agree input:checked::after {  box-sizing: border-box;  content: "\f00c";  position: absolute;  font-family: var(--tp-ff-fontawesome);  font-size: 10px;  color: var(--tp-common-white);  top: 47%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}.postbox-comment-agree input:hover {  cursor: pointer;}.postbox-comment-agree label {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 12px;  color: #84848B;  margin-left: 8px;}.postbox-comment-agree label:hover {  cursor: pointer;}.postbox-comment-btn .tp-btn {  padding: 14px 45px;}.postbox-more-left {  position: relative;}.postbox-more-left::before {  position: absolute;  content: "";  right: 13px;  top: 50%;  transform: translateY(-35%);  height: 60px;  width: 1px;  background-color: rgba(12, 19, 56, 0.1);}@media (max-width: 767px) {  .postbox-more-left::before {    display: none;  }}.postbox-more-icon a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  line-height: 10px;  letter-spacing: 0.03em;  text-transform: uppercase;  color: #84848B;}.postbox-more-icon a span {  transform: translateY(-2px);  display: inline-block;}.postbox-more-content a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 17px;  line-height: 16px;  color: var(--tp-text-body);}.postbox-more-content a:hover {  color: var(--tp-theme-primary);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .postbox-area-wrap {    margin-bottom: 30px;  }}.articale-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 30px;  line-height: 26px;  color: #0E1331;}.articale-arrow span {  display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border-radius: 50%;  background-color: var(--tp-common-white);  line-height: 35px;  color: #0E1331;  border: 1px solid rgba(14, 19, 49, 0.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;}.articale-arrow span:hover {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  border: 1px solid var(--tp-theme-primary);}.articale-button-next {  margin-right: 8px;}.tp-postbox-text p {  font-size: 16px;  line-height: 1.6;  margin-bottom: 30px;  font-family: var(--tp-ff-jakarta);}.tp-postbox-meta {  margin-bottom: 10px;}.tp-postbox-meta span {  font-size: 14px;  font-weight: 400;  color: #565764;  font-family: var(--tp-ff-jakarta);}.tp-postbox-meta span i, .tp-postbox-meta span svg {  color: var(--tp-theme-primary);  margin-right: 3px;}.tp-postbox-meta span:not(:last-child) {  margin-right: 20px;}.tp-postbox-title {  font-size: 30px;  margin-bottom: 12px;  font-weight: 700;  font-family: var(--tp-ff-jakarta);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tp-postbox-title {    font-size: 35px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tp-postbox-title {    font-size: 35px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tp-postbox-title {    font-size: 30px;  }}@media (max-width: 767px) {  .tp-postbox-title {    font-size: 25px;  }}.tp-postbox-title a:hover {  color: var(--tp-theme-primary);}.tp-postbox-thumb {  margin-bottom: 20px;}.tp-postbox-video .tp-postbox-video-btn {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  color: var(--tp-common-black);  border-radius: 50%;  display: inline-block;  width: 80px;  height: 80px;  line-height: 80px;  text-align: center;  background-color: var(--tp-common-white);}.tp-postbox-video .tp-postbox-video-btn:hover {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);}.tp-postbox-audio {  height: 420px;}.tp-postbox-audio iframe {  width: 100%;  height: 100%;}.tp-postbox-nav button {  width: 50px;  height: 50px;  text-align: center;  line-height: 48px;  background-color: var(--tp-common-white);  color: var(--tp-common-black);  position: absolute;  top: 50%;  left: 15px;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  z-index: 1;  font-size: 18px;  border-radius: 4px;}.tp-postbox-nav button:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-postbox-nav button.tp-postbox-slider-button-next {  right: 15px;  left: auto;}[dir=rtl] .tp-postbox-nav button.tp-postbox-slider-button-next {  left: 15px;  right: auto;}.tp-postbox-details-category {  margin-bottom: 6px;}.tp-postbox-details-category span {  font-size: 20px;  color: var(--tp-theme-primary);  display: inline-block;}.tp-postbox-details-title {  font-size: 60px;  font-weight: 500;  line-height: 1.07;  margin-bottom: 12px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tp-postbox-details-title {    font-size: 50px;  }}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-title {    font-size: 35px;  }}.tp-postbox-details-meta span {  font-size: 15px;  position: relative;}.tp-postbox-details-meta span:not(:last-child) {  margin-right: 13px;  padding-right: 9px;}.tp-postbox-details-meta span:not(:last-child)::after {  position: absolute;  content: "";  right: 0;  top: 50%;  width: 1px;  height: 20px;  background-color: #E6E7E8;}.tp-postbox-details-meta span i, .tp-postbox-details-meta span svg {  margin-right: 1px;}.tp-postbox-details-meta span[data-meta=author] svg {  -webkit-transform: translateY(-3px);  -moz-transform: translateY(-3px);  -ms-transform: translateY(-3px);  -o-transform: translateY(-3px);  transform: translateY(-3px);}.tp-postbox-details-thumb img {  margin-bottom: 62px;  max-width: 100%;}.tp-postbox-details-content p {  font-size: 18px;  line-height: 1.56;  margin-bottom: 23px;}.tp-postbox-details-content p.tp-dropcap::first-letter {  margin-top: 5px;}.tp-postbox-details-main-wrapper {  padding-right: 100px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-main-wrapper {    padding-right: 0;  }}.tp-postbox-details-heading {  font-weight: 500;  font-size: 34px;  letter-spacing: -0.02em;  margin-bottom: 12px;  margin-top: 43px;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tp-postbox-details-heading {    font-size: 25px;  }}@media (max-width: 767px) {  .tp-postbox-details-heading {    font-size: 24px;  }}.tp-postbox-details-desc-thumb {  padding-left: 78px;  padding-right: 78px;  margin-top: 52px;  margin-bottom: 35px;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tp-postbox-details-desc-thumb {    padding-left: 28px;    padding-right: 28px;  }}@media (max-width: 767px) {  .tp-postbox-details-desc-thumb {    padding-left: 15px;    padding-right: 15px;  }}.tp-postbox-details-desc-thumb img {  max-width: 100%;}.tp-postbox-details-desc-thumb-caption {  font-size: 14px;  color: var(--tp-text-body);  margin-top: 7px;}.tp-postbox-details-quote {  margin-bottom: 10px;  margin-top: 50px;}.tp-postbox-details-quote p {  line-height: 1.31;  font-size: 26px;  margin-bottom: 15px;}.tp-postbox-details-list {  padding-top: 6px;  margin-bottom: 35px;}.tp-postbox-details-list ul li {  list-style: none;  position: relative;  padding-left: 15px;  font-size: 18px;  color: var(--tp-common-black);}.tp-postbox-details-list ul li:not(:last-child) {  margin-bottom: 7px;}.tp-postbox-details-list ul li::after {  position: absolute;  content: "";  top: 11px;  left: 0;  width: 4px;  height: 4px;  background-color: var(--tp-text-body);  border-radius: 50%;}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-tags {    margin-bottom: 15px;  }}.tp-postbox-details-tags span {  font-size: 16px;  font-weight: 500;  color: var(--tp-common-black);  margin-right: 5px;}.tp-postbox-details-tags.tagcloud {  padding-top: 0;  border: 0;}.tp-postbox-details-share-wrapper {  padding-top: 21px;  padding-bottom: 33px;}.tp-postbox-details-share span {  font-size: 16px;  font-weight: 500;  color: var(--tp-common-black);  margin-right: 5px;}.tp-postbox-details-share a {  display: inline-block;  width: 38px;  height: 38px;  line-height: 36px;  text-align: center;  border: 1px solid #E6E7E8;}.tp-postbox-details-share a:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-postbox-details-share-2 {  position: sticky;  top: 120px;  width: 55px;  box-shadow: 0px 30px 40px rgba(1, 15, 28, 0.1);}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-share-2 {    width: auto;    display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    margin-bottom: 45px;    flex-wrap: wrap;  }}.tp-postbox-details-share-2 span {  font-weight: 500;  font-size: 13px;  line-height: 1.23;  display: inline-block;  text-align: center;  padding-top: 18px;  color: var(--tp-common-black);  padding-bottom: 16px;  border-bottom: 1px solid #E6E7E8;}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-share-2 span {    border-bottom: 0;    border-right: 1px solid #E6E7E8;    padding-left: 15px;    padding-right: 15px;  }}.tp-postbox-details-share-2 ul {  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  flex-wrap: wrap;}.tp-postbox-details-share-2 ul li {  list-style: none;}.tp-postbox-details-share-2 ul li:not(:last-child) {  border-bottom: 1px solid #E6E7E8;}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-share-2 ul li:not(:last-child) {    border-bottom: 0;    border-right: 1px solid #E6E7E8;  }}.tp-postbox-details-share-2 ul li a {  display: inline-block;  width: 55px;  height: 55px;  line-height: 58px;  text-align: center;}.tp-postbox-details-share-2 ul li a:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-navigation {  position: relative;  padding: 35px 0 30px;  border-top: 1px solid #E0E2E3;}.tp-postbox-details-navigation::after {  position: absolute;  content: "";  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  background-color: #E0E2E3;  width: 1px;  height: 80px;}.tp-postbox-details-navigation-icon span {  color: var(--tp-common-black);  font-size: 18px;}.tp-postbox-details-navigation-icon span:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-navigation-content span {  font-size: 15px;  display: inline-block;}.tp-postbox-details-navigation-title {  font-size: 18px;  font-weight: 500;  line-height: 1.22;}.tp-postbox-details-navigation-title a:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-author {  padding: 34px 44px 38px 45px;  margin-bottom: 90px;}@media (max-width: 767px) {  .tp-postbox-details-author {    padding: 25px;  }}.tp-postbox-details-author-thumb img {  width: 90px;  height: 90px;  object-fit: cover;  border-radius: 50%;  margin-right: 20px;}@media (max-width: 767px) {  .tp-postbox-details-author-thumb img {    margin-right: 0;    margin-bottom: 20px;  }}.tp-postbox-details-author-content span {  font-size: 15px;  display: inline-block;}.tp-postbox-details-author-content p {  font-size: 16px;  line-height: 1.6;  margin-bottom: 19px;}.tp-postbox-details-author-title {  font-size: 20px;  font-weight: 500;  margin-bottom: 10px;}.tp-postbox-details-author-title a:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-author-social a {  display: inline-block;  width: 34px;  height: 34px;  line-height: 34px;  text-align: center;  background-color: #fff;  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.2);}.tp-postbox-details-author-social a:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-postbox-details-comment-wrapper {  margin-bottom: 90px;}.tp-postbox-details-comment-inner ul.children {  margin-left: 77px;}@media (max-width: 767px) {  .tp-postbox-details-comment-inner ul.children {    margin-left: 35px;  }}.tp-postbox-details-comment-inner ul li {  list-style: none;}.tp-postbox-details-comment-box {  margin-bottom: 34px;}.tp-postbox-details-comment-title {  font-size: 24px;  font-weight: 500;  margin-bottom: 27px;}.tp-postbox-details-comment-thumb img {  width: 60px;  height: 60px;  border-radius: 50%;  margin-right: 17px;}@media (max-width: 767px) {  .tp-postbox-details-comment-thumb img {    margin-right: 0;    margin-bottom: 20px;  }}.tp-postbox-details-comment-top {  margin-bottom: 8px;}.tp-postbox-details-comment-avater-title {  font-size: 18px;  font-weight: 500;  margin-bottom: 0;}.tp-postbox-details-comment-avater-title a:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-comment-avater-meta {  font-size: 14px;  color: var(--tp-text-body);  display: inline-block;}.tp-postbox-details-comment-content {  width: 100%;  padding-bottom: 15px;  border-bottom: 1px solid #E0E2E3;}.tp-postbox-details-comment-content p {  font-size: 14px;  line-height: 1.57;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-postbox-details-comment-content p br {    display: none;  }}.tp-postbox-details-comment-reply a {  font-size: 15px;  color: var(--tp-text-body);  display: inline-block;  line-height: 1;  border: 1px solid #E6E7E8;  padding: 6px 13px;}.tp-postbox-details-comment-reply a:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.tp-postbox-details-form > p {  line-height: 1;  font-size: 16px;  margin-bottom: 43px;}.tp-postbox-details-form-title {  font-size: 24px;  font-weight: 500;  margin-bottom: 8px;}.tp-postbox-details-form-inner {  margin-bottom: 6px;}.tp-postbox-details-input-wrapper {  margin-bottom: 8px;}.tp-postbox-details-input-box {  position: relative;}.tp-postbox-details-input-box:not(:last-child) {  margin-bottom: 34px;}.tp-postbox-details-input input {  height: 56px;  background: #FFFFFF;  border: 1px solid #E0E2E3;  font-size: 14px;  color: var(--tp-common-black);}.tp-postbox-details-input input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  color: #95999D;}.tp-postbox-details-input input::-moz-placeholder {  /* Firefox 19+ */  color: #95999D;}.tp-postbox-details-input input:-moz-placeholder {  /* Firefox 18- */  color: #95999D;}.tp-postbox-details-input input:-ms-input-placeholder {  /* IE 10+ */  color: #95999D;}.tp-postbox-details-input textarea {  height: 165px;  resize: none;}.tp-postbox-details-input-title label {  font-size: 14px;  color: var(--tp-common-black);  position: absolute;  top: -7px;  left: 20px;  padding: 0 5px;  background-color: var(--tp-common-white);  line-height: 1;}.tp-postbox-details-input-eye {  position: absolute;  right: 26px;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}.tp-postbox-details-input-eye .open-eye {  display: none;}.tp-postbox-details-input-eye:hover {  cursor: pointer;}.tp-postbox-details-input-eye:hover span {  color: var(--tp-common-black);}.tp-postbox-details-input-btn {  font-size: 16px;  color: var(--tp-common-white);  font-weight: 500;  background-color: var(--tp-theme-primary);  padding: 9px 30px;}.tp-postbox-details-input-btn:hover {  background-color: var(--tp-common-black);  color: var(--tp-common-white);}.tp-postbox-details-remeber input {  display: none;}.tp-postbox-details-remeber input:checked ~ label::after {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.tp-postbox-details-remeber input:checked ~ label::before {  visibility: visible;  opacity: 1;}.tp-postbox-details-remeber label {  font-size: 15px;  color: #55585B;  position: relative;  padding-left: 26px;  z-index: 1;}.tp-postbox-details-remeber label::after {  position: absolute;  content: "";  top: 4px;  left: 0;  width: 18px;  height: 18px;  line-height: 16px;  text-align: center;  border: 1px solid #C3C7C9;  z-index: -1;}.tp-postbox-details-remeber label::before {  position: absolute;  content: url("../img/product/icons/check.html");  top: 4px;  left: 0;  width: 18px;  height: 18px;  line-height: 16px;  text-align: center;  visibility: hidden;  opacity: 0;  color: var(--tp-common-white);}.tp-postbox-details-remeber label a:hover {  color: var(--tp-theme-primary);}.tp-postbox-details-remeber label:hover {  cursor: pointer;}.tagcloud a {  background: var(--tp-common-white);  color: var(--tp-common-black);  display: inline-block;  padding: 9px 14px;  padding-bottom: 9px;  margin-bottom: 8px;  margin-right: 2px;  border-radius: 6px;  border: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  line-height: 12px;  color: #565764;}.tagcloud a:hover {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);}blockquote {  background: #F1F2F6;  padding: 35px 50px;  border-radius: 4px;  margin-bottom: 35px;}@media (max-width: 767px) {  blockquote {    padding-left: 15px;    padding-right: 15px;  }}blockquote p {  line-height: 1.5;  font-size: 18px;  color: #57565e;  font-weight: 400;  font-family: var(--tp-ff-jakarta);  margin-bottom: 0;}blockquote cite {  font-size: 16px;  display: block;  margin-top: 10px;  color: #070337;  font-style: inherit;  font-weight: 500;  position: relative;}blockquote cite::before {  content: "";  font-size: 28px;  color: var(--tp-theme-primary);  padding-bottom: 0px;  display: inline-block;  background: var(--tp-theme-primary);  height: 2px;  width: 40px;  font-weight: 400;  text-align: center;  top: -4px;  margin-right: 10px;  position: relative;}/*----------------------------------------*//*  5.2 Recent Post css/*----------------------------------------*/.tpblog {  border-radius: 20px;  padding: 25px 25px 35px 25px;  border: 1px solid rgba(12, 19, 56, 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;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpblog {    padding: 25px 15px 25px 15px;  }}.tpblog:hover {  border: 1px solid rgba(12, 19, 56, 0.1);}.tpblog:hover .tpblog-thumb img {  transform: scale(1.17) rotate(6deg);  -webkit-transform: scale(1.17) rotate(6deg);  -moz-transform: scale(1.17) rotate(6deg);  -ms-transform: scale(1.17) rotate(6deg);  -o-transform: scale(1.17) rotate(6deg);}.tpblog-thumb {  border-radius: 10px;}.tpblog-thumb img {  border-radius: 10px;  -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;}.tpblog-tag {  margin-bottom: 13px;}.tpblog-tag a {  font-weight: 500;  font-size: 13px;  line-height: 16px;  letter-spacing: 0.02em;  color: var(--tp-grey-7);  border: 1px solid rgba(12, 19, 56, 0.1);  border-radius: 4px;  padding: 4px 11px;}.tpblog-tag a:hover {  background-color: rgba(12, 19, 56, 0.1);  border-color: transparent;}.tpblog-title {  font-weight: 600;  font-size: 20px;  line-height: 1.4;  color: var(--tp-heading-secondary);  margin-bottom: 18px;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpblog-title {    font-size: 16px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpblog-title br {    display: none;  }}.tpblog-title a:hover {  color: var(--tp-theme-primary);}.tpblog-avatar-thub {  flex: 0 0 auto;}.tpblog-avatar-thub img {  border-radius: 50%;  height: 40px;  width: 40px;  object-fit: cover;}.tpblog-avatar-info span {  font-weight: 400;  font-size: 14px;  line-height: 18px;  color: var(--tp-grey-3);}.tpblog-avatar-title {  font-weight: 600;  font-size: 15px;  line-height: 18px;  margin-bottom: -5px;}.tpblog-all {  text-align: end;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpblog-all {    text-align: start;  }}.tpblog-all a {  display: inline-block;  font-weight: 600;  font-size: 16px;  line-height: 10px;  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);  padding: 17px 28px;  border-radius: 6px;}.tpblog-all a:hover {  background: #3653EB;}.rc__post ul li:not(:last-child) {  margin-bottom: 15px;}.rc__post-thumb {  flex: 0 0 auto;}.rc__post-thumb img {  width: 80px;  height: 90px;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  -o-border-radius: 6px;  -ms-border-radius: 6px;  border-radius: 6px;}.rc__post-title {  margin-bottom: 4px;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 14px;  line-height: 20px;  color: #404146;}.rc__post-title a:hover {  color: var(--tp-theme-primary);}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .rc__post-title a br {    display: none;  }}.rc__meta span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  line-height: 12px;  color: #989899;}.blog-single {  background: #2A3694;  border: 1px solid #4351A4;  border-radius: 20px;  border-radius: 20px 20px 20px 20px;}.blog-single-thumb {  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 50%;  background-repeat: no-repeat;  background-size: cover;  border-radius: 20px 0 0 20px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .blog-single-thumb {    border-radius: 20px 20px 0px 0px;    height: 280px;    width: 100%;    position: static;  }}.blog-single-content {  padding: 65px 35px 65px 0;  margin-left: -50px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-single-content {    margin-left: 0;  }}@media (max-width: 767px) {  .blog-single-content {    padding: 30px 15px;    margin-left: 0;  }}.blog-single-content p {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 18px;  line-height: 28px;  color: var(--tp-common-white);  opacity: 0.7;  margin-bottom: 39px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-single-content p {    font-size: 16px;    margin-bottom: 5px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .blog-single-content p br {    display: none;  }}.blog-single-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 30px;  line-height: 1.17;  letter-spacing: -0.02em;  color: var(--tp-common-white);}.blog-single-title:hover {  opacity: 0.7;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-single-title {    font-size: 24px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-single-title {    font-size: 17px;    margin-bottom: 10px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .blog-single-title {    font-size: 21px;  }}@media (max-width: 767px) {  .blog-single-title br {    display: none;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-single-meta {    margin-bottom: 14px;  }}.blog-single-meta a, .blog-single-meta span {  font-family: var(--tp-ff-dmsans);  font-size: 15px;  line-height: 12px;  color: var(--tp-common-white);  background-color: #33429D;  border-radius: 30px;  display: inline-block;  padding: 7px 14px;  margin-right: 10px;}.blog-single-meta .meta-list {  background-color: transparent;  position: relative;  padding-left: 8px;}.blog-single-meta .meta-list::before {  position: absolute;  content: "";  top: 50%;  transform: translateY(-50%);  left: 0;  height: 4px;  width: 4px;  background: #D9D9D9;  border-radius: 50px;}.blog-item {  padding: 35px 25px;  background: #2A3694;  border: 1px solid #4351A4;  border-radius: 20px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .blog-item {    padding: 35px 20px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-item {    padding: 20px 10px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .blog-item {    padding: 15px 15px;  }}.blog-thumb {  flex: 0 0 auto;  margin-right: 20px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-thumb {    margin-right: 10px;  }}.blog-thumb img {  height: 100px;  width: 100px;  object-fit: cover;  border-radius: 10px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-thumb img {    height: 80px;    width: 80px;  }}.blog-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 20px;  letter-spacing: -0.02em;  color: var(--tp-common-white);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-title {    font-size: 18px;  }}@media (max-width: 767px) {  .blog-title {    font-size: 17px;  }}.blog-title:hover {  opacity: 0.7;}.blog-content span {  font-family: var(--tp-ff-dmsans);  font-size: 15px;  line-height: 12px;  color: var(--tp-common-white);  position: relative;  padding-left: 10px;  margin-bottom: 10px;  display: inline-block;}.blog-content span::before {  position: absolute;  content: "";  top: 50%;  transform: translateY(-50%);  left: 0;  height: 4px;  width: 4px;  background: #D9D9D9;  border-radius: 50px;}.tpblog-4 {  background: #FFFFFF;  box-shadow: 0px 20px 40px rgba(3, 4, 28, 0.1);  border-radius: 14px;  position: relative;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpblog-4 {    padding: 30px 30px 25px 30px;  }}@media (max-width: 767px) {  .tpblog-4 {    padding: 0px 0px 0px 0px;  }}.tpblog-4-thumb {  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 40%;  background-repeat: no-repeat;  background-size: cover;  border-radius: 20px 0 0 20px;}@media (max-width: 767px) {  .tpblog-4-thumb {    border-radius: 20px 20px 0px 0px;    height: 350px;    width: 100%;    position: static;  }}.tpblog-4-thumb img {  border-radius: 10px 0 0 10px;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .tpblog-4-thumb img {    border-radius: 10px 10px 10px 10px;  }}.tpblog-4-content {  padding: 45px 50px 43px 16px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpblog-4-content {    padding: 30px 5px 32px 5px;  }}@media (max-width: 767px) {  .tpblog-4-content {    padding: 30px 10px 32px 20px;  }}.tpblog-4-content-sub-tilte {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 10px;  color: var(--tp-theme-blue);  padding: 9px 12px;  background: rgba(119, 90, 252, 0.1);  border-radius: 100px;  margin-bottom: 10px;  display: inline-block;}.tpblog-4-content-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 22px;  line-height: 28px;  color: var(--tp-common-11);  margin-bottom: 14px;}.tpblog-4-content-title:hover {  color: var(--tp-theme-blue);}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .tpblog-4-content-title {    font-size: 19px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpblog-4-content-title {    font-size: 19px;  }}.tpblog-4-content p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 1.3;  color: var(--tp-grey-8);  margin-bottom: 27px;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .tpblog-4-content p br {    display: none;  }}.tpblog-4-info span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 14px;  line-height: 13px;  color: var(--tp-common-11);  padding-right: 14px;  margin-right: 10px;  position: relative;}.tpblog-4-info span::before {  position: absolute;  content: "";  height: 20px;  width: 1px;  background-color: #D9D9D9;  right: 0;  top: 50%;  transform: translateY(-50%);}.tpblog-4-info span:last-child {  margin-right: 0;  padding-right: 0;}.tpblog-4-info span:last-child::before {  display: none;}.tpblog-4-info span i {  color: #9A9B9C;  font-weight: 500;  font-style: normal;}.tpblog-4-shape {  position: absolute;  top: 15px;  z-index: -1;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpblog-4-shape {    top: 35px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpblog-4-shape {    top: 45px;  }}.tpblog-item-2 {  background: var(--tp-common-white);  border: 1px solid #EAEAED;  box-shadow: 0px 1px 1px rgba(12, 19, 56, 0.06);  border-radius: 10px;}.tpblog-wrap {  padding: 30px 30px 35px 30px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpblog-wrap {    padding: 30px 15px 35px 15px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {  .tpblog-wrap {    padding: 30px 20px 35px 20px;  }}.tpblog-thumb-2 img {  border-radius: 10px 10px 0px 0px;  width: 100%;}.tpblog-content-2 span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 12px;  line-height: 12px;  text-align: center;  letter-spacing: 0.02em;  text-transform: uppercase;  color: #4260FF;  background: rgba(66, 96, 255, 0.1);  border-radius: 6px;  display: inline-block;  margin-bottom: 16px;}.tpblog-content-2 span a {  padding: 7px 12px;  display: inline-block;  border-radius: 6px;}.tpblog-content-2 span a:hover {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);}.tpblog-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 24px;  color: #0C1338;  line-height: 1.2;  margin-bottom: 20px;}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .tpblog-title-2 {    font-size: 20px;  }}.tpblog-title-2 a:hover {  color: var(--tp-theme-primary);}.tpblog-meta-2 span {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 16px;  color: #565764;  margin-right: 16px;  padding-right: 15px;  position: relative;}.tpblog-meta-2 span:last-child {  margin-right: 0;  padding-right: 0;}.tpblog-meta-2 span:last-child::before {  display: none;}.tpblog-meta-2 span::before {  position: absolute;  content: "";  right: 0;  top: 50%;  transform: translateY(-50%);  background: #E1E1E4;  height: 24px;  width: 1px;}.tpblog-meta-2 span i {  transform: translateY(-1px);  display: inline-block;  margin-right: 5px;}.tpblog-video-2 {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  text-align: center;}.tpblog-video-2 a {  height: 70px;  width: 70px;  line-height: 69px;  background-color: var(--tp-common-white);  border-radius: 50%;  display: inline-block;}.tpblog-video-2 a i {  transform: translateX(2px);  display: inline-block;}.tpblog-grid-active {  border-radius: 10px 10px 0 0;  position: relative;}.blog-grid-active-button-prev,.blog-grid-active-button-next,.blog-list-active-button-next,.blog-list-active-button-prev {  position: absolute;  top: 50%;  transform: translateY(-50%);  right: 0;  z-index: 9;  right: -30px;  height: 40px;  width: 60px;  line-height: 40px;  background-color: var(--tp-common-white);  text-align: left;  border-radius: 20px;}.blog-grid-active-button-prev:hover i,.blog-grid-active-button-next:hover i,.blog-list-active-button-next:hover i,.blog-list-active-button-prev:hover i {  color: var(--tp-theme-primary);}.blog-grid-active-button-prev i,.blog-grid-active-button-next i,.blog-list-active-button-next i,.blog-list-active-button-prev i {  transform: translateX(15px);}.blog-grid-active-button-prev,.blog-list-active-button-prev {  right: auto;  left: -30px;}.blog-grid-active-button-prev i,.blog-list-active-button-prev i {  transform: translateX(40px);}.blog-list-item {  background: var(--tp-common-white);  border: 1px solid #EAEAED;  box-shadow: 0px 1px 1px rgba(12, 19, 56, 0.06);  border-radius: 10px;}@media (max-width: 767px) {  .blog-list-item {    flex-wrap: wrap;  }}.blog-list-thumb {  width: 350px;  position: relative;  flex: 0 0 auto;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-list-thumb {    width: 260px;  }}@media (max-width: 767px) {  .blog-list-thumb {    width: 100%;  }}.blog-list-thumb a {  display: block;  height: 100%;}.blog-list-thumb a img {  border-radius: 10px 0px 0px 10px;  width: 100%;  height: 100%;  object-fit: cover;}@media (max-width: 767px) {  .blog-list-thumb a img {    border-radius: 10px 10px 0px 0px;  }}.blog-list-thumb-slide {  width: 350px;  height: 400px;  position: relative;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-list-thumb-slide {    width: 260px;  }}@media (max-width: 767px) {  .blog-list-thumb-slide {    width: 100%;  }}.blog-list-content {  padding: 45px 50px 45px 60px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .blog-list-content {    padding: 45px 20px 45px 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-list-content {    padding: 45px 30px 45px 30px;  }}@media (max-width: 767px) {  .blog-list-content {    padding: 45px 20px 45px 20px;  }}.blog-list-content p {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 24px;  color: var(--tp-text-body);  margin-bottom: 20px;}.blog-list-tag a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 12px;  line-height: 12px;  letter-spacing: 0.02em;  text-transform: uppercase;  color: var(--tp-theme-primary);  display: inline-block;  background: rgba(66, 96, 255, 0.08);  border-radius: 6px;  padding: 7px 13px 6px 13px;  margin-bottom: 12px;}@media (max-width: 767px) {  .blog-list-tag a {    margin-bottom: 5px;  }}.blog-list-tag a:hover {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.blog-list-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 30px;  color: #0C1338;  margin-bottom: 16px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .blog-list-title {    font-size: 24px;  }}.blog-list-title a:hover {  color: var(--tp-theme-primary);}.blog-list-btn a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 1;  color: #FFFFFF;  display: inline-block;  background: #4260FF;  border-radius: 6px;  padding: 12px 31px 13px 31px;}/*----------------------------------------*//*  5.3 Sidebar css/*----------------------------------------*/@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .sidebar__wrapper {    margin-left: 0;  }}.sidebar__widget {  padding: 30px 35px;  background: #F1F2F6;  border-radius: 10px;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .sidebar__widget {    padding: 30px 20px;  }}.sidebar__widget-title {  margin-bottom: 30px;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 20px;  line-height: 18px;  color: var(--tp-heading-primary);}.sidebar__widget ul li {  list-style: none;  margin-bottom: 25px;  line-height: 1;}.sidebar__widget ul li:last-child {  margin-bottom: 15px;}.sidebar__widget ul li a {  display: block;  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 500;  font-size: 14px;  line-height: 12px;  color: #565764;}.sidebar__widget ul li a:hover {  color: var(--tp-theme-primary);}.sidebar__widget ul li a:hover span {  color: var(--tp-theme-primary);}.sidebar__widget ul li span {  float: right;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  color: #565764;  background: #FFFFFF;  border-radius: 10px;  display: inline-block;  transform: translateY(2px);  line-height: 12px;  padding: 4px 8px;  transform: translateY(-3px);}.sidebar__widget ul li ul {  padding-left: 25px;  padding-top: 20px;}.sidebar__widget-social a {  height: 40px;  width: 40px;  line-height: 42px;  background: #FFFFFF;  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.16);  border-radius: 4px;  display: inline-block;  text-align: center;  margin-right: 3px;  margin-bottom: 8px;}.sidebar__widget-social a:hover {  background: #4260FF;  color: var(--tp-common-white);}.sidebar__widget-input input {  width: 100%;  background: var(--tp-common-white);  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.16);  border-radius: 4px;  height: 54px;  border: none;  padding: 0 20px;  margin-bottom: 20px;}.sidebar__widget-input input::placeholder {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 12px;  color: #787985;}.sidebar__widget-input .blog-btn {  font-family: "Plus Jakarta Sans";  font-weight: 600;  font-size: 16px;  line-height: 12px;  color: var(--tp-common-white);  text-align: center;  width: 100%;  background: #4260FF;  border-radius: 6px;  display: inline-block;  padding: 21px 20px;  margin-bottom: 10px;}.sidebar__newsletter p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  line-height: 22px;  color: #565764;  margin-bottom: 28px;}.sidebar__newsletter .sidebar__widget-title {  margin-bottom: 14px;}.sidebar__search {  position: relative;}.sidebar__search-input-2-box {  width: 210px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .sidebar__search-input-2-box {    width: 100%;  }}.sidebar__search input {  width: 100%;  height: 54px;  line-height: 60px;  background: var(--tp-common-white);  padding: 0 20px 0 20px;  text-transform: capitalize;  -webkit-border-radius: 7px;  -moz-border-radius: 7px;  -o-border-radius: 7px;  -ms-border-radius: 7px;  border-radius: 7px;  border: 1px solid transparent;  outline: none;  padding-top: 3px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .sidebar__search input {    padding: 0 80px 0 20px;  }}.sidebar__search input::placeholder {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 12px;  color: #9497A8;}.sidebar__search button {  position: absolute;  top: 0;  right: 0;  height: 100%;  padding: 0 19px;  color: #fff;  line-height: 60px;  -webkit-border-radius: 0 7px 7px 0;  -moz-border-radius: 0 7px 7px 0;  -o-border-radius: 0 7px 7px 0;  -ms-border-radius: 0 7px 7px 0;  border-radius: 0 7px 7px 0;  background: var(--tp-theme-primary);  border-radius: 6px;}.sidebar__banner::after {  position: absolute;  content: "";  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);}.sidebar__banner-content {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 1;  background: var(--tp-common-white);}.sidebar__banner-content h4 {  padding: 15px 20px;  font-size: 24px;  color: var(--tp-common-black);  text-transform: uppercase;  margin-bottom: 0;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .blog-grid-wrapper {    margin-bottom: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .blog-list-wrap {    margin-bottom: 30px;  }}/*----------------------------------------*//*  5.4 Masonry css/*----------------------------------------*/.container-lagre-box {  max-width: 1600px;}.tpmasonry {  position: absolute;  bottom: 40px;  left: 0;  right: 0;  z-index: 2;  padding: 45px 45px 0 43px;}@media (max-width: 767px) {  .tpmasonry {    padding: 10px 10px 0 20px;    bottom: 10px;  }}.tpmasonry-thumb img {  border-radius: 10px;}@media (max-width: 767px) {  .tpmasonry-video {    margin-bottom: 10px;  }}.tpmasonry-video span {  height: 60px;  width: 60px;  background-color: var(--tp-common-white);  line-height: 60px;  border-radius: 50%;  text-align: center;  display: inline-block;}@media (max-width: 767px) {  .tpmasonry-video span {    height: 50px;    width: 50px;    line-height: 50px;  }}.tpmasonry-video span i, .tpmasonry-video span svg {  transform: translateX(2px);  color: #0C1338;}.tpmasonry-content .blog-list-tag a {  background: rgba(255, 255, 255, 0.1);  color: var(--tp-common-white);}.tpmasonry-content .blog-list-tag a:hover {  color: var(--tp-theme-primary);  background-color: var(--tp-common-white);}.tpmasonry-content .tpblog-meta-2 span {  color: rgba(255, 255, 255, 0.8);}.tpmasonry-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 34px;  color: var(--tp-common-white);  margin-bottom: 25px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpmasonry-title {    font-size: 26px;  }}@media (max-width: 767px) {  .tpmasonry-title {    font-size: 18px;    margin-bottom: 6px;  }}@media (max-width: 767px) {  .tpmasonry-title a br {    display: none;  }}.tpmasonry-item {  background: linear-gradient(180deg, #184CFF 0%, #809BF9 101.28%);  border-radius: 10px;  padding: 88px 50px 78px 38px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpmasonry-item {    padding: 70px 25px 45px 25px;  }}.tpmasonry-icon span {  height: 60px;  width: 60px;  line-height: 60px;  text-align: center;  background-color: var(--tp-common-white);  display: inline-block;  border-radius: 50%;}.tpmasonry-content-2 span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  line-height: 12px;  letter-spacing: 0.02em;  color: var(--tp-common-white);  margin-bottom: 16px;  display: inline-block;}.tpmasonry-content-2 p {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 15px;  line-height: 16px;  color: var(--tp-common-white);}.tpmasonry-title-white {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 24px;  line-height: 1.4;  letter-spacing: -0.01em;  color: var(--tp-common-white);  margin-bottom: 39px;}/*----------------------------------------*//*  5.5 Blog Details css/*----------------------------------------*/.blog-details-bg {  position: relative;  z-index: 1;  background-position: center;  background-size: cover;  background-repeat: no-repeat;}.blog-details-bg::before {  position: absolute;  content: "";  left: 0;  top: 0;  height: 100%;  width: 100%;  background: rgba(8, 2, 17, 0.6);  z-index: -1;}.blog-details-tag span {  display: inline-block;  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 12px;  line-height: 1;  text-align: center;  letter-spacing: 0.04em;  text-transform: uppercase;  color: var(--tp-common-white);  background: #4260FF;  border-radius: 6px;  padding: 8px 14px;  margin-bottom: 12px;}.blog-details-banner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 70px;  line-height: 1.15;  color: var(--tp-common-white);  margin-bottom: 21px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .blog-details-banner-title {    font-size: 54px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .blog-details-banner-title {    font-size: 44px;  }}@media (max-width: 767px) {  .blog-details-banner-title {    font-size: 34px;  }}@media (max-width: 767px) {  .blog-details-banner-title br {    display: none;  }}.blog-details-meta span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  color: rgba(255, 255, 255, 0.7);  display: inline-block;  margin-right: 18px;  padding-right: 20px;  position: relative;}@media (max-width: 767px) {  .blog-details-meta span {    margin-right: 8px;    padding-right: 10px;  }}.blog-details-meta span:last-child {  margin-right: 0px;  padding-right: 0;}.blog-details-meta span:last-child::before {  display: none;}.blog-details-meta span::before {  position: absolute;  content: "";  right: 0;  top: 50%;  transform: translateY(-50%);  height: 24px;  width: 1px;  background-color: rgba(255, 255, 255, 0.24);}.blog-details-meta span i {  margin-right: 5px;}.blog-details-meta-author a {  color: rgba(255, 255, 255, 0.9);}.blog-details-meta-author a img {  margin-right: 8px;  height: 34px;  width: 34px;  border-radius: 50%;  object-fit: cover;}.blog-details-2-thumb img {  border-radius: 14px;}.blog-details-2-bg .blog-details-tag span {  color: var(--tp-theme-primary);  background: rgba(66, 96, 255, 0.1);}.blog-details-2-bg .blog-details-banner-title {  color: #0E1331;}.blog-details-2-bg .blog-details-meta-author a {  color: #0E1331;}.blog-details-2-bg .blog-details-meta span {  color: #68686F;}.blog-details-2-bg .blog-details-meta span::before {  background-color: rgba(14, 19, 49, 0.1);}/*----------------------------------------*//*  6.1 Footer Style 1/*----------------------------------------*//* footer col design for home 1 */.footer-col-4 {  margin-left: -30px;}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .footer-col-4 {    margin-left: 0;  }}.footer-top {  padding-bottom: 45px;  border-bottom: 1px solid rgba(12, 19, 56, 0.1);}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-widget {    padding-left: 0;  }}.footer-widget-text {  font-weight: 500;  font-size: 18px;  line-height: 24px;  color: var(--tp-text-body);  margin-bottom: 30px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-widget-text {    font-size: 16px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-widget-text br {    display: none;  }}.footer-widget-social span {  display: block;  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: var(--tp-heading-primary);  margin-bottom: 15px;}.footer-widget-social a {  margin-right: 3px;}.footer-widget-social a:hover i {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  border: 1px solid transparent;}.footer-widget-social a i {  height: 37px;  width: 37px;  line-height: 36px;  text-align: center;  border: 1px solid rgba(12, 19, 56, 0.1);  border-radius: 6px;  -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-link ul li {  list-style: none;}.footer-widget-link ul li a {  font-weight: 500;  font-size: 16px;  line-height: 34px;  letter-spacing: 0.02em;  color: var(--tp-text-body);  position: relative;  padding-left: 11px;}.footer-widget-link ul li a::before {  position: absolute;  content: "";  height: 3px;  width: 3px;  border-radius: 50px;  background-color: var(--tp-text-body);  top: 50%;  transform: translateY(-50%);  left: 0;}.footer-widget-link ul li a:hover {  color: var(--tp-theme-primary);}.footer-widget-newsletter p {  font-weight: 500;  font-size: 15px;  line-height: 18px;  letter-spacing: 0.02em;  color: var(--tp-text-body);  margin-bottom: 20px;}.footer-widget-newsletter-input {  position: relative;}.footer-widget-newsletter-input input {  width: 100%;  height: 54px;  border: 1px solid rgba(12, 19, 56, 0.14);  border-radius: 10px;  padding: 5px 20px 5px 50px;}.footer-widget-newsletter-input input:focus {  color: #495057;  background-color: #fff;  border-color: #80bdff;  outline: 0;  box-shadow: 2px 2px 0px 1px rgba(0, 123, 255, 0.25);}.footer-widget-newsletter-input input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-weight: 400;  font-size: 16px;  line-height: 10px;  letter-spacing: 0.02em;  color: #A1A3AB;}.footer-widget-newsletter-input input::-moz-placeholder {  /* Firefox 19+ */  font-weight: 400;  font-size: 16px;  line-height: 10px;  letter-spacing: 0.02em;  color: #A1A3AB;}.footer-widget-newsletter-input input:-moz-placeholder {  /* Firefox 18- */  font-weight: 400;  font-size: 16px;  line-height: 10px;  letter-spacing: 0.02em;  color: #A1A3AB;}.footer-widget-newsletter-input input:-ms-input-placeholder {  /* IE 10+ */  font-weight: 400;  font-size: 16px;  line-height: 10px;  letter-spacing: 0.02em;  color: #A1A3AB;}.footer-widget-newsletter-input span {  position: absolute;  top: 50%;  transform: translateY(-57%);  left: 22px;}.footer-widget-newsletter-btn {  font-weight: 600;  font-size: 16px;  line-height: 14px;  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  padding: 15px 32px;  border-radius: 6px;}.footer-widget-newsletter-btn:hover {  background-color: #3653EB;}.footer-widget-copyright {  padding: 27px 0;}.footer-widget-copyright span {  font-weight: 500;  font-size: 15px;  line-height: 10px;  letter-spacing: 0.02em;  color: #929399;}.footer-widget-copyright span a {  color: var(--tp-theme-primary);  letter-spacing: 0.02em;  font-weight: 600;  font-size: 15px;  line-height: 10px;}.footer-col-2 {  padding-left: 30px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-col-2 {    padding-left: 0;  }}/*----------------------------------------*//*  6.2 Footer Style 2/*----------------------------------------*/.footer-bg2 {  background-color: #F5F1EB;}.footer-widget-social2 {  margin-bottom: 40px;}.footer-widget-social2 a {  margin-right: 3px;}.footer-widget-social2 a i {  height: 36px;  width: 36px;  line-height: 35px;  text-align: center;  border: 1px solid #fff;  border-radius: 100px;  color: var(--tp-text-body);  font-size: 13px;  -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-color: var(--tp-common-white);}.footer-widget-social2 a i:hover {  border: 1px solid #26A8FF;  background-color: #26A8FF;  color: var(--tp-common-white);}.footer-widget-social2 .footer-facebook i:hover {  border: 1px solid #1877F2;  background-color: #1877F2;}.footer-widget-social2 .footer-linkedin i:hover {  border-color: #0077B5;  background-color: #0077B5;}.footer-widget-social2 .footer-insta i:hover {  border-color: #FF005D;  background-color: #FF005D;}.footer-widget-newsletter2 .title {  font-weight: 500;  font-size: 14px;  line-height: 10px;  font-family: var(--tp-ff-dmsans);  color: #5B5A59;  margin-bottom: 16px;}.footer-widget-newsletter2-input2 {  position: relative;}.footer-widget-newsletter2-input2 input {  width: 100%;  height: 50px;  border: none;  background: var(--tp-common-white);  padding: 5px 150px 5px 20px;  font-family: var(--tp-ff-dmsans);}.footer-widget-newsletter2-input2 input:focus {  color: #495057;  border-color: #59BA41;  outline: 0;  box-shadow: 0 0 0 0.2rem rgba(89, 186, 65, 0.25);}.footer-widget-newsletter2-input2 input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 15px;  line-height: 10px;  letter-spacing: 0.02em;  color: #5B5A59;}.footer-widget-newsletter2-input2 input::-moz-placeholder {  /* Firefox 19+ */  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 15px;  line-height: 10px;  letter-spacing: 0.02em;  color: #5B5A59;}.footer-widget-newsletter2-input2 input:-moz-placeholder {  /* Firefox 18- */  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 15px;  line-height: 10px;  letter-spacing: 0.02em;  color: #5B5A59;}.footer-widget-newsletter2-input2 input:-ms-input-placeholder {  /* IE 10+ */  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 15px;  line-height: 10px;  letter-spacing: 0.02em;  color: #5B5A59;}.footer-widget-newsletter2-input2 button {  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  padding: 18px 22px;  background-color: var(--tp-theme-green);  color: var(--tp-common-white);  font-weight: 600;  font-size: 16px;  line-height: 14px;  font-family: var(--tp-ff-dmsans);}.footer-widget-copyright2 span a {  color: var(--tp-theme-green);}.footer-widget-2 .footer-widget-link ul li a:hover {  color: var(--tp-theme-green);}.footer-widget-2 .tpcontact-info-links a {  color: #5B5A59;  font-family: var(--tp-ff-dmsans);  position: relative;  padding-left: 32px;  font-weight: 400;  font-size: 16px;  line-height: 20px;  margin-bottom: 17px;}.footer-widget-2 .tpcontact-info-links a i {  position: absolute;  top: 0;  left: 0;  color: #5B5A59;  font-family: var(--tp-ff-dmsans);}.footer-widget-2 .footer-widget-copyright span a {  color: var(--tp-theme-green);}.footer-main-shape {  position: absolute;  top: -30px;  left: 0;  right: 0;  margin: auto;  text-align: center;}.footer-shape-left-one {  position: absolute;  top: -29px;  left: 0;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-left-one {    top: -5px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .footer-shape-left-one {    top: 0px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-left-one {    top: 2px;  }}.footer-shape-left-two {  position: absolute;  top: -185px;  left: 260px;}.footer-shape-left-three {  position: absolute;  top: -125px;  left: 0;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-left-three {    top: -90px;    left: -10px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-left-three {    top: -90px;  }}.footer-shape-left-four {  position: absolute;  top: -158px;  left: 120px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-left-four {    top: -127px;    left: 90px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .footer-shape-left-four {    top: -125px;    left: 5px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-left-four {    top: -130px;    left: 20px;  }}.footer-shape-right-one {  position: absolute;  top: -101px;  right: 108px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-right-one {    top: -103px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .footer-shape-right-one {    top: -103px;    right: 60px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-right-one {    top: -122px;    right: 90px;  }}.footer-shape-right-two {  position: absolute;  top: -218px;  right: 220px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-right-two {    right: 185px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-right-two {    right: 120px;  }}.footer-shape-right-three {  position: absolute;  top: -35px;  right: 55px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .footer-shape-right-three {    top: -10px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .footer-shape-right-three {    top: -7px;    right: 18px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-right-three {    top: -30px;    right: 40px;  }}.footer-shape-right-four {  position: absolute;  top: -205px;  right: 290px;  animation: upslide 4s linear forwards infinite alternate;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-shape-right-four {    right: 190px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptransparent__header {    padding-right: 35px;    padding-left: 35px;  }}.footer-2-col-1 {  margin-right: -30px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-2-col-1 {    margin-right: -50px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-2-col-1 {    margin-right: 0px;  }}.footer-2-col-2 {  padding-left: 100px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-2-col-2 {    padding-left: 0;  }}.footer-2-col-3 {  padding-left: 70px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-2-col-3 {    padding-left: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .footer-2-col-3 {    padding-left: 0px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-2-col-3 {    padding-left: 0;  }}/*----------------------------------------*//*  6.3 Footer Style 3/*----------------------------------------*/.footer-bg3 {  background: #2A3694;}.footer-bg3 .footer-widget-text {  color: var(--tp-common-white);  opacity: 0.6;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-bg3 .footer-widget-text br {    display: none;  }}.footer-bg3 .footer-widget-title {  color: var(--tp-common-white);  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 23px;}.footer-bg3 .footer-widget-link ul li a {  color: var(--tp-common-white);  font-family: var(--tp-ff-dmsans);  opacity: 0.7;  -webkit-transition: all 0.3 ease-out 0s;  -moz-transition: all 0.3 ease-out 0s;  -ms-transition: all 0.3 ease-out 0s;  -o-transition: all 0.3 ease-out 0s;  transition: all 0.3 ease-out 0s;}.footer-bg3 .footer-widget-link ul li a:hover {  opacity: 1;}.footer-bg3 .footer-widget-link ul li a::before {  background-color: var(--tp-common-white);  opacity: 0.7;}.footer-bg3 .footer-top {  padding-bottom: 45px;  border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.footer-bg3 .footer-widget-copyright span {  color: rgba(255, 255, 255, 0.6);}.footer-bg3 .footer-widget-copyright2 span a {  color: var(--tp-common-white);}.footer-bg3 .footer-widget-social2 a i {  width: 38px;  height: 38px;  line-height: 38px;  text-align: center;  border-radius: 50%;  border-radius: 30px;  display: inline-block;  border: 1px solid #33429D;  color: rgba(255, 255, 255, 0.7);}.footer-widget-form-3 .footer-widget-newsletter-input {  width: 270px;  margin-bottom: 0;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .footer-widget-form-3 .footer-widget-newsletter-input {    width: 245px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-widget-form-3 .footer-widget-newsletter-input {    width: 220px;  }}.footer-widget-form-3 .footer-widget-newsletter-input input {  width: 100%;  height: 54px;  padding: 5px 20px 5px 50px;  background: #33429D;  box-shadow: 0px 20px 50px rgba(15, 23, 79, 0.14), inset 0px 0px 3px rgba(255, 255, 255, 0.15);  border-radius: 100px;}.footer-3-col-4 {  margin-left: -65px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-3-col-4 {    margin-left: 0;  }}.footer-3-col-4 .footer-widget-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  right: 7px;}.footer-3-col-4 .footer-widget-newsletter-input input {  background: #33429D;  box-shadow: 0px 20px 50px rgba(15, 23, 79, 0.14), inset 0px 0px 3px rgba(255, 255, 255, 0.15);  border-radius: 100px;  color: var(--tp-common-white);  padding: 5px 50px 5px 50px;}.footer-3-col-4 .footer-widget-newsletter-input input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-weight: 500;  font-size: 16px;  letter-spacing: 0.02em;  color: rgba(255, 255, 255, 0.5);}.footer-3-col-4 .footer-widget-newsletter-input input::-moz-placeholder {  /* Firefox 19+ */  font-weight: 500;  font-size: 16px;  letter-spacing: 0.02em;  color: rgba(255, 255, 255, 0.5);}.footer-3-col-4 .footer-widget-newsletter-input input:-moz-placeholder {  /* Firefox 18- */  font-weight: 500;  font-size: 16px;  letter-spacing: 0.02em;  color: rgba(255, 255, 255, 0.5);}.footer-3-col-4 .footer-widget-newsletter-input input:-ms-input-placeholder {  /* IE 10+ */  font-weight: 500;  font-size: 16px;  letter-spacing: 0.02em;  color: rgba(255, 255, 255, 0.5);}.footer-3-col-4 .footer-widget-newsletter-input input:focus {  border-color: #fff;  border-radius: 1.5px solid;}.footer-3-col-4 .footer-widget-newsletter-btn-2 i {  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border-radius: 50%;  line-height: 36px;  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  display: inline-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;}.footer-3-col-4 .footer-widget-newsletter-btn-2 i:hover {  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);}.fw-shape-one {  position: absolute;  top: -70px;  left: 0;  animation: leftright 2s linear 2s forwards infinite alternate;}.fw-shape-two {  position: absolute;  top: -180px;  left: 0;}.fw-shape-three {  position: absolute;  top: -100px;  left: 125px;  animation: leftright 3.5s linear 3.5s forwards infinite alternate;}.fw-shape-four {  position: absolute;  top: -220px;  left: 65px;  animation: light 2.5s linear forwards infinite alternate;}.fw-shape-five {  position: absolute;  left: 320px;  top: -250px;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .fw-shape-five {    left: 235px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .fw-shape-five {    left: 120px;  }}.fw-shape-six {  position: absolute;  right: 45px;  top: -257px;}.fw-shape-seven {  position: absolute;  right: 120px;  top: -219px;}.fw-shape-eight {  position: absolute;  right: 275px;  top: -175px;  animation: light 2.5s linear forwards infinite alternate;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .fw-shape-eight {    right: 10px;  }}.fw-shape-nine {  position: absolute;  top: -145px;  right: 435px;  animation: upslide 4s linear forwards infinite alternate;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .fw-shape-nine {    right: 400px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .fw-shape-nine {    top: -110px;  }}.footer-bg3 .footer-widget-link ul li a::after {  position: absolute;  content: "";  left: 11px;  bottom: 0;  width: 0;  height: 1px;  background-color: var(--tp-common-white);  -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-bg3 .footer-widget-link ul li a:hover::after {  width: calc(100% - 11px);}/*----------------------------------------*//*  6.4 Footer Style 4/*----------------------------------------*/.footer-bg-4 {  background-color: #F2F2F2;}.footer-bg-4 .footer-widget-link ul li a:hover {  color: var(--tp-theme-blue);}.footer-bg-4 .footer-widget-social a i {  width: 44px;  height: 44px;  line-height: 44px;  text-align: center;  border-radius: 50%;  border: 1px solid var(--tp-common-white);  background-color: var(--tp-common-white);}.footer-bg-4 .footer-widget-copyright2 span a {  color: var(--tp-theme-blue);}.footer-bg-4 .footer-top {  border-bottom: none;  padding-bottom: 25px;}.fooer-btn-4 .blue-btn {  padding: 13px 30px 14px 30px;  font-size: 15px;  line-height: 13px;}.footer-4-col-4 {  margin-left: -30px;}@media (max-width: 767px) {  .footer-4-col-4 {    margin-left: 0;  }}.footer-4-col-4 .footer-widget-form-3 {  background: var(--tp-common-white);}.footer-4-col-4 .footer-widget-social a:hover i {  background-color: var(--tp-theme-blue);  color: var(--tp-common-white);  border: 1px solid transparent;}.footer-4-col-4 .footer-widget-newsletter-btn-2 i {  width: 40px;  height: 40px;  line-height: 40px;  text-align: center;  border-radius: 50%;  line-height: 36px;  background: var(--tp-theme-blue);  display: inline-block;}.footer-4-col-4 .footer-widget-newsletter-input input {  border-radius: 30px;}.footer-4-col-4 .footer-widget-newsletter-input input:focus {  border: 1px solid var(--tp-theme-blue);  box-shadow: 2px 2px 0px 1px rgba(120, 90, 252, 0.25);}.footer-4-col-4 .footer-widget-btn {  position: absolute;  top: 50%;  transform: translateY(-50%);  right: 7px;}.footer-bottom-4 .footer-widget-copyright span {  display: block;  background-color: var(--tp-common-white);  padding: 22px 0;  border-radius: 30px;}.footer-bottom-4 .footer-widget-copyright span a {  color: var(--tp-theme-blue);}.footer-bottom-4 .footer-widget-copyright {  padding: 27px 0 45px 0;}.footer-widget-social-4 a {  width: 38px;  height: 38px;  line-height: 38px;  text-align: center;  border-radius: 50%;  display: inline-block;  background: #414EAD;  position: relative;  z-index: 1;  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);}.footer-widget-social-4 a:hover {  border-color: transparent;  -webkit-transform: translateY(-2px);  -ms-transform: translateY(-2px);  transform: translateY(-2px);  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);}.footer-widget-social-4 a:hover::before {  opacity: 1;}.footer-widget-social-4 a:hover i {  color: rgb(255, 255, 255);  transform: translateY(-2px);}.footer-widget-social-4 a::before {  position: absolute;  content: "";  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  border-radius: 50%;  z-index: -1;  opacity: 0;  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}.footer-widget-social-4 a i {  color: rgba(255, 255, 255, 0.7);  position: relative;  z-index: 1;  font-size: 12px;  -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;}/*----------------------------------------*//*  6.5 Footer Style 5/*----------------------------------------*/.footer-5 {  background-color: #F5F5F5;}.footer-5 .footer-top {  padding-bottom: 55px;  border-bottom: 1px solid #E6E6E6;}.footer-5 .footer-widget-social a i {  border: 1px solid var(--tp-common-white);  background-color: var(--tp-common-white);}.footer-5 .footer-widget-social a i:hover {  border-color: #007CF5;}.footer-5-col-1 .phone-call {  margin-bottom: 12px;}.footer-5-col-1 .phone-call a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: #55585B;  background: #FFFFFF;  border-radius: 4px;  display: inline-block;  padding: 14px 31px 12px 31px;}.footer-5-col-1 .phone-call a i {  margin-right: 8px;}.footer-5-col-1 .submit-call button {  padding: 11px 53.4px 13px;}.footer-5-col-1 .submit-call .tp-btn {  padding: 8px 53.4px 10px;}.footer-5-col-1 .phone-call-details.phone-call a {  background: #EDEFFA;}.footer-5-col-1 .phone-call-details.phone-call a:hover {  background: #DDE1F2;}.footer-5-col-2 {  margin-left: 68px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-5-col-2 {    margin-left: 20px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-5-col-2 {    margin-left: 0px;  }}.footer-5-col-2 ul {  display: flex;  align-items: flex-start;  flex-wrap: wrap;}.footer-5-col-2 ul li {  width: 50%;  flex: 0 0 50%;}.footer-5-col-2 ul li:nth-child(even) {  padding-left: 15px;}.footer-5-col-2 .footer-widget-link ul li a {  padding-left: 0;  font-family: var(--tp-ff-jakarta);  color: var(--tp-grey-3);  font-weight: 500;  font-size: 15px;  letter-spacing: 0.02em;}.footer-5-col-2 .footer-widget-link ul li a:hover {  color: var(--tp-common-11);}.footer-5-col-2 .footer-widget-link ul li a::before {  display: none;}.footer-5-col-3 {  margin-left: 68px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .footer-5-col-3 {    margin-left: 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .footer-5-col-3 {    margin-left: 0px;  }}.footer-5-col-3 .footer-widget-link ul li a {  padding-left: 0;  font-family: var(--tp-ff-jakarta);  color: var(--tp-grey-3);  font-weight: 500;  font-size: 15px;  letter-spacing: 0.02em;}.footer-5-col-3 .footer-widget-link ul li a:hover {  color: var(--tp-common-11);}.footer-5-col-3 .footer-widget-link ul li a::before {  display: none;}.footer-5-col-4 .footer-widget-link ul li {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 14px;  letter-spacing: 0.02em;  margin-bottom: 21px;  color: var(--tp-grey-3);}.footer-5-col-4 .footer-widget-link ul li:last-child {  margin-bottom: 0;}.footer-5-col-4 .footer-widget-link ul li span {  color: #909396;  width: 116px;  display: inline-block;}.tpfooter-hover a {  display: inline;  background-image: linear-gradient(var(--tp-common-11), var(--tp-common-11)), linear-gradient(var(--tp-common-11), var(--tp-common-11));  background-size: 0% 1px, 0 1px;  background-position: 100% 100%, 0 100%;  background-repeat: no-repeat;  transition: background-size 0.4s linear;}.tpfooter-hover a:hover {  color: inherit;  background-size: 0 1px, 100% 1px;}.footer-bottom-5 .footer-widget-copyright span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 22px;  color: #909396;  letter-spacing: 0;}.footer-bottom-5 .footer-widget-copyright span a {  color: #FF5527;}.footer-bottom-5 .footer-widget-social a:hover i {  background-color: #007CF5;}.footer-bottom-5 .footer-widget-copyright {  padding: 40px 0;}@media (max-width: 767px) {  .footer-bottom-5 .footer-widget-copyright {    padding: 20px 0;  }}@media (max-width: 767px) {  .footer-bottom-5 .footer-widget-social {    text-align: center !important;    margin-bottom: 20px;  }}.footer-bottom-inner .footer-widget-copyright span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 22px;  color: #909396;  letter-spacing: 0;}.footer-bottom-inner .footer-widget-social a:hover i {  background-color: #007CF5;}.footer-bottom-inner .footer-widget-copyright {  padding: 40px 0;}@media (max-width: 767px) {  .footer-bottom-inner .footer-widget-copyright {    padding: 20px 0;  }}@media (max-width: 767px) {  .footer-bottom-inner .footer-widget-social {    text-align: center !important;    margin-bottom: 20px;  }}.footer-inner .light-blue-btn {  background-color: var(--tp-theme-primary);}.footer-inner .light-blue-btn:hover {  background-color: transparent;}.footer-inner .footer-bottom-5 .footer-widget-social a:hover i {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.footer-inner .footer-widget-copyright span a {  color: var(--tp-theme-primary);}.cta-footer-bg {  padding-top: 340px;}.footer-call.footer-5-col-1 .phone-call a {  background: #EDEFFA;}.seo-audit-f {  padding-top: 340px;}.fw-blog-details .footer-widget-social a i {  background: #EDEFFA;  color: #55585B;  border: none;}.fw-blog-details .footer-widget-social a i:hover {  color: var(--tp-common-white);}/*----------------------------------------*//*  7.3 Banner css/*----------------------------------------*/.tpbanner-space {  padding-top: 222px;  padding-bottom: 235px;}@media (max-width: 767px) {  .tpbanner-space {    padding-top: 145px;    padding-bottom: 145px;  }}.tpbanner-shape-wrapper {  position: relative;  z-index: 1;  background-repeat: no-repeat;  background-size: cover;}.tpbanner-shape-one {  position: absolute;  top: 170px;  left: 140px;}.tpbanner-shape-two {  position: absolute;  bottom: 175px;  right: 0px;}.tpbanner-shape-three {  position: absolute;  bottom: 190px;  right: 175px;  width: 100px;}.tpbanner-shape-four {  position: absolute;  bottom: 50px;  right: 530px;  z-index: -1;  width: 400px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpbanner-shape-four {    right: 330px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpbanner-shape-four {    right: 230px;  }}.tpbanner-shape-five {  position: absolute;  left: 260px;  bottom: 480px;  width: 260px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .tpbanner-shape-five {    left: 220px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpbanner-shape-five {    left: 135px;    bottom: 125px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpbanner-shape-five {    left: 20px;    bottom: 60%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpbanner-shape-five {    left: 1%;    bottom: 62%;  }}.tpbanner-shape-six {  position: absolute;  left: 100px;  bottom: 185px;  width: 1000px;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpbanner-shape-six {    left: 20px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpbanner-shape-six {    left: 200px;    bottom: 15%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpbanner-shape-six {    left: 250px;    bottom: 18%;  }}.tpbanner__title {  font-size: 100px;  font-weight: 700;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  text-fill-color: transparent;  line-height: 1;  background-image: -webkit-linear-gradient(291.09deg, #FF4F99 27.31%, #7F37FE 73.17%);  background-image: -moz-linear-gradient(291.09deg, #FF4F99 27.31%, #7F37FE 73.17%);  background-image: -ms-linear-gradient(291.09deg, #FF4F99 27.31%, #7F37FE 73.17%);  background-image: -o-linear-gradient(291.09deg, #FF4F99 27.31%, #7F37FE 73.17%);  background-image: linear-gradient(291.09deg, #FF4F99 27.31%, #7F37FE 73.17%);  -moz-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;  -webkit-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;  animation: sliderTitle3 3s ease-in-out 1s forwards infinite alternate;  background-size: 150% 150%;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpbanner__title {    font-size: 60px;  }}@media (max-width: 767px) {  .tpbanner__title {    font-size: 38px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner__title {    font-size: 50px;  }}.tpbanner__sub-title {  position: relative;  display: inline-block;}.tpbanner__sub-title span {  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  top: 50%;  transform: translateY(-55%);  font-weight: 600;  font-size: 16px;  color: var(--tp-theme-primary);  display: inline-block;}.tpbanner__content p {  color: var(--tp-grey-1);  font-size: 16px;  letter-spacing: 0.02em;  font-weight: 500;  margin-bottom: 53px;}@media (max-width: 767px) {  .tpbanner__content p br {    display: none;  }}.tpbanner__form {  background-color: var(--tp-common-white);  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);  border-radius: 6px;  padding-right: 8px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner__form {    flex-wrap: wrap;    padding-right: 0;    padding-bottom: 8px;  }}.tpbanner__input {  position: relative;  width: 255px;}@media (max-width: 767px) {  .tpbanner__input {    width: 100%;  }}.tpbanner__input:first-child {  position: relative;}.tpbanner__input:first-child::before {  position: absolute;  content: "";  height: 28px;  width: 1px;  background-color: rgba(43, 32, 63, 0.14);  top: 50%;  transform: translateY(-50%);  right: 0;}@media (max-width: 767px) {  .tpbanner__input:first-child::before {    display: none;  }}.tpbanner__input:first-child input {  border-top-left-radius: 6px;  border-bottom-left-radius: 6px;}.tpbanner__input input {  height: 60px;  padding: 5px 20px 5px 53px;  background-color: var(--tp-common-white);  border: none;  font-weight: 500;  font-size: 16px;  line-height: 12px;  width: 100%;}.tpbanner__input input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  color: var(--tp-grey-2);  letter-spacing: 0.02em;  font-size: 14px;  font-weight: 500;}.tpbanner__input input::-moz-placeholder {  /* Firefox 19+ */  color: var(--tp-grey-2);  letter-spacing: 0.02em;  font-size: 14px;  font-weight: 500;}.tpbanner__input input:-moz-placeholder {  /* Firefox 18- */  color: var(--tp-grey-2);  letter-spacing: 0.02em;  font-size: 14px;  font-weight: 500;}.tpbanner__input input:-ms-input-placeholder {  /* IE 10+ */  color: var(--tp-grey-2);  letter-spacing: 0.02em;  font-size: 14px;  font-weight: 500;}.tpbanner__input span {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 25px;}.tpbanner__search-btn {  width: 260px;  text-align: end;}@media (max-width: 767px) {  .tpbanner__search-btn {    width: 100%;    text-align: start;    padding-left: 8px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner__search-btn {    width: 100%;  }}.tpbanner-two-shape {  z-index: 1;}.tpbanner-two-shape img {  max-width: inherit;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpbanner-two-shape img {    max-width: 100%;  }}.tpbanner-two-shape:hover .tpbanner-two-shape-one {  left: 125px;  top: 0;}@media (max-width: 767px) {  .tpbanner-two-shape:hover .tpbanner-two-shape-one {    left: 15px;    top: 0;  }}.tpbanner-two-shape-one {  position: absolute;  content: "";  left: 118px;  top: -7px;  -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: 767px) {  .tpbanner-two-shape-one {    left: 10px;    top: -5px;  }}.tpbanner-two-shape-two {  position: absolute;  content: "";  left: 125px;  top: 0;  z-index: -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: 767px) {  .tpbanner-two-shape-two {    left: 15px;  }}.tpbanner-two-shape-three {  position: absolute;  content: "";  right: 0px;  top: 80px;  animation: updown 5s linear 0s infinite alternate;  z-index: -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;}.tpbanner-shape-y {  position: absolute !important;  width: 100%;  height: 100%;  top: 0;  right: 0;  z-index: -1;}.tpbanner-space-two {  padding: 230px 0 135px 0;  background-size: cover;  background-position: center;  background-repeat: repeat;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner-space-two {    padding: 130px 0 135px 0;  }}.tpbanner-title-two {  font-weight: 700;  font-size: 70px;  line-height: 1.14;  font-family: var(--tp-ff-dmsans);  color: var(--tp-common-11);}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpbanner-title-two {    font-size: 44px;  }}@media (max-width: 767px) {  .tpbanner-title-two {    font-size: 40px;  }}@media (max-width: 767px) {  .tpbanner-title-two br {    display: none;  }}.tpbanner-title-two span {  position: relative;  z-index: 1;}.tpbanner-title-two span svg {  position: absolute;  left: -24px;  bottom: -13px;  z-index: -1;  width: 100%;}.tpbanner-title-two span svg path {  animation-name: title-anim;  animation-duration: 7s;  -webkit-animation-iteration-count: infinite;  animation-delay: 0s;}.tpbanner-content-two p {  font-weight: 400;  font-size: 20px;  line-height: 32px;  color: var(--tp-common-11);  margin-bottom: 40px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpbanner-content-two p br {    display: none;  }}.tpbanner-two-rating span {  font-weight: 400;  font-size: 14px;  line-height: 14px;  color: var(--tp-common-11);  display: inline-block;  margin-right: 8px;}.tpbanner-two-rating p {  font-weight: 500;  font-size: 15px;  line-height: 14px;  display: inline-block;  margin-bottom: 0;  color: var(--tp-common-11);  margin-left: 3px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner-two-shape {    margin-bottom: 50px;  }}.banner-three-shape {  position: absolute;  bottom: 0;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;  mix-blend-mode: lighten;  transform: matrix(1, 0, 0, 1, 0, 0);  animation: borderanimate 5s linear infinite;}.tpbanner-three-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 100px;  line-height: 1;  letter-spacing: -0.02em;  color: var(--tp-common-white);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpbanner-three-title {    font-size: 85px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpbanner-three-title {    font-size: 75px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpbanner-three-title {    font-size: 50px;  }}@media (max-width: 767px) {  .tpbanner-three-title {    font-size: 34px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner-three-title {    font-size: 50px;  }}.tpbanner-three p {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 20px;  line-height: 1.5;  color: var(--tp-common-white);  opacity: 0.6;  margin-bottom: 46px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner-three p {    font-size: 16px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpbanner-three p br {    display: none;  }}.tp-analysis-3 {  width: 570px;  background-color: var(--tp-common-white);  border-radius: 30px;}@media (max-width: 767px) {  .tp-analysis-3 {    width: 300px;  }}.tp-analysis-3 {  position: relative;  z-index: 2;}.tp-analysis-input-3 input {  border: none;  width: 100%;  height: 60px;  border-radius: 30px;  padding: 5px 180px 5px 56px;}@media (max-width: 767px) {  .tp-analysis-input-3 input {    padding: 5px 20px 5px 56px;  }}.tp-analysis-input-3 input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: #7E8DA1;}@media (max-width: 767px) {  .tp-analysis-input-3 input::-webkit-input-placeholder {    font-size: 14px;  }}.tp-analysis-input-3 input::-moz-placeholder {  /* Firefox 19+ */  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: #7E8DA1;}@media (max-width: 767px) {  .tp-analysis-input-3 input::-moz-placeholder {    font-size: 14px;  }}.tp-analysis-input-3 input:-moz-placeholder {  /* Firefox 18- */  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: #7E8DA1;}@media (max-width: 767px) {  .tp-analysis-input-3 input:-moz-placeholder {    font-size: 14px;  }}.tp-analysis-input-3 input:-ms-input-placeholder {  /* IE 10+ */  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 16px;  line-height: 1;  color: #7E8DA1;}@media (max-width: 767px) {  .tp-analysis-input-3 input:-ms-input-placeholder {    font-size: 14px;  }}.tp-analysis-input-3 span {  position: absolute;  left: 30px;  top: 50%;  transform: translateY(-50%);}.tp-analysis-3-btn {  position: absolute;  right: 8px;  top: 50%;  transform: translateY(-50%);}@media (max-width: 767px) {  .tp-analysis-3-btn {    position: static;    transform: translateY(0%);    padding-bottom: 8px;  }}.search-gradient-btn {  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  border-radius: 30px;  font-family: var(--tp-common-white);  font-weight: 700;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  padding: 14px 32px;  display: inline-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;}.search-gradient-btn:hover {  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);}.tpbanner-payment span {  font-family: var(--tp-ff-dmsans);  font-size: 15px;  line-height: 14px;  color: var(--tp-common-white);  opacity: 0.5;  position: relative;  padding-left: 10px;  margin: 0 8px;}.tpbanner-payment span::before {  position: absolute;  content: "";  left: 0;  height: 5px;  width: 5px;  border-radius: 50%;  background-color: #fff;  top: 50%;  transform: translateY(-50%);}.banner-three {  padding-top: 205px;  padding-bottom: 60px;  background-position: center bottom;  background-repeat: no-repeat;}@media (max-width: 767px) {  .banner-three {    padding-top: 130px;  }}.banner-4-shape-one {  position: absolute;  top: 0;  right: 0;  z-index: -1;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-4-shape-one img {    width: 700px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-4-shape-one img {    width: 450px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-4-shape-one img {    width: 500px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-4-shape-one img {    width: 400px;  }}.banner-4-shape-two {  position: absolute;  top: 0;  right: 0;  z-index: -2;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-4-shape-two img {    width: 700px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-4-shape-two img {    width: 450px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-4-shape-two img {    width: 500px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-4-shape-two img {    width: 400px;  }}.banner-4-shape-three {  position: absolute;  top: 0;  right: 0;  z-index: -2;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-4-shape-three img {    width: 700px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-4-shape-three img {    width: 450px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-4-shape-three img {    width: 500px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-4-shape-three img {    width: 400px;  }}.banner-4-shape-four {  position: absolute;  top: 0;  right: 0;  z-index: -2;}.banner-4-shape-five {  position: absolute;  top: 0;  right: 0;  z-index: -2;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-4-shape-five img {    width: 725px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-4-shape-five img {    width: 465px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-4-shape-five img {    width: 518px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-4-shape-five img {    width: 415px;  }}.banner-4-shape-six {  position: absolute;  left: 0;  top: 0;  z-index: -1;}.banner-4-shape-seven {  position: absolute;  left: 160px;  bottom: 35px;  z-index: -1;  animation: upslide 4s linear forwards infinite alternate;}.banner-4-shape-eight {  position: absolute;  left: 660px;  top: 345px;  z-index: -1;  animation: bannerAnimationTwo 6s infinite linear;}.banner-4-shape-nine {  position: absolute;  left: 750px;  bottom: 280px;  z-index: -1;  animation: bannerAnimationTwo 8s infinite linear;}.banner-4-shape-ten {  position: absolute;  right: 610px;  bottom: 90px;  animation: bannerAnimationTwo 7s infinite linear;}.banner-4-content p {  font-family: var(--tp-ff-jakarta);  color: var(--tp-grey-8);  font-size: 20px;  line-height: 1.5;  margin-bottom: 38px;  margin-top: -15px;}@media (max-width: 767px) {  .banner-4-content p {    font-size: 17px;  }}@media (max-width: 767px) {  .banner-4-content p br {    display: none;  }}.banner-4-title {    color: var(--tp-common-11);    font-family: var(--tp-ff-jakarta);    font-weight: 700;    font-size: 52px;    line-height: 85px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .banner-4-title {    font-size: 80px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-4-title {    font-size: 70px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-4-title {    font-size: 85px;  }}@media (max-width: 767px) {  .banner-4-title {    font-size: 40px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .banner-4-title {    font-size: 48px;  }}.banner-4-title b {  background: linear-gradient(90deg, #501E9C 0%, #A44CEE 43.75%, #FF847F 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  text-fill-color: transparent;  padding: 0 0 20px 0;  font-size: 44px;}.banner-4-btn .blue-btn {  padding: 17px 31px;}@media (max-width: 767px) {  .banner-4-spaces {    padding-top: 80px;    padding-bottom: 100px;  }}.contact-4-icon i {  font-size: 24px;  margin-right: 14px;}.contact-4-text span {  font-family: var(--tp-ff-jakarta);  font-size: 14px;  line-height: 24px;  color: #55585B;  display: block;  line-height: 24px;}.contact-4-text a {  display: inline-block;  color: var(--tp-common-11);  font-weight: 600;  font-size: 20px;  font-family: var(--tp-ff-jakarta);}.contact-4-text a:hover {  color: var(--tp-theme-blue);}.banner-brand {  background-image: linear-gradient(180deg, rgba(243, 247, 244, 0.5) 0%, #F3F7F4 100%);}.banner-5 {  padding-top: 190px;  padding-bottom: 120px;  z-index: 1;  position: relative;}@media (max-width: 767px) {  .banner-5 {    padding-top: 140px;  }}.banner-5-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 90px;  line-height: 1.02;  letter-spacing: -0.01em;  color: var(--tp-common-11);  margin-bottom: 20px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-title {    font-size: 60px;  }}@media (max-width: 767px) {  .banner-5-title {    font-size: 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {  .banner-5-title br {    display: none;  }}.banner-5-content p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  margin-bottom: 0;  line-height: 1.68;  letter-spacing: 0.02em;  color: var(--tp-grey-8);  margin-bottom: 40px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {  .banner-5-content p br {    display: none;  }}.banner-5-btn .light-blue-btn {  padding: 20px 31px;}@media (max-width: 767px) {  .banner-5-btn .light-blue-btn {    padding: 16px 15px;    margin-right: 8px;  }}.banner-5-btn span {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 12px;  color: var(--tp-grey-8);}.banner-5-btn span a {  font-weight: 600;  color: #FF6B3D;}.banner-5-thumb > img {  max-width: inherit;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-5-thumb > img {    margin-left: -60px;    width: 100%;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-5-thumb > img {    height: 550px;    width: 500px;    object-fit: cover;    margin-left: -14px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb > img {    height: 550px;    width: 500px;    object-fit: cover;    margin-left: -14px;  }}@media (max-width: 767px) {  .banner-5-thumb > img {    max-width: 100%;  }}.banner-5-thumb-shape-one {  position: absolute;  top: -140px;  right: -227px;  z-index: -1;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .banner-5-thumb-shape-one {    right: -200px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-5-thumb-shape-one {    right: -100px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-one {    right: 0px;  }}.banner-5-thumb-shape-one img {  max-width: inherit;}.banner-5-thumb-shape-two {  position: absolute;  left: 5%;  bottom: 55%;  animation: hero-shape-anim-2 1s infinite alternate;}.banner-5-thumb-shape-three {  position: absolute;  left: 23%;  top: 2%;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-three {    left: 0;    top: -26px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-three {    left: 8%;    top: 0;  }}.banner-5-thumb-shape-four {  position: absolute;  right: -13%;  top: 7%;  animation: hero-shape-anim 1.5s infinite alternate;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-5-thumb-shape-four {    right: 3%;    top: -8%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-four {    right: 7%;    top: -8%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-four {    right: 0;  }}.banner-5-thumb-shape-five {  position: absolute;  right: -37%;  top: 26%;  animation: hero-shape-anim-2 1.2s infinite alternate;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-5-thumb-shape-five {    right: -20%;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-5-thumb-shape-five {    right: -2%;    top: 16%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-five {    right: -2%;    top: 16%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-five {    right: 0;  }}.banner-5-thumb-shape-six {  position: absolute;  right: -30%;  bottom: 36%;  animation: hero-shape-anim 1.2s infinite alternate;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-5-thumb-shape-six {    right: -23%;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-5-thumb-shape-six {    right: -2%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-six {    right: -4%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-six {    right: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-six img {    width: 100px;    height: 100px;    object-fit: cover;  }}.banner-5-thumb-shape-seven {  position: absolute;  left: -9%;  bottom: 1%;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-seven {    left: 0;    bottom: 0;  }}.banner-5-thumb-shape-seven img {  background: linear-gradient(123.24deg, #FFFFFF 55.95%, rgba(238, 238, 238, 0.7) 91.14%);  box-shadow: -15px 20px 30px rgba(1, 15, 28, 0.1);  backdrop-filter: blur(5px);  border-radius: 4px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-seven img {    width: 130px;    height: 130px;    object-fit: cover;  }}.banner-5-thumb-shape-eight {  position: absolute;  right: -34%;  bottom: 2%;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .banner-5-thumb-shape-eight {    right: -20%;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .banner-5-thumb-shape-eight {    right: -5%;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-thumb-shape-eight {    right: 0;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .banner-5-thumb-shape-eight {    right: 0;    bottom: 0;  }}.banner-5-thumb-shape-eight img {  background: linear-gradient(123.24deg, #FFFFFF 55.95%, rgba(238, 238, 238, 0.7) 91.14%);  border-radius: 4px;}.banner-5-shape-one {  position: absolute;  top: 0;  left: 0;  z-index: -1;}@media (max-width: 767px) {  .banner-5 .footer-widget-social {    text-align: start;  }}.banner-5-content-shape-one {  position: absolute;  left: 200px;  top: 470px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .banner-5-content-shape-one {    left: 130px;    top: auto;    bottom: 60px;  }}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .banner-5-content-shape-one {    left: 108px;    top: 475px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .banner-5-content-shape-one {    display: none;  }}.banner-5-content-shape-two {  position: absolute;  left: 151px;  bottom: 110px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .banner-5-content-shape-two {    left: 60px;    bottom: 106px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .banner-5-content-shape-two {    display: none;  }}.tpkeyword__input input {  height: 70px;}.tpkeyword__input span {  transform: translateY(-15px);}/*----------------------------------------*//*  7.1 Slider css/*----------------------------------------*//*hero style two css*/.hero_thumbs__two {  height: 480px;}.hero_thumbs__two .swiper-slide {  -webkit-transition: all 0.15s;  transition: all 0.15s;  padding: 23px 20px 12px 52px;  border-radius: 10px;  position: relative;  z-index: 1;  overflow: hidden;  transition: all 0.3s ease-in-out;}.hero_thumbs__two .swiper-slide.swiper-slide-active {  background: var(--tp-common-white);  border-radius: 12px;  -webkit-transition: all 0.15s;  transition: all 0.15s;  -webkit-box-shadow: 0px 1px 3px rgba(4, 18, 38, 0.1);  box-shadow: 0px 1px 3px rgba(4, 18, 38, 0.1);  background-color: var(--tp-common-white);  box-shadow: 0px 10px 20px rgba(1, 15, 28, 0.08);  margin-bottom: 20px;  padding: 32px 20px 100px 52px;  margin-top: 20px;}.hero_thumbs__two .swiper-slide-active .tp-accordion-title p {  opacity: 1;  visibility: visible;}.hero_thumbs__two .swiper-slide.swiper-slide-active .hero_thumb__slide .thumb_progress__bar {  opacity: 1;  -webkit-backdrop-filter: blur(14px);  backdrop-filter: blur(14px);  overflow: hidden;}.hero_thumbs__two .swiper-slide.swiper-slide-active .hero_thumb__slide .thumb_progress__bar::before {  position: absolute;  content: "";  -webkit-animation: progerss-up 4s both;  animation: progerss-up 4s both;  width: 100%;  height: 100%;  border-radius: 12px;  background: #076BFF;  -webkit-transform-origin: 100% 100%;  transform-origin: 100% 100%;}@keyframes progerss-up {  0% {    -webkit-transform: scaleY(0);    transform: scaleY(0);  }  100% {    -webkit-transform: scaleY(1);    transform: scaleY(1);  }}.hero_thumb__slide {  display: flex;  position: relative;}.hero_thumb__slide .thumb_progress__bar {  position: absolute;  background: rgba(7, 107, 255, 0.08);  width: 3px;  opacity: 0;  border-radius: 12px;  right: 13px;  top: 10px;  bottom: 10px;}.hero_thumb__slide .hero__thumb {  width: 64px;  height: 80px;  border-radius: 8px;  overflow: hidden;  margin-right: 20px;}.tp-accordion-title p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 22px;  color: #96989C;  opacity: 0;  visibility: hidden;}/*----------------------------------------*//*  7.15 Process css/*----------------------------------------*/@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpprocess__item {    margin-left: 0;    margin-right: 0;    text-align: center;    justify-content: center !important;  }}.tpprocess__border-bottom {  border-bottom: 1px solid rgba(12, 19, 56, 0.08);}.tpprocess__wrapper {  text-align: center;  display: inline-block;}.tpprocess__wrapper:hover .tpprocess__count::before {  transform: translate(-50%, -50%);}.tpprocess__count {  width: 50px;  height: 50px;  line-height: 50px;  text-align: center;  border-radius: 50%;  display: inline-block;  background-color: var(--tp-common-1);  color: var(--tp-common-white);  font-weight: 600;  font-size: 20px;  position: relative;}.tpprocess__count::before {  position: absolute;  content: "";  border: 1px solid rgba(62, 185, 255, 0.4);  left: 50%;  top: 50%;  transform: translate(-50%, -60%);  width: 64px;  height: 64px;  line-height: 64px;  text-align: center;  border-radius: 50%;  -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;}.tpprocess__title {  font-weight: 500;  font-size: 18px;  color: var(--tp-grey-3);  line-height: 1.35;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpprocess__title {    font-size: 15px;  }}.tpprocess-shape-one {  position: absolute;  top: 10px;  right: -50px;}.tpprocess-shape-two {  position: absolute;  top: 10px;  right: -72px;}.tpprocess-shape-three {  position: absolute;  top: 10px;  right: -85px;}.tpprocess-shape-four {  position: absolute;  top: -300px;  right: 5px;  animation: bannerAnimationTwo 8s infinite linear;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpprocess-shape-four {    top: -280px;    right: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpprocess-shape-four {    top: -280px;    right: 35px;  }}.tpprocess__two .tpprocess__count {  background-color: var(--tp-common-2);}.tpprocess__two .tpprocess__count::before {  border: 1px solid rgba(171, 191, 120, 0.4);}.tpprocess__three .tpprocess__count {  background-color: var(--tp-common-3);}.tpprocess__three .tpprocess__count::before {  border: 1px solid rgba(255, 184, 118, 0.4);}.tpprocess__four .tpprocess__count {  background-color: var(--tp-common-4);}.tpprocess__four .tpprocess__count::before {  border: 1px solid rgba(255, 173, 208, 0.4);}.tpanalysis__item {  text-align: center;  display: inline-block;}.tpanalysis__item > p {  font-weight: 500;  font-size: 15px;  color: var(--tp-grey-4);  letter-spacing: 0.02em;  display: inline-block;  margin-bottom: 0;}.tpanalysis__count {  font-weight: 600;  font-size: 30px;  line-height: 20px;  color: var(--tp-common-black);}.tpanalysis-chart {  position: relative;}.tpanalysis-shape-one {  position: absolute;  top: -170px;  left: -90px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpanalysis-shape-one {    left: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpanalysis-shape-one {    top: -90px;    left: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpanalysis-shape-one img {    width: 200px;  }}.tpanalysis-shape-two {  position: absolute;  top: -165px;  right: -105px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpanalysis-shape-two {    right: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpanalysis-shape-two {    top: -65px;    right: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpanalysis-shape-two img {    width: 200px;  }}.analisis-toggle,.analisis-toggler {  display: inline-block;  vertical-align: middle;  margin: 10px;}.analisis-toggler {  transition: 0.2s;  cursor: pointer;  font-weight: 600;  font-size: 13px;  line-height: 12px;  text-align: center;  letter-spacing: 0.04em;  text-transform: uppercase;  color: var(--tp-heading-primary);}.analisis-toggler--is-active {  color: var(--tp-heading-primary);}.analisis-toggle {  position: relative;  width: 60px;  height: 30px;  border-radius: 100px;  background-color: #E9EBF3;  overflow: hidden;}.tpanalysis-different {  display: flex;  align-items: center;  justify-content: center;}.tpanalysis-different .analisis-check {  position: absolute;  display: block;  cursor: pointer;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  z-index: 6;}.tpanalysis-different .analisis-check:checked ~ .analisis-switch {  right: 2px;  left: 53%;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0.08s, 0s;}.analisis-switch {  position: absolute;  left: 2px;  top: 2px;  bottom: 2px;  right: 53.3%;  background-color: #4260FF;  border-radius: 36px;  z-index: 1;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0s, 0.08s;  box-shadow: 0px 2px 4px rgba(0, 20, 128, 0.3);}.analisis-hide {  display: none;}.tpanalysis__catagory {  text-align: center;  margin-left: 0;  margin-right: 0;  justify-content: center !important;}/*----------------------------------------*//*  7.5 Case css/*----------------------------------------*/.tpcase {  position: relative;}.tpcase:hover::before {  background-color: rgba(7, 10, 29, 0.7);}.tpcase::before {  position: absolute;  content: "";  bottom: 0;  left: 0;  height: 100%;  width: 100%;  background: linear-gradient(180deg, rgba(7, 10, 29, 0) 65.24%, rgba(7, 10, 29, 0.6) 100%);  border-radius: 16px;  -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;}.tpcase-content {  position: absolute;  bottom: 32px;  padding: 40px 40px 0 40px;}@media (max-width: 767px) {  .tpcase-content {    bottom: 15px;    padding: 15px 15px 0 15px;  }}.tpcase-tag span {  font-weight: 600;  font-size: 14px;  line-height: 17px;  color: var(--tp-common-white);  background: rgba(255, 255, 255, 0.2);  backdrop-filter: blur(2px);  padding: 4px 10px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -o-border-radius: 4px;  -ms-border-radius: 4px;  border-radius: 4px;}.tpcase-title {  font-weight: 700;  font-size: 30px;  line-height: 0.7;  color: var(--tp-common-white);  position: relative;}.tpcase-title:hover::before {  opacity: 1;}.tpcase-title::before {  position: absolute;  content: "";  bottom: -5px;  left: 0;  height: 1px;  width: 100%;  background-color: var(--tp-common-white);  opacity: 0;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpcase-title {    font-size: 24px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpcase-title {    font-size: 19px;    line-height: 1.2;  }}@media (max-width: 767px) {  .tpcase-title {    font-size: 20px;    line-height: 1.2;  }}.tpcase-thumb img {  -webkit-border-radius: 16px;  -moz-border-radius: 16px;  -o-border-radius: 16px;  -ms-border-radius: 16px;  border-radius: 16px;}.tpcase-active [class*=col-] {  padding-left: 15px;  padding-right: 15px;}.tpcase-active .slick-list {  overflow: visible;}.tpcase-nav,.tptestimonal-4-nav {  position: relative;  z-index: 1;  display: flex;  justify-content: end;  align-items: center;  margin-top: 55px;  height: 40px;}.prev-slide,.next-slide,.prv-testi-case,.next-testi-case,.prv-nav-tab,.next-nab-tab,.prv-nav-tab,.next-nav-tab {  position: relative;  width: 30px;  height: 40px;  font-size: 0;}.prev-slide span,.next-slide span,.prv-testi-case span,.next-testi-case span,.prv-nav-tab span,.next-nab-tab span,.prv-nav-tab span,.next-nav-tab span {  display: inline-block;  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 26px;  height: 1.8px;  background: #8A8A8D;  font-size: 0;  transition: all 0.25s;}.prev-slide span:before,.next-slide span:before,.prv-testi-case span:before,.next-testi-case span:before,.prv-nav-tab span:before,.next-nab-tab span:before,.prv-nav-tab span:before,.next-nav-tab span:before {  content: "";  position: absolute;  top: 50%;  transform: translateY(-50%) scale(0);  width: 34px;  height: 34px;  border: 1px solid var(--tp-theme-primary);  border-radius: 50%;  transition: transform 0.25s;}.prev-slide svg,.next-slide svg,.prv-testi-case svg,.next-testi-case svg,.prv-nav-tab svg,.next-nab-tab svg,.prv-nav-tab svg,.next-nav-tab svg {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 14px;}.prev-slide path,.next-slide path,.prv-testi-case path,.next-testi-case path,.prv-nav-tab path,.next-nab-tab path,.prv-nav-tab path,.next-nav-tab path {  fill: #8A8A8D;  transition: fill 0.25s;}.prev-slide:hover span,.next-slide:hover span,.prv-testi-case:hover span,.next-testi-case:hover span,.prv-nav-tab:hover span,.next-nab-tab:hover span,.prv-nav-tab:hover span,.next-nav-tab:hover span {  width: 40px;  background: var(--tp-theme-primary);}.prev-slide:hover span:before,.next-slide:hover span:before,.prv-testi-case:hover span:before,.next-testi-case:hover span:before,.prv-nav-tab:hover span:before,.next-nab-tab:hover span:before,.prv-nav-tab:hover span:before,.next-nav-tab:hover span:before {  transform: translateY(-50%) scale(1);}.prev-slide:hover path,.next-slide:hover path,.prv-testi-case:hover path,.next-testi-case:hover path,.prv-nav-tab:hover path,.next-nab-tab:hover path,.prv-nav-tab:hover path,.next-nav-tab:hover path {  fill: var(--tp-theme-primary);}.prev-slide,.prv-testi-case,.prv-nav-tab {  margin-right: 27px;}.prev-slide span,.prv-testi-case span,.prv-nav-tab span {  right: 0;}.prev-slide span svg,.prv-testi-case span svg,.prv-nav-tab span svg {  left: 0;}.prev-slide span:before,.prv-testi-case span:before,.prv-nav-tab span:before {  left: -13px;}.next-slide span,.next-testi-case span,.next-nav-tab span {  left: 0;}.next-slide span svg,.next-testi-case span svg,.next-nav-tab span svg {  right: 0;}.next-slide span:before,.next-testi-case span:before,.next-nav-tab span:before {  right: -13px;}.prv-testi-case,.next-testi-case {  cursor: pointer;}.prv-testi-case:hover span,.next-testi-case:hover span {  background: #775AFC;}.prv-testi-case:hover span path,.next-testi-case:hover span path {  fill: #775AFC;}.prv-testi-case span::before,.next-testi-case span::before {  border: 1px solid #775AFC;}/*----------------------------------------*//*  7.20 Services css/*----------------------------------------*/.tpservices-list ul {  display: grid;  grid-template-columns: repeat(3, 1fr);}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpservices-list ul {    grid-template-columns: repeat(2, 1fr);  }}@media (max-width: 767px) {  .tpservices-list ul {    grid-template-columns: repeat(1, 1fr);  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpservices-list ul {    grid-template-columns: repeat(2, 1fr);  }}.tpservices-list ul li {  list-style: none;  padding: 48px 50px;  line-height: 1;  position: relative;  border: 1px solid var(--tp-border-1);  margin-left: -1px;  margin-top: -1px;  z-index: 1;  text-align: center;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpservices-list ul li {    padding: 48px 20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpservices-list ul li {    padding: 48px 20px;    border: none;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpservices-list ul li {    padding: 40px 15px;    border: none;  }}.tpservices-list ul li:hover .tpservices-img::before {  width: 200px;  height: 200px;  line-height: 200px;  text-align: center;  border-radius: 50%;  bottom: 0;}.tpservices-list ul li:hover .tpservices-img img {  transform: translateY(-42px);}.tpservices-list ul li:nth-child(n) {  margin-left: 0;  border-left: none;}.tpservices-list ul li:nth-child(-n+3) {  margin-top: 0;  border-top: none;}.tpservices-list ul li:nth-child(3n) {  border-right: none;}.tpservices-list ul li:nth-child(n+3) {  border-bottom: none;}.tpservices-list ul li:nth-child(n+4) {  padding: 48px 50px 15px 50px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpservices-list ul li:nth-child(n+4) {    padding: 48px 20px 15px 20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpservices-list ul li:nth-child(n+4) {    padding: 48px 20px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpservices-list ul li:nth-child(n+4) {    padding: 40px 15px;  }}.tpservices-list ul li:nth-child(n+4) .tpservices-img {  margin-top: 65px;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpservices-list ul li:nth-child(n+4) .tpservices-img {    margin-top: 40px;  }}.tpservices-img {  position: relative;  margin-top: 40px;}.tpservices-img::before {  position: absolute;  content: "";  width: 160px;  height: 160px;  line-height: 160px;  text-align: center;  border-radius: 50%;  background-color: var(--tp-common-5);  opacity: 0.6;  z-index: -1;  bottom: 13px;  left: 0;  right: 0;  margin: 0 auto;  -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;}.tpservices-img img {  -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;}.tpservices-content span {  font-weight: 500;  font-size: 18px;  line-height: 0.9;  margin-bottom: 15px;  display: block;}.tpservices-title {  font-weight: 600;  font-size: 22px;  line-height: 1.28;  margin-bottom: 0;}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpservices-title {    font-size: 18px;  }}.tpservices-title a:hover {  color: var(--tp-theme-primary);}.tpservices-wrapper:nth-child(n+3) .tpservices-img {  margin-top: 60px;}.tpservices-item2 .tpservices-img::before {  background-color: var(--tp-common-6);  opacity: 0.6;}.tpservices-item3 .tpservices-img::before {  background-color: var(--tp-common-7);  opacity: 0.6;}.tpservices-item4 .tpservices-img::before {  background-color: var(--tp-common-8);  opacity: 0.6;}.tpservices-item5 .tpservices-img::before {  background-color: var(--tp-common-9);  opacity: 0.6;}.tpservices-item6 .tpservices-img::before {  background-color: var(--tp-common-10);  opacity: 0.6;}.services-bg-two {  padding-top: 105px;  padding-bottom: 138px;  background-size: cover;  background-position: center;  background-repeat: no-repeat;}.services-two {  display: flex;  align-items: flex-start;  position: relative;  -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;  z-index: 1;  padding: 50px 40px 35px 40px;}@media (max-width: 767px) {  .services-two {    flex-wrap: wrap;  }}.services-two:hover {  box-shadow: 0px 20px 60px rgba(3, 23, 9, 0);  z-index: 2;}.services-two:hover .services-two-bg {  transform: scale(1.02, 1.14);  box-shadow: 0px 20px 60px rgba(3, 23, 9, 0.1);}.services-two-bg {  position: absolute;  height: 100%;  width: 100%;  background: var(--tp-common-white);  box-shadow: 0px 1px 3px rgba(3, 23, 9, 0.1);  z-index: -1;  top: 0;  left: 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;}.services-two-icon {  min-width: 120px;}@media (max-width: 767px) {  .services-two-icon {    margin-bottom: 30px;  }}.services-two-title {  font-weight: 500;  font-size: 24px;  line-height: 1.25;  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-two-title {    font-size: 18px;  }}@media (max-width: 767px) {  .services-two-title {    font-size: 18px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .services-two-title br {    display: none;  }}.services-two-content span {  font-weight: 400;  font-size: 16px;  line-height: 14px;  display: inline-block;  color: var(--tp-grey-5);}.services-nav {  margin-left: -85px;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-nav {    margin-left: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-nav {    margin-left: -20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-nav {    margin-left: 0;    padding-top: 50px;  }}.services-nav .nav-link {  display: inline-flex;  padding: 0;  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 20px;  line-height: 1;  letter-spacing: -0.02em;  color: rgba(255, 255, 255, 0.5);  margin-bottom: 25px;  -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: 992px) and (max-width: 1199px) {  .services-nav .nav-link {    font-size: 17px;  }}@media (max-width: 767px) {  .services-nav .nav-link {    font-size: 18px;  }}.services-nav .nav-link span {  transform-origin: left center;  -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-nav .services-nav-icon {  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;}.services-nav .nav-pills .nav-link.active {  color: var(--tp-common-white);  background-color: transparent;}.services-nav .nav-pills .nav-link.active .services-nav-icon {  opacity: 1;  visibility: visible;  transform: translateY(-5px);}.services-nav .nav-pills .nav-link.active span {  transform: scale(1.4);  transform-origin: left center;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .services-nav .nav-pills .nav-link.active span {    transform: scale(1.2);  }}@media (max-width: 767px) {  .services-nav .nav-pills .nav-link.active span {    transform: scale(1.1);  }}.services-bg-wrapper {  max-width: 1520px;  margin: 0 auto;  z-index: 1;  position: relative;  background: #2A3694;  border: 1px solid #4351A4;  border-radius: 20px;}@media (max-width: 767px) {  .services-bg-wrapper {    padding-top: 45px;    padding-bottom: 45px;  }}.services-tab {  margin-right: -45px;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-tab {    margin-right: 0;  }}.services-tab .tab-content > .tab-pane {  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;}@media (max-width: 767px) {  .services-tab-wrapper {    flex-wrap: wrap;    margin-bottom: 80px;  }}.services-tab-img {  flex: 0 0 auto;  margin-right: 45px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-tab-img {    margin-right: 15px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-img {    width: 60%;    margin-right: 15px;  }}@media (max-width: 767px) {  .services-tab-img {    width: 100%;    margin-right: 0px;    margin-bottom: 30px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-img > img {    width: 460px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-content {    width: 40%;    flex: 0 0 auto;  }}.services-tab-content p {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 18px;  line-height: 1.45;  color: var(--tp-common-white);  opacity: 0.7;  margin-bottom: 39px;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .services-tab-content p {    font-size: 16px;  }}.services-tab-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 34px;  letter-spacing: -0.02em;  color: var(--tp-common-white);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .services-tab-title {    font-size: 24px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-title {    font-size: 22px;  }}.services-tab-angle-shape-one {  position: absolute;  top: 83px;  left: 28px;  transform: rotate(-10deg);}@media (max-width: 767px) {  .services-tab-angle-shape-one {    top: 50px;  }}.services-tab-angle-shape-one img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));  border-radius: 14px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-angle-shape-one img {    width: 220px;  }}@media (max-width: 767px) {  .services-tab-angle-shape-one img {    width: 180px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .services-tab-angle-shape-one img {    width: 100%;  }}.services-tab-angle-shape-two {  position: absolute;  right: 34px;  top: 130px;  transform: rotate(10deg);}@media (max-width: 767px) {  .services-tab-angle-shape-two {    right: 0px;    top: 110px;  }}.services-tab-angle-shape-two img {  object-fit: cover;  border-radius: 14px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-angle-shape-two img {    width: 200px;  }}@media (max-width: 767px) {  .services-tab-angle-shape-two img {    width: 150px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .services-tab-angle-shape-two img {    width: 100%;  }}.services-tab-angle-shape-three {  position: absolute;  right: 0;  bottom: 104px;  left: 0;  margin: 0 auto;  text-align: center;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-angle-shape-three {    bottom: 70px;  }}.services-tab-angle-shape-four {  position: absolute;  right: 30px;  top: 65px;}.services-tab-angle-shape-five {  position: absolute;  right: 24px;  top: 120px;  transform: rotate(10deg);  z-index: -1;}@media (max-width: 767px) {  .services-tab-angle-shape-five {    right: 0px;    top: 110px;  }}.services-tab-angle-shape-five img {  object-fit: cover;  border-radius: 14px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-tab-angle-shape-five img {    width: 200px;  }}@media (max-width: 767px) {  .services-tab-angle-shape-five img {    width: 150px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .services-tab-angle-shape-five img {    width: 100%;  }}.services-tab-one-shape-one {  position: absolute;  top: 10%;  left: 14%;}.services-tab-one-shape-one img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));}.services-tab-one-shape-two {  position: absolute;  top: 30%;  right: 14%;}.services-tab-one-shape-two img {  filter: drop-shadow(0px 20px 20px rgba(34, 47, 142, 0.2));}.services-tab-one-shape-three {  position: absolute;  top: 24%;  right: 18%;  z-index: -1;}.services-tab-one-shape-four {  position: absolute;  right: 20%;  bottom: 30%;}.services-tab-two-shape-one {  position: absolute;  top: 35%;  left: 14%;}.services-tab-two-shape-one img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));  border-radius: 10px;}.services-tab-two-shape-two {  position: absolute;  top: 14%;  right: 16%;  z-index: -1;}.services-tab-two-shape-two img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));}.services-tab-two-shape-three {  position: absolute;  bottom: 16%;  right: 33%;  z-index: -1;}.services-tab-two-shape-four {  position: absolute;  right: 17%;  bottom: 30%;}.services-tab-four-shape-one {  position: absolute;  top: 25%;  left: 12%;  z-index: -1;}.services-tab-four-shape-one img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));  border-radius: 10px;}.services-tab-four-shape-two {  position: absolute;  top: 17%;  right: 16%;}.services-tab-four-shape-two img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));}.services-tab-four-shape-three {  position: absolute;  top: 37%;  right: 9%;}.services-tab-four-shape-three img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));}.services-tab-four-shape-four {  position: absolute;  left: 7%;  bottom: 19%;  z-index: -2;}.services-tab-five-shape-one {  position: absolute;  top: 18%;  left: 17%;}.services-tab-five-shape-one img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));  border-radius: 10px;}.services-tab-five-shape-two {  position: absolute;  bottom: 21%;  right: 11%;}.services-tab-five-shape-two img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));  border-radius: 10px;}.services-tab-five-shape-three {  position: absolute;  top: 36%;  right: 33%;}.services-tab-five-shape-three img {  filter: drop-shadow(20px 20px 20px rgba(11, 17, 57, 0.2));}.services-tab-five-shape-four {  position: absolute;  left: 11%;  bottom: 36%;}.services-tab-anim .tab-pane.active .services-tab-wrapper {  animation: tab-right 0.3s linear;}.services-tab-anim .tab-pane.active .toolest-thumb {  animation: tab-left 0.3s linear;}@-webkit-keyframes tab-right {  from {    transform: translateX(35px);  }  to {    transform: translateX(0);  }}@-moz-keyframes tab-right {  from {    transform: translateX(35px);  }  to {    transform: translateX(0);  }}@-ms-keyframes tab-right {  from {    transform: translateX(35px);  }  to {    transform: translateX(0);  }}@keyframes tab-right {  from {    transform: translateX(35px);  }  to {    transform: translateX(0);  }}@-webkit-keyframes tab-left {  from {    transform: translateX(-35px);  }  to {    transform: translateX(0);  }}@-moz-keyframes tab-left {  from {    transform: translateX(-35px);  }  to {    transform: translateX(0);  }}@-ms-keyframes tab-left {  from {    transform: translateX(-35px);  }  to {    transform: translateX(0);  }}@keyframes tab-left {  from {    transform: translateX(-35px);  }  to {    transform: translateX(0);  }}.services-item-4 {  -webkit-transition: all 3s ease-out 0s;  -moz-transition: all 3s ease-out 0s;  -ms-transition: all 3s ease-out 0s;  -o-transition: all 3s ease-out 0s;  transition: all 3s ease-out 0s;}.services-item-4:hover .services-btn-4 a span {  opacity: 1;  visibility: visible;  margin-left: 0;}.services-item-4:hover .services-btn-4 a i {  color: var(--tp-common-11);}.services-icon-4 {  position: relative;}.services-icon-4 i {  position: absolute;  left: 0;  right: 0;  text-align: center;  top: 50%;  transform: translateY(-50%);}.services-content-4 .title {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 24px;  line-height: 28px;  color: var(--tp-common-11);}.services-content-4 p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 26px;  text-align: center;  color: var(--tp-grey-8);  margin-bottom: 23px;}.services-btn-4 {  display: inline-block;  padding: 0 20px;}.services-btn-4 a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 14px;  color: var(--tp-common-11);  -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: inline-block;  overflow: hidden;}.services-btn-4 a span {  margin-left: -80px;  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;}.services-btn-4 a i {  color: #55585B;}.servics-details-4 {  background: #F9F9F9;  border-radius: 40px;  display: inline-block;  padding: 10px 34px;  box-shadow: 0px -1px 0px rgba(110, 56, 255, 0.3);}.servics-details-4 img {  margin-right: 6px;  animation: light 2.5s linear forwards infinite alternate;}.servics-details-4 p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-size: 14px;  color: var(--tp-grey-8);}.servics-details-4 a {  font-weight: 600;  color: var(--tp-theme-blue);  position: relative;  margin: 0 6px;}.servics-details-4 a i {  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  bottom: -12px;}.services-shape-one {  position: absolute;  left: -80px;  top: 60px;}.services-shape-two {  position: absolute;  right: 130px;  bottom: 115px;}.services-border-less .tpservices-list ul li {  border: none;}/*----------------------------------------*//*  7.12 Funfact css/*----------------------------------------*/.tpfunfact-bg {  overflow: hidden;  z-index: -1;  position: relative;  margin-left: -65px;  margin-right: -65px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -o-border-radius: 30px;  -ms-border-radius: 30px;  border-radius: 30px;  padding: 100px 0 202px 0;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .tpfunfact-bg {    margin-left: 0;    margin-right: 0;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpfunfact-bg {    margin-left: 0;    margin-right: 0;    padding: 100px 0 100px 0;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpfunfact-bg {    margin-left: 0;    margin-right: 0;  }}.tpfunfact-wrapper {  background-color: var(--tp-common-white);  box-shadow: 0px 25px 70px rgba(8, 10, 55, 0.1);  -webkit-border-radius: 14px;  -moz-border-radius: 14px;  -o-border-radius: 14px;  -ms-border-radius: 14px;  border-radius: 14px;  padding: 48px 10px;}@media (max-width: 767px) {  .tpfunfact-wrapper {    padding: 48px 5px;  }}.tpfunfact-title {  font-weight: 500;  font-size: 18px;  line-height: 1;  color: var(--tp-grey-5);  display: inline-block;  margin-bottom: 8px;}.tpfunfact-count {  font-weight: 600;  font-size: 60px;  line-height: 46px;  color: var(--tp-theme-secondary);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpfunfact-count {    font-size: 44px;  }}.tpfunfact-count span {  font-size: 40px;  line-height: 46px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpfunfact-count span {    font-size: 30px;  }}.tpfunfact-tag span {  font-weight: 400;  font-size: 18px;  line-height: 1;  margin: 0 20px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpfunfact-tag span {    font-size: 16px;    margin: 0 12px;  }}@media (max-width: 767px) {  .tpfunfact-tag span {    font-size: 14px;    margin: 0 8px;  }}.tpfunfact-tag span i {  transform: translateY(-2px);  display: inline-block;  margin-right: 10px;}.tpfunfact-box {  margin-top: -143px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpfunfact-box {    margin-top: 50px;  }}.tpfunfact-shape-one {  position: absolute;  top: -185px;  left: -125px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpfunfact-shape-one {    top: -265px;    left: -190px;  }}.tpfunfact-shape-two {  position: absolute;  bottom: -103px;  right: -105px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpfunfact-shape-two {    bottom: -240px;    right: -190px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .funfact {    justify-content: start !important;  }}.funfact-icon {  min-width: 75px;}.funfact-count {  font-weight: 700;  font-size: 50px;  line-height: 60px;  letter-spacing: -0.02em;  color: var(--tp-common-11);  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 768px) and (max-width: 991px) {  .funfact-count {    font-size: 28px;  }}.funfact-content p {  font-weight: 400;  font-size: 16px;  line-height: 22px;  color: var(--tp-grey-8);  margin-bottom: 0;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .funfact-content p {    font-size: 14px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .funfact-content p br {    display: none;  }}.funfact-content p span {  font-weight: 500;  color: var(--tp-common-11);  display: inline-block;  margin-right: 3px;}.row-custom {  display: flex;  margin: 0 -15px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .row-custom {    margin: 0 -5px;  }}@media (max-width: 767px) {  .row-custom {    margin: 0 -3px;  }}.col-custom {  flex: 1;  width: 150px;  height: 420px;  background-size: cover;  margin: 0px 15px 20px 15px;  margin-top: 0;  transition: 0.4s;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .col-custom {    margin: 20px 5px;  }}@media (max-width: 767px) {  .col-custom {    margin: 20px 3px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .col-custom {    margin: 20px 3px;  }}.col-custom.active {  flex: 4;}.col-custom.active .tp-panel-content {  visibility: visible;  opacity: 1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .col-custom.active {    flex: 7;  }}@media (max-width: 767px) {  .col-custom.active {    flex: 10;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .col-custom.active {    flex: 10;  }}.tp-panel-item {  height: 100%;  cursor: pointer;}.tp-panel-item .tp-panel-thumb {  height: 100%;  position: relative;}.tp-panel-item .tp-panel-thumb::before {  position: absolute;  content: "";  top: 0;  left: 0;  height: 100%;  width: 100%;  background: linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.6) 100%);}.tp-panel-item img {  object-fit: cover;  width: 100%;  height: 100%;}.tp-panel-meta {  display: flex;  align-items: center;  flex-wrap: wrap;}.tp-panel-meta li {  list-style: none;  font-weight: 500;  font-size: 16px;  line-height: 12px;  margin-right: 8px;  padding-right: 8px;  position: relative;  color: var(--tp-common-white);  opacity: 0.8;  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tp-panel-meta li {    font-size: 14px;  }}@media (max-width: 767px) {  .tp-panel-meta li {    font-size: 13px;  }}.tp-panel-meta li::after {  content: "";  position: absolute;  top: 50%;  right: -2px;  transform: translateY(-50%);  width: 4px;  height: 4px;  border-radius: 50%;  background: var(--tp-common-white);  opacity: 0.8;}.tp-panel-meta li:last-child {  margin-right: 0;  padding-right: 0;}.tp-panel-meta li:last-child::after {  display: none;}.tp-panel-title {  font-weight: 700;  font-size: 30px;  line-height: 1.2;  letter-spacing: -0.02em;  color: var(--tp-common-white);  font-family: var(--tp-ff-dmsans);  margin-bottom: 8px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tp-panel-title {    font-size: 20px;  }}@media (max-width: 767px) {  .tp-panel-title {    font-size: 18px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tp-panel-title {    font-size: 24px;  }}.tp-panel-content {  position: absolute;  bottom: 0;  left: 0;  padding: 0 40px 40px 40px;  width: 100%;  visibility: hidden;  opacity: 0;}@media (max-width: 767px) {  .tp-panel-content {    padding: 0 15px 30px 15px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tp-panel-content {    padding: 0 20px 40px 20px;  }}.tp-panel-top p {  font-weight: 400;  font-size: 18px;  color: var(--tp-grey-8);  line-height: 26px;  font-family: var(--tp-ff-dmsans);  margin-bottom: 25px;}.tp-panel-top .light-blue-btn {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 1;  color: var(--tp-common-white);  background-color: #007CF5;  display: inline-block;  padding: 13px 32px;  border-radius: 4px;  border: 2px solid #007CF5;}.tp-panel-top .light-blue-btn:hover {  background-color: transparent;  color: #007CF5;}.project-5 .tp-panel-item img {  border-radius: 10px;}.project-5 .tp-panel-thumb::before {  border-radius: 10px;}.col-custom.active .tp-panel-icon span {  transform: translateY(0);  visibility: visible;  opacity: 1;  transition-delay: 0.3s;}.col-custom.active .tp-panel-title {  transform: translateY(0);  visibility: visible;  opacity: 1;  transition-delay: 0.7s;}.col-custom.active .tp-panel-meta {  transform: translateY(0);  visibility: visible;  opacity: 1;  transition-delay: 0.9s;}.tp-panel-icon span {  visibility: hidden;  display: inline-block;  opacity: 0;  transform: translateY(5px);  transition-delay: 0.4s;  -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;}.tp-panel-title {  transform: translateY(5px);  visibility: hidden;  opacity: 0;  transition-delay: 0.2s;  -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;}.tp-panel-meta {  transform: translateY(5px);  visibility: hidden;  opacity: 0;  transition-delay: 0.2s;  -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;}.tpsocial {  position: relative;  -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;}.tpsocial:hover .tpsocial-bg {  -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;  transform: scale(1.035, 1.3);  opacity: 1;}.tpsocial:hover .tpsocial-text {  border-color: transparent;}.tpsocial:hover .tpsocial-text a {  -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(--tp-common-white);}.tpsocial-bg {  position: absolute;  height: 100%;  width: 100%;  z-index: -1;  top: 0;  left: 0;  background: linear-gradient(266.81deg, #D500BF -6.56%, #F80095 34.02%, #FF005D 60.87%, #FFC300 103.55%);  -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;  opacity: 0;}.tpsocial-text {  border: 1px solid rgba(1, 15, 28, 0.1);}.tpsocial-text a {  display: flex;  align-items: center;  width: 100%;  padding: 23px 30px;  font-weight: 400;  font-size: 16px;  line-height: 1.2;  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpsocial-text a {    padding: 23px 20px;    font-size: 15px;  }}@media (max-width: 767px) {  .tpsocial-text a {    padding: 23px 15px;  }}.tpsocial-text a i {  font-size: 30px;  margin-right: 10px;}.tpsocial-facebook .tpsocial-bg {  background: linear-gradient(266.81deg, #1877F2 -6.56%, #1877F2 34.02%, #1877F2 60.87%, #4284dc 103.55%);}.tpsocial-facebook:hover .tpsocial-bg {  opacity: 1;}.tpsocial-facebook:hover .tpsocial-text i {  color: var(--tp-common-white);}.tpsocial-facebook i {  color: #1877F2;}.tpsocial-pin .tpsocial-bg {  background: linear-gradient(266.81deg, #FE005F -6.56%, #FE005F 34.02%, #FE005F 60.87%, #FE005F 103.55%);}.tpsocial-pin:hover .tpsocial-bg {  opacity: 1;}.tpsocial-pin:hover .tpsocial-text i {  color: var(--tp-common-white);}.tpsocial-pin i {  color: #FE005F;}.tpsocial-twitt .tpsocial-bg {  background: linear-gradient(266.81deg, #26A8FF -6.56%, #26A8FF 34.02%, #26A8FF 60.87%, #26A8FF 103.55%);}.tpsocial-twitt:hover .tpsocial-bg {  opacity: 1;}.tpsocial-twitt:hover .tpsocial-text i {  color: var(--tp-common-white);}.tpsocial-twitt a i {  color: #26A8FF;  font-size: 28px;}.tpsocial-insta:hover .tpsocial-text i {  color: var(--tp-common-white);}.tpsocial-insta i {  color: #FE005F;}.tpcta-btn {  font-weight: 500;  font-size: 16px;  line-height: 12px;  font-family: var(--tp-ff-dmsans);  border: 1px solid rgba(1, 15, 28, 0.1);  color: var(--tp-common-11);  padding: 16px 27px;  display: inline-block;}@media (max-width: 767px) {  .tpcta-btn {    margin-bottom: 8px;  }}.tpcta-btn:hover {  color: var(--tp-theme-green);  border: 1px solid var(--tp-theme-green);}.tpcta-wrapper .green-btn {  padding: 16px 35px;}.tp-faq-wrapper .tpsection-wrapper p {  font-size: 16px;  margin-bottom: 6px;}.tp-faq-wrapper .tpsection-wrapper b {  font-weight: 400;  font-size: 24px;  line-height: 26px;  color: var(--tp-common-11);}.tp-faq-img span {  height: 80px;  width: 80px;  line-height: 77px;  background-color: #59B642;  text-align: center;  display: inline-block;  border-radius: 50%;}.tp-faq-shape {  position: absolute;  top: -20px;  left: 98px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .drive-section-bottom {    margin-bottom: 0px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .drive-section-bottom {    padding-bottom: 40px;  }}.tpdrive-progress {  overflow: hidden;  padding-bottom: 30px;}@media (max-width: 767px) {  .tpdrive-progress {    padding-right: 0;  }}/*----------------------------------------*//*  7.6 Choose css/*----------------------------------------*/.tpchoose {  background-color: var(--tp-common-white);  border: 1px solid rgba(12, 19, 56, 0.08);  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -o-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px;  display: block;  padding: 32px 30px 33px 30px;  -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: 992px) and (max-width: 1199px) {  .tpchoose {    padding: 27px 20px 28px 20px;  }}.tpchoose:hover {  box-shadow: 0px 20px 40px rgba(8, 10, 55, 0.12);  border-radius: 14px;}.tpchoose:hover .tpchoose-text i {  color: var(--tp-theme-primary);  background-color: var(--tp-theme-primary);}@media (max-width: 767px) {  .tpchoose-bottom {    padding-bottom: 0;  }}.tpchoose-text span {  display: block;}.tpchoose-text i {  display: block;  color: var(--tp-grey-5);}.tpchoose-title {  font-weight: 600;  font-size: 20px;  line-height: 26px;  color: var(--tp-heading-secondary);  display: inline-block;  margin-bottom: 15px;}.tpchoose-shape-one {  position: absolute;  bottom: 55px;  left: -38px;  z-index: -1;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpchoose-shape-one {    left: -15px;  }}.tpchoose-shape-two {  position: absolute;  bottom: 58px;  right: 38px;  z-index: -1;}.tpchoose-shape-three {  position: absolute;  top: 35px;  left: 38px;  z-index: -1;}.tpchoose-border-anim {  -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;  -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;  border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;  -webkit-animation: img-border 5s linear infinite alternate;  -moz-animation: img-border 5s linear infinite alternate;  -o-animation: img-border 5s linear infinite alternate;  animation: img-border 5s linear infinite alternate;  transition: all 0.3s ease-out 0s;}.tparrow-right {  position: relative;  display: inline-block;}.tparrow-right:hover i {  width: 40px;}.tparrow-right i {  display: inline-block;  top: 50%;  transform: translateY(-50%);  width: 20px;  height: 2px;  background-color: var(--tp-grey-5);  font-size: 0;  transition: all 0.25s;}.tparrow-right i svg {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 14px;  right: 0;}.company-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.03;  margin-bottom: 17px;  letter-spacing: -0.02em;  color: #010F1C;}.company-content {  margin-bottom: 50px;}.company-content p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  line-height: 26px;  color: var(--tp-grey-8);}@media (max-width: 767px) {  .company-content p br {    display: none;  }}.company-thumb img {  border-radius: 10px;}/*----------------------------------------*//*  7.14 Pricing css/*----------------------------------------*/.tppricing {  box-shadow: 0px 25px 70px rgba(8, 10, 55, 0.08);  border-radius: 14px;  padding: 60px 50px;  background-color: var(--tp-common-white);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tppricing {    padding: 40px 25px;  }}@media (max-width: 767px) {  .tppricing {    padding: 60px 30px;  }}.tppricing-feature ul li {  list-style: none;  font-weight: 500;  font-size: 18px;  line-height: 34px;  color: var(--tp-grey-3);  position: relative;  padding-left: 28px;}.tppricing-feature ul li i {  color: var(--tp-theme-primary);  font-weight: 500;  font-size: 17px;  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;}.tppricing-feature ul li.tppricing-inactive {  color: var(--tp-grey-6);}.tppricing-feature ul li.tppricing-inactive i {  color: var(--tp-grey-6);}.tppricing-title {  font-weight: 600;  font-size: 30px;  line-height: 20px;}.tppricing-price span {  font-weight: 400;  font-size: 18px;  line-height: 14px;  color: var(--tp-text-body);}.tppricing-price-title {  font-weight: 600;  font-size: 34px;  line-height: 34px;  color: var(--tp-common-black);  margin-bottom: 0;}.tppricing-btn-two .tp-btn-blue {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);  border: 1px solid rgba(12, 19, 56, 0.1);}.tppricing-btn-two .tp-btn-blue:hover {  background-color: var(--tp-heading-primary);  box-shadow: none;}.tppricing-wrapper {  position: relative;  z-index: 1;}.tppricing-shape-one {  position: absolute;  right: -25px;  top: -75px;  z-index: -1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tppricing-shape-one {    top: 200px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpprice {    padding-left: 0;  }}.tpprice-shape-one {  position: absolute;  bottom: 30px;  left: 0;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tpprice-shape-one {    bottom: 30px;    left: -150px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpprice-shape-one {    bottom: 40px;    left: -200px;  }}.tpprice-shape-two {  position: absolute;  right: 40px;  bottom: -95px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpprice-shape-two {    bottom: -130px;  }}.tp-price-toggle {  position: relative;}.tp-price-toggle .tpprice-shape-two {  position: absolute;  bottom: 80px;  left: 0;  z-index: -1;}.tp-price-toggle .tpprice-shape-three {  position: absolute;  top: 30px;  right: -50px;  animation: updown-three 2.6s linear 0s infinite alternate;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tp-price-toggle .tpprice-shape-three {    right: -40px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tp-price-toggle .tpprice-shape-three {    top: 10px;    right: -25px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .pricing-shape-relative {    padding-top: 0;  }}.price-custom-col-1 {  width: 28%;}.price-custom-col-2 {  width: 72%;}.pricing-box-4 {  background-color: #F5F5F5;  padding: 15px 15px;  border-radius: 20px;}.pricing-box-4 .active {  background-color: var(--tp-theme-blue);}.pricing-box-4 .active.tppricing-4-price p {  font-weight: 600;  color: var(--tp-common-white);}.pricing-box-4 .active.tppricing-4-btn a {  background-color: var(--tp-common-white);  border: 2px solid var(--tp-common-white);  -webkit-transition: all 0.4s ease-out 0s;  -moz-transition: all 0.4s ease-out 0s;  -ms-transition: all 0.4s ease-out 0s;  -o-transition: all 0.4s ease-out 0s;  transition: all 0.4s ease-out 0s;}.pricing-box-4 .active.tppricing-4-btn a:hover {  font-weight: 600;  background-color: var(--tp-theme-blue);  border: 2px solid var(--tp-common-white);  color: var(--tp-common-white);  box-shadow: 0px 4px 6px rgba(1, 15, 28, 0.1);}.pricing-box-4 .active.tppricing-4-price::before {  background-color: #8E76FF;}.tppricing-4-head {  padding: 35px 5px 35px 5px;  border-radius: 10px 10px 0px 0px;  background: var(--tp-common-white);  position: relative;  z-index: 1;}.tppricing-4-head span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 14px;  color: var(--tp-theme-blue);  display: inline-block;  margin-bottom: 13px;}.tppricing-4-head .title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 40px;  line-height: 40px;  letter-spacing: -0.02em;  color: var(--tp-common-11);}.tppricing-4-price {  background: var(--tp-common-white);  display: flex;  align-items: center;  justify-content: center;  position: relative;}.tppricing-4-price::before {  position: absolute;  content: "";  height: 1px;  width: 160px;  bottom: 0;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;  background-color: #EEEEEE;}.tppricing-4-price p {  height: 60px;  line-height: 60px;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  color: var(--tp-grey-8);  display: inline-block;  margin-bottom: 0;  position: relative;}.tppricing-4-title {  margin: 0 35px 0px 25px;  height: 60px;  line-height: 60px;  border-bottom: 1px solid #E8E7EB;  display: flex;  align-items: center;  justify-content: start;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tppricing-4-title {    margin: 0 20px 0px 20px;  }}.tppricing-4-title .title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 13px;  color: var(--tp-common-11);  margin-bottom: 0;}.tppricing-4-btn {  padding-top: 20px;  padding-bottom: 25px;}.tppricing-4-btn a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 13px;  color: var(--tp-common-11);  display: inline-block;  padding: 14px 34px;  border: 2px solid rgba(1, 15, 28, 0.1);  border-radius: 100px;  background-color: transparent;}.tppricing-4-btn a:hover {  border: 2px solid var(--tp-theme-blue);  background-color: var(--tp-theme-blue);  color: var(--tp-common-white);}.tppricing-4-btn.tppricing-4-price::before {  display: none;}.tppricing-right {  border-radius: 10px 0 0 0;}.tppricing-left {  border-radius: 0 10px 0 0;}.tppriceing-top {  padding: 0px 15px;}.tppriceing-top .active {  background-color: var(--tp-theme-blue);  position: relative;  z-index: 1;}.tppriceing-top .active::before {  position: absolute;  content: "";  bottom: -15px;  left: 0;  height: 15px;  width: 100%;  background-color: var(--tp-theme-blue);}.tppriceing-top .active.tppricing-4-head .title {  color: var(--tp-common-white);}.tppriceing-top .active.tppricing-4-head span {  color: var(--tp-common-white);}.big-price-shape {  position: absolute;  content: "";  top: -135px;  right: -130px;  height: 300px;  width: 300px;  background: linear-gradient(59.66deg, #FFFFFF 13.18%, rgba(255, 255, 255, 0) 42.12%);  opacity: 0.1;  border-radius: 50%;  z-index: -1;}.sm-price-shape {  position: absolute;  content: "";  top: -95px;  right: -115px;  height: 180px;  width: 180px;  background: linear-gradient(59.66deg, #FFFFFF 13.18%, rgba(255, 255, 255, 0) 42.12%);  opacity: 0.1;  z-index: -1;  border-radius: 50%;}.tpprice-4-switch .toggle {  transform: rotate(90deg);}.tpprice-4-switch .toggler {  text-align: left;  display: block;  margin-bottom: 8px;  margin-right: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  line-height: 14px;  color: #83868A;}.tpprice-4-switch .toggler-price-active {  color: var(--tp-common-11);}.tpprice-4-switch .toggle {  position: relative;  width: 54px;  height: 30px;  border-radius: 100px;  background-color: var(--tp-theme-blue);  overflow: hidden;  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);}.tpprice-4-switch .check:checked ~ .switch {  right: 3px;  left: 53%;}.tpprice-4-switch .switch {  left: 3px;  right: 53%;}.tpprice-4-position {  position: absolute;  left: 0;  top: 70px;}.label-text {  margin-top: -35px;  margin-left: 50px;}.price-is-hide {  display: none;}.tppricing-shape-1 {  position: absolute;  top: 57px;  left: 170px;  z-index: -1;}.tppricing-shape-2 {  position: absolute;  top: 65px;  left: 160px;}.tppricing-shape-2 img {  width: 70px;  height: auto;  object-fit: cover;}.tppricing-shape-3 {  position: absolute;  top: 20px;  left: 98px;}.tppricing-shape-3 path {  stroke-dasharray: 3;  stroke-dashoffset: 350;  -webkit-animation: tp-line-dash 40s linear forwards infinite;  animation: tp-line-dash 40s linear forwards infinite;  color: #25A842;}.tp-price-parent .switch {  position: absolute;  left: 5px;  top: 4px;  bottom: 4px;  right: 57.5%;  background-color: #fff;  border-radius: 36px;  z-index: 1;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0s, 0.08s;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.tp-price-parent .hide {  display: none;}.tp-price-parent .toggle, .tp-price-parent .toggler {  display: inline-block;  vertical-align: middle;  margin-right: 10px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tp-price-parent .toggle, .tp-price-parent .toggler {    margin-right: 5px;  }}.tp-price-parent .toggler {  transition: 0.2s;  cursor: pointer;  font-weight: 600;  font-size: 16px;  line-height: 12px;  color: #9A9CA6;  text-align: center;}.toggler--is-active {  color: var(--tp-heading-primary) !important;}.toggle {  position: relative;  width: 70px;  height: 32px;  border-radius: 100px;  background-color: var(--tp-theme-primary);  overflow: hidden;  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);}#filt-monthly .toggle {  background: red;}.tp-check {  position: absolute;  display: block;  cursor: pointer;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  z-index: 6;}.tp-check:checked ~ .switch {  right: 5px;  left: 57.5%;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0.08s, 0s;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .price-scroll-width {    width: 1100px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .price-scroll {    overflow-x: scroll;    scrollbar-color: rgba(181, 165, 165, 0.56) rgba(255, 255, 255, 0.1);  }}div.price-open {  background-color: red;}.tp-tab-monthly.is-active ~ .toggle {  background-color: gray;}.tp-tab-monthly.is-active {  color: black;}.tp-tab-yearly.is-active {  color: black;}.tp-price-toggle-bg {  position: absolute;  top: 0;  width: 100%;  height: 100%;  z-index: 999;}.tp-price-toggle-bg:hover {  cursor: pointer;}.pricing-inner {  background: #FFFFFF;  box-shadow: 0px 1px 2px rgba(1, 4, 20, 0.14);  border-radius: 16px;  padding: 5px 0;  margin-left: 72px;  margin-right: 72px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .pricing-inner {    margin-left: 0;    margin-right: 0;    padding: 0 0;  }}.pricing-inner-top-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 70px;  line-height: 0.84;  letter-spacing: -0.02em;  color: var(--tp-common-11);  margin-bottom: 26px;}@media (max-width: 767px) {  .pricing-inner-top-title {    font-size: 38px;    line-height: 1;  }}.pricing-inner-top p {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 16px;  color: var(--tp-grey-8);  margin-bottom: 55px;}.pricing-inner-item {  padding-top: 39px;  padding-bottom: 42px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .pricing-inner-item {    margin-right: 0;  }}.pricing-inner-item.active {  background: #4260FF;  border-radius: 10px;  margin: 0 -10px;}@media (max-width: 767px) {  .pricing-inner-item.active {    margin: 0 0;  }}.pricing-inner-item.active .pricing-inner-head span {  background: rgba(255, 255, 255, 0.2);  border-radius: 4px;  color: var(--tp-common-white);}.pricing-inner-item.active .pricing-inner-title span {  color: rgba(255, 255, 255, 0.6);}.pricing-inner-item.active .pricing-inner-price-count {  color: var(--tp-common-white);}.pricing-inner-item.active .pricing-inner-btn button {  color: var(--tp-theme-primary);}.pricing-inner-btn button {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  color: var(--tp-common-11);  background: #FFFFFF;  border: 1px solid #E2E3E9;  border-radius: 6px;  line-height: 1;  padding: 14px 46px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .pricing-inner-btn button {    padding: 12px 25px;  }}.pricing-inner-head span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  text-align: center;  color: var(--tp-grey-8);  background: #F6F7FB;  border-radius: 4px;  display: inline-block;  padding: 2px 17px;  margin-bottom: 32px;}.pricing-inner-title span {  font-family: var(--tp-ff-jakarta);  font-size: 14px;  line-height: 13px;  color: #9AA2AA;  display: inline-block;  margin-bottom: 18px;}.pricing-inner-price-count {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 46px;  line-height: 40px;  letter-spacing: -0.02em;  color: var(--tp-common-11);  margin-bottom: 33px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .pricing-inner-price-count {    font-size: 34px;  }}.pricing-inner-price-count span {  font-size: 18px;  line-height: 16px;}.pricing-custom {  margin-top: 39px;  margin-bottom: 42px;  position: relative;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .pricing-custom {    padding-left: 15px;  }}.pricing-custom::before {  position: absolute;  content: "";  right: -26px;  top: 50%;  height: 310px;  width: 1px;  background-color: #E8E9EF;  transform: translateY(-50%);}@media (max-width: 767px) {  .pricing-custom::before {    display: none;  }}.pricing-custom-icon span {  height: 90px;  width: 90px;  line-height: 90px;  text-align: center;  background: rgba(66, 96, 255, 0.08);  border-radius: 50%;  display: inline-block;  margin-bottom: 27px;}.pricing-custom-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  color: #9AA2AA;  display: inline-block;  margin-bottom: 29px;}.tppricing-switch-btn-switch {  transform: rotate(90deg);}.tppricing-switch-btn-switch .toggle {  position: relative;  width: 56px;  height: 32px;  border-radius: 100px;  background-color: var(--tp-theme-primary);  margin-right: 0;  overflow: hidden;  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);}.tppricing-switch-btn-switch .toggle .check:checked ~ .switch {  left: 51.6%;}.tppricing-switch-btn-switch-item .toggler {  text-align: left;  display: block;  margin-bottom: 8px;  margin-right: 0;  font-family: var(--tp-ff-jakarta);  line-height: 14px;  font-style: normal;  font-weight: 500;  font-size: 14px;  line-height: 13px;  color: #949EAC;}.tppricing-switch-btn-switch-item .toggler--is-active {  color: var(--tp-common-11);}.tp-inner-pricing-switch {  margin-top: -445px;  position: relative;  z-index: 1;}.tp-inner-pricing-switch .switch {  right: 51.5%;}.pricing-inner-bg {  padding-top: 320px;  padding-bottom: 320px;}.pricing-inner-bg .about-inner-shape-4 {  top: 180px;}.about-inner-shape-5 {  position: absolute;  bottom: -240px;  left: -70px;  right: 0;  text-align: center;  margin: 0 auto;  z-index: -8;}.pricing-comparison {  background: #FFFFFF;  border: 1px solid #E7E7EA;  border-radius: 20px;  padding-top: 24px;  padding-bottom: 15px;  padding-left: 72px;  padding-right: 72px;  -webkit-overflow-scrolling: touch;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .pricing-comparison {    padding-left: 15px;    padding-right: 15px;  }}@media (max-width: 767px) {  .pricing-comparison {    padding-left: 20px;    padding-right: 20px;    overflow-x: auto;  }}.pricing-comparison-tag-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  color: #FF847F;  transform: translateY(18px);  margin-left: 22px;  background-color: #fff;  display: inline-block;  padding: 0 10px 0 20px;}.pricing-comparison-tag-title span {  transform: translateY(-2px);  height: 8px;  width: 8px;  border-radius: 50%;  background: #FF847F;  display: inline-block;  margin-right: 15px;  position: relative;}.pricing-comparison-tag-title span::before {  position: absolute;  content: "";  height: 24px;  width: 24px;  border-radius: 50%;  background: rgba(255, 132, 127, 0.16);  top: 50%;  transform: translate(-50%, -50%);  left: 50%;}.pricing-comparison-tag-title-2.pricing-comparison-tag-title {  color: #02CA6D;}.pricing-comparison-tag-title-2.pricing-comparison-tag-title span {  background: #02CA6D;}.pricing-comparison-tag-title-2.pricing-comparison-tag-title span::before {  background: rgba(2, 202, 109, 0.16);}.pricing-comparison-tag-title-3.pricing-comparison-tag-title {  color: #775AFC;}.pricing-comparison-tag-title-3.pricing-comparison-tag-title span {  background: #775AFC;}.pricing-comparison-tag-title-3.pricing-comparison-tag-title span::before {  background: rgba(119, 90, 252, 0.16);}.pricing-comparison-item {  border-bottom: 1px solid #E7E7EA;  padding: 19px 0 15px 0;}.pricing-comparison-item:last-child {  border-bottom: none;}.pricing-comparison-item-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  color: var(--tp-common-11);  margin-bottom: 0;}.pricing-comparison-item-title span {  display: inline-block;  margin-left: 3px;}.pricing-comparison-price-item span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 13px;  color: var(--tp-grey-8);}.pricing-comparison-price-item-1 {  margin-left: -100px;}.pricing-comparison-price-item-2 {  margin-left: -70px;}.pricing-comparison-price-item-3 {  margin-right: 46px;}.pricing-comparison-scroll {  width: 100%;}@media (max-width: 767px) {  .pricing-comparison-scroll {    width: 300%;  }}.tppricing-switch-btn-switch .check {  position: absolute;  display: block;  cursor: pointer;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  z-index: 6;}.tppricing-switch-btn-switch .check:checked ~ .switch {  right: 5px;  left: 57.5%;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0.08s, 0s;}.tppricing-switch-2 .switch {  left: 3px;  top: 3px;  bottom: 3px;  right: 50%;}.tppricing-switch-2 .tp-check:checked ~ .switch {  right: 4px;  left: 49%;}.tppricing-switch-2 .toggler {  display: block;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  line-height: 14px;  color: #83868A;  text-align: left;}.tppricing-switch-2 .toggler-price-active {  color: #010F1C;}.pricing-feature-info {  position: relative;}.pricing-feature-info:hover .pricing-feature-info-tooltip {  visibility: visible;  opacity: 1;  top: -75px;}.pricing-feature-info span {  margin-left: 5px;  display: inline-block;  flex: 0 0 auto;}.pricing-feature-info-tooltip {  position: absolute;  top: -50px;  left: -26px;  min-width: 286px;  background-color: var(--tp-common-white);  padding: 13px 20px 15px;  border-radius: 14px;  box-shadow: 0px 10px 30px rgba(4, 11, 17, 0.14);  visibility: hidden;  opacity: 0;  transition: all 0.3s ease-out 0s;}.pricing-feature-info-tooltip::after {  position: absolute;  content: "";  left: 35px;  bottom: 0;  width: 18px;  height: 18px;  background-color: var(--tp-common-white);  -webkit-transform: rotate(45deg) translateY(50%);  -moz-transform: rotate(45deg) translateY(50%);  -ms-transform: rotate(45deg) translateY(50%);  -o-transform: rotate(45deg) translateY(50%);  transform: rotate(45deg) translateY(50%);}.pricing-feature-info-tooltip p {  font-size: 14px;  line-height: 1.43;  color: #525258;  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);}/*----------------------------------------*//*  7.23 Testimonial css/*----------------------------------------*/.tptestimonial {  padding: 70px 70px 65px 70px;  border-radius: 20px;  opacity: 0.3;  -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: 767px) {  .tptestimonial {    flex-wrap: wrap;  }}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .tptestimonial {    padding: 50px 25px 50px 25px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tptestimonial {    padding: 70px 30px 65px 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial {    padding: 70px 15px 65px 15px;  }}@media (max-width: 767px) {  .tptestimonial {    padding: 40px 15px 60px 15px;    flex-wrap: wrap;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial {    padding: 40px 20px 60px 25px;    flex-wrap: wrap;  }}.tptestimonial-wrapper .slick-list {  overflow: visible;}.tptestimonial-thumb {  flex: 0 0 auto;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .tptestimonial-thumb {    margin-right: 20px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-thumb {    margin-bottom: 20px;  }}.tptestimonial-thumb img {  border-radius: 50%;  height: 160px;  width: 160px;  object-fit: cover;}@media (max-width: 767px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-thumb img {    height: 100px;    width: 100px;  }}.tptestimonial-content p {  font-weight: 500;  font-size: 24px;  line-height: 1.42;  color: var(--tp-text-body);  margin-bottom: 26px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .tptestimonial-content p {    font-size: 18px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-content p {    font-size: 20px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-content p {    font-size: 18px;  }}.tptestimonial-shape i svg {  color: rgba(66, 96, 255, 0.2);}.tptestimonial-avatar-title {  font-weight: 800;  font-size: 18px;  line-height: 22px;  color: var(--tp-heading-primary);  margin-bottom: 0;}.tptestimonial-avatar-info span {  font-weight: 500;  font-size: 14px;  line-height: 22px;  color: var(--tp-grey-3);  -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: inline-block;}.tptestimonial-two {  display: flex;  align-items: center;  padding-top: 45px;  padding-bottom: 45px;}@media (max-width: 767px) {  .tptestimonial-two {    display: block;    align-items: center;    padding-top: 0;    padding-bottom: 0;    padding: 25px 25px 35px 25px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-two {    display: block;    padding-top: 0;    padding-bottom: 0;    padding: 40px 60px 40px 30px;  }}.tptestimonial-two-bg {  background-color: var(--tp-theme-apple);  padding: 30px 0;}.tptestimonial-two-avatar {  flex: 0 0 auto;  margin-right: 50px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-two-avatar {    margin-bottom: 30px;  }}.tptestimonial-two-avatar img {  height: 120px;  width: 120px;  object-fit: cover;  border-radius: 50%;}.tptestimonial-two-content p {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 22px;  line-height: 1.45;  color: #3D4246;  margin-bottom: 25px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-two-content p {    font-size: 18px;  }}@media (max-width: 767px) {  .tptestimonial-two-content p {    font-size: 20px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-two-content p {    font-size: 16px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-two-content p br {    display: none;  }}.tptestimonial-two-content i {  margin-bottom: 18px;  display: inline-block;}.tptestimonial-two-avatar-info .title {  font-weight: 700;  font-size: 18px;  line-height: 20px;  margin-bottom: 0;}.tptestimonial-two-avatar-info span {  font-weight: 400;  font-size: 15px;  line-height: 20px;  color: var(--tp-grey-8);}.tptestimonial-active-two {  position: relative;}.tptestimonial-active-two .slick-dots {  position: absolute;  top: 50%;  transform: translateY(-42%);  left: -145px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptestimonial-active-two .slick-dots {    left: -60px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-active-two .slick-dots {    left: -55px;  }}@media (max-width: 767px) {  .tptestimonial-active-two .slick-dots {    top: auto;    transform: inherit;    left: 30px;    bottom: 15px;  }}.tptestimonial-active-two .slick-dots li {  list-style: none;  line-height: 1.2;}@media (max-width: 767px) {  .tptestimonial-active-two .slick-dots li {    display: inline-block;  }}.tptestimonial-active-two .slick-dots li button {  height: 8px;  width: 8px;  background-color: #DDD8D1;  border-radius: 50%;  font-size: 0px;  margin: 0px 5px;}.tptestimonial-active-two .slick-dots li.slick-active button {  background-color: var(--tp-theme-green);}.tptestimonial-two-nav {  position: absolute;  top: 50%;  right: -110px;  transform: translateY(-50%);  display: inline-grid;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptestimonial-two-nav {    right: -50px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-two-nav {    right: 10px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-two-nav {    right: -60px;  }}@media (max-width: 767px) {  .tptestimonial-two-nav {    display: none;  }}.tptestimonial-two-nav button {  height: 40px;  width: 40px;  text-align: center;  line-height: 40px;  background: #010F1C;  border: 1.5px solid rgba(1, 15, 28, 0.14);  color: var(--tp-grey-8);  border-radius: 50%;  margin: 5px 0;}.tptestimonial-two-nav button:hover {  background-color: var(--tp-theme-green);  border: 1.5px solid var(--tp-theme-green);  color: var(--tp-common-white);}.tptestimonial-two-nav button i {  color: var(--tp-common-white);}.tptestimonial-active .slick-slide {  margin-left: 20px;  margin-right: 20px;}@media (max-width: 767px) {  .tptestimonial-active .slick-slide {    margin-left: 10px;    margin-right: 10px;  }}.tptestimonial-active .slick-active {  opacity: 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;}.tptestimonial-active .slick-active .tptestimonial-content p {  color: rgba(255, 255, 255, 0.9);}.tptestimonial-active .slick-active .tptestimonial-avatar-title {  color: var(--tp-common-white);}.tptestimonial-active .slick-active .tptestimonial-avatar-info span {  color: rgba(255, 255, 255, 0.7);}.testimonial-fixed-bg {  position: absolute;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;  top: 0;  width: calc(100% - 1057px);  height: calc(100% + 0px);  background-color: var(--tp-theme-primary);  z-index: -1;  box-shadow: 30px 50px 60px -20px rgba(16, 32, 117, 0.2);  border-radius: 20px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .testimonial-fixed-bg {    width: calc(100% - 815px);  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .testimonial-fixed-bg {    width: calc(100% - 500px);  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .testimonial-fixed-bg {    width: calc(100% - 400px);  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .testimonial-fixed-bg {    width: calc(100% - 280px);  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-fixed-bg {    width: calc(100% - 100px);  }}@media (max-width: 767px) {  .testimonial-fixed-bg {    width: calc(100% - 0px);  }}.tpcase-nav {  position: relative;  z-index: 1;  display: flex;  justify-content: end;  align-items: center;  margin-top: 65px;  height: 40px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpcase-nav {    justify-content: start;    margin-bottom: 30px;    margin-top: 0;    margin-left: 26px;  }}.tptestimonial-3-active {  margin-right: -30px;  margin-right: -30px;  padding: 52px 85px 50px 60px;  background: #3845A9;  border: 1px solid #4351A4;  border-radius: 20px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-3-active {    margin-right: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tptestimonial-3-active {    margin-right: 0;    padding: 45px 40px 43px 40px;  }}@media (max-width: 767px) {  .tptestimonial-3-active {    margin-right: 0;    padding: 45px 20px 43px 20px;  }}.prev-testimonial,.next-testimonial {  position: relative;  width: 30px;  height: 40px;  font-size: 0;}.prev-testimonial span,.next-testimonial span {  display: inline-block;  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 26px;  height: 1.8px;  background: rgba(255, 255, 255, 0.5);  font-size: 0;  transition: all 0.25s;}.prev-testimonial span:before,.next-testimonial span:before {  content: "";  position: absolute;  top: 50%;  transform: translateY(-50%) scale(0);  width: 34px;  height: 34px;  border: 1.5px solid var(--tp-common-white);  border-radius: 50%;  transition: transform 0.25s;}.prev-testimonial svg,.next-testimonial svg {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 14px;}.prev-testimonial path,.next-testimonial path {  fill: rgba(255, 255, 255, 0.5);  transition: fill 0.25s;}.prev-testimonial:hover span,.next-testimonial:hover span {  width: 40px;  background: var(--tp-common-white);}.prev-testimonial:hover span:before,.next-testimonial:hover span:before {  transform: translateY(-50%) scale(1);}.prev-testimonial:hover path,.next-testimonial:hover path {  fill: rgb(255, 255, 255);}.prev-testimonial {  margin-right: 27px;}.prev-testimonial span {  right: 0;}.prev-testimonial span svg {  left: 0;}.prev-testimonial span:before {  left: -13px;}.next-testimonial span {  left: 0;}.next-testimonial span svg {  right: 0;}.next-testimonial span:before {  right: -13px;}.testimonial-arrows {  position: relative;  z-index: 1;  display: flex;  justify-content: end;  align-items: center;  height: 40px;}.tptestimonial-arrow {  position: absolute;  right: 600px;  bottom: 35px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .tptestimonial-arrow {    right: 585px;    bottom: 20px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .tptestimonial-arrow {    right: 300px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tptestimonial-arrow {    right: 280px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tptestimonial-arrow {    right: 200px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-arrow {    right: 520px;  }}@media (max-width: 767px) {  .tptestimonial-arrow {    right: 100px;    bottom: 15px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tptestimonial-arrow {    right: 120px;  }}.tpvideo {  display: flex;  justify-content: end;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpvideo {    justify-content: center;    margin-bottom: 30px;  }}.tpvideo img {  height: 380px;  width: 400px;  object-fit: cover;  border-radius: 14px;}.tpvideo-icon {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: 0 auto;  text-align: center;}.tpvideo-icon-anim {  width: 110px;  height: 110px;  line-height: 110px;  text-align: center;  border-radius: 50%;  background: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.2);  backdrop-filter: blur(3px);  display: inline-block;  position: relative;  box-shadow: 0px 14px 24px -1px rgba(2, 0, 77, 0.14);}.tpvideo-icon-anim::before {  position: absolute;  content: "";  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: -1;  border-radius: 100%;  animation: ripple2 2.5s infinite;  -webkit-animation: ripple2 2.5s infinite;  border: 1px solid rgb(255, 255, 255);  box-shadow: 0px 14px 24px -1px rgba(2, 0, 77, 0.14);  -webkit-transform: scale(0.5);  transform: scale(0.5);}.tpvideo-icon-anim a {  display: inline-block;  position: relative;  width: 70px;  height: 70px;  line-height: 70px;  text-align: center;  border-radius: 50%;  line-height: 75px;}.tpvideo-icon-anim a::before {  position: absolute;  content: "";  top: 0;  left: 0;  height: 100%;  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;  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);  border-radius: 50%;  z-index: -1;}.tpvideo-icon-anim a i {  font-size: 20px;  color: var(--tp-common-white);  transform: translateX(2px);}.tpvideo-icon-anim a:hover::before {  transform: scale(1.1);}.tptestimonial-content-3 p {  font-family: var(--tp-ff-dmsans);  font-size: 24px;  line-height: 1.34;  color: var(--tp-common-white);  opacity: 0.8;  margin-bottom: 40px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tptestimonial-content-3 p {    font-size: 22px;  }}@media (max-width: 767px) {  .tptestimonial-content-3 p {    font-size: 17px;    margin-bottom: 30px;  }}.tptestimonial-star i {  font-size: 18px;  color: #FFB866;}.tptestimonial-tab {  padding-left: 100px;  padding-right: 100px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tptestimonial-tab {    padding-left: 0;    padding-right: 0;  }}.tptestimonial-tab ul {  display: flex;  align-items: center;  justify-content: space-between;}.tptestimonial-tab .nav-pills .nav-link {  background: 0 0;  border: 0;  border-radius: 0.25rem;  opacity: 0.4;}@media (max-width: 767px) {  .tptestimonial-tab .nav-pills .nav-link {    margin-bottom: 30px;  }}.tptestimonial-tab .nav-pills .nav-link.active, .tptestimonial-tab .nav-pills .show > .nav-link {  color: var(--tp-common-white);  background-color: transparent;  opacity: 1;}.tptestimonial-tab .nav-link {  padding: 0;}.author-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 18px;  line-height: 16px;  color: var(--tp-common-white);  margin-bottom: 0;}.author-info span {  display: inline-block;  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 14px;  line-height: 12px;  color: var(--tp-common-white);  opacity: 0.6;}@media (max-width: 767px) {  .tptestimonial-4-content {    flex-wrap: wrap;  }}.tptestimonial-4-icon {  flex: 0 0 auto;  margin-top: 8px;}@media (max-width: 767px) {  .tptestimonial-4-icon {    margin-right: 0;    margin-bottom: 20px;  }}.tptestimonial-4-text p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  line-height: 1.68;  color: var(--tp-grey-8);  margin-bottom: 25px;}@media (max-width: 767px) {  .tptestimonial-4-text p {    font-size: 17px;  }}.testimonial-4-main-thumb img {  opacity: 0;  visibility: hidden;}.testimonial-4-main-anim {  position: absolute;  top: 11%;  transform: translateY(-50%);  left: 10%;  right: 0;  margin: 0 auto;  text-align: center;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .testimonial-4-wrap {    padding-left: 0;  }}.testimonial-4-shape-1 {  position: absolute;  bottom: 85px;  left: 200px;}.testimonial-4-shape-1 img {  height: 60px;  width: 60px;  object-fit: cover;}@media (max-width: 767px) {  .testimonial-4-shape-1 {    bottom: 30px;  }}.testimonial-4-shape-2 {  position: absolute;  top: 50px;  left: 60px;  width: 80px;}@media (max-width: 767px) {  .testimonial-4-shape-2 {    top: 15px;  }}.testimonial-4-shape-2 img {  height: 80px;  width: 80px;  object-fit: cover;}.testimonial-4-shape-3 {  position: absolute;  left: -6px;  bottom: 270px;  width: 60px;}.testimonial-4-shape-3 img {  height: 60px;  width: 60px;  object-fit: cover;}.testimonial-4-shape-4 {  position: absolute;  top: 27px;  right: 85px;  width: 140px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-4-shape-4 {    right: 190px;  }}@media (max-width: 767px) {  .testimonial-4-shape-4 {    top: 175px;    right: 120px;  }}.testimonial-4-shape-4 img {  height: 140px;  width: 140px;  object-fit: cover;}.testimonial-4-shape-5 {  position: absolute;  top: 36%;  left: 200px;  width: 100px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .testimonial-4-shape-5 {    left: 180px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-4-shape-5 {    top: 45%;  }}.testimonial-4-shape-5 img {  height: 100px;  width: 100px;  object-fit: cover;}.testimonial-4-shape-6 {  position: absolute;  bottom: 275px;  right: 55px;  width: 80px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-4-shape-6 {    right: 190px;  }}@media (max-width: 767px) {  .testimonial-4-shape-6 {    bottom: 334px;    right: 0;  }}.testimonial-4-shape-6 img {  height: 80px;  width: 80px;  object-fit: cover;}.tp-tooltip-circle .tp-tooltip-effect-1, .tp-tooltip-circle .tp-tooltip-effect-2, .tp-tooltip-circle .tp-tooltip-effect-3 {  position: absolute;  left: 0px;  top: 0px;  width: 400px;  height: 400px;  background: rgba(119, 90, 252, 0.05);  backdrop-filter: blur(6px);  border-radius: 50%;  z-index: -1;  -webkit-animation: tp-hotspot-2 5s infinite cubic-bezier(0.4, 0, 1, 1);  animation: tp-hotspot-2 5s infinite cubic-bezier(0.4, 0, 1, 1);  animation-delay: 0s;}@media (max-width: 767px) {  .tp-tooltip-circle .tp-tooltip-effect-1, .tp-tooltip-circle .tp-tooltip-effect-2, .tp-tooltip-circle .tp-tooltip-effect-3 {    height: 200px;    width: 200px;  }}.tp-tooltip-circle .tp-tooltip-effect-2 {  animation-delay: 0.8s;}.tp-tooltip-circle .tp-tooltip-effect-3 {  animation-delay: 1.6s;}.ripple-white {  -webkit-animation: ripple-white 1s linear infinite;  animation: ripple-white 3.5s linear infinite;  transition: 0.5s;  -webkit-transition: 0.5s;  width: 1px;  height: 1px;  display: inline-block;  background-color: transparent;}.tptestimonial-4-author .title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 18px;  margin-bottom: 0;  color: var(--tp-common-11);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .testimonial-arrow-4 {    padding-left: 0;  }}.testimonial-arrow-4 .tptestimonal-4-nav {  margin-top: 0;  justify-content: start;}.testimonial-arrow-4 .prv-testi-case:hover span, .testimonial-arrow-4 .next-testi-case:hover span {  background: var(--tp-theme-blue);}.testimonial-arrow-4 .prv-testi-case span::before, .testimonial-arrow-4 .next-testi-case span::before {  border: 1px solid var(--tp-theme-blue);}.testimonial-arrow-4 .prv-testi-case:hover path, .testimonial-arrow-4 .next-testi-case:hover path {  fill: var(--tp-theme-blue);}.testimonial-5 {  margin-left: 70px;  margin-right: 70px;  background: var(--tp-common-white);  box-shadow: 0px 30px 50px rgba(1, 16, 30, 0.1);  border-radius: 10px;  background-repeat: no-repeat;  background-position: left center;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-5 {    margin-right: 0;    margin-left: 0;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .testimonial-5 {    margin-left: 0;    margin-right: 0;    background-image: none !important;  }}.testimonial-5-shape-one {  position: absolute;  left: -20px;  bottom: 0;}@media (max-width: 767px) {  .testimonial-5-shape-one {    position: static;  }}.testimonial-5-shape-two {  position: absolute;  left: 0px;  bottom: 0;  z-index: -1;}.testimonial-5-shape-two img {  border-radius: 10px;}.testimonial-5-shape-three {  position: absolute;  left: 23%;  top: 29%;}.testimonial-5-content {  padding: 75px 90px 80px 0;  margin-left: -10px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .testimonial-5-content {    padding: 75px 35px 80px 35px;    margin-left: 0;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-5-content {    padding: 30px 20px 30px 100px;    margin-left: 0;  }}@media (max-width: 767px) {  .testimonial-5-content {    padding: 50px 20px 80px 15px;    margin-left: 0;  }}.testimonial-5-content p {  font-family: var(--tp-ff-jakarta);  font-size: 24px;  line-height: 1.33;  margin-bottom: 33px;  color: var(--tp-common-11);}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .testimonial-5-content p {    font-size: 22px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .testimonial-5-content p {    font-size: 18px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .testimonial-5-content p {    font-size: 18px;    margin-bottom: 25px;  }}@media (max-width: 767px) {  .testimonial-5-content p {    font-size: 18px;    margin-bottom: 25px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .testimonial-5-content p br {    display: none;  }}.testimonial-5-content .slick-dots {  display: flex;  position: absolute;  right: 46px;  bottom: 30px;}@media (max-width: 767px) {  .testimonial-5-content .slick-dots {    right: auto;    bottom: 12%;    left: 12px;  }}.testimonial-5-content .slick-dots li {  cursor: pointer;  list-style: none;  font-size: 0;  height: 10px;  width: 10px;  border-radius: 50%;  background-color: #D9D9D9;  margin: 0 4px;}.testimonial-5-content .slick-dots li.slick-active {  background-color: #007CF5;}.author-title-5 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 16px;  line-height: 1;  margin-bottom: 0;  color: var(--tp-common-11);}.author-info-5 span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 22px;  color: #A3A4A5;}.testimonial-5-bg-shape {  position: absolute;  right: 135px;  top: -170px;  z-index: -1;  animation: light-2 4s linear infinite;}.testimonial-5-bg-shape-two {  position: absolute;  left: 0;  bottom: 135px;  z-index: -1;}.testimnial-5-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 24px;  line-height: 20px;  letter-spacing: -0.02em;  color: var(--tp-common-11);}.testimonial-inner-bg {  background: #F5F5F5;  border-radius: 14px;  padding: 30px 0;}.testimonial-inner-bg .tptestimonial-two-nav button:hover {  background-color: var(--tp-theme-primary);  border: 1.5px solid var(--tp-theme-primary);  color: var(--tp-common-white);}.testimonial-inner-bg .tptestimonial-active-two .slick-dots li.slick-active button {  background-color: var(--tp-theme-primary);}.testimonial-blue .tptestimonial-active-two .slick-dots li.slick-active button {  background-color: var(--tp-theme-primary);}.testimonial-blue .tptestimonial-two-nav button:hover {  background-color: var(--tp-theme-primary);  border: 1.5px solid var(--tp-theme-primary);}/*----------------------------------------*//*  7.7 Contact css/*----------------------------------------*/.tpcontact-info {  background: rgba(255, 255, 255, 0.08);  border: 1px solid rgba(255, 255, 255, 0.12);  backdrop-filter: blur(3px);  padding: 48px 40px 55px 40px;  border-radius: 20px;  position: relative;}@media (max-width: 767px) {  .tpcontact-info {    padding: 48px 15px 55px 15px;  }}.tpcontact-info-links {  margin-bottom: 37px;}.tpcontact-info-links a {  display: block;  font-weight: 500;  font-size: 17px;  line-height: 14px;  color: rgba(255, 255, 255, 0.8);  margin-bottom: 20px;}.tpcontact-info-links a i {  margin-right: 14px;}.tpcontact-info-social a {  margin-right: 1px;}.tpcontact-info-social a:hover i {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  border: 1px solid var(--tp-theme-primary);}.tpcontact-info-social a i {  height: 38px;  width: 38px;  line-height: 38px;  text-align: center;  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 20px;  color: rgba(255, 255, 255, 0.7);  -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-size: 12px;}.tpcontact-form {  background: rgba(255, 255, 255, 0.06);  border: 1px solid rgba(255, 255, 255, 0.08);  backdrop-filter: blur(10px);  border-radius: 20px;  padding: 50px 50px 65px 50px;  z-index: 2;}@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpcontact-form {    margin-left: 0;  }}@media (max-width: 767px) {  .tpcontact-form {    margin-left: 0;    padding: 50px 15px 65px 15px;  }}.tpcontact-form-title {  font-weight: 700;  font-size: 40px;  line-height: 40px;  color: var(--tp-common-white);}@media (max-width: 767px) {  .tpcontact-form-title {    font-size: 30px;  }}.tpcontact-form-input input, .tpcontact-form-input textarea {  background: #312C61;  border: 2px solid rgba(255, 255, 255, 0.08);  border-radius: 8px;  width: 100%;  padding: 5px 30px 5px 30px;  height: 54px;  color: var(--tp-common-white);}.tpcontact-form-input input:focus, .tpcontact-form-input textarea:focus {  border-color: #4260FF;}.tpcontact-form-input input:focus::placeholder, .tpcontact-form-input textarea:focus::placeholder {  opacity: 0;}.tpcontact-form-input input::-webkit-input-placeholder, .tpcontact-form-input textarea::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-weight: 500;  font-size: 16px;  line-height: 12px;  color: rgba(255, 255, 255, 0.6);}.tpcontact-form-input input::-moz-placeholder, .tpcontact-form-input textarea::-moz-placeholder {  /* Firefox 19+ */  font-weight: 500;  font-size: 16px;  line-height: 12px;  color: rgba(255, 255, 255, 0.6);}.tpcontact-form-input input:-moz-placeholder, .tpcontact-form-input textarea:-moz-placeholder {  /* Firefox 18- */  font-weight: 500;  font-size: 16px;  line-height: 12px;  color: rgba(255, 255, 255, 0.6);}.tpcontact-form-input input:-ms-input-placeholder, .tpcontact-form-input textarea:-ms-input-placeholder {  /* IE 10+ */  font-weight: 500;  font-size: 16px;  line-height: 12px;  color: rgba(255, 255, 255, 0.6);}.tpcontact-form-textarea textarea {  border-radius: 10px;  height: 180px;  padding: 20px 30px;  width: 100%;  line-height: 1.2;  letter-spacing: 0.02em;  resize: none;}.tpcontact-form-submit button {  font-weight: 600;  font-size: 16px;  line-height: 14px;  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);  width: 100%;  padding: 18px 0;  border-radius: 6px;}.tpcontact-form-submit button:hover {  background: #3653EB;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpcontact-box {    padding-right: 50px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpcontact-box {    padding-right: 0px;  }}.tpcontact-box .tpsection-title-white {  font-size: 34px;}@media (max-width: 767px) {  .tpcontact-box .tpsection-title-white {    font-size: 28px;    line-height: 1.2;  }}.tpcontact-shape-one {  position: absolute;  top: 108px;  left: -70px;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpcontact-shape-one {    left: -50px;  }}.tpcontact-shape-two {  position: absolute;  bottom: 100px;  right: -50px;  z-index: 1;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .tpcontact-shape-two {    right: -35px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpcontact-shape-two {    right: 0;    left: 0;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpcontact-shape-two {    right: -20px;  }}.tpcontact-4 .section-wrapper span {  margin-bottom: 13px;  display: inline-block;}.tpcontact-4-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 17px;  line-height: 30px;  color: var(--tp-grey-8);  margin-bottom: 27px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpcontact-4-content p {    font-size: 17px;  }}.tpcontact-4-content .phone {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 24px;  line-height: 24px;  letter-spacing: -0.02em;  color: #FF6C66;  display: block;}.tpcontact-4-content .phone:hover {  color: var(--tp-theme-blue);}.tpcontact-4-content .mail {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  line-height: 12px;  color: var(--tp-grey-8);  display: inline-block;}.tpcontact-4-content-btn a {  display: inline-block;  padding: 14px 42px;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 14px;  line-height: 12px;  color: var(--tp-common-11);  background: var(--tp-common-white);  border: 2px solid rgba(1, 15, 28, 0.1);  border-radius: 100px;}.tpcontact-4-content-btn a:hover {  border-color: var(--tp-theme-blue);}.tpcontact-4-box {  position: relative;  margin-left: -30px;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpcontact-4-box {    margin-left: 0;  }}.tpcontact-4-box::before {  position: absolute;  content: "";  z-index: -11;  top: -4px;  left: 0;  height: 100%;  width: 100%;  background: linear-gradient(69.83deg, #501E9C -8.16%, #A44CEE 49.19%, #FF847F 102.99%);  mix-blend-mode: normal;  box-shadow: 0px 20px 40px rgba(36, 7, 66, 0.13);  border-radius: 20px;}.tpcontact-4-box-wrapper {  padding: 58px 50px 58px 50px;  position: relative;  background: var(--tp-common-white);  mix-blend-mode: normal;  border-radius: 20px;  z-index: 10;}@media (max-width: 767px) {  .tpcontact-4-box-wrapper {    padding: 35px 15px 40px 15px;  }}.tpcontact-4-box-wrapper .tpcontact-form-input input {  background: #F4F4F4;  border-radius: 30px;  border: 2px solid #F4F4F4;  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  line-height: 12px;  height: 52px;  color: #010F1C;}.tpcontact-4-box-wrapper .tpcontact-form-input input:focus {  border: 2px solid var(--tp-theme-blue);  opacity: 1;  background: var(--tp-common-white);}.tpcontact-4-box-wrapper .tpcontact-form-input input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-input input::-moz-placeholder {  /* Firefox 19+ */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-input input:-moz-placeholder {  /* Firefox 18- */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-input input:-ms-input-placeholder {  /* IE 10+ */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea {  background: #F4F4F4;  border: 2px solid #F4F4F4;  resize: none;  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea:focus {  border: 2px solid var(--tp-theme-blue);  opacity: 1;  background: var(--tp-common-white);}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea:focus::placeholder {  font-size: 0;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea::-moz-placeholder {  /* Firefox 19+ */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea:-moz-placeholder {  /* Firefox 18- */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-textarea textarea:-ms-input-placeholder {  /* IE 10+ */  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  letter-spacing: 0.02em;  color: #777D83;}.tpcontact-4-box-wrapper .tpcontact-form-submit button {  background: var(--tp-theme-blue);  border-radius: 100px;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 14px;  padding: 16px 0;}.tpcontact-4-box-wrapper .tpcontact-form-submit button:hover {  background-color: #6E51E6;}.contact-bg-4 {  background-position: center bottom;  background-repeat: no-repeat;}.tpreview-4-wrapper {  border-top: 1px solid #EEEEEE;  border-bottom: 1px solid #EEEEEE;}.tpreview-4-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 12px;  color: var(--tp-grey-8);}.review-side-border {  position: relative;}.review-side-border::after {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  background: #EEEEEE;  width: 2px;  height: 80px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .review-side-border::after {    display: none;  }}.review-side-border::before {  position: absolute;  content: "";  right: 0;  top: 50%;  transform: translateY(-50%);  background: #EEEEEE;  width: 2px;  height: 80px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .review-side-border::before {    display: none;  }}.tpcta-shape {  position: absolute;  bottom: 0;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;  mix-blend-mode: lighten;  transform: matrix(1, 0, 0, 1, 0, 0);}.contact-shape-1 {  position: absolute;  bottom: 4px;  left: 0;  animation: leftright 3s linear forwards infinite alternate;}.contact-shape-2 {  position: absolute;  bottom: 45px;  left: 0;  animation: leftright 5s linear forwards infinite alternate;}.contact-shape-3 {  position: absolute;  bottom: 4px;  left: 125px;}.contact-shape-4 {  position: absolute;  bottom: 4px;  left: 165px;}.contact-shape-5 {  position: absolute;  bottom: -7px;  right: 10.5%;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .contact-shape-5 {    right: 1.5%;  }}.contact-shape-6 {  position: absolute;  bottom: 185px;  right: 350px;  animation: hero-shape-anim-2 1s linear forwards infinite alternate;}.contact-main-shape-bg {  position: absolute;  z-index: -1;  bottom: 0;  left: 0;  right: 0;  text-align: center;}.contact-main-shape-bg img {  width: 100%;}.contact-content p {  font-family: var(--tp-ff-jakarta);  margin-bottom: 32px;}@media (max-width: 767px) {  .contact-content p br {    display: none;  }}.contact-title {  color: var(--tp-common-11);  font-family: var(--tp-ff-jakarta);  font-size: 50px;  font-weight: 700;}@media (max-width: 767px) {  .contact-title {    font-size: 38px;  }}.contact-info {  padding-right: 100px;}@media (max-width: 767px) {  .contact-info {    padding-right: 0;  }}.contact-mail {  background: var(--tp-common-white);  border-radius: 6px;  font-size: 18px;  font-family: var(--tp-ff-jakarta);  display: block;  position: relative;  padding: 20px 30px 18px 30px;}@media (max-width: 767px) {  .contact-mail {    padding: 20px 15px 18px 15px;  }}.contact-mail:hover i {  border-color: var(--tp-theme-primary);  background-color: var(--tp-theme-primary);}.contact-mail:hover i svg {  color: var(--tp-common-white);}.contact-mail span {  display: inline-block;  transform: translateY(-1px);  margin-right: 10px;}.contact-mail i {  text-align: right;  height: 34px;  width: 34px;  line-height: 26px;  text-align: center;  border: 1px solid #E7E8EB;  border-radius: 50%;  display: inline-block;  position: absolute;  right: 32px;  top: 50%;  transform: translateY(-50%);  -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: 767px) {  .contact-mail i {    right: 15px;  }}.contact-mail i svg {  color: #0E1331;  -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-social {  border-radius: 6px;  background: var(--tp-common-white);  display: inline-block;}.contact-social a {  display: inline-block;  color: #55585B;  padding: 8px 26.5px;  position: relative;}.contact-social a::before {  position: absolute;  content: "";  right: -6px;  top: 0;  height: 100%;  width: 1px;  background-color: #E7E8EB;}.contact-social a:last-child::before {  display: none;}.contact-social a:hover {  color: var(--tp-theme-primary);}.contact-social a i {  font-size: 15px;}.contact-bg {  background-color: #E0EDFF;}.contact-form {  background: var(--tp-common-white);  box-shadow: 0px 40px 50px rgba(3, 8, 31, 0.1);  border-radius: 20px;  padding: 60px 70px 70px 70px;  margin-bottom: -130px;  position: relative;  z-index: 2;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .contact-form {    padding: 60px 30px 70px 30px;  }}@media (max-width: 767px) {  .contact-form {    margin-bottom: 50px;    padding: 60px 20px 70px 20px;  }}.contact-form-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 26px;  color: var(--tp-common-11);  margin-bottom: 35px;}.contact-form-input input, .contact-form-input textarea {  width: 100%;  background: #FFFFFF;  border: 1px solid #E7E8EB;  box-shadow: 0px 1px 1px rgba(3, 8, 31, 0.08);  border-radius: 6px;  height: 54px;  padding: 5px 22px;  margin-bottom: 25px;}.contact-form-input input::placeholder, .contact-form-input textarea::placeholder {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  letter-spacing: 0.02em;  color: #84848B;}.contact-form-input input:focus, .contact-form-input textarea:focus {  border-color: var(--tp-theme-primary);}.contact-form-input input:focus::placeholder, .contact-form-input textarea:focus::placeholder {  font-size: 0;}.contact-form-input textarea {  height: 180px;  resize: none;  padding: 22px 22px;  margin-bottom: 14px;}.contact-form-check .form-check-input {  height: 16px;  width: 16px;  border: 1px solid #DADADF;  border-radius: 2px;  margin-top: 0;  margin-right: 9px;  flex: 0 0 auto;}.contact-form-check .form-check-input[type=checkbox] {  border-radius: 0;}.contact-form-check .form-check-input:checked {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.contact-form-check .form-check-input:focus {  border-color: var(--tp-theme-primary);  outline: 0;  box-shadow: none;}.contact-form-check .contact-form-label {  font-family: var(--tp-ff-jakarta);  font-size: 14px;  color: #84848B;  cursor: pointer;}.contact-form-btn .tp-btn {  padding: 14px 46px;}.map-wrapper {  padding-top: 212px;  padding-bottom: 193px;  position: relative;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .map-wrapper {    padding-bottom: 90px;  }}@media (max-width: 767px) {  .map-wrapper {    padding-top: 10px;    padding-bottom: 80px;  }}.map-bg {  position: absolute;  right: 0;  top: 0;  height: 750px;  width: 100%;  background-repeat: no-repeat;  background-size: cover;  z-index: -2;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .map-bg {    width: 75%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .map-bg {    height: 600px;    width: 100%;    position: static;    background-position: top;    margin-bottom: 60px;  }}@media (max-width: 767px) {  .map-bg {    height: 450px;    width: 100%;    position: static;    background-position: top;    margin-bottom: 60px;  }}.map-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 12px;  color: #0E1331;  margin-bottom: 11px;  display: inline-block;}.map-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 50px;  line-height: 1.12;  color: #0E1331;  margin-bottom: 49px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .map-title {    font-size: 40px;  }}@media (max-width: 767px) {  .map-title {    font-size: 36px;  }}@media (max-width: 767px) {  .map-wrap {    margin-top: 100px;  }}.map-wrap ul {  display: flex;  align-items: flex-start;  flex-wrap: wrap;}.map-wrap ul li {  list-style: none;  width: 50%;  flex: 0 0 50%;}@media (max-width: 767px) {  .map-wrap ul li {    width: 100%;    flex: 0 0 100%;    margin-bottom: 30px;  }  .map-wrap ul li:last-child {    margin-bottom: 0;  }}.location-icon {  margin-bottom: 25px;}.location-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 24px;}.location-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 20px;  line-height: 24px;  color: #0E1331;}.tpmap-wrapper {  height: 750px;  width: 1195px;  text-align: right;  margin-left: auto;}.tpmap-wrapper iframe {  height: 100%;  width: 100%;}.map-bg {  position: absolute;  bottom: 0px;  right: 0;  top: 0;  height: 100%;  width: 44%;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .map-bg {    position: static;    height: 350px;    width: 100%;    margin-top: 50px;  }}.map-bg iframe {  height: 100%;  width: 100%;}/*----------------------------------------*//*  7.17 Seo css/*----------------------------------------*/.tpseo {  padding: 50px 38px 0 37px;  -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;  min-height: 485px;  flex-direction: column;  display: flex;  justify-content: space-between;}@media (max-width: 767px) {  .tpseo {    padding: 50px 15px 0 15px;    min-height: 400px;  }}.tpseo:hover .tpseo-bg {  transform: scale(1.08, 1.08);}.tpseo:hover .tpseo-thumb {  transform: translateY(30px);}.tpseo:hover .tpseo-thumb img {  transform: scale(0.9);}@media only screen and (min-width: 576px) and (max-width: 767px) {  .tpseo:hover .tpseo-thumb img {    transform: scale(0.83);  }}.tpseo:hover .tpseo-content {  transform: translateY(-20px);}.tpseo:hover .tpseo-info {  opacity: 1;  visibility: visible;  transform: translateY(0);}.tpseo-bg {  position: absolute;  background: linear-gradient(336.37deg, rgba(192, 223, 214, 0.8) -2.49%, rgba(233, 234, 201, 0.8) 92.36%);  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: -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;}.tpseo-bg2 {  background: linear-gradient(156.78deg, #FEDCCA -2.14%, #FAF3E5 110.36%);}.tpseo-bg3 {  background: linear-gradient(153.59deg, rgba(158, 251, 211, 0.6) 1.62%, rgba(69, 212, 251, 0.6) 97.94%);}.tpseo-info {  opacity: 0;  visibility: hidden;  transform: translateY(10px);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;}.tpseo-thumb {  -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;}.tpseo-thumb img {  -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;}.tpseo-title {  font-weight: 700;  font-size: 30px;  line-height: 36px;  color: var(--tp-common-11);  font-family: var(--tp-ff-dmsans);}.tpseo-content {  -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;}.tpseo-content p {  font-weight: 400;  font-size: 18px;  line-height: 26px;  color: var(--tp-grey-8);  font-family: var(--tp-ff-dmsans);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tpseo-content p {    font-size: 16px;  }}@media (max-width: 767px) {  .tpseo-content p {    font-size: 15px;  }}.tpseo-details a {  font-weight: 500;  font-size: 16px;  line-height: 16px;  display: inline-block;  color: var(--tp-common-11);  font-family: var(--tp-ff-dmsans);  position: relative;}.tpseo-details a::before {  position: absolute;  content: "";  left: 0;  bottom: -8px;  height: 1px;  width: 100%;  opacity: 0;  background-color: var(--tp-common-11);  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;}.tpseo-details a:hover::before {  opacity: 1;  bottom: -2px;}.tpseo-details a i {  margin-left: 2px;  transform: translateY(1.5px);}.tpdrive-shape-line {  position: absolute;  top: 130px;}.tpdrive-shape-line img {  max-width: inherit;}.tpdrive-content span {  font-size: 18px;  color: #ADB0B4;  font-family: var(--tp-ff-dmsans);  display: inline-block;  margin-bottom: 7px;}.tpdrive-content p {  font-weight: 400;  font-size: 16px;  line-height: 24px;  font-family: var(--tp-ff-dmsans);  color: var(--tp-grey-8);  margin-bottom: 35px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tpdrive-content p br {    display: none;  }}.tpdrive-title {  font-weight: 700;  font-size: 34px;  line-height: 1.25;  letter-spacing: -0.02em;  color: var(--tp-common-11);  font-family: var(--tp-ff-dmsans);}@media (max-width: 767px) {  .tpdrive-title {    font-size: 26px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpdrive-title br {    display: none;  }}.tpdrive-bar-progress {  border-radius: 100px;}.tpdrive-bar-progress .progress {  overflow: visible;  height: 10px;  border-radius: 100px;}.tpdrive-bar-item .progress-bar {  background-color: #6EC857;  border-radius: 100px;  position: relative;  overflow: visible;}.tpdrive-bar-item .progress-bar span {  position: absolute;  right: 0;  top: 0;  transform: translateY(-36%);  font-weight: 500;  font-size: 14px;  color: var(--tp-common-black);  width: 30px;  height: 30px;  background-color: var(--tp-common-white);  border: 2.5px solid #6EC857;  box-shadow: 0px 2px 2px rgba(1, 15, 28, 0.12);  border-radius: 0px 20px 20px 20px;}.tpdrive-bar-title {  font-size: 14px;  line-height: 12px;  color: var(--tp-grey-8);  font-weight: 400;  font-family: var(--tp-ff-dmsans);  display: flex;  align-items: center;}.tpdrive-bar-title span {  flex: 0 0 auto;  width: 22px;  align-items: center;}.tpdrive-content-btn .green-btn {  padding: 14px 30px;}.yellow-bar.tpdrive-bar-item .progress-bar {  background-color: #FFB34E;}.yellow-bar.tpdrive-bar-item .progress-bar span {  border: 2.5px solid #FFB34E;}.award-brand {  overflow: hidden;  margin-top: -50px;}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .award-brand {    overflow: inherit;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .award-brand {    overflow: inherit;    margin-top: 0;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .award-brand {    overflow: inherit;  }}.award-item {  transform: translateY(46px);  box-shadow: 0px 20px 20px rgba(46, 30, 10, 0.12);}@media (max-width: 767px) {  .award-item {    margin-bottom: 15px;  }}.award-item img {  width: 100%;}.award-bg {  background-repeat: no-repeat;  background-size: cover;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .award-bg {    padding: 120px 0;  }}@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .award-bg {    padding: 150px 0;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .award-bg {    background-position: center;    padding: 180px 0;  }}.award-item1 {  margin-top: 44px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .award-item1 {    margin-top: 52px;  }}.award-item2 {  margin-top: -10px;}.award-item3 {  margin-top: 54px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .award-item3 {    margin-top: 60px;  }}.award-item5 {  margin-top: 64px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .award-item5 {    margin-top: 67px;  }}.award-item7 {  margin-top: 74px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .award-item7 {    margin-top: 75px;  }}@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {  .award-item {    margin-top: 0px;  }}.tp-large-box {  max-width: 1520px;  margin: 0 auto;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .tp-large-box {    background-repeat: no-repeat;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpdrive-thumb {    margin-left: 0;    text-align: center;    margin-bottom: 50px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tpdrive-wrapper {    margin-left: 0;    margin-right: 0;    margin-bottom: 50px;  }}@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .tpdrive-wrapper {    margin-left: 0;    margin-bottom: 50px;    margin-right: 0;  }}.drive-big-shape {  position: absolute;  top: 50%;  transform: translateY(-50%);  z-index: -1;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .drive-big-shape svg {    width: 100%;  }}.line-dash-path {  stroke-dasharray: 4;  stroke-dashoffset: 350;  -webkit-animation: tp-line-dash 30s linear forwards infinite;  animation: tp-line-dash 30s linear forwards infinite;}.tptestimonial-two-item {  height: 100%;  padding: 10px;}.award-shape-one {  position: absolute;  top: 60px;  right: -80px;}.award-shape-two {  position: absolute;  top: 100px;  left: 325px;}.seo-5-list li {  list-style: none;  margin-bottom: 35px;}.seo-5-list li:last-child {  margin-bottom: 0;}.seo-5-list-icon {  flex: 0 0 auto;  margin-right: 20px;}.seo-5-list-icon i {  font-size: 24px;  color: #59BA41;}.seo-5-list-text .title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 18px;  line-height: 16px;  color: var(--tp-common-11);}.seo-5-list-text p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 13px;  color: var(--tp-grey-8);  margin-bottom: 0;}.seo-5-shape-one {  position: absolute;  right: 20px;  top: 90px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .seo-5-shape-one img {    width: 220px;    height: 135px;    object-fit: cover;  }}.seo-5-shape-two {  position: absolute;  right: 110px;  bottom: 12px;  animation: updown-two 2.5s ease-in-out forwards infinite alternate;}.seo-5-shape-three {  position: absolute;  left: -60px;  top: 85px;  z-index: -1;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .seo-5-shape-three {    left: -20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .seo-5-shape-three {    left: 0;  }}.seo-5-shape-four {  position: absolute;  left: -120px;  bottom: 25px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .seo-5-shape-four {    left: -70px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .seo-5-shape-four {    left: -25px;  }}.seo-shape-bg img {  position: absolute;  bottom: -218px;  right: 0;}.keyword-inner-wrapper {  position: relative;}.keyword-inner-bg {  background: linear-gradient(91.91deg, #501E9C 5.01%, #A44CEE 43.79%, #FF847F 93.65%);  background-position: center;  background-repeat: repeat;  background-size: cover;}.keyword-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.2;  letter-spacing: -0.04em;  color: var(--tp-common-white);  margin-bottom: 12px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .keyword-inner-title {    font-size: 40px;  }}.keyword-inner-content p {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 500;  font-size: 16px;  color: var(--tp-common-white);  margin-bottom: 42px;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .keyword-inner-content p br {    display: none;  }}.keyword-search .banner-search-btn {  padding: 20px 35px;}.keyword-search .tpbanner__form {  box-shadow: 0px 20px 30px rgba(37, 9, 62, 0.14);}.keyword-search-tag {  display: flex;  align-items: center;  justify-content: start;}.keyword-search-tag span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  color: var(--tp-common-white);  margin-right: 20px;  display: inline-block;}.keyword-search-tag a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 14px;  color: var(--tp-common-white);  background: rgba(255, 255, 255, 0.14);  backdrop-filter: blur(2px);  border-radius: 4px;  display: inline-block;  padding: 2px 11px;  margin-right: 10px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .seo-analysis-wrap {    margin-bottom: 80px;  }}@media (max-width: 767px) {  .seo-analysis-wrap {    text-align: center;  }}.seo-analysis-wrap-2:hover .seo-analysis-shape-5 {  bottom: 10%;  left: -14%;  transform: rotate(-9deg);}.seo-analysis-wrap-2:hover .seo-analysis-shape-6 {  bottom: 9%;  right: -14%;  transform: rotate(9deg);}.seo-analysis-thumb {  position: relative;  z-index: 1;  margin-bottom: 32px;}.seo-analysis-thumb-count {  position: absolute;  top: -5%;  right: 24%;}.seo-analysis-thumb-count span {  font-size: 50px;  color: #0C1338;  font-weight: 500;  font-style: italic;}.seo-analysis-thumb-count-2 {  top: -5%;  right: 26%;}.seo-analysis-bg {  display: inline-block;}.seo-analysis-bg > img {  width: 230px;  height: 200px;  object-fit: cover;  border: 1px solid #FFFFFF;  box-shadow: 0px 20px 50px rgba(27, 35, 6, 0.08);  border-radius: 10px;}.seo-analysis-bg-2 {  display: inline-block;}.seo-analysis-bg-2 > img {  width: 170px;  height: 200px;  object-fit: cover;  border: 1px solid #FFFFFF;  box-shadow: 0px 20px 50px rgba(27, 35, 6, 0.08);  border-radius: 10px;}.seo-analysis-bg-3 {  display: inline-block;}.seo-analysis-bg-3 > img {  width: 230px;  height: 200px;  object-fit: cover;  border: 1px solid #FFFFFF;  box-shadow: 0px 20px 50px rgba(27, 35, 6, 0.08);  border-radius: 10px;}.seo-analysis-shape-1 {  position: absolute;  top: -30%;  left: -11%;  z-index: -1;  animation: light-2 2s linear infinite;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .seo-analysis-shape-1 {    left: 0;  }}.seo-analysis-shape-2 {  position: absolute;  top: 31%;  right: 10%;  animation: round-shape 7s linear infinite;}.seo-analysis-shape-3 {  position: absolute;  top: 40%;  right: 15%;  animation: round-shape 7s linear infinite;}.seo-analysis-shape-4 {  position: absolute;  top: -30%;  left: -5%;  z-index: -1;  animation: light-2 4s linear infinite;}.seo-analysis-shape-5 {  position: absolute;  bottom: 1%;  left: -1%;  z-index: -1;  animation: light-2 5s linear infinite;  -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;}.seo-analysis-shape-6 {  position: absolute;  bottom: 0;  right: -1%;  z-index: -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;}.seo-analysis-shape-7 {  position: absolute;  top: 41%;  left: 11%;  -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;  animation: round-shape 7s linear infinite;}.seo-analysis-shape-8 {  position: absolute;  bottom: 8%;  right: 8%;  -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;  animation: light 1.5s linear infinite;}.seo-analysis-shape-9 {  position: absolute;  top: -30%;  left: -5%;  z-index: -1;  animation: light-2 3s linear infinite;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .seo-analysis-content {    margin-left: 0;  }}.seo-analysis-content span {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  color: #8A8A8D;  display: inline-block;  margin-bottom: 8px;}.seo-analysis-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 20px;  line-height: 26px;  letter-spacing: -0.02em;  color: var(--tp-heading-primary);}.fs-18 {  font-size: 18px;  font-weight: 500;  letter-spacing: 0;  color: #3E3E43;}.seo-inner-shape .seo-5-main-bg {  height: 450px;  width: 450px;  object-fit: cover;}@media (max-width: 767px) {  .seo-inner-shape .seo-5-main-bg {    height: 100%;    width: 100%;  }}.seo-inner-shape .seo-5-shape-one {  right: -38%;  top: 75px;}.seo-inner-shape .seo-5-shape-two {  position: absolute;  right: -58px;  bottom: 0px;}/*----------------------------------------*//*  7.10 Dashbord css/*----------------------------------------*/.dashbord-bg {  padding-top: 50px;  padding-bottom: 55px;  border-radius: 30px;  margin-bottom: 80px;  padding-right: 75px;  padding-left: 75px;}@media (max-width: 767px) {  .dashbord-bg {    padding-top: 20px;    padding-bottom: 10px;    padding-right: 5px;    padding-left: 5px;  }}.dash-board-shape-wrap {  position: relative;  z-index: 1;}.dashbord-bg-shape-1 {  position: absolute;  top: -116px;  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  z-index: -1;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .dashbord-bg-shape-1 {    top: -95px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .dashbord-bg-shape-1 {    top: -85px;  }}.dashbord-bg-shape-1 img {  width: 100%;}.dashbord-bg-shape-2 {  position: absolute;  top: -86px;  left: 280px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .dashbord-bg-shape-2 {    top: -122px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .dashbord-bg-shape-2 {    top: -95px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .dashbord-bg-shape-2 {    top: -93px;    left: 220px;  }}.dashbord-bg-shape-2 span {  background: #FF4E97;  width: 10px;  height: 10px;  line-height: 10px;  text-align: center;  border-radius: 50%;  display: inline-block;  position: relative;}.dashbord-bg-shape-2 span::before {  position: absolute;  content: "";  top: 50%;  left: -10px;  right: 0;  margin: 0 auto;  text-align: center;  transform: translateY(-50%);  height: 300%;  width: 300%;  background: #FF4E97;  filter: blur(25px);  z-index: -1;  animation: scale-lught 1s ease-in-out 1s forwards infinite alternate;}.dashbord-bg-shape-3 {  position: absolute;  top: -36px;  right: 246px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .dashbord-bg-shape-3 {    top: -70px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .dashbord-bg-shape-3 {    top: -55px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .dashbord-bg-shape-3 {    top: -54px;    right: 185px;  }}.dashbord-bg-shape-3 span {  background: #FF4E97;  width: 10px;  height: 10px;  line-height: 10px;  text-align: center;  border-radius: 50%;  display: inline-block;  position: relative;  z-index: 1;}.dashbord-bg-shape-3 span::before {  position: absolute;  content: "";  top: 50%;  left: -10px;  right: 0;  margin: 0 auto;  text-align: center;  transform: translateY(-50%);  height: 300%;  width: 300%;  background: #FF4E97;  filter: blur(25px);  z-index: -1;  animation: scale-lught 1s ease-in-out 1s forwards infinite alternate;}.dashbord-thumb {  position: relative;  z-index: 1;}.dashbord-thumb-one {  position: relative;  z-index: 1;}@media (max-width: 767px) {  .dashbord-thumb-one {    margin-bottom: 20px;  }}.dashbord-thumb-one img {  border-radius: 20px;}.dashbord-thumb-two {  margin-bottom: -24px;  margin-top: -24px;}.dashbord-thumb-shape {  padding-left: 85px;  padding-right: 85px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .dashbord-thumb-shape {    padding-left: 0;    padding-right: 0;  }}.dashbord-thumb-shape-img {  display: flex;  background-color: var(--tp-common-white);  border-radius: 10px;  justify-content: center;}@media (max-width: 767px) {  .dashbord-thumb-shape-img {    margin-bottom: 10px;  }}.dashbord-thumb-shape-img span {  display: inline-block;  padding: 28px 20px;}.drive-big-shape-one {  position: absolute;  content: "";  top: 44%;  right: 0;}.drive-big-shape-two {  position: absolute;  content: "";  top: 45%;  right: -2%;}.drive-big-shape-three {  position: absolute;  content: "";  top: 48%;  right: -2%;}.tpdrive-thumb-shape-one {  animation: bannerAnimationTwo 8s infinite linear;  position: absolute;  top: 4%;  right: 48%;}.tpdrive-thumb-shape-two {  position: absolute;  bottom: 60%;  right: 20%;  animation: transform 2s infinite linear;}.tpdrive-thumb-shape-three {  position: absolute;  bottom: 17%;  right: 35%;  animation: round-shape 7s linear infinite;}.tpdrive-thumb-shape-four {  position: absolute;  bottom: 20%;  right: 30%;  animation: round-shape-two 7s linear infinite;}.tpdrive-thumb-shape-five {  position: absolute;  bottom: 26%;  left: 2%;  animation: round-shape 7s linear infinite;}.tpdrive-thumb-shape-six {  position: absolute;  bottom: 22%;  left: 0;  animation: round-shape-two 7s linear infinite;}.tpdrive-thumb-shape-seven {  position: absolute;  z-index: -1;  top: 15%;  left: 26%;  animation: updown-two 4s linear 0s infinite alternate;}/*----------------------------------------*//*  7.11 Feature css/*----------------------------------------*/.feature-item {  text-align: center;  position: relative;  z-index: 1;  padding-top: 50px;}.feature-item::after {  position: absolute;  content: "";  left: 0;  top: 0;  width: 100%;  height: 92%;  background: #33429D;  box-shadow: inset 0px 0px 3px rgba(255, 255, 255, 0.15);  border-radius: 20px;  padding: 50px 45px 45px 45px;  z-index: -1;  transition: all 0.4s ease;}.feature-item:hover::after {  height: calc(100% + 50px);}.feature-item:hover .feature-btn {  opacity: 1;  visibility: visible;}.feature-item:hover .feature-btn a {  transform: translateY(0);}.feature-item:hover .feature-btn a:hover {  transform: translateY(-2px);}.feature-item:hover .feature-content {  padding-bottom: 37px;}.feature-item:hover .feature-shape-three {  transform: rotate(14deg);  bottom: 12px;  right: 77px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-item:hover .feature-shape-three {    transform: rotate(-12deg);    bottom: 12px;    right: 50px;  }}.feature-item:hover .feature-shape-four {  bottom: 12px;  left: 77px;  transform: rotate(-14deg);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-item:hover .feature-shape-four {    transform: rotate(12deg);    bottom: 12px;    left: 50px;  }}.feature-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 24px;  line-height: 20px;  color: var(--tp-common-white);}.feature-content {  padding-bottom: 37px;  -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}.feature-content span {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 18px;  line-height: 14px;  color: var(--tp-common-white);  opacity: 0.6;  display: inline-block;}.feature-thumb {  z-index: 1;}.feature-thumb > img {  border-radius: 8px;}.feature-btn {  -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;  opacity: 0;  visibility: hidden;}.feature-btn a {  -webkit-transition: all 0.3s linear;  transition: all 0.3s linear;  margin-top: 2px;}.feature-btn a:hover {  transform: translateY(-2px);}.feature-shape-one {  position: absolute;  top: 47px;  right: 60px;  animation: round-shape 7s linear infinite;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-one {    top: 35px;    right: 3px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-shape-one {    top: 50px;    right: 35px;  }}@media (max-width: 767px) {  .feature-shape-one {    right: 18px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-one img {    width: 120px;  }}.feature-shape-two {  position: absolute;  top: 70px;  right: 80px;  animation: round-shape 7s linear infinite;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .feature-shape-two {    right: 68px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-two {    top: 50px;    right: 19px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-shape-two {    top: 68px;    right: 60px;  }}@media (max-width: 767px) {  .feature-shape-two {    right: 38px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-two img {    width: 90px;  }}.feature-shape-three {  position: absolute;  bottom: 0;  right: 100px;  z-index: -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 only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-three {    right: 44px;  }}.feature-shape-three img {  border-radius: 10px;}.feature-shape-four {  position: absolute;  bottom: 0;  left: 100px;  z-index: -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 only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-four {    left: 44px;  }}.feature-shape-four img {  border-radius: 10px;}.feature-shape-five {  position: absolute;  top: 85px;  left: 120px;  animation: round-shape 10s linear infinite;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .feature-shape-five {    left: 106px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-shape-five {    left: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-shape-five {    left: 98px;  }}.feature-shape-six {  position: absolute;  top: 22px;  left: 90px;}.feature-content {  overflow: hidden;}.feature-white-section .tpbanner__sub-title span {  color: var(--tp-common-white);}.feature-3-wrap {  padding-bottom: 150px;  margin-bottom: -150px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .need-wrap {    padding-left: 50px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .need-wrap {    padding-left: 20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .need-wrap {    padding-left: 0px;  }}@media (max-width: 767px) {  .need-item {    flex-wrap: wrap;  }}.need-thumb {  margin-bottom: 50px;  position: relative;  z-index: 1;}.need-shape-one {  position: absolute;  right: 38px;  bottom: 120px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-one {    right: 100px;    bottom: 80px;  }}.need-shape-one img {  border-radius: 14px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-one img {    height: 180px;  }}.need-shape-two {  position: absolute;  left: 88px;  top: -125px;  animation: updown-two 3s ease-in-out forwards infinite alternate;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .need-shape-two {    left: 8px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-two {    top: -35px;  }}.need-shape-three {  position: absolute;  left: 67px;  top: -75px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-three {    left: 80px;    top: 80px;  }}.need-shape-three img {  box-shadow: -20px 30px 30px rgba(8, 13, 43, 0.1);  border-radius: 10px;  animation: transform 4s ease-in-out forwards infinite alternate;}.need-shape-four {  position: absolute;  bottom: -165px;  left: -206px;  animation: round-shape 12s linear infinite;  z-index: -1;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-four {    bottom: 0;    left: 0;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .need-shape-four img {    width: 300px;  }}.need-icon {  flex: 0 0 auto;  margin-right: 30px;}@media (max-width: 767px) {  .need-icon {    margin-right: 0;    margin-bottom: 30px;  }}.need-icon i {  width: 70px;  height: 70px;  line-height: 70px;  text-align: center;  border-radius: 50%;  background: linear-gradient(156.17deg, rgba(255, 255, 255, 0.1) 7.4%, rgba(255, 255, 255, 0) 90.3%);  display: inline-block;}.need-icon i svg {  font-size: 30px;}.need-content p {  font-family: var(--tp-ff-dmsans);  font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 24px;  color: var(--tp-common-white);  opacity: 0.7;  margin-bottom: 22px;}.need-content a {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 16px;  line-height: 12px;  color: var(--tp-common-white);  position: relative;}.need-content a::before {  position: absolute;  content: "";  left: 0;  bottom: -3px;  height: 1px;  width: 100%;  background: var(--tp-common-white);  opacity: 0;  transition: 0.3s;}.need-content a:hover::before {  opacity: 1;  bottom: 1px;}.need-content a:hover i {  margin-left: 1px;}.need-content a i {  margin-left: -1px;  font-size: 14px;  transform: translateY(1px);  -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;}.need-title {  font-family: var(--tp-ff-dmsans);  font-style: normal;  font-weight: 500;  font-size: 24px;  line-height: 0.9;  letter-spacing: -0.02em;  color: var(--tp-common-white);}@media (max-width: 767px) {  .need-title {    font-size: 22px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {  .need-spacing {    padding-bottom: 100px;  }}.need-inner .tpsection-title-white-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.11;  letter-spacing: -0.03em;  color: var(--tp-heading-primary);}@media (max-width: 767px) {  .need-inner .tpsection-title-white-2 {    font-size: 40px;  }}.need-inner .need-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 22px;  line-height: 17px;  letter-spacing: -0.02em;  color: var(--tp-heading-primary);}.need-inner .need-content p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 24px;  color: var(--tp-grey-8);}.need-inner .need-content a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: var(--tp-heading-primary);}.need-inner .need-content a::before {  background: var(--tp-heading-primary);}.need-inner .need-icon i {  background: linear-gradient(87.83deg, rgba(255, 255, 255, 0.1) 1.83%, rgba(66, 96, 255, 0.1) 103.28%);  border-radius: 100px;}.feature-btn .radient-btn {  font-weight: 600;  font-size: 14px;}.keyword-content p {  font-family: var(--tp-ff-dmsans);  font-weight: 400;  font-size: 18px;  line-height: 28px;  color: var(--tp-common-white);  opacity: 0.7;}@media (max-width: 767px) {  .keyword-content p br {    display: none;  }}.keyword-list li {  list-style: none;  position: relative;  font-family: var(--tp-ff-dmsans);  font-weight: 400;  padding-left: 25px;  font-size: 18px;  line-height: 1.8;  color: var(--tp-common-white);}@media (max-width: 767px) {  .keyword-list li {    font-size: 16px;  }}.keyword-list li i {  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  font-size: 12px;  color: var(--tp-common-white);}.keyword-btn a {  padding: 13px 31px;}.keyword-shape-one {  position: absolute;  right: 70px;  bottom: 235px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .keyword-shape-one {    right: 120px;    bottom: 170px;  }}.keyword-shape-one img {  border-radius: 14px;}.keyword-shape-two {  position: absolute;  right: 0;  top: -45px;  animation: updown-two 3s ease-in-out forwards infinite alternate;}.keyword-shape-three {  position: absolute;  right: 35px;  top: 31px;  animation: leftright 2.5s linear forwards infinite alternate;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .keyword-shape-three {    right: 41px;    top: -75px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .keyword-shape-three {    right: 0;  }}.keyword-shape-four {  position: absolute;  top: -100px;  left: 12px;  animation: round-shape 12s linear infinite;  transform-origin: center bottom;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .keyword-shape-four {    top: -20px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .keyword-shape-four {    top: -50px;  }}.review-title {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 34px;  line-height: 1;  letter-spacing: -0.02em;  color: var(--tp-common-white);}.review-content span {  font-family: var(--tp-ff-dmsans);  font-size: 15px;  color: var(--tp-common-white);  opacity: 0.6;  display: inline-block;  margin-bottom: 10px;}.review-star i {  color: #FFB866;  font-size: 18px;}.review-border {  position: relative;}.review-border::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 80px;  width: 1px;  background-color: rgba(255, 255, 255, 0.1);}@media (max-width: 767px) {  .review-border::before {    display: none;  }}.review-border::after {  position: absolute;  content: "";  right: 0;  top: 50%;  transform: translateY(-50%);  height: 80px;  width: 1px;  background-color: rgba(255, 255, 255, 0.1);}@media (max-width: 767px) {  .review-border::after {    display: none;  }}.review-date {  font-family: var(--tp-ff-dmsans);  font-size: 16px;  color: var(--tp-common-white);}.tpreview-shape {  position: absolute;  top: 0;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;  mix-blend-mode: lighten;  transform: matrix(1, 0, 0, 1, 0, 0);  animation: borderanimate 5s linear infinite;}.cta-bg {  background-position: center bottom;  background-repeat: no-repeat;  border-bottom: 1px solid #33429D;}.main-bg {  color: #39DDB8;}.main-bg-2 {  color: #905AFF;}.main-bg-3 {  color: #FF816C;}@media (max-width: 767px) {  .feature-content-4 {    padding-left: 0;  }}@media (max-width: 767px) {  .feature-list-4 {    padding-left: 0;  }}.feature-list-4 li {  list-style: none;  margin-bottom: 32px;}.feature-list-4 li:last-child {  margin-bottom: 0;}@media (max-width: 767px) {  .feature-list-4-item {    padding-left: 0;  }}.feature-list-4-icon {  flex: 0 0 auto;  margin-right: 30px;  position: relative;}.feature-list-4-content .title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 22px;  line-height: 1;  color: var(--tp-common-11);  margin-bottom: 10px;}.feature-list-4-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 22px;  color: #6F7276;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .feature-list-4-content p br {    display: none;  }}.feature-list-bg {  position: relative;}.feature-list-bg b {  position: absolute;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 15px;  color: var(--tp-common-white);  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: 0 auto;  text-align: center;}.feature-bg-border-1 {  position: absolute;  top: 0;  left: 0;  border: 1px solid rgba(2, 29, 53, 0.4);  height: 9px;  width: 9px;  border-radius: 50%;}.feature-bg-border-2 {  position: absolute;  top: 1px;  left: 12px;  background: rgba(2, 29, 53, 0.5);  height: 2px;  width: 2px;  border-radius: 50%;}.feature-bg-border-3 {  position: absolute;  bottom: 6px;  right: -5px;  background: rgba(2, 29, 53, 0.5);  height: 5px;  width: 5px;  border-radius: 50%;}.feature-bg-border-4 {  position: absolute;  bottom: 0;  right: 0;  background: rgba(2, 29, 53, 0.5);  height: 2px;  width: 2px;  border-radius: 50%;}.feature-4-shape-1 {  position: absolute;  right: 0;  top: 20px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-4-shape-1 {    right: -20px;  }}.feature-4-shape-2 {  position: absolute;  left: -70px;  top: 8px;}.feature-bg-shape {  height: 200px;  max-width: 1400px;  margin: auto;  position: absolute;  left: 0;  top: -104px;  right: 0;  background: #FFFFFF;  border-radius: 40px 40px 4px 4px;}.feature-5 {  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F5F5F5 101.69%);  position: relative;  z-index: 1;}.feature-5-icon {  display: inline-block;}.feature-5-icon-shape {  position: absolute;  top: -12px;  left: -7px;  z-index: -1;}.feature-5-icon span {  position: absolute;  right: -8px;  bottom: -8px;  width: 32px;  height: 32px;  line-height: 32px;  text-align: center;  border-radius: 50%;  background-color: #4D8853;  z-index: -1;}.feature-5-item {  border: 1px solid #FFFFFF;  position: relative;  z-index: 1;  padding: 65px 50px 55px 50px;  border-radius: 10px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-5-item {    padding: 65px 30px 55px 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-5-item {    padding: 65px 40px 55px 40px;  }}@media (max-width: 767px) {  .feature-5-item {    padding: 65px 20px 55px 25px;  }}.feature-5-item::before {  position: absolute;  content: "";  top: 0;  left: 0;  height: 100%;  width: 100%;  background-color: #CEEFD0;  z-index: -1;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s;  border-radius: 10px;}.feature-5-item:hover::before {  transform: scale(1.07);}.feature-5-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  line-height: 14px;  color: #4D8853;  display: inline-block;  margin-bottom: 10px;}.feature-5-content-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 24px;  line-height: 1.34;  color: #010F1C;}.feature-5-list li {  list-style: none;  position: relative;  border-bottom: 1px solid rgba(96, 157, 102, 0.14);  padding-bottom: 10px;  margin-bottom: 15px;}.feature-5-list li:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom: none;}.feature-5-list li span {  padding-left: 40px;  font-family: "Plus Jakarta Sans";  font-size: 16px;  line-height: 14px;  color: #010F1C;}.feature-5-list li i {  font-size: 24px;  position: absolute;  color: #59B562;  content: "";  left: 0;}.feature-5-item-2.feature-5-item::before {  width: 100%;  background: #FFD6C0;}.feature-5-item-2 .feature-5-icon span {  background-color: #F3712C;}.feature-5-item-2 .feature-5-content > span {  color: #F3712C;}.feature-5-item-2 .feature-5-list li i {  color: #F3712C;}.traffic-item {  border-radius: 10px;  padding: 55px 45px 56px 45px;  position: relative;  z-index: 1;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .traffic-item {    padding: 55px 30px 56px 30px;  }}@media (max-width: 767px) {  .traffic-item {    padding: 55px 30px 56px 30px;  }}.traffic-item::before {  position: absolute;  content: "";  right: -10px;  bottom: -10px;  height: 100%;  width: 100%;  background: radial-gradient(109.39% 109.39% at 93.51% 103.88%, #007CF5 0%, rgba(0, 124, 245, 0.52) 100%);  border-radius: 10px;  z-index: -2;}.traffic-item::after {  position: absolute;  content: "";  right: 0px;  bottom: 0px;  height: 100%;  width: 100%;  background: rgba(255, 255, 255, 0.76);  backdrop-filter: blur(20px);  border-radius: 10px;  z-index: -1;}.traffic-item-content-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 26px;  line-height: 20px;  color: #010F1C;  margin-bottom: 15px;}.traffic-item-content span {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 24px;  color: #55585B;  display: inline-block;  margin-bottom: 35px;}.agreement {  margin-bottom: 30px;}.agreement .switcher label {  padding: 0;  display: flex;}.agreement .switcher label * {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 13px;  line-height: 20px;  color: #7A7A7A;}.agreement .switcher label * span {  font-weight: 600;  color: #55585B;}.agreement .switcher label input {  display: none;}.agreement .switcher label input + span {  position: relative;  display: inline-block;  margin-right: 10px;  width: 26px;  height: 16px;  background: #9CB9D6;  border: 2px solid #9CB9D6;  border-radius: 50px;  transition: all 0.3s ease-in-out;  cursor: pointer;  flex: 0 0 auto;  margin-top: 5px;}.agreement .switcher label input + span small {  position: absolute;  display: block;  width: 12px;  height: 12px;  background: #fff;  border-radius: 50%;  transition: all 0.3s ease-in-out;  left: 0;}.agreement .switcher label input:checked + span {  background: #007CF5;  border-color: #007CF5;}.agreement .switcher label input:checked + span small {  left: 50%;}.web-item {  margin-bottom: 14px;}.web-item input {  height: 54px;  width: 100%;  background-color: var(--tp-common-white);  border: none;  padding: 5px 10px 5px 50px;  border-radius: 8px;  border: 2px solid transparent;}.web-item input:focus {  border-color: #007CF5;  height: 54px;}.web-item input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */  color: #9EABB9;}.web-item input::-moz-placeholder {  /* Firefox 19+ */  color: #9EABB9;}.web-item input:-moz-placeholder {  /* Firefox 18- */  color: #9EABB9;}.web-item input:-ms-input-placeholder {  /* IE 10+ */  color: #9EABB9;}.web-item img {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 24px;}.feature-socia-list .feature-bg-border-1 {  border: 1px solid rgba(66, 96, 255, 0.7);}.feature-socia-list .feature-bg-border-2 {  background: rgba(66, 96, 255, 0.2);}.feature-socia-list .feature-bg-border-3 {  background: rgba(66, 96, 255, 0.2);}.feature-socia-list .feature-bg-border-4 {  background: rgba(66, 96, 255, 0.2);}.feature-socia-list.feature-list-4 li {  margin-bottom: 52px;}.feature-socia-list.feature-list-4 li:last-child {  padding-left: 260px;}@media (max-width: 767px) {  .feature-socia-list.feature-list-4 li:last-child {    padding-left: 0;  }}.feature-socia-list .feature-4-shape-1 {  right: 29%;  transform: rotate(-37deg);}.feature-socia-list .feature-4-shape-2 {  left: 70px;  top: 100px;  transform: rotate(-37deg);}.feature-inner-gallery {  padding-bottom: 53px;  margin-left: -25px;  position: relative;}@media (max-width: 767px) {  .feature-inner-gallery {    margin-left: 0;  }}.feature-inner-thumb {  position: relative;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-inner-thumb {    text-align: center;  }}.feature-inner-thumb::before {  position: absolute;  content: "";  height: 400px;  width: 400px;  background: linear-gradient(146.46deg, rgba(252, 119, 83, 0.04) 14.32%, rgba(252, 119, 83, 0.04) 71.45%);  border-radius: 50%;  left: 25px;  bottom: 75px;  z-index: -1;}@media (max-width: 767px) {  .feature-inner-thumb::before {    display: none;  }}.feature-inner-shape-1 {  top: -20px;  left: -25px;  position: absolute;  z-index: 1;  animation: transform 4s ease-in-out forwards infinite alternate;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-inner-shape-1 {    top: 0;    left: 15%;  }}.feature-inner-shape-2 {  position: absolute;  top: 5%;  left: 45%;  z-index: 1;  animation: transform 5s ease-in-out forwards infinite alternate;}.feature-inner-shape-3 {  position: absolute;  top: -15%;  right: 13%;  z-index: 1;  animation: transform 4s ease-in-out forwards infinite alternate;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-inner-shape-3 {    top: 0;    right: 25%;  }}.feature-inner-shape-4 {  position: absolute;  z-index: 1;  top: 19%;  right: 1%;  animation: transform 5s ease-in-out forwards infinite alternate;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-inner-shape-4 {    right: 17%;  }}.analysis-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.12;  letter-spacing: -0.02em;  color: var(--tp-common-black);  margin-bottom: 26px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .analysis-inner-title {    font-size: 42px;  }}@media (max-width: 767px) {  .analysis-inner-title {    font-size: 32px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .analysis-inner-title br {    display: none;  }}.analysis-inner-section span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 10px;  letter-spacing: -0.01em;  color: var(--tp-grey-3);}.analysis-chart {  position: relative;}.analysis-chart-shape-1 {  position: absolute;  right: -19px;  top: 130px;  z-index: -1;  animation: hero-shape-anim-3 2s linear forwards infinite alternate;}@media (max-width: 767px) {  .analysis-chart-shape-1 {    top: 30px;  }}.analysis-chart-shape-2 {  position: absolute;  right: 65px;  top: -30px;  z-index: -1;  animation: leftright 2s linear forwards infinite alternate;}.analysis-chart-shape-3 {  position: absolute;  left: -25px;  top: 135px;  z-index: -1;  animation: hero-shape-anim-3 4s linear forwards infinite alternate;}.analysis-chart-shape-4 {  position: absolute;  left: 3px;  top: -40px;  z-index: -1;}.analysis-chart-shape-5 {  position: absolute;  top: -33px;  left: -27px;}.analysis-chart-shape-6 {  position: absolute;  top: -10px;  left: -27px;}.feature-inner-item {  display: flex;  margin-bottom: 14px;}.feature-inner-item:last-child {  margin-bottom: 0;}.feature-inner-wrap .tpsection__title {  font-family: var(--tp-ff-dmsans);}.feature-inner-wrap .tpsection__content p {  font-family: var(--tp-ff-dmsans);  font-size: 18px;  font-weight: 400;}.feature-inner-icon {  flex: 0 0 auto;}.feature-inner-icon span {  display: inline-block;  height: 60px;  width: 60px;  line-height: 60px;  text-align: center;  border-radius: 50%;  background: linear-gradient(156.17deg, rgba(66, 96, 255, 0.1) 7.4%, rgba(66, 96, 255, 0) 90.3%);  margin-right: 20px;  transform: translateY(4px);}.feature-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 18px;  letter-spacing: -0.02em;  color: var(--tp-common-11);  margin-bottom: 10px;}.feature-inner-content p {  font-family: var(--tp-ff-dmsans);  font-size: 15px;  line-height: 22px;  color: #010F1C;  opacity: 0.7;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .feature-inner-pl {    padding-left: 80px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .feature-inner-pl {    padding-left: 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .feature-inner-pl {    padding-left: 0px;  }}.feature-inner-wrapper p {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 26px;  color: var(--tp-text-body);  margin-bottom: 37px;}@media (max-width: 767px) {  .feature-inner-wrapper p br {    display: none;  }}.feature-inner-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 40px;  letter-spacing: -0.02em;  color: var(--tp-common-11);  margin-bottom: 12px;  line-height: 1.2;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .feature-inner-title-2 br {    display: none;  }}.feature-inner-btn a {  display: inline-block;  background: rgba(66, 96, 255, 0.1);  border-radius: 6px;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 1;  color: var(--tp-theme-primary);  padding: 12px 29px;  -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;}.feature-inner-btn a:hover {  color: var(--tp-common-white);  background: rgb(66, 96, 255);}.feature-inner-btn a span {  display: inline-block;  margin-left: 1px;}.feature-inner-wrap-shape-1 {  position: absolute;  top: 55px;  left: 195px;  animation: round-shape 15s linear infinite;}.feature-inner-wrap-shape-2 {  position: absolute;  top: 56px;  left: 83px;  animation: round-shape 15s linear infinite;}.feature-inner-thumb-wrap img {  border-radius: 20px;}/*----------------------------------------*//*  7.16 Rating css/*----------------------------------------*/.tprating {  background: #222F8E;  border-radius: 20px;  padding: 40px 40px;  box-shadow: 0px 20px 50px rgba(15, 23, 79, 0.14);  border: 1px solid #4351A4;}@media (max-width: 767px) {  .tprating {    padding: 40px 20px;  }}.tprating-heading .title, .tprating-heading .rank span {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 13px;  text-transform: uppercase;  color: var(--tp-common-white);  margin-bottom: 0px;}.tprating-heading .rank i {  transform: translateY(3px);  margin-left: 1px;  margin-right: 6px;}.tprating ul li {  list-style: none;  margin-bottom: 16px;}.tprating ul li:last-child {  margin-bottom: 0;}.tprating-content {  flex: 0 0 auto;  max-width: 80%;}@media (max-width: 767px) {  .tprating-content {    max-width: 60%;  }}.tprating-content span {  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 12px;  color: var(--tp-common-white);  opacity: 0.6;}.tprating-content-wrap {  flex: 0 0 auto;}.tprating-content-wrap .icon {  margin-right: 8px;  line-height: 1;}.tprating-content-wrap .icon i {  font-size: 11px;}.tprating-content-wrap .flag {  line-height: 0.7;}.tprating-content-wrap .flag i {  font-size: 14px;  margin-right: 2px;}.tprating-content-wrap .flag span {  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 12px;  color: var(--tp-common-white);  opacity: 0.7;  display: inline-block;  margin-right: 8px;}.tprating-content-wrap p {  margin-bottom: 0;  font-family: var(--tp-ff-dmsans);  font-weight: 500;  font-size: 14px;  letter-spacing: -0.01em;  color: var(--tp-common-white);  line-height: 1;}.tprating-rank {  flex: 0 0 auto;}.tprating-rank-list span {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 14px;  line-height: 10px;  letter-spacing: -0.01em;  color: var(--tp-common-white);}.tprating-rank-updaet {  width: 20px;  position: relative;  display: flex;  align-items: center;}.tprating-rank-updaet span {  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 14px;  line-height: 10px;  letter-spacing: -0.01em;  color: #0DC167;}.tprating-rank-updaet .down {  color: #FFB866;}.tprating-rank-updaet i {  margin-right: 3px;}.tprating-rank-updaet i svg {  transform: translateY(-1px);}.tprating-rank-updaet b::before {  position: absolute;  content: "";  height: 8px;  width: 8px;  background: rgba(255, 255, 255, 0.4);  right: 0;  left: 0;  margin: 0 auto;  text-align: center;  top: 50%;  transform: translateY(-50%);  border-radius: 50%;}.tprating-radient-bg {  z-index: 1;}.tprating-radient-shape {  position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  transform: translateY(-50%);  z-index: -1;  animation: scale-lught 3s ease-in-out 1s forwards infinite alternate;}.rating-title-3 {  position: relative;  z-index: 2;}.rating-title-3 span {  position: absolute;  bottom: -30px;  left: 0;  right: 0;  text-align: center;  margin: 0 auto;}.rating-shape-one {  position: absolute;  left: -30px;  top: 3px;}.rating-shape-two {  position: absolute;  left: -31px;  top: -30px;}.rating-shape-three {  position: absolute;  left: 11px;  top: -40px;}/*----------------------------------------*//*  7.2 About css/*----------------------------------------*/.about-5-section .sub-title {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 14px;  color: #FF622D;  margin-bottom: 14px;  display: inline-block;}.about-5-section .title {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 44px;  line-height: 40px;  letter-spacing: -0.01em;  color: var(--tp-common-11);  margin-bottom: 12px;}.about-5-section p {  font-family: var(--tp-ff-jakarta);  font-size: 17px;  line-height: 1.65;  color: var(--tp-grey-8);}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .about-5-section p br {    display: none;  }}.about-5-item-text p {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 1.77;  color: var(--tp-grey-8);}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-5-item-text p {    line-height: 1.4;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-5-item-text p br {    display: none;  }}.about-5-thumb {  z-index: 5;}.about-5-shape-one {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  z-index: 1;}.about-5-shape-two {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: 0 auto;  text-align: center;}.about-5-video-icon {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  z-index: 2;}.about-5-video-icon i {  color: var(--tp-common-white);}.about-5-item-2 {  margin-left: -10px;}@media (max-width: 767px) {  .about-5-item-2 {    margin-left: 0;  }}.about-inner-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  color: #4260FF;  position: relative;}.about-inner-content span::before {  content: "";  width: 6px;  height: 6px;  border-radius: 50%;  background-color: var(--tp-theme-primary);  display: inline-block;  margin-right: 8px;}.about-inner-content p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 24px;  color: var(--tp-grey-8);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .about-inner-content p br {    display: none;  }}.about-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.11;  letter-spacing: -0.02em;  color: #0E1331;  margin-bottom: 15px;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .about-inner-title {    font-size: 50px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-inner-title {    font-size: 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-inner-title {    font-size: 40px;  }}@media (max-width: 767px) {  .about-inner-title {    font-size: 36px;  }}.about-inner-thumb {  position: relative;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .about-inner-thumb {    margin-bottom: 30px;  }}.about-inner-shape-1 {  position: absolute;  right: 38px;  top: -66px;  width: 905px;  height: 530px;  object-fit: cover;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-inner-shape-1 {    height: 460px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .about-inner-shape-1 {    position: inherit;    right: 0;    top: 0;    width: 650px;    height: 380px;    object-fit: cover;    left: 0;    margin: 0 auto;  }}@media (max-width: 767px) {  .about-inner-shape-1 {    width: 100%;    height: 100%;  }}.about-inner-shape-1 img {  max-width: inherit;  border-radius: 0 10px 0 0;  height: 100%;  width: 100%;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .about-inner-shape-1 img {    border-radius: 10px;  }}.about-inner-shape-2 {  position: absolute;  top: 165px;  left: 90px;}.about-inner-shape-3 {  position: absolute;  right: 400px;  top: 350px;}.about-inner-shape-3 img {  max-width: 200px;}.about-inner-shape-4 {  position: absolute;  right: 0;  top: 240px;}.about-inner-shape-4 img {  width: 200px;}.about-inner-wrap {  background: var(--tp-common-white);  box-shadow: 0px -40px 50px rgba(10, 4, 22, 0.1);  border-radius: 10px;  padding: 90px 170px 75px 170px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-inner-wrap {    padding: 45px 40px 40px 45px;  }}@media (max-width: 767px) {  .about-inner-wrap {    padding: 40px 10px 40px 10px;  }}.about-inner-wrap p {  font-family: var(--tp-ff-jakarta);  font-size: 20px;  line-height: 30px;  color: var(--tp-grey-8);  opacity: 0.8;}@media (max-width: 767px) {  .about-inner-wrap p {    padding-left: 0;    font-size: 18px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .about-inner-wrap p br {    display: none;  }}.about-inner-content-2 span {  font-family: var(--tp-ff-jakarta);  font-size: 22px;  line-height: 0.8;  text-transform: uppercase;  color: var(--tp-grey-8);  position: relative;  padding-right: 70px;  margin-right: 65px;}@media (max-width: 767px) {  .about-inner-content-2 span {    padding-right: 10px;    margin-right: 10px;  }}.about-inner-content-2 span::after {  position: absolute;  content: "";  height: 140px;  width: 1px;  background: #D9D9D9;  top: 50%;  right: 0;  transform: translateY(-50%);}.about-inner-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 44px;  line-height: 1.21;  letter-spacing: -0.02em;  color: #0E1331;}@media (max-width: 767px) {  .about-inner-title-2 {    font-size: 24px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .about-inner-title-2 br {    display: none;  }}.about-inner-content-3 span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  color: #4260FF;  margin-bottom: 8px;  display: inline-block;}.about-inner-content-3 p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  color: var(--tp-grey-8);  margin-bottom: 30px;}.about-inner-title-3 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 40px;  line-height: 42px;  letter-spacing: -0.01em;  color: #0C1338;  margin-bottom: 15px;}.about-inner-list li {  position: relative;  padding-left: 32px;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  margin-bottom: 8px;  color: #010F1C;  list-style: none;}.about-inner-list li i {  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  color: #59B562;  font-size: 20px;}.about-inner-box {  width: 570px;  background-color: var(--tp-common-white);  padding: 75px 75px 75px 75px;  border-radius: 10px;  position: absolute;  top: 125px;  right: 410px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .about-inner-box {    width: 500px;    padding: 40px 30px 40px 30px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .about-inner-box {    width: 450px;    padding: 40px 25px 40px 25px;    top: 100px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .about-inner-box {    width: 400px;    padding: 50px 25px 50px 30px;    right: 320px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-inner-box {    width: 400px;    top: 100px;    padding: 50px 25px 40px 30px;    right: 320px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-inner-box {    position: inherit;    top: 125px;    right: 0;    left: 0;    margin: 0 auto;  }}@media (max-width: 767px) {  .about-inner-box {    position: inherit;    top: 125px;    right: 0;    left: 0;    margin: 0 auto;    width: 98%;    padding: 40px 10px 30px 10px;  }}.about-inner-item {  width: 570px;}.about-inner-item img {  border-radius: 10px;}@media (max-width: 767px) {  .project-inner-height {    padding-bottom: 0;  }}.mission-content {  background: linear-gradient(147.1deg, #FCF0EE 9.5%, #F8C9C1 87.42%);  border-radius: 6px;  padding: 60px 70px 48px 70px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .mission-content {    padding: 60px 40px 55px 50px;  }}@media (max-width: 767px) {  .mission-content {    padding: 30px 15px 30px 15px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .mission-content {    margin-bottom: 30px;  }}.mission-content span {  margin-bottom: 16px;  display: inline-block;}.mission-content p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  line-height: 28px;  color: var(--tp-grey-8);}.mission-shape-1 {  position: absolute;  top: 20px;  left: -50px;  animation: updown-three 2.8s linear 0s infinite alternate;}.mission-shape-2 {  position: absolute;  top: -20px;  right: -15px;}.mission-shape-3 {  position: absolute;  top: 110px;  left: 50px;}.mission-two .mission-content {  margin-left: 48px;  margin-right: 122px;  margin-top: -50px;  background: linear-gradient(160.77deg, #D8FFEF 9.28%, #7DDAB3 89.34%);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .mission-two .mission-content {    margin-left: 0;    margin-right: 0;    margin-top: 0;  }}.about-inner-top {  margin-top: -50px;  position: relative;  z-index: 1;}.tpabout-inner-active .slick-list {  margin-right: -230px;  margin-left: -320px;}@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {  .tpabout-inner-active .slick-list {    margin-right: 0;    margin-left: 0;  }}.tpabout-inner-active .slick-slide {  margin-right: 25px;  margin-left: 25px;}.about-inner-wrapper .nav-link {  display: flex;  align-items: start;  position: relative;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  border: 4px solid transparent;  color: #9A9FA4;  -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;  padding: 11px 10px 11px 54px;  border-radius: 10px;}.about-inner-wrapper .nav-link span {  position: absolute;  left: 23px;  top: 50%;  transform: translateY(-50%);  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;}.about-inner-wrapper .nav-link.active {  background: #FFFFFF;  border: 4px solid #FFFFFF;  box-shadow: 0px 20px 40px rgba(1, 15, 28, 0.1);  color: #010F1C;}.about-inner-wrapper .nav-link.active span {  opacity: 1;  visibility: visible;}.about-inner-thums .fade {  -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;}.about-inner-shape .seo-5-main-bg {  height: 450px;  width: 450px;}@media (max-width: 767px) {  .about-inner-shape .seo-5-main-bg {    height: 100%;    width: 100%;  }}.about-inner-shape .seo-5-shape-one {  right: -22%;  top: 80px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .about-inner-shape .seo-5-shape-one {    right: -13%;  }}.about-inner-shape .seo-5-shape-one img {  height: 165px;  width: 270px;}.about-inner-shape .seo-5-shape-two {  position: absolute;  right: -58px;  bottom: 30px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .nav-tab-area {    padding-right: 50px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .nav-tab-area {    padding-left: 0;  }}@media (max-width: 767px) {  .nav-tab-area {    padding-left: 0;    padding-right: 0;  }}.optimize-subtitle p {  font-family: var(--tp-ff-jakarta);  color: #55585B;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-inner-thums {    margin-bottom: 10px;  }}/*----------------------------------------*//*  7.13 Portfolio css/*----------------------------------------*/.portfolio-4-item {  padding-right: 30px;}@media (max-width: 767px) {  .portfolio-4-item {    padding-right: 10px;  }}.portfolio-4-content-top {  position: absolute;  top: 0;  left: 0;  right: 0;  padding: 40px 50px 0 50px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .portfolio-4-content-top {    padding: 20px 15px 0 15px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-4-content-top {    padding: 40px 25px 0 25px;  }}@media (max-width: 767px) {  .portfolio-4-content-top {    padding: 35px 25px 0 25px;  }}.portfolio-4-content-top span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  letter-spacing: 0.14em;  line-height: 10px;  color: var(--tp-grey-8);}.portfolio-4-content-top .title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 26px;  color: var(--tp-common-11);  line-height: 1.1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-4-content-top .title {    font-size: 20px;  }}@media (max-width: 767px) {  .portfolio-4-content-top .title {    font-size: 18px;  }}.portfolio-4-content-bottom {  position: absolute;  bottom: 0;  left: 0;  right: 0;  padding: 0px 50px 45px 50px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .portfolio-4-content-bottom {    padding: 0px 20px 20px 20px;  }}@media (max-width: 767px) {  .portfolio-4-content-bottom {    padding: 0px 25px 35px 25px;  }}.portfolio-4-content-bottom a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 10px;  color: var(--tp-common-11);  display: inline-block;  margin-bottom: 0;}.portfolio-4-content-bottom a:hover i {  transform: rotate(180deg);}.portfolio-4-content-bottom a i {  margin-left: 3px;  -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;}.portfolio-4-main-bg-shape {  position: absolute;  z-index: -1;  bottom: 0;  left: 0;  right: 0;  text-align: center;}.portfolio-4-main-bg-shape img {  width: 100%;}.protfolio-wrapper-4 .slick-list {  margin-right: -345px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .protfolio-wrapper-4 .slick-list {    margin-right: -255px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .protfolio-wrapper-4 .slick-list {    margin-right: -20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .protfolio-wrapper-4 .slick-list {    margin-right: 0px;  }}.portfolio-tab-4 .nav {  display: block;}.portfolio-tab-4 .nav-pills .nav-link.active, .portfolio-tab-4 .nav-pills .show > .nav-link {  background: linear-gradient(90deg, rgba(119, 90, 252, 0.1) 0%, rgba(119, 90, 252, 0) 100%);  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 45px;  color: #775AFC;  position: relative;}.portfolio-tab-4 .nav-pills .nav-link.active::before, .portfolio-tab-4 .nav-pills .show > .nav-link::before {  position: absolute;  content: "";  height: 100%;  width: 3px;  background-color: var(--tp-theme-blue);  left: 0;  top: 0;}.portfolio-tab-4 .nav-link {  display: block;  padding: 0 20px;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 45px;  color: #9A9B9C;}.tab-content-4 .tab-content > .tab-pane {  display: block;  height: 0px;}.tab-content-4 .tab-content > .active {  height: auto;}.portfolio-4-active .slick-arrow {  position: absolute;  left: -497px;  bottom: 120px;  z-index: 1;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .portfolio-4-active .slick-arrow {    bottom: 90px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .portfolio-4-active .slick-arrow {    left: -485px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .portfolio-4-active .slick-arrow {    left: -380px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-4-active .slick-arrow {    left: 0;    bottom: auto;    top: -70px;  }}@media (max-width: 767px) {  .portfolio-4-active .slick-arrow {    left: 20px;    bottom: auto;    top: -70px;  }}.portfolio-4-active .next-testi-case.slick-arrow {  left: -437px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .portfolio-4-active .next-testi-case.slick-arrow {    left: -340px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-4-active .next-testi-case.slick-arrow {    left: 50px;  }}@media (max-width: 767px) {  .portfolio-4-active .next-testi-case.slick-arrow {    left: 70px;  }}.portfolio-4-active .slick-slide img {  border-radius: 20px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-4-wrapper {    margin-bottom: 80px;  }}.portfolio-inner-masonary button {  background: var(--tp-common-white);  border: 1px solid #EAEAED;  box-shadow: 0px 1px 1px rgba(12, 19, 56, 0.06);  border-radius: 6px;  padding: 4px 31px;  -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: 992px) and (max-width: 1199px) {  .portfolio-inner-masonary button {    padding: 4px 20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-inner-masonary button {    padding: 4px 25px;  }}@media (max-width: 767px) {  .portfolio-inner-masonary button {    margin-bottom: 10px;  }}.portfolio-inner-masonary button span {  font-weight: 500;  font-size: 15px;  color: var(--tp-grey-8);  -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;}.portfolio-inner-masonary button.active {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);  border: 1px solid var(--tp-theme-primary);}.portfolio-inner-masonary button.active:hover {  background-color: #3653EB;}.portfolio-inner-masonary button.active span {  color: var(--tp-common-white);}.portfolio-inner-masonary-2 button {  margin-right: 2px;}.portfolio-inner-head {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.12;  letter-spacing: -0.02em;  color: #0E1331;}@media (max-width: 767px) {  .portfolio-inner-head {    font-size: 38px;  }}.portfolio-inner-thumb {  margin-bottom: 20px;}.portfolio-inner-thumb img {  border-radius: 20px;}.portfolio-inner-content span {  display: inline-block;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  letter-spacing: 0.1em;  text-transform: uppercase;  color: var(--tp-grey-8);}@media (max-width: 767px) {  .portfolio-inner-content span {    line-height: 1;  }}.portfolio-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 26px;  color: var(--tp-common-11);}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-inner-title {    font-size: 22px;  }}@media (max-width: 767px) {  .portfolio-inner-title {    font-size: 20px;  }}.portfolio-inner-title a:hover {  color: var(--tp-theme-primary);}.portfolio-inner-btn a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: var(--tp-theme-primary);  display: inline-block;  background: #EDEFFA;  border: 1px solid rgba(237, 239, 250, 0.12);  border-radius: 6px;  padding: 14px 67px;  -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;}.portfolio-inner-btn a:hover {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.portfolio-inner-btn a span {  display: inline-block;  margin-right: 4px;}.portfolio-inner-2-head {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 80px;  line-height: 1;  color: #0E1331;  margin-bottom: 20px;  display: inline-block;}@media (max-width: 767px) {  .portfolio-inner-2-head {    font-size: 34px;  }}.portfolio-inner-2 p {  font-family: var(--tp-ff-jakarta);  font-size: 18px;  line-height: 28px;  color: var(--tp-grey-8);}.portfolio-inner-item-2 {  background: #FFFFFF;  box-shadow: 0px 1px 1px rgba(12, 19, 56, 0.06);  border-radius: 10px;}.portfolio-inner-thumb-2 img {  border-radius: 10px 10px 0px 0px;  width: 100%;}.portfolio-inner-title-2 {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 22px;  line-height: 16px;  color: #0C1338;  margin-bottom: 10px;}.portfolio-inner-title-2 a:hover {  color: var(--tp-theme-primary);}.portfolio-inner-content-2 {  padding: 30px 30px 35px 30px;  border: 1px solid #EAEAED;  border-top: 0;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-inner-content-2 {    padding: 30px 25px 35px 25px;  }}@media (max-width: 767px) {  .portfolio-inner-content-2 {    padding: 30px 20px 35px 20px;  }}.portfolio-inner-content-2 p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  margin-bottom: 0;  color: #565764;  margin-bottom: 20px;}.portfolio-inner-tag-2 a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 12px;  letter-spacing: 0.04em;  text-transform: uppercase;  color: #4260FF;  background-color: rgba(66, 96, 255, 0.06);  border-radius: 6px;  display: inline-block;  padding: 0 15px;  -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: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-inner-tag-2 a {    margin-bottom: 6px;  }}.portfolio-inner-tag-2 a:hover {  background-color: rgb(66, 96, 255);  color: var(--tp-common-white);}.portfolio-details {  margin-top: -538px;  position: relative;  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-details-content {    padding-left: 0;    padding-right: 0;  }}.portfolio-details-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 70px;  line-height: 1.14;  color: #0E1331;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-details-title {    font-size: 50px;  }}@media (max-width: 767px) {  .portfolio-details-title {    font-size: 26px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-details-title br {    display: none;  }}.portfolio-details-info {  display: flex;  align-items: center;  justify-content: space-between;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .portfolio-details-info {    padding-left: 0;    padding-right: 0;  }}@media (max-width: 767px) {  .portfolio-details-info {    padding-left: 0;    padding-right: 0;    display: block;  }}.portfolio-details-info li {  list-style: none;  position: relative;  margin-bottom: 50px;}@media (max-width: 767px) {  .portfolio-details-info li {    margin-bottom: 20px;  }}.portfolio-details-info li:last-child::before {  display: none;}.portfolio-details-info li::before {  position: absolute;  content: "";  right: -56px;  top: 50%;  transform: translateY(-50%);  height: 50px;  width: 1px;  background: #CEDBED;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-details-info li::before {    display: none;  }}.portfolio-details-info li span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  letter-spacing: 0.02em;  text-transform: uppercase;  color: #858B94;  display: inline-block;  margin-bottom: 5px;}.portfolio-details-info li p {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  color: #0E1331;  margin-bottom: 0;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .portfolio-details-info li p {    font-size: 16px;  }}.portfolio-details-thumb img {  border-radius: 20px;}.portfolio-details-challenge > p {  font-family: var(--tp-ff-jakarta);  font-size: 20px;  letter-spacing: -0.01em;  color: #0E1331;  line-height: 1.8;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-details-challenge > p br {    display: none;  }}.portfolio-details-challenge .challenge-title {  font-family: var(--tp-ff-jakarta);  font-weight: 800;  font-size: 34px;  letter-spacing: -0.02em;  line-height: 1.2;  color: #0E1331;}@media (max-width: 767px) {  .portfolio-details-challenge .challenge-title {    margin-bottom: 15px;  }}@media (max-width: 767px) {  .portfolio-details-challenge .challenge-title br {    display: none;  }}@media (max-width: 767px) {  .portfolio-details-challenge-text {    padding-left: 0;  }}.portfolio-details-challenge-text p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  color: #565764;  margin-bottom: 25px;}.portfolio-details-challenge-text .list li {  list-style: none;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  color: #43444D;  position: relative;  padding-left: 14px;  margin-bottom: 9px;}.portfolio-details-challenge-text .list li:last-child {  margin-bottom: 0;}.portfolio-details-challenge-text .list li::before {  position: absolute;  content: "";  left: 0;  top: 12px;  height: 4px;  width: 4px;  background-color: #9A9BA0;  border-radius: 50%;}.portfolio-details-result .challenge-title {  font-family: var(--tp-ff-jakarta);  font-weight: 800;  font-size: 34px;  letter-spacing: -0.02em;  line-height: 1.2;  color: #0E1331;  margin-bottom: 18px;}.portfolio-details-result p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  color: var(--tp-grey-8);  margin-bottom: 34px;}.portfolio-details-result ul {  display: flex;  align-items: flex-start;  flex-wrap: wrap;}.portfolio-details-result ul li {  list-style: none;  width: 50%;  flex: 0 0 50%;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  color: #43444D;  margin-bottom: 12px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-details-result ul li {    width: 100%;    flex: 0 0 100%;  }}.portfolio-details-result ul li:nth-child(even) {  margin-left: -25px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .portfolio-details-result ul li:nth-child(even) {    margin-left: 0;  }}.portfolio-details-result ul li span {  display: inline-block;  color: var(--tp-theme-primary);  margin-right: 5px;}.portfolio-details-related-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 34px;  line-height: 30px;  letter-spacing: -0.02em;  color: #0E1331;  margin-bottom: 38px;}.portfolio-details-prev-icon, .portfolio-details-next-icon {  margin-right: 10px;}.portfolio-details-prev-icon span, .portfolio-details-next-icon span {  color: #868890;  -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;}.portfolio-details-prev-content span, .portfolio-details-next-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 11px;  letter-spacing: 0.04em;  text-transform: uppercase;  color: #868890;  -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;}.portfolio-details-prev-content p, .portfolio-details-next-content p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  color: #0E1331;  line-height: 0.8;  -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;}.portfolio-details-next-icon {  margin-left: 14px;  margin-right: 0;}.portfolio-details-more {  border-top: 1px solid #E7E7EA;  border-bottom: 1px solid #E7E7EA;  padding-top: 17px;  padding-bottom: 28px;}@media (max-width: 767px) {  .portfolio-details-more {    display: block !important;  }}@media (max-width: 767px) {  .portfolio-details-more a {    margin-bottom: 25px;    display: inline-block;  }  .portfolio-details-more a:last-child {    margin-bottom: 0;  }}.portfolio-details-more a:hover .portfolio-details-prev-icon span, .portfolio-details-more a:hover .portfolio-details-prev-content span, .portfolio-details-more a:hover .portfolio-details-prev-content p, .portfolio-details-more a:hover .portfolio-details-next-icon span, .portfolio-details-more a:hover .portfolio-details-next-content span, .portfolio-details-more a:hover .portfolio-details-next-content p {  color: var(--tp-theme-primary);}/*----------------------------------------*//*  7.22 Team css/*----------------------------------------*/.team-5-thumb {  position: relative;  background: #F5BCE3;  border-radius: 200px 4px 200px 200px;  text-align: center;  padding-top: 35px;  overflow: hidden;}.team-5-thumb img {  display: inline-block;}.team-5-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 22px;  color: var(--tp-common-11);}.team-5-title a:hover {  color: var(--tp-theme-primary);}.team-5-content p {  font-family: var(--tp-ff-jakarta);  font-size: 14px;  line-height: 12px;  color: var(--tp-grey-8);}.team-5-social {  position: absolute;  top: 20px;  right: 20px;  background-color: #fff;  z-index: 2;  width: 40px;  height: 40px;  border-radius: 50px;  cursor: pointer;  text-align: center;  transition: all 0.5s ease;  overflow: hidden;}.team-5-social:hover {  height: 130px;}.team-5-social:hover a {  opacity: 1;}.team-5-social:hover .icon {  height: 32px;}.team-5-social:hover .icon::after {  content: "\f068";}.team-5-social .icon {  width: 40px;  height: 40px;  border-radius: 50px;  line-height: 40px;  text-align: center;  display: inline-block;  color: #55585B;  -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;}.team-5-social .icon::after {  content: "\f067";  font-weight: 900;  font-family: "Font Awesome 5 pro";}.team-5-social a {  background-color: #fff;  width: 40px;  height: 26px;  border-radius: 50px;  line-height: 30px;  text-align: center;  font-size: 13px;  color: #A3A5A7;  display: inline-block;  opacity: 0;}.team-5-social a:hover {  color: #FF622D;}.team-5-social a:nth-of-type(2) {  transition-delay: 0.1s;}.team-5-social a:nth-of-type(3) {  transition-delay: 0.2s;}.team-5-social a:nth-of-type(4) {  transition-delay: 0.3s;}.team-5-item-2 .team-5-thumb {  background: #F1E1A8;}.team-5-item-3 .team-5-thumb {  background: #B7F8C5;}.team-5-item-4 .team-5-thumb {  background: #FBC7B7;}.team-5-item-5 .team-5-thumb {  background: #D5F2C4;}.team-5-item-6 .team-5-thumb {  background: #CDF2FB;}.team-5-item-7 .team-5-thumb {  background: #E3DBFF;}.team-5-item-8 .team-5-thumb {  background: #FAE8CC;}.team-inner-all .tp-btn {  padding: 9px 37px;}.team-details {  background: #FFFFFF;  box-shadow: 0px 40px 50px rgba(3, 8, 31, 0.12);  border-radius: 20px;  padding: 80px 105px 72px 90px;  margin-left: -30px;  margin-right: -30px;}@media (max-width: 767px) {  .team-details {    padding: 40px 20px 32px 20px;    margin-left: 0;    margin-right: 0;  }}@media (max-width: 767px) {  .team-details-info {    flex-wrap: wrap;  }}.team-details-bg {  background-repeat: no-repeat;  background-size: cover;}.team-details-thumb {  flex: 0 0 auto;  margin-right: 40px;}@media (max-width: 767px) {  .team-details-thumb {    margin-right: 30px;    margin-bottom: 40px;  }}.team-details-position {  font-weight: 500;  font-size: 14px;  color: var(--tp-grey-8);  font-family: var(--tp-ff-jakarta);}.team-details-title {  font-weight: 700;  font-size: 34px;  color: var(--tp-common-11);  font-family: var(--tp-ff-jakarta);  line-height: 1;  margin-bottom: 17px;}.team-details-email, .team-details-number {  display: block;  font-weight: 400;  font-size: 14px;  color: var(--tp-grey-8);  font-family: var(--tp-ff-jakarta);}.team-details-email span, .team-details-number span {  font-style: normal;  font-weight: 500;  font-size: 14px;  line-height: 26px;  color: var(--tp-common-11);}.team-details-email:hover, .team-details-number:hover {  color: var(--tp-theme-primary);}.team-details-number {  margin-bottom: 30px;}.team-details-social a {  background: #FFFFFF;  border: 1px solid #E7E8EB;  border-radius: 4px;  display: inline-block;  font-size: 14px;  height: 36px;  width: 36px;  line-height: 36px;  text-align: center;  margin-right: 2px;}.team-details-social a:hover {  border-radius: 4px;  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.team-details-about-title {  font-family: var(--tp-ff-jakarta);  color: var(--tp-common-11);  font-size: 30px;  font-weight: 700;}.team-details-about p {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  line-height: 26px;  color: var(--tp-grey-8);}.team-details-exprience-title {  font-family: var(--tp-ff-jakarta);  color: var(--tp-common-11);  font-size: 30px;  font-weight: 700;  margin-bottom: 12px;}.team-details-exprience p {  font-family: var(--tp-ff-jakarta);  color: var(--tp-grey-8);  font-size: 16px;  margin-bottom: 25px;}.team-details-exprience ul li {  list-style: none;  position: relative;  padding-left: 12px;  font-size: 16px;  font-weight: 500;  font-family: var(--tp-ff-jakarta);  margin-bottom: 8px;}.team-details-exprience ul li:last-child {  margin-bottom: 0;}.team-details-exprience ul li::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 4px;  width: 4px;  border-radius: 50%;  background: #565764;}@media (max-width: 767px) {  .team-details-exprience ul li::before {    top: 12px;    transform: translateY(0%);  }}.team-details-shape-1 {  position: absolute;  top: 16%;  left: -23%;  animation: upslide 4s linear forwards infinite alternate;}.team-details-shape-2 {  position: absolute;  bottom: 26%;  left: -6%;  z-index: -1;  animation: hero-shape-anim-3 3s linear forwards infinite alternate;}.team-details-shape-3 {  position: absolute;  top: 16%;  right: -4%;  animation: hero-shape-anim-3 2.5s linear forwards infinite alternate;}/*----------------------------------------*//*  7.8 Counter css/*----------------------------------------*/.counter-bg-4 {  padding: 45px 180px 45px 180px;  z-index: 1;  background: linear-gradient(90.97deg, #8A4AF8 2.52%, #A14AF8 99.41%);  box-shadow: 0px 20px 20px rgba(64, 16, 120, 0.18);  border-radius: 20px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .counter-bg-4 {    padding: 45px 20px 45px 20px;  }}@media (max-width: 767px) {  .counter-bg-4 {    padding: 45px 15px 5px 15px;  }}@media (max-width: 767px) {  .counter-item-4 {    margin-bottom: 40px;  }}.counter-item-4-icon {  flex: 0 0 auto;  margin-right: 15px;}.counter-item-4-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 14px;  color: var(--tp-common-white);  margin-bottom: 0;}.counter-item-4-count {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 40px;  line-height: 30px;  color: var(--tp-common-white);  margin-bottom: 13px;}@media (max-width: 767px) {  .counter-wrapper {    flex-wrap: wrap;  }}.counter-shape-4-1 {  position: absolute;  top: 0;  right: 0;  z-index: -1;}.counter-shape-4-2 {  position: absolute;  left: 0;  top: 0;  z-index: -1;}.counter-shape-4-3 {  position: absolute;  bottom: 0;  right: 0;  z-index: -1;}.counter-shape-4-4 {  position: absolute;  left: 0;  bottom: 0;  z-index: -1;}.counter-shape-4-5 {  position: absolute;  bottom: 0;  left: 0;  z-index: -1;}.optimize-shape-1 {  position: absolute;  bottom: 0;  left: 0;}.optimize-shape-2 {  position: absolute;  top: 165px;  left: 0;}.optimize-shape-3 {  position: absolute;  top: 92px;  right: -52px;  box-shadow: 20px 20px 20px rgba(1, 15, 28, 0.14);  border-radius: 14px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .optimize-shape-3 {    right: -10px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .optimize-shape-3 {    right: -10px;  }}@media (max-width: 767px) {  .optimize-wrapper {    padding-bottom: 80px;  }}.optimize-wrapper .tpdrive-bar-title {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 12px;  color: var(--tp-common-11);}.tpaward-content .title {  color: var(--tp-common-11);  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 22px;}.tpaward-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  color: #A3A4A5;}.tpaward-border {  position: relative;}.tpaward-border::after, .tpaward-border::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 120px;  width: 1px;  background: #EEEEEE;}.tpaward-border::before {  right: 10px;  left: auto;}.counter-5-icon {  flex: 0 0 auto;  margin-right: 15px;  transform: translateY(6px);}.counter-5-count {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 700;  font-size: 50px;  line-height: 50px;  letter-spacing: -0.04em;  color: var(--tp-common-black);}.counter-5-count i {  font-size: 13px;  color: rgba(106, 144, 249, 0.7);  margin-left: -5px;}.counter-5-content {  width: 170px;}@media (max-width: 767px) {  .counter-5-content {    width: 100%;  }}.counter-5-content p {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 400;  font-size: 15px;  line-height: 14px;  color: var(--tp-grey-8);  margin-bottom: 27px;}.counter-5-bar .progress {  height: 4px;  background-color: #EFEFEF;  border-radius: 2px;  width: 100%;}.counter-5-bar .progress .progress-bar {  background-color: #6A90F9;}.counter-5-2 .counter-5-count i {  color: rgba(252, 138, 89, 0.7);}.counter-5-2 .counter-5-bar .progress .progress-bar {  background-color: #FC8A59;}.counter-5-3 .counter-5-count i {  color: rgba(12, 200, 179, 0.7);}.counter-5-3 .counter-5-bar .progress .progress-bar {  background-color: #0CC8B3;}.counter-5-4 .counter-5-count i {  color: rgba(255, 93, 167, 0.7);}.counter-5-4 .counter-5-bar .progress .progress-bar {  background-color: #FF5EA7;}.counter-border {  border-top: 1px solid #EBEBEB;  border-bottom: 1px solid #EBEBEB;  padding: 72px 0;}.inner-counter {  position: relative;  z-index: 1;  padding: 25px 0;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .inner-counter {    margin-left: 0;  }}.inner-counter-shape {  position: absolute;  left: 0;  bottom: 0;  z-index: -1;}.inner-counter-shape-2 {  position: absolute;  left: -60px;  bottom: 2px;  z-index: -1;}.inner-counter-shape-3 {  position: absolute;  left: 70px;  bottom: -6px;  z-index: -1;}.inner-counter-list span, .inner-counter-list i {  font-family: var(--tp-ff-jakarta);  font-style: normal;  font-weight: 800;  font-size: 50px;  line-height: 40px;  letter-spacing: -0.02em;  color: var(--tp-theme-primary);}.inner-counter-info {  margin-left: 15px;}.inner-counter-info span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 22px;  color: var(--tp-grey-8);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .inner-counter-count {    margin-left: 0;  }}.optimize-thumb-img {  animation: light-2 10s linear infinite;}.optimize-shape-4 {  position: absolute;  bottom: 1px;  right: -25px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .optimize-shape-4 {    right: 105px;  }}@media (max-width: 767px) {  .optimize-shape-4 {    right: 0px;  }}.optimize-shape-5 {  position: absolute;  top: 40%;  right: -13%;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .optimize-shape-5 {    display: none;  }}.optimize-shape-6 {  position: absolute;  top: 28%;  left: -10%;  box-shadow: 20px 20px 20px rgba(1, 15, 28, 0.14);  border-radius: 14px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .optimize-shape-6 {    left: -4%;  }}.optimize-seo .tpdrive-bar-title {  font-weight: 500;  font-size: 16px;  color: #565764;  margin-bottom: 13px;}@media (max-width: 767px) {  .optimize-seo .tpdrive-bar-title {    font-size: 14px;  }}.optimize-seo .progress-bar span {  position: absolute;  font-family: var(--tp-ff-dmsans);  right: 30px;  top: -36px;  transform: translateY(-36%);  font-weight: 400;  font-size: 15px;  color: #565764;  width: 0;  height: 0;  background-color: transparent;  border: none;  box-shadow: none;  border-radius: 0;}.optimize-seo .yellow-bar.tpdrive-bar-item .progress-bar {  background: linear-gradient(269.97deg, #FEAF66 50.92%, rgba(254, 175, 102, 0.2) 106.26%);}.optimize-seo .yellow-bar.tpdrive-bar-item .progress-bar span {  border: none;}.optimize-seo .purple-bar .progress-bar {  background: linear-gradient(269.97deg, #9666FE 50.92%, rgba(150, 102, 254, 0.2) 106.26%);}.optimize-seo .progress-bar {  background: linear-gradient(269.97deg, #4CDCA5 50.92%, rgba(90, 226, 174, 0.2) 106.26%);  border-radius: 20px;}.optimize-seo .tpdrive-bar-progress {  border: 1px solid #EFEFEF;  border-radius: 20px;  padding: 3px 4px;}.optimize-seo .progress {  height: 14px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .company-thumb-inner-mr {    margin-right: 30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .company-thumb {    margin-bottom: 30px;  }}/*----------------------------------------*//*  7.4 Brand css/*----------------------------------------*/.tpbrand-item {  display: flex !important;  min-height: 73px;  align-items: center;  justify-content: center;}.tpbrand-item-2 {  opacity: 0.3;  -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;  text-align: center;}.tpbrand-item-2:hover {  opacity: 1;}.tpbrand-item-2.slick-slide img {  display: inline-block;}.brand-5-item {  text-align: center;}.brand-5-item.slick-slide img {  display: inline-block;}.brand-content {  position: relative;  z-index: 1;}.brand-content::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 1px;  width: 100%;  background: var(--tp-common-11);  opacity: 0.1;  z-index: -1;}.brand-title {  font-family: var(--tp-ff-jakarta);  font-size: 22px;  color: var(--tp-grey-8);  font-weight: 400;  position: relative;  line-height: 1;  z-index: 1;  background: #F3F7F4;  margin-bottom: 0;  display: inline-block;  padding: 0 45px;}@media (max-width: 767px) {  .brand-title {    padding: 0 0;  }}.brand-bg-3 {  background: linear-gradient(91.91deg, #501E9C 5.01%, #A44CEE 43.79%, #FF847F 93.65%);}.brand-wrapper .title {  padding-top: 75px;  padding-bottom: 45px;  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 24px;  line-height: 17px;  color: var(--tp-common-white);}.tpbrand-active-4 .slick-list {  z-index: 9;}.tpbrand-active-4 .slick-dots {  display: flex;  align-items: center;  justify-content: center;  position: absolute;  left: 0;  right: 0;  height: 40px;  z-index: 9;}.tpbrand-active-4 .slick-dots li {  list-style: none;  position: relative;  font-size: 0;  height: 8px;  width: 8px;  background-color: var(--tp-common-white);  cursor: pointer;  opacity: 0.4;  border-radius: 50%;  margin: 0 5px;}.tpbrand-active-4 .slick-dots li.slick-active {  border: 2px solid var(--tp-common-white);  opacity: 1;  height: 12px;  width: 12px;  background-color: transparent;  cursor: pointer;}.tpbrand-active-4 .slick-slide img {  display: inline-block;  opacity: 0.6;  -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;}.tpbrand-active-4 .slick-slide img:hover {  opacity: 1;}.tpbrand-active-4 .tpbrand-item-4 {  text-align: center;}.brand-4-shape {  position: absolute;  top: 30px;  left: 0;  right: 0;  height: 100%;  width: 100%;  margin: 0 auto;  text-align: center;  z-index: -1;}.wave-bg .wave {  position: absolute;  left: 0;  bottom: -15px;  height: 250px;  z-index: 1;  width: 100%;}.wave-bg .wave-1 {  z-index: 2;}.wave-bg svg {  width: 100%;}.brand-inner-content {  background: #4260FF;  display: inline-block;  position: relative;  z-index: 2;  border-radius: 8px 0px;  padding: 45px 66px;  margin-left: 40px;}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .brand-inner-content {    padding: 45px 40px;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .brand-inner-content {    padding: 45px 40px;    margin-left: 10px;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .brand-inner-content {    padding: 49.5px 37px;    margin-left: -25px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .brand-inner-content {    padding: 25px 40px;    margin-left: -50px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .brand-inner-content {    padding: 35px 50px;    margin-left: 0;  }}@media (max-width: 767px) {  .brand-inner-content {    padding: 30px 60px;    margin-left: 0;    margin-bottom: 30px;  }}.brand-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  color: rgba(255, 255, 255, 0.8);  margin-bottom: 13px;}@media (max-width: 767px) {  .tpbrand-inner-item {    display: flex !important;    justify-content: center;  }}.trusted-brand-active {  margin-left: 72px;  margin-right: 72px;}.trusted-brand-bg {  background: linear-gradient(180deg, rgba(243, 244, 249, 0) 0%, #F3F4F9 100%);  border-radius: 20px;}.trusted-brand-item {  text-align: center;}/*----------------------------------------*//*  7.9 CTA css/*----------------------------------------*/.cta-content p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 26px;  color: #565764;  margin-bottom: 30px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .cta-content p br {    display: none;  }}.cta-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 54px;  line-height: 1.04;  letter-spacing: -0.01em;  color: var(--tp-common-11);  margin-bottom: 20px;}@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {  .cta-title {    font-size: 40px;  }}.cta-shape-1 {  position: absolute;  top: 0;  right: -110px;  animation: bannerAnimationTwo 8s infinite linear;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .cta-shape-1 {    right: 0;  }}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .cta-shape-1 {    right: 40px;  }}.cta-shape-2 {  position: absolute;  top: 50px;  left: -10px;  z-index: -1;}.cta-shape-2 img {  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);  border-radius: 14px;}@media (max-width: 767px) {  .cta-shape-2 img {    display: none;  }}.cta-shape-3 {  position: absolute;  bottom: 120px;  left: 30px;  z-index: -2;}.cta-inner-bg {  padding-top: 75px;  padding-bottom: 32px;  position: relative;  overflow: hidden;  background-position: center;  background-size: cover;}.cta-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 50px;  letter-spacing: -0.02em;  color: var(--tp-common-white);  margin-bottom: 44px;}@media (max-width: 767px) {  .cta-inner-title {    font-size: 32px;  }}.cta-inner-wrap {  background: #FFFFFF;  box-shadow: 0px 20px 30px rgba(37, 9, 62, 0.14);  border-radius: 6px;  padding-right: 7px;  margin-bottom: 58px;}@media (max-width: 767px) {  .cta-inner-wrap {    padding-right: 0;    flex-wrap: wrap;    justify-content: center !important;    padding-bottom: 10px;  }}.cta-inner-input {  position: relative;  width: 100%;}.cta-inner-input input {  width: 100%;  height: 64px;  border: 0;  background-color: var(--tp-common-white);  padding: 0 10px 0 58px;  border-radius: 6px;}.cta-inner-input input::placeholder {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  color: #8F9397;}.cta-inner-input span {  position: absolute;  top: 50%;  transform: translateY(-52%);  left: 30px;}.cta-inner-btn {  flex: 0 0 auto;}.cta-inner-btn .banner-search-btn {  background-color: var(--tp-theme-primary);  padding: 18px 34px;  font-family: var(--tp-ff-jakarta);}.cta-inner-btn .banner-search-btn:hover {  background-color: #3653EB;}.cta-inner-shape-1 {  position: absolute;  top: -12%;  right: 11%;  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;  transform-origin: bottom left;}.cta-inner-shape-2 {  position: absolute;  bottom: 16%;  left: -3%;  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;  transform-origin: bottom left;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .cta-inner-shape-2 {    bottom: 0%;    left: -12%;  }}@media (max-width: 767px) {  .cta-inner-shape-2 {    bottom: -10%;    left: -17%;  }}.cta-inner-shape-3 {  position: absolute;  bottom: 35%;  left: 15%;  animation: tpstar 1.5s forwards infinite alternate;}.cta-inner-shape-4 {  position: absolute;  bottom: 27%;  left: 16%;  animation: tpstar 2s forwards infinite alternate;}.cta-inner-shape-5 {  position: absolute;  bottom: 33%;  left: 17%;  animation: tpstar 2.2s forwards infinite alternate;}.cta-inner-shape-6 {  position: absolute;  top: 14%;  right: 15%;  animation: tpstar 1s forwards infinite alternate;}.cta-award-icon {  margin-bottom: 15px;}.cta-award-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 20px;  color: var(--tp-common-white);  margin-bottom: 0;}.cta-award-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  color: rgba(255, 255, 255, 0.7);}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .cta-inner-award {    padding-left: 0;    padding-right: 0;  }}@media (max-width: 767px) {  .cta-inner-award {    padding-left: 0;    padding-right: 0;    flex-wrap: wrap;    justify-content: center !important;  }}.inner-cta-bg {  border-radius: 20px;}.inner-cta-bg .keyword-inner-title {  line-height: 1.07;  margin-bottom: 42px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .inner-cta-bg .keyword-inner-title {    line-height: 1.2;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .inner-cta-bg .keyword-inner-title br {    display: none;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .inner-cta-bg .keyword-inner {    padding-left: 15px;    padding-right: 15px;  }}.cta-position {  margin-bottom: -245px;}.cta-position .keyword-inner-bg {  box-shadow: 0px 30px 40px rgba(6, 18, 84, 0.2);}/*----------------------------------------*//*  7.24 Tool css/*----------------------------------------*/.toolest-bg {  background-color: #F5F5F5;}.toolest-thumb {  z-index: 1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .toolest-thumb {    margin-bottom: 100px;  }}@media (max-width: 767px) {  .toolest-thumb {    margin-top: 50px;    margin-bottom: 100px;  }}.toolest-thumb > img {  box-shadow: 0px 30px 60px rgba(1, 15, 28, 0.08);  border-radius: 10px;}.toolest-shape-one {  position: absolute;  right: 5px;  bottom: -52px;}.toolest-shape-one img {  filter: drop-shadow(-20px 20px 20px rgba(1, 15, 28, 0.1));  border-radius: 8px;}.toolest-shape-two {  position: absolute;  bottom: -62px;  left: 35px;}.toolest-shape-two img {  box-shadow: -14px 20px 20px rgba(1, 15, 28, 0.06);  border-radius: 100px;}.toolest-shape-three {  position: absolute;  top: -70px;  left: 35px;  animation: leftright 1.2s linear forwards infinite alternate;}.toolest-shape-three img {  background: linear-gradient(123.24deg, #FFFFFF 55.95%, rgba(238, 238, 238, 0.7) 91.14%);  box-shadow: 0px 20px 50px rgba(1, 15, 28, 0.1);  border-radius: 8px;}.toolest-shape-four {  position: absolute;  top: -250px;  right: -220px;  z-index: -1;}.toolest-shape-five {  position: absolute;  top: -30px;  right: 30px;  z-index: -1;  animation: hero-shape-anim-2 2s linear forwards infinite alternate;}.tp-toolest-title-info {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 20px;  color: #A3A4A5;  text-align: left;}@media (max-width: 767px) {  .tp-toolest-title-info {    font-size: 18px;  }}.tp-accordion {  padding-left: 25px;  margin-right: -25px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .tp-accordion {    padding-left: 0;    margin-right: 0;  }}.tp-accordion-item {  padding: 23px 20px 12px 52px;  border-radius: 10px;  position: relative;  z-index: 1;  overflow: hidden;  transition: all 0.3s ease-in-out;}.tp-accordion-item.tp-accordion-active {  background-color: var(--tp-common-white);  box-shadow: 0px 10px 20px rgba(1, 15, 28, 0.08);  padding: 32px 20px 39px 52px;  margin-top: 20px;}.tp-accordion-item.tp-accordion-active .tp-accordion-content {  display: block;}.tp-accordion-item.tp-accordion-active .tp-accordion-progress-dark {  opacity: 1;  visibility: visible;  height: calc(100% - 40px);  top: 20px;  bottom: auto;}.tp-accordion-item.tp-accordion-active .tp-accordion-progress-active {  animation: tp-line-animation 10s linear;}@-webkit-keyframes tp-line-animation {  0% {    height: 0;  }  100% {    height: 100%;  }}@-moz-keyframes tp-line-animation {  0% {    height: 0;  }  100% {    height: 100%;  }}@-ms-keyframes tp-line-animation {  0% {    height: 0;  }  100% {    height: 100%;  }}@keyframes tp-line-animation {  0% {    height: 0;  }  100% {    height: 100%;  }}.tp-accordion-item.tp-accordion-active .tp-toolest-title-info {  color: #010F1C;  font-weight: 700;}.tp-accordion-item:hover {  cursor: pointer;}.tp-accordion-head {  display: flex;  align-items: center;}@media (max-width: 767px) {  .tp-accordion-head {    margin-bottom: 15px;  }}.tp-accordion-icon {  flex: 0 0 auto;  position: relative;  display: inline-block;  z-index: 1;}.tp-accordion-icon-shape {  position: absolute;  top: -12px;  right: -7px;  z-index: -1;}.tp-accordion-icon span {  width: 26px;  height: 26px;  line-height: 26px;  text-align: center;  border-radius: 50%;  background-color: #FC8A59;  display: inline-block;  position: absolute;  left: -9px;  top: 25px;  z-index: -1;}.tp-accordion-content {  display: none;  padding-left: 65px;}@media (max-width: 767px) {  .tp-accordion-content {    padding-left: 0;  }}.tp-accordion-content p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 22px;  text-align: left;  color: #96989C;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tp-accordion-content p br {    display: none;  }}.tp-accordion-progress-dark {  position: absolute;  height: 0;  width: 4px;  background-color: #F1F1F1;  right: 20px;  top: auto;  bottom: 20px;  border-radius: 20px;  transition: all 0.5s ease-in-out;  visibility: hidden;  opacity: 0;}.tp-accordion-progress-active {  position: absolute;  background: #007CF5;  height: 100%;  width: 4px;}.nav-pills .nav-link.active {  background-color: transparent;}.nav-pills .nav-link.active .tp-accordion-item {  background-color: var(--tp-common-white);  box-shadow: 0px 10px 20px rgba(1, 15, 28, 0.08);  padding: 32px 20px 39px 52px;  margin-top: 20px;}@media (max-width: 767px) {  .nav-pills .nav-link.active .tp-accordion-item {    padding: 32px 20px 39px 25px;  }}.nav-pills .nav-link.active .tp-toolest-title-info {  color: var(--tp-common-11);}.nav-pills .nav-link.active .tp-accordion-content {  display: block;}.nav-pills .nav-link.active .tp-accordion-progress-dark {  opacity: 1;  visibility: visible;  height: calc(100% - 40px);  top: 20px;  bottom: auto;}.nav-pills .nav-link.active .tp-accordion-progress-active {  animation: tp-line-animation 10s linear;}.tp-gradient-tab-btn {  margin-top: -30px;}.tp-green-accordion {  margin-right: 0;  margin-left: -30px;  padding-left: 0;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .tp-green-accordion {    margin-left: 0;  }}.tp-accordion-item-2 .tp-accordion-icon span {  background: #0CC8B3;}.tp-accordion-item-3 .tp-accordion-icon span {  background: #FF5EA7;}.tp-accordion-item-4 .tp-accordion-icon span {  background: #6A90F9;}.toolest-one-thumb {  position: relative;  margin-top: -77px;  z-index: 1;}.toolest-one-thumb-one {  text-align: end;}@media (max-width: 767px) {  .toolest-one-thumb-one {    text-align: left;  }}.toolest-one-shape-two img {  box-shadow: 0px 30px 60px rgba(1, 15, 28, 0.08);  border-radius: 10px;}.toolest-one-shape-four img {  box-shadow: 0px 20px 50px rgba(1, 15, 28, 0.1);  border-radius: 8px;}.toolest-one-shape-five {  position: absolute;  top: -42%;  right: -26%;  z-index: -1;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .toolest-one-shape-five {    display: none;  }}.toolest-three-shape-one {  position: absolute;  top: -60px;  left: -50px;}@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {  .toolest-three-shape-one {    left: -20px;  }}.toolest-three-shape-one img {  filter: drop-shadow(-20px 20px 20px rgba(1, 15, 28, 0.1));}.toolest-three-shape-two {  position: absolute;  bottom: -112px;  right: 0;}.toolest-four-shape-one {  position: absolute;  top: -100px;  left: 200px;}.toolest-four-shape-two {  position: absolute;  top: 90px;  left: -32px;}.toolest-four-shape-three {  position: absolute;  top: 80px;  right: 0;  animation: upslide 4s linear forwards infinite alternate;}.toolest-four-shape-six {  position: absolute;  bottom: -72px;  right: 22px;  z-index: -1;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .tp-gradient-tab-details {    margin-bottom: 80px;  }}/*----------------------------------------*//*  7.21 Sign-In css/*----------------------------------------*/.signin-title {  font-family: var(--tp-ff-jakarta);  font-weight: 800;  font-size: 36px;  line-height: 1.12;  color: var(--tp-common-white);  margin-bottom: 23px;}@media (max-width: 767px) {  .signin-title {    font-size: 30px;  }}.signin-content {  margin-bottom: 51px;}.signin-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 15px;  line-height: 12px;  color: rgba(255, 255, 255, 0.8);}.signin-wrap {    padding-top: 250px;    padding-bottom: 141px;    padding-left: 100px;    background-color: var(--tp-theme-primary);    z-index: 1;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .signin-wrap {    padding-top: 180px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .signin-wrap {    padding-left: 75px;  }}@media (max-width: 767px) {  .signin-wrap {    padding-top: 150px;    padding-bottom: 100px;    padding-left: 30px;  }}.signin-item-icon {  position: relative;  display: inline-block;  z-index: 1;}.signin-item-icon-shape {  position: absolute;  top: -12px;  right: -7px;  z-index: -1;}.signin-item-icon span {  width: 26px;  height: 26px;  line-height: 26px;  text-align: center;  border-radius: 50%;  background: rgba(255, 255, 255, 0.2);  display: inline-block;  position: absolute;  left: -9px;  top: 18px;  z-index: -1;}.signin-item-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 18px;  line-height: 24px;  color: var(--tp-common-white);}.signin-shape-1 {  position: absolute;  right: -65%;  top: -35%;}@media only screen and (min-width: 1800px) and (max-width: 1900px) {  .signin-shape-1 {    right: -70%;    top: -27%;  }}@media only screen and (min-width: 1600px) and (max-width: 1700px) {  .signin-shape-1 {    right: -59%;    top: -14%;  }}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .signin-shape-1 {    display: none;  }}.signin-shape-2 {  position: absolute;  left: -7%;  bottom: -26%;  z-index: -1;}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .signin-shape-2 {    display: none;  }}.signin-shape-3 {  position: absolute;  top: -24%;  left: 16%;  z-index: -1;}@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .signin-shape-3 {    display: none;  }}.signin-shape-4 {  position: absolute;  bottom: 24%;  right: -105%;  animation: upslide 4s linear forwards infinite alternate;}.signin-shape-5 {  position: absolute;  top: 27%;  right: -50%;  animation: hero-shape-anim-3 3s linear forwards infinite alternate;}.signin-wrapper {  margin-left: 77px;  padding-top: 96px;  padding-bottom: 67px;  position: relative;  z-index: 2;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .signin-wrapper {    padding-bottom: 90px;    margin-right: -40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .signin-wrapper {    padding-right: 75px;    padding-top: 60px;    padding-bottom: 100px;  }}@media (max-width: 767px) {  .signin-wrapper {    padding-top: 75px;    padding-bottom: 100px;    margin-left: 20px;    margin-right: 20px;  }}.signin-wrapper-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 34px;  color: #0E1331;  margin-bottom: 30px;}.signin-btn .tp-btn {  width: 100%;  padding: 17px 33px;}.signin-input-item input {  width: 100%;  height: 60px;  background: #FFFFFF;  border: 1px solid #E7E8EB;  box-shadow: 0px 1px 1px rgba(3, 8, 31, 0.08);  border-radius: 6px;  padding: 0 26px;}.signin-input-item input:focus {  border-color: var(--tp-theme-primary);}.signin-input-item input:focus::placeholder {  font-size: 0;}.signin-input-item input::placeholder {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 16px;  letter-spacing: 0.02em;  color: #84848B;}.signin-forgot a {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 12px;  color: var(--tp-theme-primary);}.signin-remember label {  font-family: var(--tp-ff-jakarta);  font-weight: 400;  font-size: 14px;  line-height: 24px;  color: #84848B;  position: relative;  padding-left: 26px;  cursor: pointer;}.signin-remember label::after {  position: absolute;  content: "";  top: 4px;  left: 0;  width: 18px;  height: 18px;  line-height: 16px;  text-align: center;  border: 1px solid #C3C7C9;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  border-radius: 4px;}.signin-remember label::before {  position: absolute;  content: url("../img/sign-in/shape/check.svg");  top: 8px;  left: 0;  width: 18px;  height: 18px;  line-height: 16px;  text-align: center;  visibility: hidden;  opacity: 0;  color: var(--tp-common-white);  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  z-index: 1;}.signin-remember input {  display: none;}.signin-remember input:checked ~ label::after {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.signin-remember input:checked ~ label::before {  visibility: visible;  opacity: 1;}.signin-social-wrap {  position: relative;  z-index: 1;  margin-bottom: 30px;}.signin-social-wrap::after {  position: absolute;  content: "";  left: 0;  right: 0;  bottom: 12px;  width: 100%;  height: 1px;  background-color: #E0E2E3;  z-index: -1;}.signin-social-wrap p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  color: #84848B;  padding: 0 20px;  background-color: #fff;  display: inline-block;}.signin-social-item a {  display: block;  background: #F5F6F9;  border-radius: 25px;  text-align: center;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  color: #5F5F65;  padding: 12px 16px;}.signin-social-item a img {  margin-right: 5px;  transform: translateY(-2px);}.signin-account p {  margin-bottom: 0;  font-family: var(--tp-ff-jakarta);  font-size: 15px;  color: #707079;}.signin-account p a {  font-weight: 600;  font-size: 15px;  line-height: 20px;  color: var(--tp-theme-primary);}.signout-wrapper {  margin-left: 77px;  padding-top: 145px;  padding-bottom: 120px;  position: relative;  z-index: 2;}@media only screen and (min-width: 1400px) and (max-width: 1599px) {  .signout-wrapper {    padding-bottom: 90px;    margin-right: -40px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .signout-wrapper {    padding-bottom: 70px;    margin-right: -30px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .signout-wrapper {    padding-right: 75px;    padding-top: 60px;    padding-bottom: 100px;  }}@media (max-width: 767px) {  .signout-wrapper {    padding-top: 75px;    padding-bottom: 100px;    margin-left: 20px;    margin-right: 20px;  }}/*----------------------------------------*//*  7.18 Services-details css/*----------------------------------------*/.services-details {  margin-top: -268px;  position: relative;  z-index: 1;}.services-details-bg {  padding-top: 360px;  padding-bottom: 360px;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-details-section {    margin-left: 0;  }}.services-details-section span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  color: var(--tp-theme-primary);  display: inline-block;  margin-bottom: 10px;}.services-details-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 76px;  line-height: 1.05;  letter-spacing: -0.03em;  color: #0E1331;  margin-bottom: 60px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-details-title {    font-size: 50px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-details-title {    font-size: 50px;  }}@media (max-width: 767px) {  .services-details-title {    font-size: 40px;    letter-spacing: -0.01em;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-details-title br {    display: none;  }}.services-details-thumb img {  border-radius: 20px;}.services-details-content-box {  margin-bottom: 30px;}.services-details-content-box span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 24px;  line-height: 1.42;  color: #0E1331;  display: inline-block;  margin-bottom: 22px;}@media (max-width: 767px) {  .services-details-content-box span {    font-size: 20px;  }}.services-details-content-box p {  font-family: var(--tp-ff-jakarta);  font-size: 16px;  line-height: 32px;  color: var(--tp-tgrey-8);  margin-bottom: 0;}.services-details-list span {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 26px;  line-height: 36px;  color: #0E1331;  display: inline-block;  margin-bottom: 13px;}.services-details-list-item li {  font-family: "Plus Jakarta Sans";  font-weight: 500;  font-size: 15px;  color: var(--tp-grey-8);  list-style: none;  position: relative;  padding-left: 15px;  margin-bottom: 10px;}.services-details-list-item li:last-child {  margin-bottom: 0;}.services-details-list-item li::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 5px;  width: 5px;  background-color: var(--tp-grey-8);  border-radius: 50%;}.services-details-wrap {  padding-bottom: 95px;  border-bottom: 1px solid rgba(12, 19, 56, 0.1);}.services-inner-banner-shape-wrap {  position: relative;}.services-inner-banner-shape-1 {  position: absolute;  top: -12%;  right: 11%;  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;  transform-origin: bottom left;}.services-inner-banner-shape-2 {  position: absolute;  bottom: 2%;  left: -2%;  animation: tpswing 3s ease-in-out 0.1s forwards infinite alternate;  transform-origin: bottom left;}.services-inner-banner-shape-3 {  position: absolute;  bottom: 48%;  left: 14%;  animation: tpstar 1.5s forwards infinite alternate;}.services-inner-banner-shape-4 {  position: absolute;  bottom: 42%;  left: 15.5%;  animation: tpstar 2s forwards infinite alternate;}.services-inner-banner-shape-5 {  position: absolute;  bottom: 48%;  left: 16.3%;  animation: tpstar 2.2s forwards infinite alternate;}.services-inner-banner-shape-6 {  position: absolute;  top: 14%;  right: 15%;  animation: tpstar 1s forwards infinite alternate;}/*----------------------------------------*//*  7.19 Services Social css/*----------------------------------------*/.markiting-wrap {  padding-top: 180px;  padding-bottom: 325px;  position: relative;  background: linear-gradient(180deg, #4260FF 0%, #2346FF 100%);  z-index: 1;}.markiting-shape {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  mix-blend-mode: overlay;  opacity: 0.8;  z-index: -1;}.markiting-shape > img {  height: 100%;  width: 100%;  object-fit: cover;}.markiting-content span {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 16px;  line-height: 14px;  color: #DDE2FF;  display: inline-block;  margin-bottom: 14px;}.markiting-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 70px;  letter-spacing: -0.03em;  color: #FFFFFF;  margin-bottom: 0;  line-height: 1.12;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .markiting-title {    font-size: 50px;  }}@media (max-width: 767px) {  .markiting-title {    font-size: 28px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .markiting-title br {    display: none;  }}.markiting-bg {  margin-top: -255px;  position: relative;  z-index: 1;}.markiting-bg img {  height: 500px;  width: 1170px;  object-fit: cover;  border-radius: 20px;}@media (max-width: 767px) {  .markiting-bg img {    height: 400px;  }}.fs-54 {  font-size: 54px;  letter-spacing: -0.02em;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .fs-54 {    font-size: 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .fs-54 {    font-size: 48px;  }}@media (max-width: 767px) {  .fs-54 {    font-size: 27px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .fs-54 br {    display: none;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-section-bottom {    padding-bottom: 50px;  }}.services-inner-bg {  background-color: #F5F5F5;}.services-inner-item {  background: #FFFFFF;  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.2);  border-radius: 10px;  position: relative;  z-index: 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;  min-height: 470px;  flex-direction: column;  display: flex;  justify-content: space-between;}.services-inner-item:hover {  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);}.services-inner-item:hover .services-inner-title a {  color: var(--tp-theme-primary);}.services-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 28px;  line-height: 36px;  color: var(--tp-common-11);}.services-inner-content {  padding: 50px 40px 0 40px;  margin-bottom: 55px;}@media (max-width: 767px) {  .services-inner-content {    padding: 50px 25px 0 25px;  }}.services-inner-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 26px;  color: #55585B;}.services-inner-shape-1 {  position: absolute;  z-index: -1;  bottom: 33%;  left: 0;}.services-inner-2-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 20px;  line-height: 28px;  color: var(--tp-common-11);  margin-bottom: 11px;}.services-inner-2-content:hover a {  color: var(--tp-theme-primary);}.services-inner-2-content:hover a::after {  opacity: 1;  width: 100%;  left: 0;  right: auto;  transition: all 0.2s linear;}.services-inner-2-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 24px;  color: var(--tp-grey-8);  margin-bottom: 28px;}.services-inner-2-content a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  color: #010F1C;  position: relative;}.services-inner-2-content a::before {  position: absolute;  content: "";  left: 0px;  bottom: -4px;  height: 1px;  width: calc(100% + 0px);  background-color: rgba(1, 15, 28, 0.2);  -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-inner-2-content a::after {  position: absolute;  content: "";  width: 0;  height: 1px;  background: var(--tp-theme-primary);  left: auto;  right: 0;  bottom: -4px;  opacity: 0;  transition: all 0.3s linear;}.services-inner-2-content a span {  margin-left: 3px;}.social-inner-wrapper .tpsocial-text {  border-radius: 6px;}.social-inner-wrapper .tpsocial-text span {  color: var(--tp-common-white);  opacity: 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;}.social-inner-wrapper .tpsocial:hover .tpsocial-text span {  opacity: 1;}.social-inner-wrapper .tpsocial:hover .tpsocial-bg {  border-radius: 6px;}.fs-40 {  font-size: 40px;  letter-spacing: -0.02em;}@media (max-width: 767px) {  .fs-40 {    font-size: 30px;  }}@media (max-width: 767px) {  .fs-40 br {    display: none;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .optimize-subtitle {    padding-left: 0;  }}.optimize-subtitle span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 16px;  line-height: 12px;  color: var(--tp-theme-primary);  margin-bottom: 16px;  display: inline-block;}@media (max-width: 767px) {  .optimize-bottom {    padding-bottom: 0;  }}.services-inner-btn a {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  line-height: 14px;  color: var(--tp-common-11);  position: relative;}.services-inner-btn a:hover {  color: var(--tp-theme-primary);}.services-inner-btn a:hover::after {  opacity: 1;  width: 100%;  left: 0;  right: auto;  transition: all 0.2s linear;}.services-inner-btn a:hover span {  color: var(--tp-theme-primary);}.services-inner-btn a::before {  position: absolute;  content: "";  left: 0;  bottom: -4px;  height: 1px;  width: calc(100% + 0px);  background-color: rgba(1, 15, 28, 0.2);  border-radius: 6px;  -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-inner-btn a::after {  position: absolute;  content: "";  width: 0;  height: 1px;  background: var(--tp-theme-primary);  left: auto;  right: 0;  bottom: -4px;  opacity: 0;  transition: all 0.3s linear;}.services-inner-btn a span {  color: var(--tp-common-11);  margin-left: 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;}.services-important-item {  display: flex;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-important-item {    margin-left: 0;  }}.services-important-icon {  flex: 0 0 auto;  margin-right: 20px;}.services-important-icon span {  height: 40px;  width: 40px;  border: 1px solid rgba(1, 15, 28, 0.2);  border-radius: 50%;  display: inline-block;  text-align: center;  line-height: 36px;  color: var(--tp-common-11);}.services-important-title {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 18px;  line-height: 24px;  color: var(--tp-common-11);}.services-important-content p {  font-family: var(--tp-ff-jakarta);  font-size: 15px;  line-height: 22px;  color: var(--tp-grey-8);}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-seo {    overflow-x: auto;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-seo-scroll {    width: 200%;  }}@media (max-width: 767px) {  .services-seo-scroll {    width: 400%;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .services-seo-scroll {    width: 300%;  }}.services-seo-head {  background-color: #010F1C;  padding: 7px 65px 7px 25px;  border-radius: 10px 10px 0 0;}.services-seo-info {  background: #FFFFFF;  border: 4px solid #FFFFFF;  box-shadow: 20px 30px 50px rgba(1, 15, 28, 0.1);  border-radius: 0 0 10px 10px;  border-top: 0;  padding-bottom: 13px;}.services-seo-item {  padding-right: 65px;  padding-left: 25px;  padding-top: 15px;  padding-bottom: 6px;  border-bottom: 1px solid #E8EAEC;}.services-seo-item:last-child {  border: none;}.services-seo-catagory-item span {  font-family: var(--tp-ff-jakarta);  line-height: 1;  font-weight: 500;  font-size: 14px;  color: #787980;}.services-seo-catagory-item span a:hover {  color: var(--tp-theme-primary);}.services-seo-catagory-item b {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 12px;  line-height: 1;  color: #787980;  background: #F5F5F5;  border: 1px solid #F5F5F5;  border-radius: 2px;  padding: 3px 7px;}.services-seo-catagory-item .stable-rank {  margin-right: 12px;}.services-seo-catagory-item .incridable-rank i {  transform: translateY(-3px);  display: inline-block;  font-family: var(--tp-ff-dmsans);  font-weight: 700;  font-size: 14px;  line-height: 1;  letter-spacing: -0.01em;}.services-seo-catagory-item .incridable-rank span {  color: #0DC167;}.services-seo-catagory-item .incridable-rank-y span {  color: #FFB72E;}.services-seo-catagory-one {  margin-left: 100px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-seo-catagory-one {    margin-left: 10px;  }}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-seo-catagory-one {    margin-left: 10px;  }}.services-seo-catagory-two {  margin-left: 80px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-seo-catagory-two {    margin-left: 0px;  }}.services-seo-catagory-three {  margin-left: 40px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-seo-catagory-three {    margin-left: 0px;  }}.services-seo-catagory-four {  margin-left: 65px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-seo-catagory-four {    margin-left: 0px;  }}.services-seo-heading-title {  margin: 0;}.services-seo-heading-title label {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  line-height: 1;  padding-left: 22px;  text-transform: uppercase;  color: rgba(255, 255, 255, 0.65);  position: relative;  cursor: pointer;}.services-seo-heading-title label::after {  position: absolute;  content: "";  top: -1px;  left: 0;  width: 16px;  height: 16px;  line-height: 16px;  text-align: center;  border: 1px solid #C3C7C9;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  border-radius: 4px;}.services-seo-heading-title label::before {  position: absolute;  content: url("../img/sign-in/shape/check.svg");  top: -1px;  left: 0;  width: 16px;  height: 16px;  line-height: 15px;  text-align: center;  visibility: hidden;  opacity: 0;  color: var(--tp-common-white);  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  z-index: 1;}.services-seo-heading-title input {  display: none;}.services-seo-heading-title input:checked ~ label::after {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.services-seo-heading-title input:checked ~ label::before {  visibility: visible;  opacity: 1;}.services-seo-heading-item span {  font-family: var(--tp-ff-jakarta);  font-weight: 600;  font-size: 13px;  line-height: 1;  text-transform: uppercase;  color: rgba(255, 255, 255, 0.7);}.services-seo-heading-item span i {  font-weight: 600;  transform: translateY(2px);  margin-right: 5px;}.services-seo-link-check label {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 1;  color: #565764;  position: relative;  cursor: pointer;  padding-left: 22px;}.services-seo-link-check label::after {  position: absolute;  content: "";  top: 1px;  left: 0;  width: 16px;  height: 16px;  line-height: 16px;  text-align: center;  border: 1px solid #C3C7C9;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  border-radius: 4px;}.services-seo-link-check label::before {  position: absolute;  content: url("../img/sign-in/shape/check.svg");  top: 1px;  left: 0;  width: 16px;  height: 16px;  line-height: 15px;  text-align: center;  visibility: hidden;  opacity: 0;  color: var(--tp-common-white);  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  z-index: 1;}.services-seo-link-check input {  display: none;}.services-seo-link-check input:checked ~ label::after {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.services-seo-link-check input:checked ~ label::before {  visibility: visible;  opacity: 1;}.services-seo-link-check span {  color: #4260FF;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 13px;  line-height: 1;  padding-left: 22px;  display: block;}.quality-services-bg {  background-color: #F5F5F5;}@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .quality-services-nav {    margin-bottom: 40px;  }}.quality-services-nav .nav {  border-left: 3px solid #E1E1E1;  padding: 3px 0;}.quality-services-nav .nav-link {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 17px;  line-height: 22px;  color: #9A9FA4;  -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;  position: relative;  padding: 15px 5px 15px 30px;}.quality-services-nav .nav-link::before {  position: absolute;  content: "";  left: -3px;  top: auto;  bottom: 0;  height: 0;  width: 3px;  background-color: var(--tp-theme-primary);  -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;}.quality-services-nav .nav-link.active {  background-color: transparent;  color: var(--tp-theme-primary);}.quality-services-nav .nav-link.active::before {  position: absolute;  content: "";  position: absolute;  background: #007CF5;  height: 100%;  width: 3px;  bottom: auto;  top: 0;}.quality-services-nav .nav-link.active i {  color: var(--tp-theme-primary);}.quality-services-nav .nav-link span {  display: flex;  text-align: start;}.quality-services-nav .nav-link span i {  flex: 0 0 auto;  margin-right: 16px;  color: var(--tp-common-11);  transform: translateY(5px);}.services-quality-wrapper {  display: flex;  align-items: center;  justify-content: space-between;  background: #FFFFFF;  border: 2px solid #FFFFFF;  border-radius: 20px;  padding: 42px 60px 43px 60px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .services-quality-wrapper {    padding: 42px 40px 43px 40px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .services-quality-wrapper {    padding: 42px 30px 43px 30px;  }}@media (max-width: 767px) {  .services-quality-wrapper {    padding: 30px 20px 30px 20px;    flex-wrap: wrap;  }}.services-quality-thumb {  height: 250px;  object-fit: cover;}@media (max-width: 767px) {  .services-quality-thumb {    min-width: 100%;    margin-bottom: 30px;  }}.services-quality-content {  margin-left: 103px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {  .services-quality-content {    margin-left: 50px;  }}@media (max-width: 767px) {  .services-quality-content {    margin-left: 0px;  }}.services-quality-content p {  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 15px;  line-height: 24px;  color: var(--tp-grey-8);  margin-bottom: 18px;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {  .services-quality-content p br {    display: none;  }}.services-quality-content ul li {  list-style: none;  position: relative;  font-family: var(--tp-ff-jakarta);  font-weight: 500;  font-size: 14px;  line-height: 30px;  color: var(--tp-grey-8);  padding-left: 13px;}.services-quality-content ul li::before {  position: absolute;  content: "";  left: 0;  top: 50%;  transform: translateY(-50%);  height: 5px;  width: 5px;  background-color: var(--tp-grey-8);  border-radius: 50%;}.services-quality-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 22px;  line-height: 1.27;  letter-spacing: -0.01em;  color: var(--tp-common-11);  margin-bottom: 12px;}@media (max-width: 767px) {  .services-quality-title {    font-size: 20px;  }}.services-quality-tab .fade {  -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;}.analysis-section span {  font-weight: 500;  font-size: 16px;  letter-spacing: -0.01em;  color: #565764;}/*----------------------------------------*//*  7.25 Video css/*----------------------------------------*/.video-inner-bg {  border: 4px solid #010F1C;  box-shadow: 30px 30px 40px rgba(1, 15, 28, 0.2);  border-radius: 4px;  position: relative;}@media (max-width: 767px) {  .video-inner-bg img {    height: 400px;    width: 500px;    object-fit: cover;  }}.video-inner-content {  position: absolute;  bottom: 39px;  left: 52px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .video-inner-content {    bottom: 20px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .video-inner-content {    bottom: 16px;  }}@media (max-width: 767px) {  .video-inner-content {    bottom: 20px;    left: 25px;  }}.video-inner-title {  font-family: var(--tp-ff-jakarta);  font-weight: 700;  font-size: 30px;  line-height: 1.2;  color: var(--tp-common-white);}@media (max-width: 767px) {  .video-inner-title {    font-size: 18px;  }}.video-inner-icon {  position: absolute;  right: 50px;  bottom: 50px;}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .video-inner-icon {    bottom: 40px;  }}.video-inner-icon a {  color: var(--tp-common-white);  border: 2px solid var(--tp-common-white);  border-radius: 50%;  height: 34px;  width: 34px;  text-align: center;  display: inline-block;}.video-inner-icon a span {  display: inline-block;  transform: translateX(2px);}/*----------------------------------------*//*  ECOMMERCE CSS START/*----------------------------------------*/.tp-product-quantity {  width: 148px;  position: relative;}.tp-cart-plus,.tp-cart-minus {  width: 45px;  height: 44px;  line-height: 44px;  display: inline-block;  text-align: center;  font-size: 16px;  color: var(--tp-common-black);  -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;  position: absolute;  top: 50%;  left: 0;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}.tp-cart-plus::after,.tp-cart-minus::after {  position: absolute;  content: "";  width: 1px;  height: 26px;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  right: 0;  background-color: #DADCE0;}.tp-cart-plus svg,.tp-cart-minus svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.tp-cart-plus:hover,.tp-cart-minus:hover {  cursor: pointer;  color: var(--tp-theme-primary);}.tp-cart-plus.tp-cart-plus,.tp-cart-minus.tp-cart-plus {  left: auto;  right: 0;}.tp-cart-plus.tp-cart-plus::after,.tp-cart-minus.tp-cart-plus::after {  left: 0;  right: auto;}.tp-cart-input[type=text] {  width: 100%;  height: 44px;  text-align: center;  font-size: 14px;  border: 1px solid #DADCE0;  background-color: var(--tp-common-white);  padding: 0 45px;}.tp-cart-input[type=text]:focus {  outline: none;}.product-action-btn {  position: relative;}.product-action-btn .product-action-tooltip {  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  right: 90%;  font-weight: 500;  font-size: 12px;  color: var(--tp-common-white);  background-color: var(--tp-common-black);  z-index: 1;  display: inline-block;  width: max-content;  line-height: 1;  padding: 4px 8px;  margin-right: 8px;  visibility: hidden;  opacity: 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;}.product-action-btn .product-action-tooltip::after {  position: absolute;  content: "";  right: 0;  top: 50%;  -webkit-transform: translate(50%, -50%) rotate(45deg);  -moz-transform: translate(50%, -50%) rotate(45deg);  -ms-transform: translate(50%, -50%) rotate(45deg);  -o-transform: translate(50%, -50%) rotate(45deg);  transform: translate(50%, -50%) rotate(45deg);  height: 8px;  width: 8px;  background-color: var(--tp-common-black);}.product-action-btn svg {  -webkit-transform: translateY(-1px);  -moz-transform: translateY(-1px);  -ms-transform: translateY(-1px);  -o-transform: translateY(-1px);  transform: translateY(-1px);}.product-action-btn:hover .product-action-tooltip {  visibility: visible;  opacity: 1;  right: 100%;}.product-add-cart-btn {  font-weight: 600;  font-size: 15px;  color: var(--tp-common-white);  background-color: var(--tp-common-black);  display: inline-block;  padding: 7px 25px;  text-align: center;}.product-add-cart-btn svg, .product-add-cart-btn i {  margin-right: 7px;}.product-add-cart-btn svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.product-add-cart-btn:hover {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);}.product-add-cart-btn-2 {  border: 1px solid #DADCE0;  color: var(--tp-common-black);  background-color: var(--tp-common-white);  font-size: 15px;  font-weight: 500;  padding: 6px 33px;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .product-add-cart-btn-2 {    padding: 6px 21px;  }}@media (max-width: 767px) {  .product-add-cart-btn-2 {    width: 100%;  }}.product-add-cart-btn-2:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.product-add-cart-btn-3 {  background-color: var(--tp-common-black);  color: var(--tp-common-white);  padding: 12px 45px;}.product-add-cart-btn-3:hover {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);}@media (max-width: 767px) {  .product-add-cart-btn-3 {    width: 100%;  }}.cartmini__area {  position: fixed;  right: 0;  top: 0;  width: 360px;  height: 100%;  -webkit-transform: translateX(calc(100% + 80px));  -moz-transform: translateX(calc(100% + 80px));  -ms-transform: translateX(calc(100% + 80px));  -o-transform: translateX(calc(100% + 80px));  transform: translateX(calc(100% + 80px));  background: var(--tp-common-white) none repeat scroll 0 0;  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;  z-index: 999;  overflow-y: scroll;  overscroll-behavior-y: contain;  scrollbar-width: none;}.cartmini__area::-webkit-scrollbar {  display: none; /* for Chrome, Safari, and Opera */}.cartmini__area.cartmini-opened {  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);}.cartmini__wrapper {  position: relative;  min-height: 100%;}.cartmini__title {  padding: 20px 20px;  border-bottom: 1px solid var(--tp-border-5);  box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2);}.cartmini__title h4 {  font-size: 16px;  text-transform: uppercase;  font-weight: 600;  margin-bottom: 0;}.cartmini__close {  position: absolute;  top: 17px;  right: 20px;}.cartmini__close-btn {  background: transparent;  color: var(--tp-common-black);  font-size: 22px;}.cartmini__close-btn:hover {  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}.cartmini__widget {  height: 100%;}.cartmini__widget-item {  position: relative;  display: flex;  padding: 20px;  padding-right: 35px;  border-bottom: 1px solid rgba(129, 129, 129, 0.2);  transition: background-color 0.3s;}.cartmini__thumb {  margin-right: 15px;}.cartmini__thumb img {  width: 70px;  height: 90px;}.cartmini__content h5 {  font-size: 15px;  margin-bottom: 12px;  font-weight: 500;}.cartmini__content h5 a:hover {  color: var(--tp-theme-primary);}.cartmini__content .tp-product-quantity {  width: 75px;  padding: 0;}.cartmini__content .tp-product-quantity .tp-cart-input[type=text] {  height: 30px;  text-align: center;  font-size: 13px;  border: 1px solid var(--tp-border-5);  background-color: var(--tp-common-white);  padding: 0;}.cartmini__content .tp-product-quantity .tp-cart-plus,.cartmini__content .tp-product-quantity .tp-cart-minus {  width: 20px;  height: 30px;  line-height: 30px;  display: inline-block;  text-align: center;  font-size: 13px;  left: 3px;}.cartmini__content .tp-product-quantity .tp-cart-plus svg,.cartmini__content .tp-product-quantity .tp-cart-minus svg {  -webkit-transform: translateY(-1px);  -moz-transform: translateY(-1px);  -ms-transform: translateY(-1px);  -o-transform: translateY(-1px);  transform: translateY(-1px);  width: 10px;}.cartmini__content .tp-product-quantity .tp-cart-plus::after,.cartmini__content .tp-product-quantity .tp-cart-minus::after {  display: none;}.cartmini__content .tp-product-quantity .tp-cart-plus {  left: auto;  right: 3px;}.cartmini__del {  position: absolute;  top: 10px;  right: 10px;  width: 25px;  height: 25px;  line-height: 25px;  text-align: center;  color: var(--tp-common-black);  font-size: 12px;}.cartmini__del:hover {  color: var(--tp-theme-primary);}.cartmini__checkout {  padding: 20px;  padding-bottom: 85px;  width: 100%;  background: var(--tp-common-white);  border-top: 2px solid var(--tp-border-5);}.cartmini__checkout-title h4 {  font-size: 18px;  display: inline-block;  font-weight: 600;  margin-bottom: 0;}.cartmini__checkout-title span {  float: right;  font-size: 20px;  color: var(--tp-common-black);  font-weight: 600;  color: var(--tp-theme-primary);}.cartmini__checkout-btn .tp-btn {  background-color: var(--tp-grey-1);  font-size: 15px;  text-transform: capitalize;  color: var(--tp-common-black);  padding: 10px 30px;}.cartmini__checkout-btn .tp-btn:hover {  background-color: var(--tp-common-black);  color: var(--tp-common-white);}.cartmini__checkout-btn .tp-btn-border {  padding: 10px 30px;  font-size: 15px;  text-transform: capitalize;}.cartmini__price {  font-size: 14px;  font-weight: 500;  color: var(--tp-theme-primary);}.cartmini__quantity {  font-size: 12px;  font-weight: 500;}.cartmini__empty {  margin-top: 150px;}.cartmini__empty img {  margin-bottom: 30px;}.cartmini__empty p {  font-size: 16px;  color: var(--tp-common-black);  margin-bottom: 15px;}.cartmini__empty .tp-btn {  background-color: var(--tp-grey-1);  font-size: 15px;  text-transform: capitalize;  color: var(--tp-common-black);  padding: 10px 30px;}.cartmini__empty .tp-btn:hover {  background-color: var(--tp-common-black);  color: var(--tp-common-white);}.product__item:hover .product__thumb img {  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);}.product__item:hover .product__add {  opacity: 1;  visibility: visible;  bottom: 0;}.product__item:hover .product__action a, .product__item:hover .product__action button {  transform: translateX(0);  visibility: visible;  opacity: 1;}.product__item:hover .product__action a:nth-child(1), .product__item:hover .product__action button:nth-child(1) {  transition-delay: 0s;}.product__item:hover .product__action a:nth-child(2), .product__item:hover .product__action button:nth-child(2) {  transition-delay: 0.1s;}.product__item:hover .product__action a:nth-child(3), .product__item:hover .product__action button:nth-child(3) {  transition-delay: 0.12s;}.product__item:hover .product__action a:nth-child(4), .product__item:hover .product__action button:nth-child(4) {  transition-delay: 0.14s;}.product__thumb img {  -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;}.product__content {  padding-top: 14px;}.product__rating span {  font-size: 11px;  color: var(--tp-common-yellow-5);  display: inline-block;}.product__rating span:not(:last-child) {  margin-right: 3px;}.product__rating-2 {  margin-bottom: 2px;}.product__rating-2 span {  font-size: 12px;}.product__title {  font-family: var(--tp-ff-inter);  font-weight: 400;  font-size: 14px;}.product__title a:hover {  color: var(--tp-theme-primary);}.product__ammount {  font-weight: 500;  font-size: 15px;  color: var(--tp-text-1);}.product__badge {  position: absolute;  left: 0;  top: 20px;}.product__badge-item {  display: inline-block;  font-size: 13px;  line-height: 1;  color: var(--tp-common-white);  background-color: var(--tp-common-black);  padding: 4px 10px 4px;  margin-bottom: 5px;  text-transform: capitalize;}.product__badge-item.has-new {  background-color: var(--tp-theme-primary);}.product__action {  position: absolute;  top: 40px;  right: 10px;}.product__action a, .product__action button {  display: inline-block;  width: 38px;  height: 38px;  line-height: 38px;  background-color: #FFFFFF;  box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12);  text-align: center;  position: relative;  margin-bottom: 6px;  transform: translateX(100%);  opacity: 0;  visibility: hidden;  transition: visibility 0.3s 0.1s ease-out, opacity 0.3s 0.15s ease-out, transform 0.3s 0.1s ease-out;}.product__action a svg, .product__action button svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}.product__action a:nth-child(1), .product__action button:nth-child(1) {  transition-delay: 0.14s;}.product__action a:nth-child(2), .product__action button:nth-child(2) {  transition-delay: 0.12s;}.product__action a:nth-child(3), .product__action button:nth-child(3) {  transition-delay: 0.1s;}.product__action a:nth-child(4), .product__action button:nth-child(4) {  transition-delay: 0s;}.product__action a:hover, .product__action button:hover {  background-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.product__add {  position: absolute;  bottom: -60px;  left: 0;  right: 0;  visibility: hidden;  opacity: 0;}@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .product__details-thumb-tab {    margin-right: 0;  }}.product__details-thumb-content {  margin-bottom: 14px;}.product__details-thumb-nav .nav-link {  width: 110px;  height: 110px;  position: relative;  margin-bottom: 10px;}@media (max-width: 767px) {  .product__details-thumb-nav .nav-link {    margin-right: 12px;  }}.product__details-thumb-nav .nav-link::after {  position: absolute;  content: "";  left: 0;  top: 0;  width: 100%;  height: 100%;  background-color: transparent;  border: 1px solid var(--tp-theme-primary);  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -ms-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;}.product__details-thumb-nav .nav-link.active::after {  visibility: visible;  opacity: 1;}.product__details-stock {  margin-bottom: 13px;}.product__details-stock span {  font-family: "Inter";  font-weight: 500;  font-size: 14px;  line-height: 1;  color: var(--tp-theme-primary);  border: 1px solid rgba(245, 9, 99, 0.1);  padding: 5px 18px;}.product__details-title {  font-family: var(--tp-ff-roboto);  font-weight: 500;  font-size: 34px;  margin-bottom: 5px;}.product__details-rating {  margin-bottom: 13px;}.product__details-rating .product__rating {  margin-right: 10px;}.product__details-rating-count {  position: relative;  margin-bottom: 2px;  padding-left: 9px;}.product__details-rating-count::after {  position: absolute;  content: "";  left: 0;  top: 3px;  width: 1px;  height: 20px;  background-color: #DADCE0;}.product__details-rating-count span {  font-family: var(--tp-ff-roboto);  font-size: 14px;}@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .product__details-wrapper {    margin-top: 40px;  }}.product__details-wrapper p {  font-family: var(--tp-ff-roboto);  font-size: 15px;  line-height: 1.6;  margin-bottom: 23px;}.product__details-price {  margin-bottom: 35px;}.product__details-price span {  font-family: var(--tp-ff-roboto);  line-height: 1;}.product__details-ammount {  font-weight: 600;  font-size: 24px;  color: var(--tp-common-black);}.product__details-ammount.old-ammount {  font-weight: 400;  font-size: 16px;  text-decoration-line: line-through;  color: var(--tp-text-1);}.product__details-ammount.new-ammount {  font-weight: 600;  font-size: 24px;  color: var(--tp-common-black);  margin-left: 1px;}.product__details-offer {  margin-left: 2px;  font-weight: 700;  font-size: 13px;  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);  padding: 3px 9px;  display: inline-block;  -webkit-transform: translateY(-4px);  -moz-transform: translateY(-4px);  -ms-transform: translateY(-4px);  -o-transform: translateY(-4px);  transform: translateY(-4px);}.product__details-quantity {  margin-bottom: 40px;}.product__details-action {  padding-bottom: 34px;  border-bottom: 1px solid #DADCE0;  margin-bottom: 32px;}.product__details-action button {  margin-bottom: 6px;}.product__details-action button:not(:last-child) {  margin-right: 6px;}.product__details-action button.product-action-btn {  width: 50px;  height: 50px;  line-height: 48px;  text-align: center;  font-size: 18px;  color: var(--tp-common-black);  border: 1px solid #DADCE0;}.product__details-action button.product-action-btn .product-action-tooltip {  top: auto;  bottom: 90%;  left: auto;  right: auto;  margin: auto;  margin-bottom: 10px;  -webkit-transform: translate(-57%, 0%);  -moz-transform: translate(-57%, 0%);  -ms-transform: translate(-57%, 0%);  -o-transform: translate(-57%, 0%);  transform: translate(-57%, 0%);}.product__details-action button.product-action-btn .product-action-tooltip::after {  top: 100%;  right: 50%;  left: auto;  -webkit-transform: translate(50%, -50%) rotate(45deg);  -moz-transform: translate(50%, -50%) rotate(45deg);  -ms-transform: translate(50%, -50%) rotate(45deg);  -o-transform: translate(50%, -50%) rotate(45deg);  transform: translate(50%, -50%) rotate(45deg);}.product__details-action button.product-action-btn:hover {  color: var(--tp-common-white);  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);}.product__details-action button.product-action-btn:hover .product-action-tooltip {  bottom: 100%;  top: auto;  right: auto;}.product__details-more p {  display: inline-block;  margin-bottom: 5px;  font-weight: 600;  font-size: 15px;  line-height: 1;  color: var(--tp-common-black);}.product__details-more span {  font-size: 15px;  line-height: 1;  color: var(--tp-text-1);}.product__details-more span a:hover {  color: var(--tp-theme-primary);}.product__details-categories {  margin-bottom: 15px;}.product__details-tags {  margin-bottom: 15px;}.product__details-tags span {  display: inline-block;  margin-bottom: 5px;  font-weight: 600;  font-size: 15px;  line-height: 1;  color: var(--tp-common-black);  margin-right: 3px;}.product__details-tags a {  font-size: 14px;  line-height: 1;  color: var(--tp-text-1);  border: 1px solid #DADCE0;  padding: 4px 12px;  margin-bottom: 6px;  display: inline-block;}.product__details-tags a:hover {  background-color: var(--tp-theme-primary);  border-color: var(--tp-theme-primary);  color: var(--tp-common-white);}.product__details-share span {  display: inline-block;  margin-bottom: 5px;  font-weight: 600;  font-size: 15px;  line-height: 1;  color: var(--tp-common-black);  margin-right: 9px;}.product__details-share a {  font-size: 14px;  line-height: 1;  color: var(--tp-text-1);  margin-bottom: 6px;  margin-right: 10px;}.product__details-share a:hover {  color: var(--tp-theme-primary);}.product__details-tab-nav {  border-bottom: 1px solid #DADCE0;}.product__details-tab-nav-inner {  position: relative;}.product__details-tab-nav .nav-link {  position: relative;  padding: 11px 14px;  font-weight: 500;  font-size: 16px;  color: var(--tp-text-1);}.product__details-tab-nav .nav-link.active, .product__details-tab-nav .nav-link:hover {  color: var(--tp-common-black);}.product__details-tab-nav .nav-link.active::after, .product__details-tab-nav .nav-link:hover::after {  width: 100%;  left: 0;  right: auto;}@media (max-width: 767px) {  .product__details-tab-nav .nav-link::after {    position: absolute;    content: "";    left: auto;    right: 0;    bottom: -1px;    width: 0%;    height: 2px;    background-color: var(--tp-theme-3);    -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;  }}.product__details-tab-nav .tp-tab-menu {  position: relative;}.product__details-tab-nav .tp-tab-line {  position: absolute;  content: "";  left: 0;  bottom: -1px;  width: 38%;  height: 2px;  background-color: var(--tp-theme-primary);  -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: 767px) {  .product__details-description-content {    padding-right: 0;  }}.product__details-description-content .product-desc-title {  font-family: var(--tp-ff-roboto);  font-weight: 500;  font-size: 34px;  color: var(--tp-common-black-solid);  margin-bottom: 10px;}@media (max-width: 767px) {  .product__details-description-content .product-desc-title {    font-size: 25px;  }}.product__details-description-content p {  font-family: var(--tp-ff-roboto);  font-size: 18px;  line-height: 1.67;  color: var(--tp-text-1);  margin-bottom: 25px;}.product__details-description .product-desc-feature-thumb {  margin-bottom: 30px;}.product__details-description .product-desc-feature-content p {  line-height: 1.56;  padding-right: 75px;}@media (max-width: 767px) {  .product__details-description .product-desc-feature-content p {    padding-right: 0;  }}.product__details-additional {  margin-top: 67px;  background-color: var(--tp-common-white);}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .product__details-additional {    overflow-x: scroll;  }}.product__details-additional-inner {  padding: 45px 70px 45px;  border: 1px solid #E9E9F0;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .product__details-additional-inner {    padding: 15px 40px 15px;  }}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .product__details-additional-inner {    width: 768px;  }}.product__details-additional table {  width: 100%;}.product__details-additional table tr {  padding: 16px 0 14px;  display: block;}.product__details-additional table tr:not(:last-child) {  border-bottom: 1px solid #E9E9F0;}.product__details-additional table tr th {  font-family: var(--tp-ff-roboto);  font-weight: 500;  font-size: 15px;  color: var(--tp-common-black);  width: 28%;  display: inline-block;}.product__details-additional table tr td {  width: 71%;  display: inline-block;  font-family: var(--tp-ff-roboto);  font-size: 15px;  color: var(--tp-text-1);}.product__details-review-inner {  padding: 62px 70px 70px;  border: 1px solid #E9E9F0;}@media only screen and (min-width: 768px) and (max-width: 991px) {  .product__details-review-inner {    padding: 35px 40px 40px;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .product__details-review-inner {    padding: 25px 30px 30px;  }}@media (max-width: 767px) {  .product__details-review-inner {    padding: 15px 20px 20px;  }}.product__details-review .product-rating-title {  font-family: var(--tp-ff-roboto);  font-weight: 600;  font-size: 24px;  margin-bottom: 22px;}.product__details-review .product-rating-number {  text-align: center;  width: 160px;  height: 125px;  border: 1px solid #E9E9F0;  padding-top: 21px;  padding-bottom: 21px;}@media (max-width: 767px) {  .product__details-review .product-rating-number {    margin-bottom: 15px;  }}.product__details-review .product-rating-number-title {  font-family: var(--tp-ff-roboto);  font-weight: 400;  font-size: 60px;  line-height: 1;  color: var(--tp-common-black-solid);  margin-bottom: 0;}.product__details-review .product-rating-star {  line-height: 1;}.product__details-review .product-rating-star span {  line-height: 1;  font-size: 12px;  color: var(--tp-common-yellow-5);  display: inline-block;}.product__details-review .product-rating-star span:not(:last-child) {  margin-right: 3px;}.product__details-review .product-rating-bar {  width: 100%;  background-color: #E9E9E9;  border-radius: 10px;}.product__details-review .product-rating-bar-wrapper {  width: 71.5%;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .product__details-review .product-rating-bar-wrapper {    width: 70%;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .product__details-review .product-rating-bar-wrapper {    width: 66%;  }}@media only screen and (min-width: 576px) and (max-width: 767px) {  .product__details-review .product-rating-bar-wrapper {    width: 52%;  }}@media (max-width: 767px) {  .product__details-review .product-rating-bar-wrapper {    width: 100%;  }}.product__details-review .product-rating-bar .single-progress {  background-color: var(--tp-theme-primary);  height: 8px;  border-radius: 10px;}.product__details-review .product-rating-bar-text {  width: 3.5%;  line-height: 1;}@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {  .product__details-review .product-rating-bar-text {    width: 7.5%;  }}.product__details-review .product-rating-bar-text span {  font-family: var(--tp-ff-roboto);  font-size: 14px;  color: var(--tp-text-1);}.product__details-review .product-rating-bar-item:not(:last-child) {  margin-bottom: 5px;}.product__details-review .product-review-item {  margin-bottom: 30px;}.product__details-review .product-review-item:last-child {  margin-bottom: 0;}.product__details-review .product-review-item p {  font-family: var(--tp-ff-roboto);  font-size: 15px;  line-height: 1.6;  color: var(--tp-text-1);}.product__details-review .product-review-avater {  margin-bottom: 11px;}.product__details-review .product-review-avater-thumb img {  width: 34px;  height: 34px;  border-radius: 50%;  margin-right: 10px;}.product__details-review .product-review-avater-title {  font-family: var(--tp-ff-roboto);  font-weight: 500;  font-size: 16px;  line-height: 1;  margin-bottom: 0;}.product__details-review .product-review-rating {  margin-bottom: 5px;}.product__details-review .product-review-rating-wrapper {  margin-right: 10px;}.product__details-review .product-review-rating-wrapper span {  line-height: 1;  font-size: 12px;  color: var(--tp-common-yellow-5);  display: inline-block;}.product__details-review .product-review-rating-wrapper span:not(:last-child) {  margin-right: 3px;}.product__details-review .product-review-rating-date span {  font-family: var(--tp-ff-roboto);  font-weight: 400;  font-size: 13px;  color: var(--tp-text-1);}.product__details-review .product-review-form p {  font-family: var(--tp-ff-roboto);  font-weight: 400;  font-size: 14px;  color: var(--tp-text-1);  margin-bottom: 20px;}.product__details-review .product-review-form-title {  font-family: var(--tp-ff-roboto);  font-weight: 600;  font-size: 24px;  letter-spacing: -0.02em;  margin-bottom: 4px;}.product__details-review .product-review-form-rating .rate-title {  font-family: var(--tp-ff-roboto);  font-weight: 500;  font-size: 15px;  line-height: 14px;  letter-spacing: -0.02em;  color: var(--tp-text-1);}.product__details-review .product-review-input {  margin-bottom: 18px;  line-height: 1;}.product__details-review .product-review-input.is-textarea {  margin-bottom: 30px;}.product__details-review .product-review-input input, .product__details-review .product-review-input textarea {  height: 60px;  line-height: 60px;  background-color: #F7F7F7;  border: 1.5px solid #F7F7F7;}.product__details-review .product-review-input input:focus, .product__details-review .product-review-input textarea:focus {  border-color: var(--tp-theme-primary);  background-color: var(--tp-common-white);}.product__details-review .product-review-input textarea {  height: 180px;  line-height: 1.2;  padding-bottom: 20px;}.product__details-review .product-review-agree input {  margin: 0;  appearance: none;  -moz-appearance: none;  display: block;  width: 18px;  height: 18px;  background: transparent;  border: 2px solid #B2B2B9;  border-radius: 4px;  outline: none;  flex: 0 0 auto;  -webkit-transform: translateY(3px);  -moz-transform: translateY(3px);  -ms-transform: translateY(3px);  -o-transform: translateY(3px);  transform: translateY(3px);  padding: 0;}.product__details-review .product-review-agree input:checked {  position: relative;  background-color: var(--tp-theme-primary);  border-color: transparent;}.product__details-review .product-review-agree input:checked::after {  box-sizing: border-box;  position: absolute;  content: "\f00c";  font-weight: 700;  font-family: var(--tp-ff-fontawesome);  font-size: 10px;  color: var(--tp-common-white);  top: 46%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}.product__details-review .product-review-agree input:hover {  cursor: pointer;}.product__details-review .product-review-agree label {  padding-left: 8px;  font-size: 14px;  line-height: 1.71;  color: var(--tp-text-1);}.product__details-review .product-review-agree label a {  color: var(--tp-common-black);  font-weight: 600;  padding-left: 4px;}.product__details-review .product-review-agree label a:hover {  color: var(--tp-theme-primary);}.product__details-review .product-review-agree label:hover {  cursor: pointer;}.product__details-review .product-review-btn .tp-btn {  font-family: var(--tp-ff-roboto);  font-weight: 600;  font-size: 15px;  padding: 12px 37px;}.product__details-review .product-review-btn .tp-btn:hover {  background-color: var(--tp-common-black);}.product__modal .modal-dialog {  max-width: 1200px;  border-radius: 0;}@media only screen and (min-width: 1200px) and (max-width: 1399px) {  .product__modal .modal-dialog {    max-width: 1100px;  }}@media only screen and (min-width: 992px) and (max-width: 1199px) {  .product__modal .modal-dialog {    max-width: 900px;  }}@media only screen and (min-width: 768px) and (max-width: 991px) {  .product__modal .modal-dialog {    max-width: 700px;  }}.product__modal .modal-content {  padding: 40px;  border-radius: 0;}@media (max-width: 767px) {  .product__modal .modal-content {    padding: 20px;  }}.product__modal .product__details-thumb-nav .nav-link {  width: 90px;  height: 90px;  margin-bottom: 10px;}.product__modal .product__details-thumb-nav .nav-link img {  width: 100%;}@media (max-width: 767px) {  .product__modal .product__details-thumb-nav .nav-link {    width: 70px;    height: 70px;  }}.product__modal-close {  position: absolute;  top: 20px;  right: 20px;}.product__modal-close-btn {  display: inline-block;  font-size: 16px;  height: 44px;  width: 44px;  line-height: 44px;  background-color: transparent;  color: var(--tp-text-1);  border-radius: 50%;}.product__modal-close-btn:hover {  color: var(--tp-theme-primary);  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}.product__modal-close-btn svg {  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);}/*# sourceMappingURL=main.css.map */.footer-wtw-logo {    width: 183px;    height: auto;}.whatsapp-api {    text-align: center;    font-size: 21px;    color: #0C2A50;    font-weight: 600;}.tptestimonial-area-two.p-relative p {    font-size: 14px;    text-align: center;    margin-top: 0;    color: #0C2A50;}.whatsapp-api-two {  text-align: center;  font-size: 17px;  color: #0C2A50;  font-weight: 500;  margin-bottom: 14px;}p.monthlyeyars {  margin-top: 11px;}.whatsapp-center.row {    display: flex;    justify-content: center;}a.white-btn.d-none.d-xl-block {    background-color: #FFFFFF;    font-weight: 500;    font-size: 16px;    line-height: 1;    color: #0C2A50;    display: inline-block;    padding: 14px 32px;    border-radius: 30px;    text-align: center;}.feature-list-bg.p-relative i svg {    width: 34px;    height: auto;    margin: 10px;}.feature-list-4-icon {    background-color: #DDF4FF;    border-radius: 50%;    padding: 19px;}