.qty_button, .tp-product-details-thumb-wrapper .nav-tabs .nav-link::after, .tp-product-details-review-input-eye span, .tp-product-details-tab-line, .tp-product-tag a::after, .tp-product-action, .tp-product-thumb img, .product-action-btn .product-action-tooltip, .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 {   --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;   --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:#010F1C;  --tp-heading-primary:#0C1338;  --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:#271D3A;  --tp-theme-primary:#4260FF;  --tp-theme-secondary:#131683;  --tp-theme-3:#05003B;  --tp-theme-green:#59BA41;  --tp-theme-apple:#F5F1EB;  --tp-theme-dark-blue:#1E2B8A;  --tp-theme-blue:#775AFC;  --tp-border-1:#F0F1F4;  --tp-border-5:#000; }   * {  margin:0;  padding:0;  box-sizing:border-box; }  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; } @media (max-width:600px) {  .gx-6 {   --bs-gutter-x:0;  } } .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;  } } @media (max-width:600px) {  .gx-7 {   --bs-gutter-x:0;  } } .gx-8 {  --bs-gutter-x:20px; } @media (max-width:600px) {  .gx-8 {   --bs-gutter-x:0;  } } .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;  } } @media (max-width:600px) {  .gx-9 {   --bs-gutter-x:0;  } } .gx-10 {  --bs-gutter-x:30px; } @media (max-width:600px) {  .gx-10 {   --bs-gutter-x:0;  } } img {  max-width:100%;  height:auto; }  .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 {  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; }  .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; }   .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:50px; } .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); }  .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; }   .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:#3653EB;  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:600;  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; }  .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); }   @-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;  } } @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);  } }  #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); }  .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); }   .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-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); }   .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; }  .basic-pagination ul li {  display:inline-block;  margin-top:10px; } .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.current, .basic-pagination ul li span.current {  background:#4260FF;  color:#fff; } .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.next, .basic-pagination ul li a.prev, .basic-pagination ul li span:hover, .basic-pagination ul li span.next, .basic-pagination ul li span.prev {  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.next i, .basic-pagination ul li a.prev i, .basic-pagination ul li span:hover i, .basic-pagination ul li span.next i, .basic-pagination ul li span.prev i {  color:var(--tp-common-white); } .basic-pagination ul li a.next, .basic-pagination ul li a.prev, .basic-pagination ul li span.next, .basic-pagination ul li span.prev {  width:140px; }  .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; } .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__social a i {  line-height:40px; } .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; }  .breadcrumb-bg {  background:#E4ECF8; } .breadcrumb-overlay {  position:relative;  z-index:1;  margin-top:-1px; } .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; } .tp-bread-2 {  margin-top:-1px; }  .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; }  .tp-tab .nav-tabs {  padding:0;  margin:0;  border:0; } .tp-tab .nav-tabs .nav-link {  padding:0;  margin:0;  border:0; }   @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;  } }  .tplogo__area a img {  max-width:inherit; } .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.tp-arrow-link {  -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.tp-arrow-link {  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 {   color:var(--tp-common-white); } .tp-search-form input::-moz-placeholder {   color:var(--tp-common-white); } .tp-search-form input:-moz-placeholder {   color:var(--tp-common-white); } .tp-search-form input:-ms-input-placeholder {   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; } .has-dropdown .submenu li.has-dropdown .submenu {  left:100% !important;  opacity:0;  visibility:hidden;  transform:scale(1, 0);  top:0; } .has-dropdown .submenu li.has-dropdown:hover > .submenu {  opacity:1;  visibility:visible;  transform:scale(1); } .tp-main-menu-mobile ul > li > a > span {  display:block; } .tp-serv-mega-menu {  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-serv-mega-menu ul li {  list-style:none; } .tp-serv-mega-menu .tp-menu-banner {  text-align:left; } .tp-serv-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; } .tp-serv-mega-menu .tp-menu-banner ul li {  margin:0 0;  float:left;  width:50%;  margin-bottom:15px;  padding-bottom:15px;  position:relative; } .tp-serv-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); } .tp-serv-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) {  .tp-serv-mega-menu .tp-menu-banner ul li:nth-child(even) {   margin-left:0;  } } .tp-serv-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; } .tp-serv-mega-menu .tp-menu-banner ul li a span {  margin-right:8px; } .tp-serv-mega-menu .tp-menu-banner ul li a:hover {  color:var(--tp-theme-primary); } .tp-serv-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; } .tp-serv-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; } .tp-serv-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; } .tp-serv-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; } .tp-serv-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); } .tp-serv-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; } .tp-serv-mega-menu .tp-menu-banner-btn a:hover span {  transform:rotate(-45deg); } .tp-serv-mega-menu .tp-menu-banner-thumb {  position:absolute;  bottom:0;  right:0; } .tp-mega-menu-wrapper ul li.has-mega-menu .submenu {  padding:0; }  .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;  } }  @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;  } }  .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:#6E51E6;  color:var(--tp-common-white);  border:2px solid #6E51E6; } .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;  } }  .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); }  .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); } .builder-header-2.header-sticky .header-logo {  display:inline-block; } .builder-header-5 {  position:absolute;  top:0;  left:0;  right:0;  margin:0 auto;  z-index:1; } .builder-header-5 .header-sticky .header-logo {  display:inline-block; }   @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; } .builder-header-2 .tp-onepage-menu li .active {  color:var(--tp-theme-primary); } .builder-header-3 .tp-onepage-menu li .active {  color:var(--tp-theme-green); } .builder-header-4 .tp-onepage-menu li .active {  color:#d7d7d7; } .builder-header-5 .tp-onepage-menu li .active {  color:var(--tp-theme-primary); } .builder-header-6 .tp-onepage-menu li .active {  color:var(--tp-common-11); } ul.mega-menu ul .menu-item a.dropdown-items {  width:100%; }  .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 * {   -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box; }  .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; }  .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 !important; } .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;  padding:21px 22px; } @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;  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 {   color:#95999D; } .tp-postbox-details-input input::-moz-placeholder {   color:#95999D; } .tp-postbox-details-input input:-moz-placeholder {   color:#95999D; } .tp-postbox-details-input input:-ms-input-placeholder {   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(https://makfast.com/wp-content/themes/seomy/assets/css/../img/product/icons/check.svg);  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 !important;  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 !important;  line-height:12px;  color:#565764; } .tagcloud a:hover {  background-color:var(--tp-theme-primary);  color:var(--tp-common-white) !important; } 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; }  .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; } div.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; } div.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;  } } div.blog-thumb img {  height:100px;  width:100px;  object-fit:cover;  border-radius:10px; } @media only screen and (min-width:992px) and (max-width:1199px) {  div.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;  position:relative; } .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;  } } div.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; } .tpblog-list-active {  height:100%; } .tpblog-list-active .blog-list-thumb {  height:100%; }  @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:1.4;  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; } .sidebar__widget ul li .spand {  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:calc(100% - 60px); } .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;  } }  .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;  } } div.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; } .tpmasonry-title-white cite {  font-size:16px;  display:block;  margin-top:10px;  font-style:inherit;  font-weight:500;  position:relative;  margin-top:20px; } .tpmasonry-title-white cite::before {  content:"";  font-size:28px;  color:#fff;  padding-bottom:0px;  display:inline-block;  background:#fff;  height:2px;  width:40px;  font-weight:400;  text-align:center;  top:-4px;  margin-right:10px;  position:relative; }  .blog-details-bg {  position:relative;  z-index:1;  background-position:center;  background-size:cover;  background-repeat:no-repeat;  margin-top:-1px; } .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); }   .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); } .footer-widget ul li {  list-style:none; } .footer-widget 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 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 ul li a:hover {  color:var(--tp-theme-primary); } @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;  transition:0.3s linear; } .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 {   font-weight:400;  font-size:16px;  line-height:10px;  letter-spacing:0.02em;  color:#A1A3AB; } .footer-widget-newsletter-input input::-moz-placeholder {   font-weight:400;  font-size:16px;  line-height:10px;  letter-spacing:0.02em;  color:#A1A3AB; } .footer-widget-newsletter-input input:-moz-placeholder {   font-weight:400;  font-size:16px;  line-height:10px;  letter-spacing:0.02em;  color:#A1A3AB; } .footer-widget-newsletter-input input:-ms-input-placeholder {   font-weight:400;  font-size:16px;  line-height:10px;  letter-spacing:0.02em;  color:#A1A3AB; } .footer-widget-newsletter-input div {  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;  } } .footer-default-widget .menu-about-container #menu-about {  display:flex;  align-items:flex-start;  flex-wrap:wrap; } .footer-default-widget .menu-about-container #menu-about li {  width:50%;  flex:0 0 50%; }  .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-social2 .footer-instagram 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 {   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 {   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 {   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 {   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); } .tpcontact-info-links a {  color:#5B5A59 !important;  font-family:var(--tp-ff-dmsans);  position:relative;  padding-left:32px;  font-weight:400 !important;  font-size:16px !important;  line-height:20px !important;  margin-bottom:17px !important; } .footer-main-shape {  position:absolute;  top:-30px;  left:0;  right:0;  margin:auto;  text-align:center; } @media (max-width:767px) {  .footer-main-shape img {   margin-bottom:-20px;  } } .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;  } }  .tp-footer-3 ul li {  list-style:none; } .tp-footer-3 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; } .tp-footer-3 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; } .tp-footer-3 ul li a:hover {  color:var(--tp-theme-green); } .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 {   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 {   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 {   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 {   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); } .footer-form-el3 .footer-widget-btn {  position:absolute;  top:50%;  transform:translateY(-50%);  right:7px; } .footer-form-el3 .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-form-el3 .footer-widget-newsletter-input input::-webkit-input-placeholder {   font-weight:500;  font-size:16px;  letter-spacing:0.02em;  color:rgba(255, 255, 255, 0.5); } .footer-form-el3 .footer-widget-newsletter-input input::-moz-placeholder {   font-weight:500;  font-size:16px;  letter-spacing:0.02em;  color:rgba(255, 255, 255, 0.5); } .footer-form-el3 .footer-widget-newsletter-input input:-moz-placeholder {   font-weight:500;  font-size:16px;  letter-spacing:0.02em;  color:rgba(255, 255, 255, 0.5); } .footer-form-el3 .footer-widget-newsletter-input input:-ms-input-placeholder {   font-weight:500;  font-size:16px;  letter-spacing:0.02em;  color:rgba(255, 255, 255, 0.5); } .footer-form-el3 .footer-widget-newsletter-input input:focus {  border-color:#fff;  border-radius:1.5px solid; } .footer-form-el3 .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-form-el3 .footer-widget-newsletter-btn-2 i:hover {  box-shadow:0px 2px 3px rgba(109, 5, 47, 0.4); }  .tp-footer-4 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; } .tp-footer-4 ul li a:hover {  opacity:1;  color:var(--tp-common-white); } .tp-footer-4 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; } .tp-footer-4 ul li a:hover::after {  width:calc(100% - 11px); } .tp-footer-4 ul li a::before {  background-color:var(--tp-common-white);  opacity:0.7; } .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; }  .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 ul li {  list-style:none; } .footer-5 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 ul li a:hover {  color:var(--tp-common-11); } .footer-5 ul li a::before {  display:none; } .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; } .phone-call {  margin-bottom:12px; } .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; } .phone-call a i {  margin-right:8px; } @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 .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 .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;  line-height:1.4; } .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); } .enable-2-columns ul {  display:flex;  align-items:flex-start;  flex-wrap:wrap; } .enable-2-columns ul li {  width:50%;  flex:0 0 50%; }  .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;  z-index:1; } @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;  border-top-right-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 {   color:var(--tp-grey-2);  letter-spacing:0.02em;  font-size:14px;  font-weight:500; } .tpbanner__input input::-moz-placeholder {   color:var(--tp-grey-2);  letter-spacing:0.02em;  font-size:14px;  font-weight:500; } .tpbanner__input input:-moz-placeholder {   color:var(--tp-grey-2);  letter-spacing:0.02em;  font-size:14px;  font-weight:500; } .tpbanner__input input:-ms-input-placeholder {   color:var(--tp-grey-2);  letter-spacing:0.02em;  font-size:14px;  font-weight:500; } .tpbanner__input div {  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; } div.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) {  div.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 {   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 {   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 {   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 {   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 div {  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 {  margin-top:130px; } .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:100px;  line-height:1; } @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; } .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; } div.banner-5-thumb > img {  max-width:inherit; } @media only screen and (min-width:1400px) and (max-width:1599px) {  div.banner-5-thumb > img {   margin-left:-60px;   width:100%;  } } @media only screen and (min-width:1200px) and (max-width:1399px) {  div.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) {  div.banner-5-thumb > img {   height:550px;   width:500px;   object-fit:cover;   margin-left:-14px;  } } @media (max-width:767px) {  div.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;  } } div.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) !important;  backdrop-filter:blur(5px);  border-radius:4px !important; } @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:0; } @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:-106px; } @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); } .tpkeyword__input svg {  transform:translateY(-1px); } .tp-bg {  background-color:#dadada; }   .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; }  @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, .tpprocess__2 .tpprocess__count {  background-color:var(--tp-common-2); } .tpprocess__two .tpprocess__count::before, .tpprocess__2 .tpprocess__count::before {  border:1px solid rgba(171, 191, 120, 0.4); } .tpprocess__three .tpprocess__count, .tpprocess__3 .tpprocess__count {  background-color:var(--tp-common-3); } .tpprocess__three .tpprocess__count::before, .tpprocess__3 .tpprocess__count::before {  border:1px solid rgba(255, 184, 118, 0.4); } .tpprocess__four .tpprocess__count, .tpprocess__4 .tpprocess__count {  background-color:var(--tp-common-4); } .tpprocess__four .tpprocess__count::before, .tpprocess__4 .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; }  .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;  } } div.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; }  .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-list:hover .tpservices-img::before {  width:200px;  height:200px;  line-height:200px;  text-align:center;  border-radius:50%;  bottom:0; } .tpservices-list:hover .tpservices-img img {  transform:translateY(-42px); } .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;  } } div.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) {  div.services-tab-angle-shape-one img {   width:220px;  } } @media (max-width:767px) {  div.services-tab-angle-shape-one img {   width:180px;  } } @media only screen and (min-width:576px) and (max-width:767px) {  div.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;  } } div.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) {  div.services-tab-angle-shape-two img {   width:200px;  } } @media (max-width:767px) {  div.services-tab-angle-shape-two img {   width:150px;  } } @media only screen and (min-width:576px) and (max-width:767px) {  div.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%; } div.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; } .tp-el-services:hover .tpservices-img img {  transform:translateY(-42px); }  .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%); } div.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, .tpsocial-pinterest .tpsocial-bg {  background:linear-gradient(266.81deg, #FE005F -6.56%, #FE005F 34.02%, #FE005F 60.87%, #FE005F 103.55%); } .tpsocial-pin:hover .tpsocial-bg, .tpsocial-pinterest:hover .tpsocial-bg {  opacity:1; } .tpsocial-pin:hover .tpsocial-text i, .tpsocial-pinterest:hover .tpsocial-text i {  color:var(--tp-common-white); } .tpsocial-pin i, .tpsocial-pinterest i {  color:#FE005F; } .tpsocial-twitt .tpsocial-bg, .tpsocial-twitter .tpsocial-bg {  background:linear-gradient(266.81deg, #26A8FF -6.56%, #26A8FF 34.02%, #26A8FF 60.87%, #26A8FF 103.55%); } .tpsocial-twitt:hover .tpsocial-bg, .tpsocial-twitter:hover .tpsocial-bg {  opacity:1; } .tpsocial-twitt:hover .tpsocial-text i, .tpsocial-twitter:hover .tpsocial-text i {  color:var(--tp-common-white); } .tpsocial-twitt a i, .tpsocial-twitter a i {  color:#26A8FF;  font-size:28px; } .tpsocial-insta:hover .tpsocial-text i, .tpsocial-instagram:hover .tpsocial-text i {  color:var(--tp-common-white); } .tpsocial-insta i, .tpsocial-instagram 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; } @media (max-width:767px) {  .tpdrive-progress {   padding-right:0;  } }  .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 .tpchoose-title {  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; }  .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 a, .pricing-inner-btn button, .pricing-inner-btn .pricing-btn {  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;  display:inline-block; } @media only screen and (min-width:768px) and (max-width:991px) {  .pricing-inner-btn a, .pricing-inner-btn button, .pricing-inner-btn .pricing-btn {   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); }  .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;  } } div.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) {  div.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;  } } div.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 {  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;  } } div.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); }  .contact-area .tpcontact-info-links a {  display:flex !important;  font-weight:500 !important;  font-size:17px !important;  line-height:14px !important;  color:rgba(255, 255, 255, 0.8) !important;  margin-bottom:20px !important;  padding-left:0; } .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:flex;  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 {   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 {   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 {   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 {   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:18px;  line-height:20px;  color:var(--tp-grey-8);  margin-bottom:26px; } @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;  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 {   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 {   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 {   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 {   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 {   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 {   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 {   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 {   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;  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%; }  .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; } .red-bar.tpdrive-bar-item .progress-bar {  background-color:#ff6161; } .red-bar.tpdrive-bar-item .progress-bar span {  border:2.5px solid #ff6161; } .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;  text-align:center; } .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; } div.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; } div.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; } div.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; }  .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;  } } div.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; }  .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; } div.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:70px;   right:35px;  } } @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:65px;   left:auto;  } } @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:85px;   right:50px;  } } @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:87px;   left:auto;  } } @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:70px;  } } @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;  } } div.need-shape-one img {  border-radius:14px; } @media only screen and (min-width:768px) and (max-width:991px) {  div.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;  } } div.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:115px; } @media only screen and (min-width:768px) and (max-width:991px) {  .keyword-shape-one {   right:120px;   bottom:170px;  } } div.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 {   color:#9EABB9; } .web-item input::-moz-placeholder {   color:#9EABB9; } .web-item input:-moz-placeholder {   color:#9EABB9; } .web-item input:-ms-input-placeholder {   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; } div.feature-inner-thumb-wrap img {  border-radius:20px; }  .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 div.flag i {  font-size:14px;  margin-right:2px; } .tprating-content-wrap div.flag i img {  width:15px; } .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; }  .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%;  } } div.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) {  div.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; } div.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 -53px 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; } div.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 {  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;  } }  .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;  text-transform:capitalize;  -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; } div.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; } div.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:1.2;  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;  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%;  } } @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); }  .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;  width:200px; } @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, .team-details .contact-info {  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, .team-details .contact-info 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, .team-details .contact-info:hover {  color:var(--tp-theme-primary); } .team-details-email a, .team-details-number a, .team-details .contact-info a {  display:inline-block; } .team-details-email p, .team-details-number p, .team-details .contact-info p {  display:inline-block; } .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; }  .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) !important;  border-radius:14px !important; } @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;   margin-bottom:30px;  } } .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; } @media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {  .inner-counter-shape-2 {   left:0;  } } .inner-counter-shape-3 {  position:absolute;  left:70px;  bottom:-6px;  z-index:-1; } @media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {  .inner-counter-shape-3 {   left:0;  } } .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; } @media only screen and (min-width:992px) and (max-width:1199px) {  .inner-counter-info {   margin-left:10px;  } } .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;  } }  .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; }  .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; } div.cta-shape-2 img {  box-shadow:20px 20px 20px rgba(0, 0, 0, 0.1);  border-radius:14px; } @media (max-width:767px) {  div.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 div {  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:576px) and (max-width:767px), (max-width:767px) {  .cta-award-item {   margin-left:30px;   margin-right:30px;  } } @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 .keyword-inner-bg {  box-shadow:0px 30px 40px rgba(6, 18, 84, 0.2); }  .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; } div.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-shape img {  max-width:inherit !important;  width:inherit !important; } .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;  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;  } }  .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:120px;  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:175px;  padding-bottom:120px;  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(https://makfast.com/wp-content/themes/seomy/assets/css/../img/sign-in/shape/check.svg);  top:4px;  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;  } }  .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;  } } div.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; }  .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; } div.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; } div.markiting-bg img {  height:500px;  width:1170px;  object-fit:cover;  border-radius:20px; } @media (max-width:767px) {  div.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(https://makfast.com/wp-content/themes/seomy/assets/css/../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(https://makfast.com/wp-content/themes/seomy/assets/css/../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; }  .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); } .tp-note .mission-shape-1 {  right:-100px;  left:auto; } @media (max-width:615px) {  .tp-note .mission-shape-1 {   display:none;  } } .inner-counter-list i {  font-family:"Font Awesome 6 Pro";  font-size:35px; }  .product__widget .yith-wcan-filters .yith-wcan-filter {  margin-bottom:0;  padding-bottom:30px; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-title {  font-family:var(--tp-ff-roboto);  font-weight:400;  font-size:17px;  line-height:12px;  color:var(--tp-common-black-solid);  border-bottom:1px solid #DADCE0;  padding:10px 0;  margin-bottom:0;  position:relative; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-title::after {  position:absolute;  content:"\f107";  font-family:var(--tp-ff-fontawesome);  background-image:none;  top:37%;  color:var(--tp-common-black-solid);  right:0;  width:auto;  height:auto;  font-weight:500;  -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__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover {  color:#007CF5;  cursor:pointer; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover::after {  color:#007CF5; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-content {  margin-top:25px; } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label {  font-family:var(--tp-ff-roboto);  font-weight:400;  font-size:14px;  color:var(--tp-text-1);  position:relative;  padding-left:31px; } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::after, .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {  position:absolute;  content:"";  top:-1px;  left:0;  width:18px;  height:18px;  border:1px solid #DADCE0;  border-top-color:rgb(218, 220, 224);  border-right-color:rgb(218, 220, 224);  border-bottom-color:rgb(218, 220, 224);  border-left-color:rgb(218, 220, 224);  -webkit-transition:all 0.1s ease-out 0s;  -moz-transition:all 0.1s ease-out 0s;  -ms-transition:all 0.1s ease-out 0s;  -o-transition:all 0.1s ease-out 0s;  transition:all 0.1s ease-out 0s; } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {  content:"\f00c";  font-family:var(--tp-ff-fontawesome);  color:transparent;  z-index:1;  border:0;  width:inherit;  height:inherit;  top:-3px;  left:4px;  font-size:12px; } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a {  color:var(--tp-text-1); } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a:hover {  color:var(--tp-common-black); } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.active > label a {  color:var(--tp-common-black); } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input {  display:none; } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::before {  color:var(--tp-common-white); } .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::after {  background-color:var(--tp-common-black);  border-color:var(--tp-common-black); } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-items.filter-color {  margin:0; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color:not(.no-color):not(.no-image):not(.label-right) > a::after {  content:"\f00c";  right:auto;  top:46%;  left:4px;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%);  font-family:var(--tp-ff-fontawesome);  background-image:none;  background-color:transparent;  font-size:12px; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color {  display:block;  height:inherit;  width:inherit;  margin:inherit;  margin-bottom:5px; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {  border:0;  width:22px;  height:22px; } .product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {  display:inline-block;  font-family:var(--tp-ff-roboto);  font-weight:400;  font-size:14px;  color:var(--tp-text-1);  position:relative;  margin-left:3px;  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {  margin-right: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; } .tp-product-action .product-action-btn .br_compare_button_text {  display:none; } .product__list-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {  font-size:23px;  margin-right:0; } .product-action-btn {  display:inline-block;  color:#999999; } .product-action-btn .br_compare_button.br_compare_added i:first-child {  display:none; } .product-action-btn .br_compare_button.br_compare_added i:nth-child(2) {  display:block; } .product-action-btn .br_compare_button i:nth-child(2) {  display:none; } .product-action-btn:hover {  color:var(--tp-text-body); } .product-thumbnails .slick-list {  margin:0 -6px; } .product-thumbnails .slick-slide {  margin:0 6px; } .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {  margin-top:0; } .tp-product-details-bottom .tp-product-details-description h2 {  font-size:26px;  color:var(--tp-common-black);  font-weight:600; } span.required {  color:red; } .tp-product-details-description ol.commentlist {  padding-left:0; } .tp-product-details-description ol.commentlist li {  margin-bottom:15px; } .tp-product-details-description ol.commentlist .review .comment_container {  overflow:hidden; } .tp-product-details-description ol.commentlist .review .comment_container img {  float:left;  overflow:hidden;  border-radius:50%; } .tp-product-details-description ol.commentlist .review .comment_container .comment-text {  overflow:hidden;  margin-left:75px; } .tp-product-details-description ol.commentlist .review .comment_container .comment-text .meta {  margin-bottom:5px; } .tp-product-details-description label {  display:block;  font-size:15px; } .tp-product-details-description input:not([type=submit]), .tp-product-details-description textarea {  padding:0px 20px;  font-size:14px;  width:100%;  height:55px;  border:1px solid #EAEAED;  border-radius:6px;  outline:0;  font-weight:500;  font-size:15px;  color:var(--tp-common-black); } .tp-product-details-description input:not([type=submit]):focus, .tp-product-details-description textarea:focus {  border-color:var(--tp-theme-primary); } .tp-product-details-description textarea {  padding-top:20px;  height:180px;  line-height:1.2;  padding-bottom:20px;  resize:none; } .tp-product-details-description input[type=submit] {  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; } .tp-product-details-description input[type=submit]:hover {  color:#007CF5;  background-color:transparent; } .tp-product-details-description .woocommerce-Reviews-title {  font-family:var(--tp-ff-roboto);  font-weight:600;  font-size:24px;  letter-spacing:-0.02em;  margin-bottom:25px; } .tp-product-details-description .woocommerce-review__author {  font-weight:600;  font-size:16px;  line-height:20px;  color:var(--tp-common-black);  position:relative;  text-transform:capitalize; } .tp-product-details-description .woocommerce-review__published-date {  font-weight:500;  font-size:14px;  line-height:18px;  color:#888888; } .tp-product-details-description .comment-form-rating label {  font-weight:500;  font-size:15px;  line-height:14px;  letter-spacing:-0.02em;  color:var(--tp-text-1); } .tp-product-details-description .comment-form-rating .stars > span {  color:#007CF5; } .tp-product-details-description .comment-form-rating .nice-select {  display:none; } .tp-product-details-description .comment-form-rating select {  display:none; } .tp-product-details-description .comment-form-rating span {  margin-right:5px;  font-size:16px;  color:var(--tp-text-body);  font-weight:500;  margin-bottom:10px; } .tp-product-details-description .comment-reply-title {  font-family:var(--tp-ff-roboto);  font-weight:600;  font-size:19px;  letter-spacing:-0.02em;  margin-bottom:4px;  color:var(--tp-common-black); } .tp-product-details-description .comment-form-comment label {  font-family:var(--tp-ff-roboto);  font-weight:500;  font-size:15px;  line-height:14px;  letter-spacing:-0.02em;  color:var(--tp-text-1);  display:inline-block;  margin-bottom:20px; } .tp-product-details-description .comment-form-author, .tp-product-details-description .comment-form-email {  width:48%;  display:inline-block;  margin-right:30px; } @media (max-width:1200px) {  .tp-product-details-description .comment-form-author, .tp-product-details-description .comment-form-email {   width:100%;  } } .tp-product-details-description .comment-form-email {  margin-right:0;  width:49%; } @media (max-width:1200px) {  .tp-product-details-description .comment-form-email {   width:100%;  } } .tp-product-details-description table tbody > tr:nth-child(odd) > td, .tp-product-details-description table tbody > tr:nth-child(odd) > th {  background-color:inherit; } .tp-product-details-description table {  border:1px solid #E0E2E3;  width:100%; } .tp-product-details-description table th, .tp-product-details-description table td {  padding:0;  line-height:1.5;  vertical-align:middle;  border:1px solid #ECEDED;  text-align:left;  background-color:transparent; } .tp-product-details-description table th p, .tp-product-details-description table td p {  margin-bottom:0; } .tp-product-details-description table tr:not(:last-child) {  border-bottom:1px solid #ECEDED; } .tp-product-details-description table tr th {  font-size:16px;  color:var(--tp-common-black);  background-color:#F9F9F9 !important;  width:306px;  padding:12px 34px;  font-weight:500; } .tp-product-details-description table tr td {  padding:12px 34px; } .tp-product-details-description table tr td:first-child {  font-size:14px;  color:var(--tp-common-black);  background-color:#F9F9F9;  width:306px; } .tp-product-details-description table tr td:last-child {  font-size:16px;  color:var(--tp-text-body); } .tp-product-details-description table tr td p {  margin-bottom:0;  font-size:14px; } .product-additional-info-title {  margin-bottom:15px; } .woocommerce-message {  background:#F3F5F6;  padding:9px 20px;  margin-bottom:20px;  border-top:3px solid #007CF5;  color:var(--tp-text-body); } .woocommerce-message a {  float:right;  color:#007CF5;  font-weight:600; } .woocommerce-message a:hover {  color:#3653EB; } .product-type-variable .tp-product-details-wrapper .product-percentage-badges {  transform:translateY(0px); } .tp-product-details-wrapper .variations_form table, .tp-product-details-action-wrapper .variations_form table {  position:relative;  margin-bottom:30px; } .tp-product-details-wrapper .variations_form table td, .tp-product-details-action-wrapper .variations_form table td {  padding:12px 12px; } .tp-product-details-wrapper .variations_form table tr .nice-select, .tp-product-details-action-wrapper .variations_form table tr .nice-select {  width:100%;  background-color:#F9F9F9;  border:1px solid rgba(1, 15, 28, 0.1);  border-radius:0;  font-size:14px;  color:var(--tp-common-black);  height:40px;  line-height:38px;  padding:0 25px;  min-width:204px;  float:none; } .tp-product-details-wrapper .variations_form table tr .nice-select::after, .tp-product-details-action-wrapper .variations_form table tr .nice-select::after {  position:absolute;  content:"\f107";  top:50%;  right:15px;  font-family:var(--tp-ff-fontawesome);  color:var(--tp-common-black);  font-weight:500;  pointer-events:none;  -webkit-transition:all 0.15s ease-in-out;  transition:all 0.15s ease-in-out;  margin-top:0;  transform-origin:center;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%);  width:auto;  height:auto; } .tp-product-details-wrapper .variations_form table tr .nice-select.open::after, .tp-product-details-action-wrapper .variations_form table tr .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); } .tp-product-details-wrapper .variations_form table tr .nice-select.open .list, .tp-product-details-action-wrapper .variations_form table tr .nice-select.open .list {  -webkit-transform:scale(1) translateY(0px);  -moz-transform:scale(1) translateY(0px);  -ms-transform:scale(1) translateY(0px);  -o-transform:scale(1) translateY(0px);  transform:scale(1) translateY(0px); } .tp-product-details-wrapper .variations_form table tr .nice-select .list, .tp-product-details-action-wrapper .variations_form table tr .nice-select .list {  margin-top:0;  border-radius:0;  transform-origin:center center;  -webkit-transform:scale(0.9) translateY(0px);  -moz-transform:scale(0.9) translateY(0px);  -ms-transform:scale(0.9) translateY(0px);  -o-transform:scale(0.9) translateY(0px);  transform:scale(0.9) translateY(0px);  width:100%;  padding:10px 0; } .tp-product-details-wrapper .variations_form table tr .nice-select .list .option, .tp-product-details-action-wrapper .variations_form table tr .nice-select .list .option {  line-height:1.2;  min-height:inherit;  padding-top:5px;  padding-bottom:5px; } .tp-product-details-wrapper .variations_form table tr .nice-select .list .option:hover, .tp-product-details-action-wrapper .variations_form table tr .nice-select .list .option:hover {  color:#007CF5; } .tp-product-details-wrapper .variations_form .disabled, .tp-product-details-action-wrapper .variations_form .disabled {  opacity:0.5;  cursor:not-allowed; } .tp-product-details-wrapper .variations_form .quantity, .tp-product-details-action-wrapper .variations_form .quantity {  position:relative;  width:120px; } .tp-product-details-wrapper .variations_form .reset_variations, .tp-product-details-action-wrapper .variations_form .reset_variations {  color:red;  position:absolute;  margin-top:10px; } .tp-product-details-wrapper .reset_variations, .tp-product-details-action-wrapper .reset_variations {  display:none; } .tp-product-details-wrapper .single_variation_wrap .single_variation, .tp-product-details-action-wrapper .single_variation_wrap .single_variation {  margin-bottom:30px; } .tp-product-details-wrapper .single_variation_wrap .single_variation .amount, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .amount {  font-weight:600;  font-size:24px;  color:var(--tp-common-black);  margin-left:1px; } .tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price span, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price span {  font-weight:500;  font-size:24px;  letter-spacing:-0.02em;  color:var(--tp-common-black); } .tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del {  text-decoration:none; } .tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del span, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price del span {  font-weight:400;  font-size:16px;  text-decoration-line:line-through;  color:#767A7D; } .tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins {  text-decoration:none; } .tp-product-details-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins span, .tp-product-details-action-wrapper .single_variation_wrap .single_variation .woocommerce-variation-price ins span {  color:var(--tp-common-black); } .woosw-popup {  transition:all 0.3s; } .woosw-popup .added_to_cart {  font-size:0 !important; } .woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {  background-color:#007CF5 !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings {  -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; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings:hover {  color:#007CF5; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward {  font-size:14px;  color:var(--tp-common-white);  background-color:#007CF5;  width:100%;  padding:5px 15px;  display:inline-block;  text-align:center;  font-weight:500; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward svg {  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button i, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward i {  margin-right:4px; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button:hover, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button.loading::before, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward.loading::before {  color:var(--tp-common-white) !important; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .woocommerce a.button.add_to_cart_button.added, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward.added {  display:none; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .added_to_cart.wc-forward::before {  font-size:15px;  font-weight:400;  margin-right:4px; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td p {  margin-bottom:0; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td span {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:15px;  color:var(--tp-text-1); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span {  font-size:0; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span::before {  font-size:11px; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:15px;  color:#c2c2d3; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .woocommerce-Price-amount, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del span {  font-size:13px;  color:#c2c2d3; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins {  text-decoration:none;  font-family:var(--tp-ff-inter);  font-weight:500; } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins .woocommerce-Price-amount {  font-size:16px;  color:var(--tp-common-black); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins span {  color:var(--tp-common-black); } .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {  padding-left:30px; } .woosc-quick-table {  margin-bottom:60px; } .woosc-quick-table h2 {  margin-bottom:25px; } .woosc-quick-table table thead th {  padding:15px; } .woosc-quick-table table tbody tr td {  z-index:1; } .woosc-quick-table table tbody tr td .add_to_cart_button, .woosc-quick-table table tbody tr td .product_type_grouped, .woosc-quick-table table tbody tr td .product-action-btn {  font-size:14px;  color:var(--tp-common-white);  background-color:#007CF5;  width:100%;  padding:5px 15px;  display:inline-block;  text-align:center;  font-weight:500; } .woosc-quick-table table tbody tr td .add_to_cart_button svg, .woosc-quick-table table tbody tr td .product_type_grouped svg, .woosc-quick-table table tbody tr td .product-action-btn svg {  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } .woosc-quick-table table tbody tr td .add_to_cart_button svg, .woosc-quick-table table tbody tr td .add_to_cart_button i, .woosc-quick-table table tbody tr td .product_type_grouped svg, .woosc-quick-table table tbody tr td .product_type_grouped i, .woosc-quick-table table tbody tr td .product-action-btn svg, .woosc-quick-table table tbody tr td .product-action-btn i {  margin-right:4px; } .woosc-quick-table table tbody tr td .add_to_cart_button:hover, .woosc-quick-table table tbody tr td .product_type_grouped:hover, .woosc-quick-table table tbody tr td .product-action-btn:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .woosc-quick-table table tbody tr td p {  margin-bottom:0; } .woosc-quick-table table tbody tr td span {  font-weight:500;  font-size:11px;  display:inline-block; } .woosc-quick-table table tbody tr td del {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:15px;  color:#c2c2d3; } .woosc-quick-table table tbody tr td del .woocommerce-Price-amount, .woosc-quick-table table tbody tr td del span {  font-size:13px;  color:#c2c2d3; } .woosc-quick-table table tbody tr td ins {  text-decoration:none;  font-family:var(--tp-ff-inter);  font-weight:500; } .woosc-quick-table table tbody tr td ins .woocommerce-Price-amount {  font-size:16px;  color:var(--tp-common-black); } .woosc-quick-table table tbody tr td ins span {  color:var(--tp-common-black); } .woosc-quick-table table tbody tr td:first-child {  padding-left:30px; } .woosc-quick-table table tbody tr:not(:first-child) td {  padding:15px 10px; } .woosc-quick-table table tbody tr:nth-child(2n) {  background-color:var(--tp-grey-16); } .tp-product-details-wrapper .grouped_form .tp-product-details-quantity {  margin-bottom:0; } .tp-product-details-wrapper .grouped_form tbody tr td {  border:1px solid #E7E8EB; } .tp-product-details-wrapper .grouped_form tbody tr td:first-child {  padding:0px 15px; } .tp-product-details-wrapper .grouped_form tbody tr td:not(:first-child) {  padding:15px 15px; } .tp-product-details-wrapper .grouped_form tbody tr td span {  font-family:var(--tp-ff-inter);  font-weight:600;  font-size:15px;  color:var(--tp-text-1); } .tp-product-details-wrapper .grouped_form tbody tr td del {  font-family:var(--tp-ff-inter);  font-weight:600;  font-size:15px;  color:#c2c2d3; } .tp-product-details-wrapper .grouped_form tbody tr td del .woocommerce-Price-amount, .tp-product-details-wrapper .grouped_form tbody tr td del span {  font-size:15px;  color:#c2c2d3; } .tp-product-details-wrapper .grouped_form tbody tr td ins {  text-decoration:none;  font-family:var(--tp-ff-inter);  font-weight:500; } .tp-product-details-wrapper .grouped_form tbody tr td ins .woocommerce-Price-amount {  font-size:16px;  color:var(--tp-common-black); } .tp-product-details-wrapper .grouped_form tbody tr td ins span {  color:var(--tp-common-black); } .tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list {  margin-bottom:35px; } .tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a {  color:var(--tp-common-black);  font-weight:600; } .tp-product-details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a:hover {  color:#007CF5; } .tp-product-details-wrapper .grouped_form .single_add_to_cart_button {  padding:12px 30px; } .tp-product-action .product-action-btn > a {  width:100%;  height:100%; } .tp-product-action .woosc-btn {  font-size:0;  width:100%;  height:100%; } .tp-product-action .woosc-btn::before {  font-size:16px;  content:"\f0ec";  font-family:var(--tp-ff-fontawesome);  margin:0;  font-weight:400;  display:inline-block; } .tp-product-action .woosc-btn.woosc-btn-added::before {  content:"\f00c";  font-family:var(--tp-ff-fontawesome); } .tp-product-action .product-add-wishlist-btn button {  font-size:0;  width:100%;  height:100%; } .tp-product-action .product-add-wishlist-btn button::before {  font-size:16px;  content:"\f004";  font-family:var(--tp-ff-fontawesome);  margin:0;  font-weight:400;  display:inline-block;  -webkit-transform:translate(0px, -1px);  -moz-transform:translate(0px, -1px);  -ms-transform:translate(0px, -1px);  -o-transform:translate(0px, -1px);  transform:translate(0px, -1px); } .tp-product-action .product-add-wishlist-btn button.woosw-btn-added::before {  font-weight:700; } .woosw-item--time {  display:none !important; } .woosw-item--price span {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:15px;  color:var(--tp-text-1); } .woosw-item--price del {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:15px;  color:#c2c2d3; } .woosw-item--price del .woocommerce-Price-amount, .woosw-item--price del span {  font-size:13px;  color:#c2c2d3; } .woosw-item--price ins {  text-decoration:none;  font-family:var(--tp-ff-inter);  font-weight:500; } .woosw-item--price ins .woocommerce-Price-amount {  font-size:16px;  color:var(--tp-common-black); } .woosw-item--price ins span {  color:var(--tp-common-black); } .woosw-item--add .add_to_cart_button, .woosw-item--add .added_to_cart, .woosw-item--add .product-action {  font-weight:600;  color:var(--tp-common-black);  background-color:#fff;  display:inline-block;  text-align:center;  font-size:0;  border:1px solid #E7E8EB;  width:50px;  height:50px;  line-height:55px; } .woosw-item--add .add_to_cart_button.added_to_cart, .woosw-item--add .added_to_cart.added_to_cart, .woosw-item--add .product-action.added_to_cart {  line-height:50px; } .woosw-item--add .add_to_cart_button:hover, .woosw-item--add .added_to_cart:hover, .woosw-item--add .product-action:hover {  background-color:#007CF5;  color:var(--tp-common-white); } .woosw-item--add .add_to_cart_button svg, .woosw-item--add .add_to_cart_button i, .woosw-item--add .added_to_cart svg, .woosw-item--add .added_to_cart i, .woosw-item--add .product-action svg, .woosw-item--add .product-action i {  font-size:14px;  margin-right:0; } .woosw-item--add .add_to_cart_button svg, .woosw-item--add .added_to_cart svg, .woosw-item--add .product-action svg {  -webkit-transform:translate(0px, -3px);  -moz-transform:translate(0px, -3px);  -ms-transform:translate(0px, -3px);  -o-transform:translate(0px, -3px);  transform:translate(0px, -3px); } .woosw-item--add .add_to_cart_button .product-action-tooltip, .woosw-item--add .added_to_cart .product-action-tooltip, .woosw-item--add .product-action .product-action-tooltip {  display:none; } .woosw-item--add .woocommerce a.added_to_cart {  font-size:14px;  width:auto;  padding:0 20px; } .woosw-item--add .woocommerce a.added_to_cart::before {  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; } .woosw-item--add .woocommerce a.added_to_cart:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white);  border-color:var(--tp-common-black); } .woosw-item--add .woocommerce a.added_to_cart:hover::before {  color:var(--tp-common-white); } .woosw-item--add .woocommerce a.button.loading::before {  color:black; } .woosw-item--add .woocommerce a.button.loading:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white);  border-color:var(--tp-common-black); } .woosw-item--add .woocommerce a.button.loading:hover::before {  color:var(--tp-common-black); } .woosw-item--name a {  color:var(--tp-common-black); } .woosw-item--name a:hover {  color:#007CF5; } .woosw-popup-content-bot .woosw-popup-content-bot-inner a {  color:var(--tp-common-black); } .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {  color:#007CF5 !important;  border-color:#007CF5 !important; } .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {  background-color:var(--tp-common-white);  border-bottom:1px solid #E7E8EB; } .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:hover {  color:#007CF5; } .product_meta {  padding-top:34px;  border-top:1px solid #DADCE0;  margin-top:32px; }  div.woocommerce .woocommerce-cart-form table {  width:100%;  border: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) {  div.woocommerce .woocommerce-cart-form table {   width:840px;  } } div.woocommerce .woocommerce-cart-form table thead {  border-bottom:1px solid var(--tp-border-1);  font-weight:600; } div.woocommerce .woocommerce-cart-form table thead th {  border:0;  text-align:left;  font-family:var(--tp-ff-inter);  font-weight:600;  font-size:14px;  color:var(--tp-common-black); } div.woocommerce .woocommerce-cart-form table thead th.product-name {  padding-left:30px; } div.woocommerce .woocommerce-cart-form table tbody tr:not(:last-child) {  border-bottom:1px solid var(--tp-border-1); } div.woocommerce .woocommerce-cart-form table tbody tr td {  border:0;  text-align:left; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-thumbnail {  width:80px;  padding:12px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-thumbnail img {  width:100%; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-name {  padding:12px 12px 12px 20px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-name a {  text-align:left;  font-weight:400;  font-size:16px;  color:var(--tp-common-black); } div.woocommerce .woocommerce-cart-form table tbody tr td.product-name a:hover {  color:#007CF5; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-price span {  font-weight:400;  font-size:16px;  color:var(--tp-common-black); } div.woocommerce .woocommerce-cart-form table tbody tr td.product-subtotal span {  font-weight:400;  font-size:16px;  color:var(--tp-common-black); } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-details-quantity {  margin-bottom:0; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity {  width:100px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus {  height:34px;  line-height:34px;  width:40px;  left:5px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus::after, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus::after {  display:none; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus svg, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus svg {  width:10px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus i, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus i {  font-size:12px;  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus {  right:-5px;  left:auto; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-input[type=text] {  padding:0 25px;  height:34px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-remove a {  color:#818487;  font-size:25px; } div.woocommerce .woocommerce-cart-form table tbody tr td.product-remove a:hover {  color:#007CF5; } @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) {  div.woocommerce .woocommerce-cart-form .shop_table_wrapper {   overflow-x:auto;  } } div.woocommerce .woocommerce-cart-form .actions {  padding-left:0;  padding-top:35px; } div.woocommerce .woocommerce-cart-form .actions .coupon {  float:left; } @media only screen and (min-width:992px) and (max-width:1199px) {  div.woocommerce .woocommerce-cart-form .actions .coupon {   float:none;  } } div.woocommerce .woocommerce-cart-form .actions .coupon label {  display:block;  font-size:14px;  color:var(--tp-common-black);  font-weight:500;  margin-bottom:7px; } div.woocommerce .woocommerce-cart-form .actions .coupon #coupon_code {  padding:0px 20px;  font-size:14px;  width:55%;  height:45px;  line-height:45px;  border:0;  outline:0;  font-weight:500;  font-size:14px;  color:#87888A;  box-shadow:inset 0 0 0 1px #E5E5E5;  transition:box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);  color:var(--tp-common-black);  border-radius:6px;  margin-left:0; } @media only screen and (min-width:992px) and (max-width:1199px) {  div.woocommerce .woocommerce-cart-form .actions .coupon #coupon_code {   width:68%;  } } @media (max-width:767px) {  div.woocommerce .woocommerce-cart-form .actions .coupon #coupon_code {   width:100%;  } } div.woocommerce .woocommerce-cart-form .actions .coupon #coupon_code:focus {  border-color:#007CF5; } div.woocommerce .woocommerce-cart-form .actions button {  transform:translateY(-1px);  margin-top:10px; } @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) {  div.woocommerce .woocommerce-cart-form .actions button {   margin-top:10px;  } } div.woocommerce .woocommerce-cart-form .actions button[name=update_cart]:disabled {  color:#C2C2D3;  background-color:#F3F3F6;  cursor:not-allowed;  transform:translateY(0);  border-color:#F3F3F6; } div.woocommerce .woocommerce-cart-form .actions > button {  float:right;  margin-top:30px; } div.woocommerce .select2-container .select2-selection--single {  height:46px;  line-height:44px;  border:1px solid #E7E8EB;  background-color:#EFF0F2;  border-radius:0; } div.woocommerce .select2-container .select2-selection--single:focus {  background-color:var(--tp-common-white); } div.woocommerce .select2-container .select2-selection--single:focus .select2-selection--single {  background-color:var(--tp-common-white);  border-color:#007CF5; } div.woocommerce .select2-container .select2-selection__rendered {  line-height:44px;  padding-left:29px;  padding-right:29px; } div.woocommerce .select2-container .select2-selection__arrow {  height:46px;  right:25px; } div.woocommerce .cart_totals {  background-color:var(--tp-common-white);  box-shadow:0px 30px 70px rgba(1, 15, 28, 0.1);  padding:20px 24px 24px; } div.woocommerce .cart_totals > h2 {  font-weight:600;  font-size:26px;  margin-bottom:25px; } div.woocommerce .cart_totals table {  width:100%;  border:0; } div.woocommerce .cart_totals table tbody tr:not(:last-child) {  border-bottom:1px solid #E0E2E3; } div.woocommerce .cart_totals table tbody tr th {  border:0;  text-align:left;  font-weight:500;  font-size:15px;  color:var(--tp-common-black);  padding-left:0; } div.woocommerce .cart_totals table tbody tr td {  border:0;  text-align:right;  font-size:15px;  font-weight:500;  color:var(--tp-common-black); } div.woocommerce .cart_totals table tbody tr td:last-child {  padding-right:0; } div.woocommerce .cart_totals table tbody tr td[data-title=Shipping] {  text-align:left;  line-height:1.3;  padding-left:15px; } div.woocommerce .cart_totals table tbody tr td[data-title=Total] {  font-size:16px;  font-weight:400; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-button {  margin-top:7px;  display:inline-block;  color:#007CF5; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-button:hover {  color:#007CF5; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form {  margin-top:14px; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator input {  border-width:1px;  height:46px;  border:1px solid #e7e7e7;  padding:0 10px;  width:100%;  font-size:16px;  background-color:transparent; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator input:focus {  border-color:#007CF5;  background-color:var(--tp-common-white); } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .select2.select2-container {  width:215px !important; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {  min-width:100%;  font-family:var(--tp-ff-space);  color:var(--tp-common-black);  font-size:14px;  border:0;  padding-left:10px;  padding-right:50px;  font-weight:500;  border-radius:0;  border:1px solid #e7e7e7;  float:none;  height:46px;  line-height:44px;  background-color:var(--tp-grey-15);  color:var(--tp-common-black);  width:100%; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {   width:100%;   border-radius:40px;   border:1px solid var(--tp-border-2);   height:50px;   line-height:50px;  } } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {  right:25px;  position:absolute;  top:50%; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {   right:25px;  } } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {  margin-top:0;  border-radius:0;  width:100%;  padding-bottom:10px;  padding-top:9px; } @media (max-width:767px) {  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {   margin-top:0;  } } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option {  line-height:29px;  min-height:29px;  padding-left:18px;  padding-right:18px; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option:hover {  color:#007CF5; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option.selected {  color:#007CF5; } div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select:focus {  border-color:#007CF5;  background-color:var(--tp-common-white); } div.woocommerce .cart_totals table tbody tr.order-total td {  color:var(--tp-common-black); } div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single {  height:46px;  line-height:44px;  border:1px solid #E7E8EB;  background-color:#fff;  border-radius:0; } div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus {  background-color:var(--tp-common-white); } div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus .select2-selection--single, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus .select2-selection--single {  background-color:var(--tp-common-white);  border-color:#007CF5; } div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection__rendered, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection__rendered {  line-height:44px;  padding-left:29px;  padding-right:29px; } div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow {  height:46px;  right:25px; } div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods {  padding-left:0; } div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li {  list-style:none; } div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li label {  margin-left:5px; } div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li label:hover {  cursor:pointer; }  .woocommerce-checkout .tp-page-area {  background-color:var(--tp-grey-4); } .woocommerce-checkout .woocommerce-form-coupon-toggle {  position:relative; } .woocommerce-checkout .woocommerce-form-coupon-toggle::before {  color:#007CF5;  position:absolute;  left:26px;  top:50%;  transform:translateY(-50%);  text-rendering:auto;  font-family:"Font Awesome 5 Pro";  font-style:normal;  font-weight:500;  display:inline-block;  text-decoration:inherit;  width:1em;  margin-right:0.2em;  text-align:center;  font-variant:normal;  text-transform:none;  line-height:1em;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;  content:"\f02e";  z-index:1; } .woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {  color:#6f7172;  cursor:pointer;  transition:0.3s;  font-weight:500;  color:#007CF5; } .woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover {  color:#007CF5; } .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {  background-color:#F3F5F6;  border-top:3px solid #007CF5;  font-size:14px;  font-weight:500;  margin:0 0 0;  padding:1em 2em 1em 3.5em;  position:relative;  width:auto; } .woocommerce-checkout .checkout_coupon {  margin-bottom:30px; } .woocommerce-checkout .checkout_coupon p {  font-size:14px;  color:var(--tp-common-black);  margin-bottom:0; } .woocommerce-checkout .checkout_coupon p:first-child {  font-size:14px;  margin-bottom:10px;  color:#6f7172;  font-weight:500; } .woocommerce-checkout .checkout_coupon #coupon_code {  width:350px;  height:46px;  line-height:46px;  margin-bottom:15px;  border:1px solid #E7E8EB;  border-radius:6px;  background-color:transparent; } .woocommerce-checkout .checkout_coupon #coupon_code:focus {  border-color:#007CF5; } .woocommerce-checkout #customer_form_details {  border:1px solid #E7E8EB;  border-radius:0;  padding:30px; } @media (max-width:600px) {  .woocommerce-checkout #customer_form_details {   padding:15px;  } } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields h3 {  font-weight:600;  font-size:26px;  margin-bottom:35px; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields .validate-state .nice-select.state_select {  display:none !important; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields .validate-state .state_select {  display:inline-block !important; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state {  display:inline-block !important; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state.nice-select {  display:none !important; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row > label {  line-height:2;  margin-left:0;  margin-top:10px;  color:#6f7172;  font-size:14px;  margin-bottom:4px; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea {  background:#ffffff;  border:1px solid #E7E8EB;  border-radius:6px;  height:45px;  padding:5px 22px;  width:100%;  outline:none;  -webkit-box-shadow:none;  -moz-box-shadow:none;  -ms-box-shadow:none;  -o-box-shadow:none;  box-shadow:none; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input::placeholder, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea::placeholder {  color:#6f7172; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea:focus {  border-color:#007CF5; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row textarea {  padding-top:15px;  padding-bottom:15px;  resize:none;  line-height:1.2; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-results__options .select2-results__option {  font-weight:400;  padding-left:18px;  padding-right:29px;  text-align:left; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single {  border:1px solid #E7E8EB; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection__rendered {  height:45px;  padding:0 22px;  width:100%;  color:#6f7172;  margin-bottom:20px; } .woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .woocommerce-form__input[type=checkbox] {  width:20px;  height:20px;  border:1px solid #E7E8EB; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row.notes {  margin-bottom:0; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row > label {  margin-bottom:10px;  margin-left:0; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input {  background:var(--tp-common-white);  border:1px solid #E7E8EB; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus {  border-color:#007CF5; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea {  border:1px solid #E7E8EB;  height:46px;  padding:5px 22px;  width:100%;  outline:0;  font-size:14px;  border-radius:12px; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input::placeholder, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea::placeholder {  color:#6f7172; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea:focus {  border-color:#007CF5; } .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea {  background-color:transparent;  line-height:1.3;  resize:none;  padding-top:15px;  padding-bottom:15px;  height:150px; } .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {  margin-bottom:15px;  display:block;  border:1px dashed #AAB0B2;  font-weight:400;  font-size:14px;  color:var(--tp-common-black);  padding:8px 25px; } .woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a {  color:#007CF5;  text-decoration:underline; } .woocommerce-checkout .woocommerce-form-login {  margin-bottom:30px; } .woocommerce-checkout .woocommerce-form-login p {  font-size:14px;  color:var(--tp-common-black);  margin-bottom:0; } .woocommerce-checkout .woocommerce-form-login p:first-child {  margin-bottom:15px; } .woocommerce-checkout .woocommerce-form-login label {  margin:0;  display:block;  height:auto; } .woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme input {  border:1px solid #E7E8EB;  background-color:transparent;  margin-right:5px;  height:auto; } .woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme:hover {  cursor:pointer; } .woocommerce-checkout .woocommerce-form-login .lost_password {  margin-top:15px;  padding-bottom:15px; } .woocommerce-checkout .woocommerce-form-login .lost_password a:hover {  color:#007CF5; } .woocommerce-checkout .woocommerce-form-login input {  height:54px;  background-color:var(--tp-common-white);  border-color:var(--tp-common-white);  margin-bottom:15px;  border-width:1px; } .woocommerce-checkout .woocommerce-form-login input:focus {  border-color:#007CF5; } .woocommerce-checkout .woocommerce-form-login .tp-btn {  padding:14px 30px; } .woocommerce-checkout .woocommerce-form-login .tp-btn:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .woocommerce-checkout .woocommerce-form-login .woocommerce-button {  display:inline-block;  font-size:16px;  font-weight:700;  color:var(--tp-common-white);  background:#007CF5;  text-align:center;  font-family:var(--tp-ff-space);  padding:14px 30px;  position:relative;  z-index:1;  overflow:hidden;  letter-spacing:-0.02em; } .woocommerce-checkout .woocommerce-form-login .woocommerce-button:hover {  background-color:var(--tp-common-black); } .woocommerce-checkout .tp-free-progress-bar {  background-color:var(--tp-common-white); } .woocommerce-checkout #ship-to-different-address {  font-weight:600;  font-size:26px;  margin-bottom:35px; }  .woosw-list .woosw-items {  width:100%; } .woosw-list .woosw-items .woosw-item--add .add_to_cart_button {  font-size:16px;  font-weight:500; } .woosw-list .woosw-items .woosw-item--add .add_to_cart_button i, .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {  margin-right:7px; } .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); }  .single-product .tp-shop-area .related.products h2 {  margin-bottom:25px; } .tp-login-wrapper .tp-btn {  background-color:var(--tp-common-black); } .tp-login-wrapper .tp-btn:hover {  background-color:#007CF5; }  .woocommerce-order .woocommerce-notice--success.woocommerce-thankyou-order-received {  font-size:24px;  font-weight:600;  color:var(--tp-common-black);  border:2px dashed var(--tp-common-green-2);  padding:35px 30px;  text-align:center;  margin-bottom:25px; } .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {  padding-left:0;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  padding:20px 20px 0;  box-shadow:1px 6px 19px rgba(3, 4, 28, 0.1);  margin-bottom:55px; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {   justify-content:start;  } } .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {  list-style:none;  display:inline-block;  margin-bottom:20px;  margin-right:30px; } .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {  display:block; } .woocommerce-order-received .tp-page-area {  background-color:transparent; } .tp-order-details-wrapper {  display:flex; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-order-details-wrapper {   display:block;  } } .tp-order-details-wrapper .woocommerce-order-details {  flex:50%;  margin-right:50px; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-order-details-wrapper .woocommerce-order-details {   flex:100%;   margin-right:0;   margin-bottom:50px;  } } .tp-order-details-wrapper .woocommerce-order-details .woocommerce-order-details__title {  margin-bottom:15px;  font-size:22px; } .tp-order-details-wrapper .woocommerce-customer-details {  flex:50%; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-order-details-wrapper .woocommerce-customer-details {   flex:100%;  } } .tp-order-details-wrapper .woocommerce-customer-details [class*=col-] {  width:inherit; } .tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column__title {  margin-bottom:15px;  font-size:22px; } .tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column--billing-address {  margin-bottom:35px; } .tp-order-details-wrapper .shop_table {  width:100%; } .tp-order-details-wrapper .shop_table thead tr th {  text-align:left;  padding:8px 12px;  color:var(--tp-heading-primary);  font-weight:700;  border-color:var(--tp-border-5); } .tp-order-details-wrapper .shop_table tbody tr td {  padding:8px 12px;  border-color:var(--tp-border-5); } .tp-order-details-wrapper .shop_table tbody tr td.product-name {  text-align:left; } .tp-order-details-wrapper .shop_table tbody tr td.product-name a {  color:var(--tp-heading-primary); } .tp-order-details-wrapper .shop_table tbody tr td.product-total {  text-align:left; } .tp-order-details-wrapper .shop_table tfoot tr th {  padding:8px 12px;  text-align:left;  font-weight:700;  color:var(--tp-heading-primary);  border-color:var(--tp-border-5); } .tp-order-details-wrapper .shop_table tfoot tr td {  border-color:var(--tp-border-5);  padding:8px 12px;  text-align:left; } .tp-empty-cart {  text-align:center;  margin-bottom:35px; } .tp-empty-cart img {  max-width:450px; } .cart-empty.woocommerce-info {  font-size:20px;  font-weight:500;  margin-bottom:35px; }  div.woocommerce .woocommerce-MyAccount-navigation ul {  padding-left:0;  border-bottom:1px solid #E7E8EB; } div.woocommerce .woocommerce-MyAccount-navigation ul li {  list-style:none;  display:inline-block;  margin-bottom:0;  margin-right:20px; } div.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after {  width:100%;  left:0;  right:auto; } div.woocommerce .woocommerce-MyAccount-navigation ul li a {  font-size:16px;  padding:8px 0;  display:inline-block;  position:relative; } div.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {  color:#007CF5; } div.woocommerce .woocommerce-MyAccount-navigation ul li a::after {  position:absolute;  content:"";  left:auto;  right:0;  height:2px;  width:0;  bottom:0;  background-color:#007CF5; } div.woocommerce .woocommerce-MyAccount-content > p a {  color:#007CF5; } div.woocommerce .woocommerce-MyAccount-content .my_account_orders {  width:100%; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table {  width:100%; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.u-columns {  display:flex;  flex-wrap:wrap; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {  width:50%; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {  display:flex;  align-items:center; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title > a {  color:#007CF5;  font-weight:500;  font-size:16px;  margin-left:40px;  margin-bottom:5px; } div.woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th {  font-weight:700; } div.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {  margin-top:35px; } div.woocommerce .woocommerce-MyAccount-content .edit-account legend {  font-size:22px;  color:var(--tp-common-black);  font-weight:500; } div.woocommerce .woocommerce-MyAccount-content .edit-account label {  color:var(--tp-common-black); } div.woocommerce .woocommerce-MyAccount-content .edit-account input {  height:46px;  line-height:46px; } div.woocommerce .woocommerce-MyAccount-content .edit-account .tp-btn:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } div.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input {  height:46px;  line-height:46px; } div.woocommerce .woocommerce-MyAccount-content .tp-btn:hover {  background-color:var(--tp-common-black); }  .tp-free-progress-bar {  padding:20px 30px 30px;  border:1px solid #E7E8EB;  width:100%;  margin-bottom:30px; } .tp-free-progress-bar .free-shipping-notice {  color:var(--tp-common-black);  font-size:13px;  margin-bottom:5px;  font-weight:500; } .tp-free-progress-bar .free-shipping-notice a {  color:#007CF5; } .tp-free-progress-bar .free-shipping-notice span {  color:#007CF5;  font-weight:700; } .tp-free-progress-bar .tp-progress-bar {  height:6px;  background-color:#f2f3f5;  border-radius:10px;  overflow:hidden; } .tp-free-progress-bar .tp-progress-bar .progress {  background-color:#007CF5;  height:6px; } .tp-free-progress-bar .progress-bar-striped {  background-image:linear-gradient(45deg, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); } .cartmini__widget .woocommerce-mini-cart__total {  padding:20px;  margin-bottom:0; } .cartmini__widget .woocommerce-mini-cart__total span {  float:right; } .cartmini__widget .product_list_widget {  max-height:700px;  overflow-y:scroll;  overscroll-behavior-y:contain;  scrollbar-width:thin;  scrollbar-color:rgba(245, 9, 99, 0.5) #fff; } .cartmini__widget .product_list_widget::-webkit-scrollbar {  display:thin; } .cartmini__widget .woocommerce-mini-cart__buttons {  padding:20px; } .cartmini__widget .woocommerce-mini-cart__buttons .button {  display:inline-block;  font-weight:500;  color:var(--tp-common-black);  font-family:var(--tp-ff-space);  padding:10px 30px;  font-size:15px;  text-transform:capitalize;  border:1px solid #E7E8EB;  text-align:center;  width:100%; } .cartmini__widget .woocommerce-mini-cart__buttons .button:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout) {  background-color:var(--tp-grey-1);  color:var(--tp-common-black);  margin-bottom:15px; } .cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout):hover {  color:var(--tp-common-white);  background-color:var(--tp-common-black);  border-color:var(--tp-common-black); } .woosq-open .select2-container {  z-index:9; }  div.product__widget {  } div.product__widget .product__widget-title {  font-family:var(--tp-ff-roboto);  font-weight:400;  font-size:17px;  line-height:12px;  color:var(--tp-common-black-solid);  border-bottom:1px solid #DADCE0;  padding:10px 0;  margin-bottom:25px;  position:relative; } div.product__widget .product__widget-title::after {  position:absolute;  content:"\f107";  font-family:var(--tp-ff-fontawesome);  background-image:none;  top:37%;  right:0;  -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -ms-transform:rotate(180deg);  -o-transform:rotate(180deg);  transform:rotate(180deg);  color:var(--tp-common-black-solid);  width:auto;  height:auto;  font-weight:500;  -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; } div.product__widget .product__widget-title:hover {  cursor:pointer;  color:#007CF5; } div.product__widget .product__widget-title:hover::after {  color:#007CF5; } div.product__widget .product__widget-title.tp-widget-active::after {  -webkit-transform:rotate(0deg);  -moz-transform:rotate(0deg);  -ms-transform:rotate(0deg);  -o-transform:rotate(0deg);  transform:rotate(0deg); } div.product__widget .select2-container {  margin-bottom:20px; } div.product__widget .select2-container .select2-selection--single {  height:40px;  line-height:38px;  border:1px solid #E7E8EB;  background-color:var(--tp-common-white);  border-radius:0; } div.product__widget .select2-container .select2-selection--single:focus {  background-color:var(--tp-common-white); } div.product__widget .select2-container .select2-selection--single:focus .select2-selection--single {  background-color:var(--tp-common-white);  border-color:#007CF5; } div.product__widget .select2-container .select2-selection__rendered {  line-height:40px;  padding-left:20px;  padding-right:20px; } div.product__widget .select2-container .select2-selection__arrow {  height:40px;  right:20px; } div.product__widget .select2-container--default .select2-selection--single .select2-selection__clear {  cursor:pointer;  float:right;  font-weight:700;  padding-right:4px;  z-index:2;  background-color:var(--tp-common-white);  top:-2px; } div.product__widget.widget_rating_filter ul li {  list-style:none; } div.product__widget .woocommerce-widget-layered-nav-list li {  list-style:none;  font-size:14px;  color:#998f8f;  margin-bottom:5px; } div.product__widget .woocommerce-widget-layered-nav-list li span {  font-weight:400; } div.product__widget .woocommerce-widget-layered-nav-list li a {  position:relative;  padding-left:15px;  color:var(--tp-text-1); } div.product__widget .woocommerce-widget-layered-nav-list li a:hover {  color:#007CF5; } div.product__widget .woocommerce-widget-layered-nav-list li a::after {  position:absolute;  content:"";  left:0;  top:53%;  height:4px;  width:4px;  background-color:var(--tp-text-1);  border-radius:50%;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%); } div.product__widget .woocommerce-widget-layered-nav-list li a:hover {  color:#007CF5; } div.product__widget.widget_product_categories li {  list-style:none; } div.product__widget.widget_product_categories li a {  position:relative;  padding-left:15px; } div.product__widget.widget_product_categories li a:hover {  color:#007CF5; } div.product__widget.widget_product_categories li a::after {  position:absolute;  content:"";  left:0;  top:53%;  height:4px;  width:4px;  background-color:var(--tp-text-1);  border-radius:50%;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%); } div.product__widget.widget_product_categories li .children {  padding-left:15px;  padding-top:0;  padding-bottom:0; } div.product__widget.widget_top_rated_products ul li, div.product__widget.widget_recent_reviews ul li, div.product__widget.widget_products ul li {  list-style:none; } div.product__widget.widget_top_rated_products ul li:not(:last-child), div.product__widget.widget_recent_reviews ul li:not(:last-child), div.product__widget.widget_products ul li:not(:last-child) {  margin-bottom:12px;  padding-bottom:12px;  border-bottom:1px solid #E7E8EB; } div.product__widget .tp-product-sidebar-rating-thumb img {  max-width:inherit;  width:90px; } div.product__widget .tp-product-sidebar-rating-title {  font-size:16px; } div.product__widget .tp-product-sidebar-rating-title a:hover {  color:#007CF5; } div.product__widget .tp-product-sidebar-rating-price span {  font-family:var(--tp-ff-inter);  font-weight:500;  font-size:13px;  color:var(--tp-text-1); } div.product__widget .tp-product-sidebar-rating-price del {  color:#c2c2d3; } div.product__widget .tp-product-sidebar-rating-price del .woocommerce-Price-amount, div.product__widget .tp-product-sidebar-rating-price del span {  font-size:13px;  color:#c2c2d3; } div.product__widget .tp-product-sidebar-rating-price ins {  text-decoration:none; } div.product__widget .tp-product-sidebar-rating-price ins .woocommerce-Price-amount {  font-size:14px;  color:var(--tp-common-black); } div.product__widget .tp-product-sidebar-rating-price ins span {  color:var(--tp-common-black); } div.product__widget .tp-product-sidebar-rating-content .star-rating {  display:block; } div.product__widget .tp-product-sidebar-rating-content .reviewer span {  font-weight:400; } div.product__widget .tp-product-sidebar-rating-content .reviewer span span {  font-weight:500; } div.product__widget.widget_product_tag_cloud .tagcloud a {  border:1px solid #EAEAEF;  box-shadow:none; } .tp-shop-sidebar {  } .tp-shop-sidebar .price_slider_wrapper {  padding-top:5px; } .tp-shop-sidebar .ui-widget-content {  position:relative;  height:4px;  background-color:#ECECEC;  margin-bottom:1.5625rem; } .tp-shop-sidebar .ui-widget-content .ui-slider-range {  position:absolute;  display:block;  width:100%;  height:4px;  border:0;  background-color:#007CF5;  border-radius:8px;  z-index:1; } .tp-shop-sidebar .ui-widget-content .ui-slider-handle {  left:0%;  position:absolute;  z-index:2;  outline:0;  cursor:pointer;  background-color:#007CF5;  border-radius:100%;  border:2px solid #fff;  height:14px;  top:-5px;  width:14px;  margin:0;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-transform:translateX(0px);  transform:translateX(0px); } .tp-shop-sidebar .ui-widget-content .ui-slider-handle:last-child {  left:100%;  -webkit-transform:translateX(-100%);  transform:translateX(-100%); } .tp-shop-sidebar .price_slider_amount {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center; } .tp-shop-sidebar .price_slider_amount .button {  -webkit-box-ordinal-group:3;  -ms-flex-order:2;  order:2;  font-size:12px;  font-weight:600;  text-transform:uppercase;  height:auto;  margin-left:auto;  padding:0;  border:0;  background-color:transparent;  color:var(--tp-heading-primary); } .tp-shop-sidebar .price_slider_amount .button:hover {  color:#007CF5; } .tp-shop-sidebar .price_slider_amount .price_label {  font-size:14px; } .tp-shop-sidebar .price_slider_amount .price_label span {  font-weight:500;  color:var(--tp-heading-primary); } .woocommerce-ordering .nice-select ul.list {  width:auto;  left:auto;  right:0; } .tp-product-details-price del .woocommerce-Price-amount bdi, .tp-product-details-price del .woocommerce-Price-currencySymbol bdi {  margin-right:7px; } .tp-product-details-price .price ins {  text-decoration:none; } .woosc-quick-table-products .woosc_table td img {  width:100px; } .woosc-quick-table-products .woosc_table .star-rating {  display:inline-block; } .woosc-quick-table-products .woosc_table a.added_to_cart.wc-forward {  background:#007CF5;  padding:5px 20px;  color:#fff; } .woosc-quick-table-products .woosc_table a.ajax_add_to_cart.added {  display:none !important; } .woocommerce-product-gallery ol.product-thumbnails {  padding-left:0;  margin-top:20px; } .outofstock .woocommerce-grouped-product-list-item__quantity .cart-button {  display:none; } .stock.out-of-stock {  text-decoration:underline;  color:#007CF5; } .product-filter-area .nice-select.open .list {  width:auto; } @media (max-width:575px) {  .woocommerce-ordering .nice-select ul.list {   left:auto;  } } .tpproduct-details__list-img .tpproduct__thumb-topsall {  left:25px;  right:auto;  position:absolute;  top:25px;  padding:10px 12px 10px;  background-color:#007CF5;  color:var(--tp-text-body);  font-size:13px;  line-height:1;  z-index:2; }  .tp-mini-card {  display:inline-block;  position:relative;  cursor:pointer; } .tp-mini-card div.mini_shopping_cart_box {  position:absolute;  top:110%;  right:0;  width:300px;  background:#fff;  padding:1.25rem;  background-color:#fff;  -webkit-box-shadow:0px 5px 10px rgba(62, 68, 90, 0.1);  box-shadow:0px 5px 10px rgba(62, 68, 90, 0.1);  border:1px solid #edeef5;  border-radius:10px;  transition:0.3s;  opacity:0 !important;  visibility:hidden;  z-index:10;  text-align:left; } @media (max-width:767px) {  .tp-mini-card div.mini_shopping_cart_box {   display:none;  } } .tp-mini-card div.mini_shopping_cart_box .cartmini__empty .tp-btn {  margin-left:0;  font-size:14px; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal;  -ms-flex-flow:row wrap;  flex-flow:row wrap;  border-bottom:1px solid #EDEEF5;  padding-bottom:10px;  margin-bottom:10px; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a {  margin-left:0; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a img {  width:60px; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .mini-cart-remove a:hover {  color:#007CF5; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content {  position:static;  -webkit-box-flex:1;  -ms-flex:1;  flex:1;  padding:0; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content h5 {  margin-bottom:0; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content a {  font-size:14px;  margin-left:10px;  font-weight:600;  display:inline-block; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content a:hover {  color:#007CF5; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper {  margin-left:10px; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity {  display:inline-block;  margin-right:0;  margin-bottom:0;  font-size:14px; } .tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity .woocommerce-Price-amount.amount {  color:#007CF5; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total {  margin-top:20px; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total > strong {  font-size:15px;  font-weight:600;  color:#C2C2D3; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount {  float:right; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount bdi {  font-weight:600;  color:#007CF5; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward {  float:none;  color:#222;  display:block;  border:1px solid #ddd;  text-align:center;  padding:7px 15px;  margin-top:10px;  background:none;  margin-left:0;  font-size:20px; } .tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward.checkout {  background:#007CF5;  border-color:#007CF5;  color:#fff; } .tp-mini-card:hover .mini_shopping_cart_box {  opacity:1 !important;  visibility:visible;  top:105%; } #woosq-popup .variations 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; } #woosq-popup .star-rating {  display:inline-block; } #review_form .comment-input label {  font-size:15px;  color:var(--tp-text-body);  font-weight:500;  margin-bottom:10px; } #review_form .comment-respond > h3 {  font-family:var(--tp-ff-jakarta);  font-weight:600;  font-size:26px;  line-height:26px;  letter-spacing:-0.02em;  color:#0E1331;  margin-bottom:20px; } .woocommerce-cart-form .tpproduct-details__quantity {  padding:10px 15px; } .woocommerce-cart-form input {  width:100px;  margin:0 5px; } #customer_login {  display:flex; } @media (max-width:768px) {  #customer_login {   display:block;  } } #customer_login .u-column1, #customer_login .u-column2 {  width:50%;  display:inline-block;  padding:20px; } @media (max-width:768px) {  #customer_login .u-column1, #customer_login .u-column2 {   width:100%;  } } #customer_login .u-column1 h2, #customer_login .u-column2 h2 {  font-size:28px;  font-weight:600;  color:var(--tp-common-black);  margin-bottom:15px; } #customer_login .u-column1 label, #customer_login .u-column2 label {  margin-left:0;  font-size:16px;  margin-bottom:10px; } #customer_login .u-column1 label.woocommerce-form__label-for-checkbox, #customer_login .u-column2 label.woocommerce-form__label-for-checkbox {  display:flex;  align-items:center; } #customer_login .u-column1 label.woocommerce-form__label-for-checkbox span, #customer_login .u-column2 label.woocommerce-form__label-for-checkbox span {  font-size:16px;  cursor:pointer; } #customer_login .u-column1 input, #customer_login .u-column2 input {  border-radius:6px;  padding:0px 20px;  font-size:14px;  width:100%;  height:55px;  border:0;  outline:0;  font-weight:500;  font-size:15px;  color:#87888A;  box-shadow:inset 0 0 0 1px #E5E5E5;  transition:box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);  color:var(--tp-common-black); } #customer_login .u-column1 input[type=checkbox], #customer_login .u-column2 input[type=checkbox] {  width:15px;  margin-right:8px;  cursor:pointer; } #customer_login .u-column1 input:focus, #customer_login .u-column2 input:focus {  box-shadow:0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px var(--tp-theme-primary); } #customer_login .u-column1 .woocommerce-form-login__submit, #customer_login .u-column1 .woocommerce-form-register__submit, #customer_login .u-column2 .woocommerce-form-login__submit, #customer_login .u-column2 .woocommerce-form-register__submit {  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; } #customer_login .u-column1 .woocommerce-form-login__submit:hover, #customer_login .u-column1 .woocommerce-form-register__submit:hover, #customer_login .u-column2 .woocommerce-form-login__submit:hover, #customer_login .u-column2 .woocommerce-form-register__submit:hover {  color:#007CF5;  background-color:transparent; } #customer_login .u-column1 .lost_password, #customer_login .u-column2 .lost_password {  font-size:16px;  color:#6f7172;  text-decoration:underline; } #customer_login .u-column1 .lost_password:hover, #customer_login .u-column2 .lost_password:hover {  color:#007CF5; } .woocommerce-ResetPassword label {  margin-left:0;  font-size:14px;  margin-bottom:10px; } .woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox {  display:flex;  align-items:center; } .woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox span {  font-size:16px;  cursor:pointer; } .woocommerce-ResetPassword input {  border-radius:12px;  padding:0px 20px;  font-size:14px;  width:100%;  height:55px;  border:0;  outline:0;  font-weight:500;  font-size:15px;  color:#87888A;  box-shadow:inset 0 0 0 1px #E5E5E5;  transition:box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);  color:var(--tp-common-black); } .woocommerce-ResetPassword input[type=checkbox] {  width:15px;  margin-right:8px;  cursor:pointer; } .woocommerce-ResetPassword input:focus {  box-shadow:0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF; } .woocommerce-ResetPassword .woocommerce-Button {  background:#007CF5;  border-radius:6px;  color:var(--tp-common-white);  display:inline-block;  font-size:16px;  font-weight:600;  line-height:1;  margin-bottom:0;  padding:20px 50px;  text-align:center;  touch-action:manipulation;  transition:all 0.3s ease 0s;  vertical-align:middle;  white-space:nowrap; } .woocommerce-ResetPassword .woocommerce-Button:hover {  background:var(--tp-common-black);  color:#fff; } .woocommerce-notices-wrapper .woocommerce-error {  list-style:none; } .woocommerce-notices-wrapper .woocommerce-error li {  background:#F3F5F6;  padding:9px 20px;  margin-bottom:20px;  border-top:3px solid rgba(213, 18, 67, 0.3);  color:var(--tp-text-body); } .woocommerce-form-login label {  margin-left:0;  margin-bottom:0;  font-size:14px; } .woocommerce-form-login label.woocommerce-form__label-for-checkbox {  display:flex;  align-items:center; } .woocommerce-form-login label.woocommerce-form__label-for-checkbox span {  font-size:14px; } .woocommerce-form-login input {  background:#ffffff;  border:1px solid #E7E8EB;  border-radius:0;  height:45px;  padding:0 0 0 10px;  width:100%;  outline:none;  -webkit-box-shadow:none;  -moz-box-shadow:none;  -ms-box-shadow:none;  -o-box-shadow:none;  box-shadow:none;  display:block; } .woocommerce-form-login input[type=checkbox] {  width:15px;  margin-right:8px; } .woocommerce-form-login .woocommerce-form-login__submit {  background:#007CF5;  border-radius:6px;  color:var(--tp-common-white);  display:inline-block;  font-size:16px;  font-weight:600;  line-height:1;  margin-bottom:0;  padding:22px 50px;  text-align:center;  touch-action:manipulation;  transition:all 0.3s ease 0s;  vertical-align:middle;  white-space:nowrap; } .woocommerce-form-login .woocommerce-form-login__submit:hover {  background:#007CF5;  color:var(--tp-common-white); } .edit-account label {  margin-left:0;  font-size:14px;  margin-bottom:10px; } .edit-account label.woocommerce-form__label-for-checkbox {  display:flex;  align-items:center; } .edit-account label.woocommerce-form__label-for-checkbox span {  font-size:16px;  cursor:pointer; } .edit-account input {  border-radius:12px;  padding:0px 20px;  font-size:14px;  width:100%;  height:55px;  border:0;  outline:0;  font-weight:500;  font-size:15px;  color:#87888A;  box-shadow:inset 0 0 0 1px #E5E5E5;  transition:box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);  color:var(--tp-common-black); } .edit-account input[type=checkbox] {  width:15px;  margin-right:8px;  cursor:pointer; } .edit-account input:focus {  box-shadow:0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px #4260FF; } .edit-account .woocommerce-Button {  background:#007CF5;  border-radius:6px;  color:var(--tp-common-white);  display:inline-block;  font-size:16px;  font-weight:600;  line-height:1;  margin-bottom:0;  padding:20px 50px;  text-align:center;  touch-action:manipulation;  transition:all 0.3s ease 0s;  vertical-align:middle;  white-space:nowrap; } .edit-account .woocommerce-Button:hover {  background:var(--tp-common-black);  color:#fff; } .woosw-copy-label {  color:#6f7172; } #woosw_copy_btn {  padding:3px 20px;  background:#007CF5;  color:#fff;  font-weight:500;  border:none;  margin-left:10px; } .tp-product-action .tinvwl_add_to_wishlist-text {  display:none; } a.icon-btn.woosq-btn {  display:none; } .product__list-action span.tinvwl_add_to_wishlist-text {  display:none; } .tp-product-action a.icon-btn.woosq-btn, .product__list-action a.icon-btn.woosq-btn {  display:inline-block; } .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper {  display:none; }  .product__rating .star-rating {  margin-bottom:0; } .star-rating {  position:relative;  font-size:11px;  width:100px;  overflow:hidden;  line-height:1;  display:flex; } .tpproduct-details__tag-area .star-rating {  margin-left:15px; } .star-rating::before {  font-family:"Font Awesome 5 Pro";  content:"\f005\f005\f005\f005\f005";  text-transform:uppercase;  letter-spacing:3px;  color:#D9D9EA;  font-size:16px;  line-height:1.2; } .star-rating span {  position:absolute;  top:0;  left:0;  overflow:hidden;  font-size:0; } .star-rating span::before {  font-family:"Font Awesome 5 Pro";  content:"\f005\f005\f005\f005\f005";  text-transform:uppercase;  letter-spacing:3px;  color:#ffb21d;  font-weight:900;  display:inline-block;  font-size:16px;  line-height:1.2; }  a.ajax_add_to_cart.added {  display:none !important; } .woocommerce p.stars a {  position:relative;  height:1em;  width:1em;  text-indent:-999em;  display:inline-block;  text-decoration:none;  color:#ffb21d; } .woocommerce p.stars a::before {  display:block;  position:absolute;  top:0;  left:0;  width:1em;  height:1em;  line-height:1;  font-family:var(--tp-ff-fontawesome);  content:"\f004";  text-indent:0; } .woocommerce p.stars a:hover ~ a::before {  content:"\f004";  font-weight:400; } .woocommerce p.stars:hover a::before {  content:"\f004";  font-weight:700; } .woocommerce p.stars.selected a.active::before {  content:"\f004";  font-weight:700; } .woocommerce p.stars.selected a.active ~ a::before {  content:"\f004";  font-weight:400; } .woocommerce p.stars.selected a:not(.active)::before {  content:"\f004";  font-weight:700; }  @-webkit-keyframes spin {  100% {   -webkit-transform:rotate(360deg);   transform:rotate(360deg);  } } @keyframes spin {  100% {   -webkit-transform:rotate(360deg);   transform:rotate(360deg);  } } .woocommerce a.button.loading::before, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {  font-family:var(--tp-ff-fontawesome);  content:"\f110";  vertical-align:top;  font-weight:400;  top:0.618em;  font-size:14px;  right:1em;  -webkit-animation:spin 2s linear infinite;  animation:spin 2s linear infinite;  color:var(--tp-common-black);  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; } .tp-product-action .added_to_cart.wc-forward {  font-size:0; } .loading svg {  display:none; }  .woosc-area {  background:no-repeat !important; }  .tpproduct__rating .star-rating span::before {  color:#007CF5; } .product__item .added_to_cart.wc-forward {  font-size:0; } .tp-core-product:hover {  position:relative;  z-index:10; } section.woosc-quick-table > h2 {  font-size:26px;  color:var(--tp-text-body);  font-weight:600; } a.cart-button.icon-btn.button.stock-out {  cursor:not-allowed; } .tpproduct-details__pera {  margin-bottom:30px; } .tpproduct-details__title-area {  margin-bottom:7px; } .tpproduct-details__tag-area.d-flex.align-items-center.mb-5 {  margin-bottom:8px !important; } .grouped_form a {  color:var(--tp-text-body); } .grouped_form a:hover {  color:#007CF5; } .grouped_form .variations .nice-select {  float:none; } .grouped_form .tpproduct-details__quantity {  padding:5px 13px;  margin-right:5px;  margin-top:0;  margin-bottom:0; } .grouped_form .tpproduct-details__quantity .tp-cart-minus, .grouped_form .tpproduct-details__quantity .tp-cart-plus {  font-size:14px; } .grouped_form .tpproduct-details__quantity input {  font-size:14px; } .grouped_form del {  font-size:16px;  color:var(--tp-grey-6);  font-weight:600; } .grouped_form del .woocommerce-Price-amount {  font-size:15px;  color:var(--tp-grey-6);  font-weight:500; } .grouped_form ins {  text-decoration:none; } .grouped_form ins .woocommerce-Price-amount {  color:var(--tp-text-body);  font-weight:600;  font-size:16px; } .grouped_form .woocommerce-Price-amount {  color:var(--tp-text-body);  font-weight:600;  font-size:16px; } .footer-logo img {  width:115px; } .woocommerce-shop .woocommerce-notices-wrapper {  display:none; } .woocommerce-shop .tpproduct__thumb-topsall {  position:absolute;  right:25px;  top:15px; } .woocommerce-shop .tpproduct__thumb-topsall span {  background-color:#007CF5;  color:var(--tp-text-body);  padding:10px 12px 10px; } .woocommerce-shop .tp-shop-list-title {  font-weight:500;  font-size:16px;  color:#818487;  margin-bottom:0; } .tp-shop-listing-popup .orderby .current {  margin-right:10px; } a.added_to_cart.wc-forward::before {  content:"\f00c";  font-family:var(--tp-ff-fontawesome);  position:relative;  font-size:16px;  font-weight:400; } .tp-product-price .woocommerce-Price-amount {  font-weight:400;  font-size:16px;  color:#007CF5; } .tp-product-price ins {  text-decoration:none; } .tp-product-price del .woocommerce-Price-amount {  font-weight:400;  font-size:16px;  color:var(--tp-text-1); } .tp-product-filterby-rating-widget .woocommerce-Price-currencySymbol {  color:#007CF5; } .tp-product-filterby-rating-widget del .woocommerce-Price-currencySymbol {  color:var(--tp-text-1); } .tpproduct-details__cart .product-add-cart-btn {  margin-right:5px; } .tpproduct-details__cart .product-add-cart-btn svg {  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px);  margin-right:3px; } .tpproduct-details__cart .product-action-btn .woosw-btn {  font-size:0;  width:48px;  height:48px;  line-height:47px;  text-align:center;  color:var(--tp-common-black);  border:1px solid #DADCE0;  border-radius:4px; } .tpproduct-details__cart .product-action-btn .woosw-btn:hover {  color:var(--tp-common-white);  background-color:#007CF5;  border-color:#007CF5; } .tpproduct-details__cart .product-action-btn .woosw-btn::before {  font-size:16px;  content:"\f004";  font-family:var(--tp-ff-fontawesome);  margin:0; } .tpproduct-details__cart .product-action-btn .woosw-btn.woosw-btn-added::before {  font-weight:700; } .tpproduct-details__cart .product-action-btn .woosc-btn {  font-size:0;  width:48px;  height:48px;  line-height:47px;  text-align:center;  color:var(--tp-common-black);  border:1px solid #DADCE0;  border-radius:4px; } .tpproduct-details__cart .product-action-btn .woosc-btn:hover {  color:var(--tp-common-white);  background-color:#007CF5;  border-color:#007CF5; } .tpproduct-details__cart .product-action-btn .woosc-btn::before {  font-size:16px;  content:"\f0ec";  font-family:var(--tp-ff-fontawesome);  margin:0; } .tpproduct-details__cart .product-action-btn .woosc-btn.woosc-btn-added::before {  font-size:16px;  content:"\f00c";  font-family:var(--tp-ff-fontawesome);  margin:0;  font-weight:700; } #review_form_wrapper .stars {  margin-top:5px;  margin-bottom:0; } .related-products .tpsection__title {  font-family:var(--tp-ff-jakarta);  font-weight:600;  font-size:26px;  line-height:26px;  letter-spacing:-0.02em;  color:#0E1331;  margin-bottom:30px; } .related-products .woocommerce-notices-wrapper {  display:none; } .related-products .tpproduct__thumb-topsall {  position:absolute;  right:25px;  top:15px; } .related-products .tpproduct__thumb-topsall span {  background-color:#007CF5;  color:var(--tp-text-body);  padding:10px 12px 10px; } .flex-control-thumbs.product-thumbnails .slick-list {  margin:0 -6px; } .flex-control-thumbs.product-thumbnails .slick-slide {  margin:0 6px; } .flex-control-thumbs.product-thumbnails .slick-slide {  display:-webkit-inline-box;  display:-ms-inline-flexbox;  display:inline-flex;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center;  -webkit-box-pack:center;  -ms-flex-pack:center;  justify-content:center;  width:100%;  height:100%;  cursor:pointer;  border:1px solid transparent;  border-radius:0;  -webkit-transition:border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);  transition:border-color 0.3s cubic-bezier(0.28, 0.12, 0.22, 1); } .flex-control-thumbs.product-thumbnails .slick-slide.slick-active img.flex-active {  border:1px solid #007CF5; } .flex-control-thumbs.product-thumbnails .slick-slide:hover {  cursor:pointer; } .product-thumbnails {  padding-left:0;  margin-top:15px; } .woocommerce-checkout .cart-wrapper {  padding:30px 40px 45px;  background-color:var(--tp-common-white);  border:1px solid #E7E8EB; } @media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .cart-wrapper .cart_totals {   margin-top:40px;  } } .cart-wrapper .cart_totals table tr, .cart-wrapper .cart_totals table tbody {  border:none; } .cart-wrapper .cart_totals .tp-btn:hover {  background-color:#3653EB;  color:var(--tp-common-white); } @media (max-width:600px) {  .cart-wrapper {   padding:15px;  } } .cart-wrapper .wc_payment_methods {  padding-left:0;  list-style:none; } .cart-wrapper .wc_payment_methods .woocommerce-notice {  list-style:none;  color:#007CF5; } .cart-wrapper #order_review_heading {  font-weight:600;  font-size:26px;  margin-bottom:35px; } .cart-wrapper .order-review-wrapper table tbody, .cart-wrapper .order-review-wrapper table td, .cart-wrapper .order-review-wrapper table tfoot, .cart-wrapper .order-review-wrapper table th, .cart-wrapper .order-review-wrapper table thead, .cart-wrapper .order-review-wrapper table tr {  border:none; } .cart-wrapper .order-review-wrapper table {  width:100%;  border:0; } .cart-wrapper .order-review-wrapper table thead th {  border:none;  border-bottom:1px solid #EDEEF5;  padding-left:0;  padding-bottom:0.75rem;  text-align:left;  font-size:15px;  font-weight:700;  color:var(--tp-common-black); } .cart-wrapper .order-review-wrapper table thead th:last-child {  text-align:right;  padding-right:0; } .cart-wrapper .order-review-wrapper table tbody tr {  border-bottom:1px solid #E7E8EB; } .cart-wrapper .order-review-wrapper table tbody tr.cart_item td {  font-size:15px; } .cart-wrapper .order-review-wrapper table tbody tr.cart_item td:first-child {  border-top:medium none;  color:#6f7172;  font-weight:normal;  text-align:left;  vertical-align:middle;  white-space:nowrap;  width:250px; } .cart-wrapper .order-review-wrapper table tbody tr.cart_item td:last-child {  padding-right:0;  text-align:right;  color:var(--tp-common-black); } .cart-wrapper .order-review-wrapper table tbody tr.cart_item td strong {  color:var(--tp-common-black); } .cart-wrapper .order-review-wrapper table tbody tr td {  border:0;  padding:15px 0; } .cart-wrapper .order-review-wrapper table tfoot tr {  border-bottom:1px solid #E7E8EB; } .cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping th {  border:none;  border-bottom:1px solid #EDEEF5;  padding-left:0;  color:var(--tp-common-black);  padding-bottom:0.75rem;  text-align:left;  font-size:14px;  font-weight:600; } .cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping td {  text-align:right;  padding:10px 0 10px; } .cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal th {  border:none;  border-bottom:1px solid #EDEEF5;  padding-left:0;  color:var(--tp-common-black);  padding-bottom:0.75rem;  text-align:left;  font-size:14px;  font-weight:600; } .cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal td {  border:none;  border-bottom:1px solid #EDEEF5;  padding-left:0;  color:#6f7172;  padding-bottom:0.75rem;  text-align:right;  font-size:14px; } .cart-wrapper .order-review-wrapper table tfoot tr.order-total th {  text-align:left; } .cart-wrapper .order-review-wrapper table tfoot tr.order-total td {  text-align:right; } .cart-wrapper .order-review-wrapper table tfoot tr th {  border:0;  padding-left:0; } .cart-wrapper .order-review-wrapper table tfoot tr td {  border:0;  padding-right:0; } .tp-checkout-billing-wrapper {  background-color:var(--tp-common-white); } .tp-checkout-billing-wrapper label {  position:static;  border:0;  margin-bottom:7px;  display:block;  width:auto;  color:var(--tp-common-black); } .tp-checkout-billing-wrapper label abbr.required {  color:red;  text-decoration:none; } .tp-checkout-billing-wrapper label span {  font-size:16px; } .tp-checkout-billing-wrapper .woocommerce-input-wrapper span {  display:block; } .tp-checkout-billing-wrapper input[type=text], .tp-checkout-billing-wrapper input[type=email], .tp-checkout-billing-wrapper input[type=tel], .tp-checkout-billing-wrapper input[type=url], .tp-checkout-billing-wrapper input[type=password] {  outline:0;  border-radius:6px;  height:46px;  background:#FFFFFF;  border:1px solid #E0E2E3;  font-size:14px;  color:var(--tp-common-black);  padding:0 25px;  line-height:46px;  width:100%; } @media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-checkout-billing-wrapper input[type=text], .tp-checkout-billing-wrapper input[type=email], .tp-checkout-billing-wrapper input[type=tel], .tp-checkout-billing-wrapper input[type=url], .tp-checkout-billing-wrapper input[type=password] {   width:100%;  } } .tp-checkout-billing-wrapper input[type=text]:focus, .tp-checkout-billing-wrapper input[type=email]:focus, .tp-checkout-billing-wrapper input[type=tel]:focus, .tp-checkout-billing-wrapper input[type=url]:focus, .tp-checkout-billing-wrapper input[type=password]:focus {  border-color:#007CF5; } .tp-checkout-billing-wrapper select {  display:inline-block !important; } .tp-checkout-billing-wrapper .nice-select {  display:none;  height:50px;  line-height:48px;  border-radius:0;  border:1px solid #D5D8DB;  color:var(--tp-common-black);  float:none;  padding:5px 22px; } .tp-checkout-billing-wrapper .nice-select::after {  right:26px; } .tp-checkout-billing-wrapper .nice-select.open .list {  -webkit-transform:scale(1) translateY(0px);  -moz-transform:scale(1) translateY(0px);  -ms-transform:scale(1) translateY(0px);  -o-transform:scale(1) translateY(0px);  transform:scale(1) translateY(0px); } .tp-checkout-billing-wrapper .nice-select .list {  margin-top:0;  border-radius:0;  transform-origin:center center;  -webkit-transform:scale(0.9) translateY(0px);  -moz-transform:scale(0.9) translateY(0px);  -ms-transform:scale(0.9) translateY(0px);  -o-transform:scale(0.9) translateY(0px);  transform:scale(0.9) translateY(0px);  width:100%;  padding:12px 0; } .tp-checkout-billing-wrapper .nice-select .list .option {  line-height:1.2;  min-height:inherit;  padding-top:5px;  padding-bottom:5px; } .tp-checkout-billing-wrapper .nice-select .list .option:hover {  color:var(--tp-theme-primary); } .tp-checkout-billing-wrapper .select2-container .select2-selection--single {  height:46px;  margin-bottom:28px; } .tp-checkout-billing-wrapper .select2-container--default .select2-selection--single {  background-color:#fff;  border:1px solid #E0E2E3;  border-radius:0; } .tp-checkout-billing-wrapper .select2-container .select2-selection--single .select2-selection__rendered {  padding-left:25px;  padding-right:35px; } .tp-checkout-billing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {  top:0;  right:17px;  height:46px; } .tp-checkout-billing-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {  color:var(--tp-common-black);  line-height:46px; } .tp-checkout-billing-wrapper button[name=save_address], .tp-checkout-billing-wrapper button[name=save_account_details] {  border-radius:0;  border:0;  outline:0;  font-size:16px;  font-weight:500;  color:var(--tp-common-white);  padding:11px 45px;  background-color:var(--tp-common-black);  margin-bottom:15px;  text-transform:capitalize; } .tp-checkout-billing-wrapper button[name=save_address]:hover, .tp-checkout-billing-wrapper button[name=save_account_details]:hover {  background-color:#007CF5;  color:var(--tp-common-white); } .tp-checkout-billing-wrapper button[name=save_account_details] {  margin-top:20px; } .tp-checkout-billing-wrapper .woocommerce-form-row {  margin-bottom:0; } .tp-checkout-billing-wrapper button.woocommerce-form-login__submit[type=submit], .tp-checkout-billing-wrapper button.woocommerce-form-register__submit[name=register] {  border-radius:0;  border:0;  outline:0;  font-size:16px;  font-weight:500;  color:var(--tp-common-white);  padding:11px 45px;  background-color:#007CF5;  margin-bottom:15px;  display:block; } .tp-checkout-billing-wrapper button.woocommerce-form-login__submit[type=submit]:hover, .tp-checkout-billing-wrapper button.woocommerce-form-register__submit[name=register]:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .tp-checkout-billing-wrapper .woocommerce-privacy-policy-text p a {  color:#007CF5; } .tp-checkout-billing-wrapper .woocommerce-privacy-policy-text p a:hover {  text-decoration:underline !important; } .tp-checkout-billing-existing-login, .tp-checkout-billing-coupon {  margin-bottom:15px; } .tp-checkout-billing-existing-login label, .tp-checkout-billing-coupon label {  position:static;  border:0;  margin-bottom:7px;  display:inline-block;  width:auto;  color:var(--tp-common-black); } .tp-checkout-billing-existing-login label abbr.required, .tp-checkout-billing-coupon label abbr.required {  color:red;  text-decoration:none; } .tp-checkout-billing-existing-login .woocommerce-info, .tp-checkout-billing-coupon .woocommerce-info {  font-size:15px;  color:var(--tp-common-black);  display:inline-block;  padding:8px 26px;  width:100%; } .tp-checkout-billing-existing-login .woocommerce-info a, .tp-checkout-billing-coupon .woocommerce-info a {  color:#007CF5;  position:relative;  border-bottom:1px solid #007CF5; } .tp-checkout-billing-existing-login .checkout_coupon.woocommerce-form-coupon, .tp-checkout-billing-existing-login .woocommerce-form.woocommerce-form-login, .tp-checkout-billing-coupon .checkout_coupon.woocommerce-form-coupon, .tp-checkout-billing-coupon .woocommerce-form.woocommerce-form-login {  margin-top:14px;  background-color:var(--tp-common-white);  position:relative; } .tp-checkout-billing-existing-login input[type=text], .tp-checkout-billing-existing-login input[type=email], .tp-checkout-billing-existing-login input[type=tel], .tp-checkout-billing-existing-login input[type=url], .tp-checkout-billing-existing-login input[type=password], .tp-checkout-billing-coupon input[type=text], .tp-checkout-billing-coupon input[type=email], .tp-checkout-billing-coupon input[type=tel], .tp-checkout-billing-coupon input[type=url], .tp-checkout-billing-coupon input[type=password] {  outline:0;  border-radius:0;  height:46px;  background:#FFFFFF;  border:1px solid #E0E2E3;  font-size:14px;  color:var(--tp-common-black);  padding:0 25px;  line-height:46px;  margin-bottom:0;  margin-right:0; } @media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-checkout-billing-existing-login input[type=text], .tp-checkout-billing-existing-login input[type=email], .tp-checkout-billing-existing-login input[type=tel], .tp-checkout-billing-existing-login input[type=url], .tp-checkout-billing-existing-login input[type=password], .tp-checkout-billing-coupon input[type=text], .tp-checkout-billing-coupon input[type=email], .tp-checkout-billing-coupon input[type=tel], .tp-checkout-billing-coupon input[type=url], .tp-checkout-billing-coupon input[type=password] {   width:100%;  } } .tp-checkout-billing-existing-login input[type=text]:focus, .tp-checkout-billing-existing-login input[type=email]:focus, .tp-checkout-billing-existing-login input[type=tel]:focus, .tp-checkout-billing-existing-login input[type=url]:focus, .tp-checkout-billing-existing-login input[type=password]:focus, .tp-checkout-billing-coupon input[type=text]:focus, .tp-checkout-billing-coupon input[type=email]:focus, .tp-checkout-billing-coupon input[type=tel]:focus, .tp-checkout-billing-coupon input[type=url]:focus, .tp-checkout-billing-coupon input[type=password]:focus {  border-color:#007CF5; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {  margin-bottom:15px; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {  display:none; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after {  background-color:#007CF5;  border-color:#007CF5; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {  visibility:visible;  opacity:1; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {  font-size:15px;  color:#55585B;  position:relative;  padding-left:26px;  z-index:1; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {  position:absolute;  content:"";  top:2px;  left:0;  width:18px;  height:18px;  line-height:16px;  text-align:center;  border:1px solid #C3C7C9;  z-index:-1; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {  position:absolute;  content:url(https://makfast.com/wp-content/themes/seomy/assets/css/../icons/check.svg);  top:2px;  left:0;  width:18px;  height:18px;  line-height:16px;  text-align:center;  visibility:hidden;  opacity:0;  color:var(--tp-common-white); } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover {  color:#007CF5; } .tp-checkout-billing-existing-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover, .tp-checkout-billing-coupon .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover {  cursor:pointer; } .tp-checkout-billing-existing-login .lost_password a, .tp-checkout-billing-coupon .lost_password a {  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; } .tp-checkout-billing-existing-login .lost_password a:hover, .tp-checkout-billing-coupon .lost_password a:hover {  color:#007CF5; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {  margin-bottom:15px; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {  display:none; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::after {  background-color:#007CF5;  border-color:#007CF5; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked ~ span::before {  visibility:visible;  opacity:1; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {  font-size:15px;  color:#55585B;  position:relative;  padding-left:26px;  z-index:1; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::after {  position:absolute;  content:"";  top:4px;  left:0;  width:16px;  height:16px;  line-height:16px;  text-align:center;  border:1px solid #C3C7C9;  z-index:-1;  border-radius:4px; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span::before {  position:absolute;  content:"\f00c";  left:4px;  top:-1px;  text-align:center;  visibility:hidden;  opacity:0;  color:var(--tp-common-white);  font-family:"Font Awesome 6 Pro";  font-size:10px; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span a:hover {  color:#007CF5; } .woocommerce-form.woocommerce-form-login .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span:hover {  cursor:pointer; } .woocommerce-form.woocommerce-form-login .lost_password a {  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; } .woocommerce-form.woocommerce-form-login .lost_password a:hover {  color:#007CF5; } .woocommerce-MyAccount-content .woosw-list .woosw-items .woosw-item--add .add_to_cart_button {  font-size:0; } .woocommerce-MyAccount-content .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {  margin-right:0; } .woocommerce-checkout-payment .wc_payment_methods {  padding-left:0;  padding-bottom:26px;  margin-bottom:24px;  border-bottom:1px solid #E0E2E3; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {  list-style:none; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method:not(:last-child) {  margin-bottom:10px; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input {  display:none; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input:checked ~ label::after {  border-color:#007CF5; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input:checked ~ label::before {  opacity:1;  visibility:visible; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label {  font-size:14px;  position:relative;  padding-left:27px;  font-weight:500;  color:var(--tp-common-black); } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label:hover {  cursor:pointer; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label::after {  position:absolute;  content:"";  left:0;  top:0;  width:16px;  height:16px;  border-radius:50%;  border:1px solid #BCBCBC; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label::before {  position:absolute;  content:"";  left:3px;  top:3px;  width:10px;  height:10px;  border-radius:50%;  background-color:#007CF5;  visibility:hidden;  opacity:0; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label img {  margin-left:14px;  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label a {  margin-left:20px;  position:relative; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label a::after {  position:absolute;  content:"";  left:0;  bottom:3px;  width:100%;  height:1px;  background-color:var(--tp-common-black); } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {  position:relative;  padding-top:10px;  display:none; } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box::after {  position:absolute;  content:"";  left:57px;  top:0;  width:16px;  height:16px;  background-color:#F6F7F9;  -webkit-transform:translateY(3px) rotate(45deg);  -moz-transform:translateY(3px) rotate(45deg);  -ms-transform:translateY(3px) rotate(45deg);  -o-transform:translateY(3px) rotate(45deg);  transform:translateY(3px) rotate(45deg); } .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p {  background-color:#F6F7F9;  padding:19px 30px;  margin-left:27px;  font-size:14px;  line-height:1.57;  color:#55585B;  margin-bottom:0; } .woosc_page .woosc_table .add_to_cart_button .product-action-tooltip {  font-size:0; } .woocommerce-account .woosw-item--add .added_to_cart {  font-size:0 !important; } .tp-product-item:hover .tp-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); } .tp-product-item:hover .tp-product-action {  left:24px;  visibility:visible;  opacity:1; } .tp-product-badge {  position:absolute;  top:16px;  left:20px;  z-index:1; } .tp-product-badge span {  font-weight:500;  font-size:14px;  line-height:1;  color:var(--tp-common-white);  background-color:var(--tp-theme-primary);  border-radius:4px;  display:inline-block;  padding:5px 10px 5px;  text-transform:capitalize; } .tp-product-badge span.tp-product-on-sale {  background-color:var(--tp-theme-primary); } .tp-product-title {  font-size:20px;  margin-bottom:5px; } .tp-product-title a:hover {  color:var(--tp-theme-primary); } .tp-product-tag {  margin-bottom:2px; } .tp-product-tag a {  font-size:14px;  position:relative;  display:inline-block;  line-height:1; } .tp-product-tag a::after {  position:absolute;  content:"";  left:auto;  right:0;  bottom:0;  width:0;  height:1px;  background-color:var(--tp-theme-primary); } .tp-product-tag a:hover {  color:var(--tp-theme-primary); } .tp-product-tag a:hover::after {  left:0;  right:auto;  width:100%; } .tp-product-price-wrapper .price span {  font-weight:600;  font-size:14px;  color:var(--tp-common-black);  text-decoration:none; } .tp-product-price-wrapper .price ins {  text-decoration:none; } .tp-product-price-wrapper .price del {  text-decoration:none; } .tp-product-price-wrapper .price del span {  font-weight:600;  font-size:14px;  text-decoration-line:line-through;  color:var(--tp-text-body); } .tp-product-action {  position:absolute;  left:0;  top:57px;  right:auto;  bottom:auto;  z-index:1;  visibility:hidden;  opacity:0; } @media (max-width:767px) {  .tp-product-action {   top:30px;  } } .tp-product-action .product-action-btn a, .tp-product-action .product-action-btn button {  position:relative;  display:inline-block;  width:42px;  height:42px;  line-height:42px;  text-align:center;  font-size:0;  color:var(--tp-common-black);  background-color:var(--tp-common-white);  border-bottom:0;  box-shadow:0px 1px 2px rgba(1, 15, 28, 0.2);  border-radius:50%;  margin-bottom: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; } .tp-product-action .product-action-btn a:hover, .tp-product-action .product-action-btn a.loading:hover, .tp-product-action .product-action-btn button:hover, .tp-product-action .product-action-btn button.loading:hover {  color:var(--tp-common-white);  background-color:var(--tp-common-black); } .tp-product-action .product-action-btn a:hover .tp-product-tooltip, .tp-product-action .product-action-btn a.loading:hover .tp-product-tooltip, .tp-product-action .product-action-btn button:hover .tp-product-tooltip, .tp-product-action .product-action-btn button.loading:hover .tp-product-tooltip {  visibility:visible;  opacity:1;  -webkit-transform:translateX(8px) translateY(-50%);  -moz-transform:translateX(8px) translateY(-50%);  -ms-transform:translateX(8px) translateY(-50%);  -o-transform:translateX(8px) translateY(-50%);  transform:translateX(8px) translateY(-50%); } .tp-product-action .product-action-btn a:hover::before, .tp-product-action .product-action-btn a:hover::after, .tp-product-action .product-action-btn a.loading:hover::before, .tp-product-action .product-action-btn a.loading:hover::after, .tp-product-action .product-action-btn button:hover::before, .tp-product-action .product-action-btn button:hover::after, .tp-product-action .product-action-btn button.loading:hover::before, .tp-product-action .product-action-btn button.loading:hover::after {  color:var(--tp-common-white) !important; } .tp-product-action .product-action-btn a.icon-btn.woosq-btn, .tp-product-action .product-action-btn button.icon-btn.woosq-btn {  display:block; } .tp-product-action .product-action-btn a .button.br_compare_button, .tp-product-action .product-action-btn button .button.br_compare_button {  transition:color 0.3s ease-out;  display:inline-block;  padding:0;  margin:0 !important; } .tp-product-action .product-action-btn a .button.br_compare_button i, .tp-product-action .product-action-btn button .button.br_compare_button i {  width:auto; } .tp-product-action .product-action-btn a .button.br_compare_button:hover, .tp-product-action .product-action-btn button .button.br_compare_button:hover {  color:#fff;  background-color:transparent; } .tp-product-action .product-action-btn a:hover, .tp-product-action .product-action-btn button:hover {  background-color:var(--tp-theme-primary);  color:var(--tp-common-white); } .tp-product-thumb img {  width:100%; } .tp-product-rating-icon {  margin-bottom:5px; } .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%);  left: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-left:8px;  visibility:hidden;  opacity:0; } .product-action-btn .product-action-tooltip::after {  position:absolute;  content:"";  left: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:translate(1px, 0px);  -moz-transform:translate(1px, 0px);  -ms-transform:translate(1px, 0px);  -o-transform:translate(1px, 0px);  transform:translate(1px, 0px); } .product-action-btn:hover .product-action-tooltip {  visibility:visible;  opacity:1;  left:100%; }  .tp-product-details-wrapper {  margin-left:21px; } .tp-product-details-wrapper.has-sticky {  position:sticky;  top:120px; } @media only screen and (min-width:992px) and (max-width:1199px) {  .tp-product-details-wrapper {   margin-left:0;  } } @media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-wrapper {   margin-left:0;   margin-top:50px;  } } .tp-product-details-wrapper > p {  font-size:15px;  line-height:1.7; } .tp-product-details-wrapper > p span {  font-weight:500;  color:var(--tp-theme-primary); } .tp-product-details-nav-main-thumb {  position:relative; } .tp-product-details-thumb-wrapper {  position:sticky;  top:120px; } .tp-product-details-thumb-wrapper .nav-tabs {  margin-right:10px; } .tp-product-details-thumb-wrapper .nav-tabs .nav-link {  width:78px;  height:100px;  position:relative; } @media (max-width:767px) {  .tp-product-details-thumb-wrapper .nav-tabs .nav-link {   margin-right:10px;   margin-bottom:10px;  } } .tp-product-details-thumb-wrapper .nav-tabs .nav-link:not(:last-child) {  margin-bottom:10px; } .tp-product-details-thumb-wrapper .nav-tabs .nav-link::after {  position:absolute;  content:"";  width:100%;  height:100%;  background-color:transparent;  border:1px solid transparent;  top:0;  left:0; } .tp-product-details-thumb-wrapper .nav-tabs .nav-link.active::after, .tp-product-details-thumb-wrapper .nav-tabs .nav-link:hover::after {  border-color:var(--tp-common-black); } .tp-product-details-thumb-wrapper .nav-tabs .nav-link img {  width:100%;  height:100%;  object-fit:cover; } .tp-product-details-thumb-wrapper .nav-tabs .nav-link .nav-video-btn {  position:absolute;  top:0;  right:0;  width:24px;  height:24px;  background-color:var(--tp-common-black);  color:var(--tp-common-white);  font-size:15px; } .tp-product-details-thumb-slider {  position:sticky;  top:120px; } .tp-product-details-thumb-slider:hover .tp-product-details-thumb-arrow button {  visibility:visible;  opacity:1;  left:20px; } .tp-product-details-thumb-slider:hover .tp-product-details-thumb-arrow button.tp-product-details-thumb-slider-5-button-next {  left:auto;  right:20px; } .tp-product-details-thumb-arrow button {  position:absolute;  top:50%;  left:0px;  z-index:1;  width:40px;  height:40px;  line-height:36px;  text-align:center;  border-radius:50%;  margin:0 5px;  background-color:var(--tp-common-white);  color:var(--tp-common-black);  box-shadow:0 0 0 3px rgba(0, 0, 0, 0.01);  visibility:hidden;  opacity:0; } .tp-product-details-thumb-arrow button.tp-product-details-thumb-slider-5-button-next {  left:auto;  right:0; } .tp-product-details-thumb-arrow button:hover {  background-color:var(--tp-theme-primary);  color:var(--tp-common-white);  box-shadow:none; } .tp-product-details-thumb-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);  -webkit-animation:tp-pulse-2 2s infinite;  -moz-animation:tp-pulse-2 2s infinite;  -ms-animation:tp-pulse-2 2s infinite;  -o-animation:tp-pulse-2 2s infinite;  animation:tp-pulse-2 2s infinite; } .tp-product-details-thumb-video-btn:hover {  color:var(--tp-common-white);  background-color:var(--tp-theme-primary); } .tp-product-details-thumb-gallery-item img {  width:100%; } .tp-product-details-category {  margin-bottom:10px; } .tp-product-details-category span {  font-size:14px;  line-height:1;  font-weight:600; } .tp-product-details-category span a:hover {  color:var(--tp-theme-primary); } .tp-product-details-title {  font-size:34px;  font-weight:600;  line-height:1;  margin-bottom:15px; } .tp-product-details-stock {  margin-right:12px; } .tp-product-details-stock span {  display:inline-block;  font-size:14px;  color:var(--tp-theme-primary);  background-color:#eef6ff;  line-height:1;  font-weight:500;  padding:5px 12px 5px; } .tp-product-details-rating {  margin-right:11px;  display:-webkit-box;  display:-moz-box;  display:-ms-flexbox;  display:-webkit-flex;  display:flex;  align-items:center; } .tp-product-details-rating span {  font-size:16px;  color:#FFB21D; } .tp-product-details-rating span:not(:last-child) {  margin-right:3px; } .tp-product-details-price-wrapper span {  font-weight:600;  font-size:24px;  letter-spacing:-0.02em;  color:var(--tp-common-black); } .tp-product-details-price-wrapper del {  margin-right:10px;  text-decoration:none; } .tp-product-details-price-wrapper del span {  font-weight:600;  font-size:24px;  text-decoration-line:line-through;  color:#767A7D; } .tp-product-details-price-wrapper ins {  text-decoration:none; } .tp-product-details-price-wrapper ins span {  color:var(--tp-common-black); } .tp-product-details-variation {  margin-bottom:30px; } .tp-product-details-variation-title {  font-size:15px;  font-weight:400;  margin-bottom:4px; } .tp-product-details-variation-item:not(:last-child) {  margin-bottom:15px; } .tp-product-details-variation-list button {  display:inline-block;  width:26px;  height:26px;  border-radius:50%;  position:relative; } .tp-product-details-variation-list button span[data-bg-color] {  position:absolute;  top:50%;  left:50%;  width:100%;  height:100%;  background-color:var(--tp-common-white);  border-radius: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%); } .tp-product-details-variation-list button .tp-color-variation-tootltip {  position:absolute;  bottom:100%;  left:50%;  -webkit-transform:translateX(-50%) translateY(2px);  -moz-transform:translateX(-50%) translateY(2px);  -ms-transform:translateX(-50%) translateY(2px);  -o-transform:translateX(-50%) translateY(2px);  transform:translateX(-50%) translateY(2px);  width:max-content;  background-color:var(--tp-common-black);  color:var(--tp-common-white);  text-align:center;  font-size:12px;  font-weight:500;  line-height:1;  padding:4px 6px;  border-radius:4px;  visibility:hidden;  opacity:0; } .tp-product-details-variation-list button .tp-color-variation-tootltip::before {  position:absolute;  content:"";  bottom:-6px;  left:50%;  -webkit-transform:translateX(-50%);  -moz-transform:translateX(-50%);  -ms-transform:translateX(-50%);  -o-transform:translateX(-50%);  transform:translateX(-50%);  width:0;  height:0;  border-top:6px solid var(--tp-common-black);  border-left:6px solid transparent;  border-right:6px solid transparent; } .tp-product-details-variation-list button.tp-size-variation-btn {  width:40px;  height:40px;  border-radius:0; } .tp-product-details-variation-list button.tp-size-variation-btn:hover, .tp-product-details-variation-list button.tp-size-variation-btn.active {  box-shadow:none;  border-color:var(--tp-common-black);  box-shadow:none;  color:var(--tp-common-black); } .tp-product-details-variation-list button:hover, .tp-product-details-variation-list button.active {  box-shadow:0px 1px 2px rgba(1, 15, 28, 0.2); } .tp-product-details-variation-list button:hover span[data-bg-color], .tp-product-details-variation-list button.active span[data-bg-color] {  -webkit-transform:translate(-50%, -50%) scale(0.7);  -moz-transform:translate(-50%, -50%) scale(0.7);  -ms-transform:translate(-50%, -50%) scale(0.7);  -o-transform:translate(-50%, -50%) scale(0.7);  transform:translate(-50%, -50%) scale(0.7); } .tp-product-details-variation-list button:hover .tp-color-variation-tootltip {  visibility:visible;  opacity:1;  -webkit-transform:translateX(-50%) translateY(-6px);  -moz-transform:translateX(-50%) translateY(-6px);  -ms-transform:translateX(-50%) translateY(-6px);  -o-transform:translateX(-50%) translateY(-6px);  transform:translateX(-50%) translateY(-6px); } .tp-product-details-action-title {  font-size:16px;  font-weight:600;  margin-bottom:13px; } .tp-product-details-action-compare button {  position:relative;  font-weight:600; } .tp-product-details-action-compare button::before {  content:"\f0ec";  font-family:var(--tp-ff-fontawesome);  margin-right:6px; } .tp-product-details-action-compare button.woosc-btn.woosc-btn-added::before {  content:"\f00c";  margin-right:6px; } .tp-product-details-action-wishlist button {  position:relative;  font-weight:600; } .tp-product-details-action-wishlist button::before {  content:"\f004";  font-family:var(--tp-ff-fontawesome);  margin-right:3px;  font-weight:400; } .tp-product-details-action-wishlist button.woosw-btn.woosw-btn-added::before {  content:"\f00c";  margin-right:5px;  font-weight:600; } .tp-product-details-quantity .tp-product-quantity {  width:122px;  border-radius:0; } .tp-product-details-quantity .tp-product-quantity .quantity {  background:#F3F5F6;  text-align:center;  border-radius:4px; } .tp-product-details-quantity .tp-cart-plus, .tp-product-details-quantity .tp-cart-minus {  width:24px;  height:24px;  line-height:24px;  text-align:center;  border-radius:50%;  left:14px;  cursor:pointer; } .tp-product-details-quantity .tp-cart-plus:hover, .tp-product-details-quantity .tp-cart-minus:hover {  color:var(--tp-theme-primary); } .tp-product-details-quantity .tp-cart-plus {  left:auto;  right:14px; } .tp-product-details-quantity .tp-cart-input[type=text] {  height:46px;  line-height:46px;  background-color:#F3F5F6;  border:0;  border-radius:4px;  font-size:16px;  color:var(--tp-common-black);  text-align:center; } .tp-product-details-buy-now-btn {  display:inline-block;  font-size:16px;  font-weight:500;  padding:10px 30px;  background-color:var(--tp-theme-primary);  color:var(--tp-common-white); } .tp-product-details-buy-now-btn:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .tp-product-details-action-wrapper {  margin-bottom:17px; } .tp-product-details-action-sm {  padding-bottom:9px;  border-bottom:1px solid #EAEBED;  margin-bottom:25px; } .tp-product-details-action-sm-btn {  font-size:16px;  margin-bottom:10px; } .tp-product-details-action-sm-btn:not(:last-child) {  margin-right:17px; } .tp-product-details-action-sm-btn i, .tp-product-details-action-sm-btn svg {  margin-right:2px; } .tp-product-details-action-sm-btn:hover {  color:var(--tp-theme-primary); } .tp-product-details-query {  margin-bottom:22px; } .tp-product-details-query-item:not(:last-child) {  margin-bottom:3px; } .tp-product-details-query-item > span {  font-size:15px;  color:var(--tp-common-black);  line-height:1.4;  margin-right:6px;  font-weight:600; } .tp-product-details-query-item p {  font-size:15px;  margin-bottom:0;  line-height:1.4; } .tp-product-details-query a:hover {  color:#007CF5; } .tp-product-details-social {  margin-bottom:22px;  margin-top:22px; } .tp-product-details-social span {  font-size:15px;  color:var(--tp-common-black);  margin-right:2px; } .tp-product-details-social a {  display:inline-block;  width:38px;  height:38px;  line-height:34px;  text-align:center;  border:1px solid #E6E7E8;  border-radius:50%; } .tp-product-details-social a:hover {  background-color:var(--tp-theme-primary);  border-color:var(--tp-theme-primary);  color:var(--tp-common-white); } .tp-product-details-msg ul li {  list-style:none;  position:relative;  font-size:15px;  padding-left:25px; } .tp-product-details-msg ul li::after {  position:absolute;  content:url(https://makfast.com/wp-content/themes/seomy/assets/css/../img/product/icons/check-3.svg);  top:4px;  left:0;  width:18px;  height:18px;  line-height:16px;  text-align:center;  color:var(--tp-common-white); } .tp-product-details-payment {  background-color:#F3F5F6;  padding:18px 30px; } .tp-product-details-payment p {  font-size:16px;  line-height:1;  margin-bottom:0;  margin-right:46px;  flex:0 0 auto; } @media only screen and (min-width:992px) and (max-width:1199px) {  .tp-product-details-payment p {   margin-right:25px;  } } @media (max-width:767px) {  .tp-product-details-payment p {   margin-right:0;   margin-bottom:15px;  }  .tp-product-details-payment p br {   display:none;  } } .tp-product-details-desc-title {  font-size:34px;  font-weight:500;  margin-bottom:13px; } @media only screen and (min-width:576px) and (max-width:767px) {  .tp-product-details-desc-title {   font-size:30px;  } } @media (max-width:767px) {  .tp-product-details-desc-title {   font-size:26px;  } } .tp-product-details-desc-title-2 {  font-size:34px;  font-weight:400;  margin-bottom:14px; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-desc-title-2 {   font-size:25px;  } } .tp-product-details-desc-content {  margin-bottom:25px;  padding-right:45px; } @media only screen and (min-width:1200px) and (max-width:1399px), only screen and (min-width:992px) and (max-width:1199px), (max-width:767px) {  .tp-product-details-desc-content {   padding-right:0;  } } @media (max-width:767px) {  .tp-product-details-desc-content {   padding-left:0;  } } .tp-product-details-desc-content span {  font-size:20px;  color:var(--tp-common-black); } .tp-product-details-desc-content p {  font-size:16px;  line-height:1.6; } @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-product-details-desc-content-2 {   padding-right:0;   padding-left: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) {  .tp-product-details-desc-content-2.pt-75 {   padding-top:25px;  } } .tp-product-details-desc-content-2 p {  font-size:16px;  line-height:1.6; } @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-product-details-desc-thumb img {   max-width:100%;  } } .tp-product-details-desc-list {  padding-top:13px; } .tp-product-details-desc-list ul li {  list-style:none;  font-size:16px;  color:var(--tp-common-black);  position:relative;  padding-left:17px; } .tp-product-details-desc-list ul li:not(:last-child) {  margin-bottom:3px; } .tp-product-details-desc-list ul li::after {  position:absolute;  content:"";  left:0;  top:11px;  width:4px;  height:4px;  background-color:#A8ACB0;  border-radius:50%; } .tp-product-details-desc-fact-thumb img {  margin-bottom:16px; } .tp-product-details-desc-fact-content span {  display:inline-block;  font-size:50px;  line-height:1.2;  color:var(--tp-common-black); } @media only screen and (min-width:768px) and (max-width:991px) {  .tp-product-details-desc-fact-content span {   font-size:35px;  } } @media only screen and (min-width:576px) and (max-width:767px) {  .tp-product-details-desc-fact-content span {   font-size:30px;  } } @media (max-width:767px) {  .tp-product-details-desc-fact-content span {   font-size:25px;  } } .tp-product-details-desc-fact-content p {  font-size:22px; } @media (max-width:767px) {  .tp-product-details-desc-fact-content p {   font-size:20px;  } } .tp-product-details-additional-info {  padding-top:60px; } @media (max-width:767px) {  .tp-product-details-additional-info {   overflow-x:scroll;  } } .tp-product-details-additional-info-title {  font-size:24px;  font-weight:400;  margin-bottom:16px;  display:none; } .tp-product-details-additional-info.tp-table-style-2 {  padding-top:50px; } .tp-product-details-additional-info.tp-table-style-2 .tp-product-details-additional-info-title {  display:block; } .tp-product-details-additional-info.tp-table-style-2 table {  border:0;  border-collapse:separate;  border-spacing:0 7px; } .tp-product-details-additional-info.tp-table-style-2 table tr {  border:0; } .tp-product-details-additional-info.tp-table-style-2 table tr:not(:last-child) {  border:0;  margin-bottom:6px; } .tp-product-details-additional-info.tp-table-style-2 table tr td {  padding:7px 24px;  border:1px solid #E6E7E8; } .tp-product-details-additional-info.tp-table-style-2 table tr td:first-child {  padding-left:24px;  border-right:0; } .tp-product-details-additional-info.tp-table-style-2 table tr td:last-child {  padding-left:34px; } .tp-product-details-additional-info table {  border:1px solid #E0E2E3;  width:100%; } .tp-product-details-additional-info table tr:not(:last-child) {  border-bottom:1px solid #ECEDED; } .tp-product-details-additional-info table tr td {  padding:12px 34px; } .tp-product-details-additional-info table tr td:first-child {  font-size:16px;  color:var(--tp-common-black);  background-color:#F9F9F9;  width:306px; } .tp-product-details-additional-info table tr td:last-child {  font-size:16px;  color:var(--tp-text-body); } .tp-product-details-review-number {  border:1px solid #E0E2E3;  padding:35px 43px 33px 40px; } @media (max-width:767px) {  .tp-product-details-review-number {   padding:35px 25px 33px 25px;  } } .tp-product-details-review-number-title {  font-size:20px;  font-weight:500;  margin-bottom:14px; } .tp-product-details-review-summery {  margin-bottom:12px; } .tp-product-details-review-summery-value span {  font-size:40px;  font-weight:500;  color:var(--tp-common-black);  margin-right:8px; } .tp-product-details-review-summery-rating {  margin-right:3px; } .tp-product-details-review-summery-rating span {  color:#FFB21D; } .tp-product-details-review-summery-rating p {  margin-left:4px;  font-size:14px;  margin-bottom:0; } .tp-product-details-review-rating-item > span {  color:#A0A2A4;  font-size:15px;  margin-right:10px; } .tp-product-details-review-rating-bar {  width:260px;  background-color:#EDEEEE;  height:10px;  position:relative;  margin-right:12px; } @media (max-width:767px) {  .tp-product-details-review-rating-bar {   width:130px;  } } .tp-product-details-review-rating-bar-inner {  height:100%;  background-color:#FFB21D;  display:inline-block;  position:absolute;  top:0;  left:0; } .tp-product-details-review-rating-percent span {  font-size:14px; } .tp-product-details-review-title {  font-size:24px;  font-weight:500;  margin-bottom:22px; } @media (max-width:767px) {  .tp-product-details-review-list {   padding-right:0;  } } .tp-product-details-review-avater:not(:last-child) {  margin-bottom:32px; } .tp-product-details-review-avater-thumb img {  width:60px;  height:60px;  border-radius:50%;  margin-right:20px; } .tp-product-details-review-avater-rating {  line-height:1;  margin-bottom:3px; } .tp-product-details-review-avater-rating span {  font-size:10px;  margin-right:2px;  color:#FFB21D; } .tp-product-details-review-avater-title {  font-size:16px;  font-weight:500;  margin-bottom:9px;  display:inline-block; } .tp-product-details-review-avater-meta {  font-size:14px;  position:relative;  padding-left:11px;  margin-left:3px; } .tp-product-details-review-avater-meta::after {  position:absolute;  content:"";  left:0;  top:8px;  width:4px;  height:4px;  border-radius:50%;  background-color:#A8ACB0; } .tp-product-details-review-avater-comment p {  font-size:14px;  margin-bottom:0;  line-height:1.4; } @media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-review-form {   margin-top:50px;  } } .tp-product-details-review-form > p {  font-size:16px;  margin-bottom:8px; } .tp-product-details-review-form-title {  font-size:24px;  font-weight:500;  margin-bottom:4px; } .tp-product-details-review-form-rating {  margin-bottom:28px; } .tp-product-details-review-form-rating p {  margin-bottom:0;  font-size:14px;  margin-right:8px; } .tp-product-details-review-form-rating-icon span {  font-size:12px;  color:#FFB21D; } .tp-product-details-review-input-wrapper {  margin-bottom:11px; } .tp-product-details-review-input-box {  position:relative; } .tp-product-details-review-input-box:not(:last-child) {  margin-bottom:29px; } .tp-product-details-review-input input {  height:56px;  background:#FFFFFF;  border:1px solid #E0E2E3;  font-size:14px;  color:var(--tp-common-black); } .tp-product-details-review-input input::-webkit-input-placeholder {   color:#95999D; } .tp-product-details-review-input input::-moz-placeholder {   color:#95999D; } .tp-product-details-review-input input:-moz-placeholder {   color:#95999D; } .tp-product-details-review-input input:-ms-input-placeholder {   color:#95999D; } .tp-product-details-review-input textarea {  height:165px;  resize:none; } .tp-product-details-review-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-product-details-review-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-product-details-review-input-eye .open-eye {  display:none; } .tp-product-details-review-input-eye:hover {  cursor:pointer; } .tp-product-details-review-input-eye:hover span {  color:var(--tp-common-black); } .tp-product-details-review-remeber input {  display:none; } .tp-product-details-review-remeber input:checked ~ label::after {  background-color:var(--tp-theme-primary);  border-color:var(--tp-theme-primary); } .tp-product-details-review-remeber input:checked ~ label::before {  visibility:visible;  opacity:1; } .tp-product-details-review-remeber label {  font-size:15px;  color:#55585B;  position:relative;  padding-left:26px;  z-index:1; } .tp-product-details-review-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-product-details-review-remeber label::before {  position:absolute;  content:url(https://makfast.com/wp-content/themes/seomy/assets/css/../img/product/icons/check.svg);  top:4px;  left:0;  width:18px;  height:18px;  line-height:16px;  text-align:center;  visibility:hidden;  opacity:0;  color:var(--tp-common-white); } .tp-product-details-review-remeber label a:hover {  color:var(--tp-theme-primary); } .tp-product-details-review-remeber label:hover {  cursor:pointer; } .tp-product-details-review-btn {  font-size:16px;  font-weight:500;  color:var(--tp-common-white);  padding:9px 45px;  background-color:var(--tp-theme-primary); } .tp-product-details-tab-nav .nav-tabs {  border-bottom:1px solid #E0E2E3; } .tp-product-details-tab-nav .nav-tabs .nav-link {  font-size:18px;  color:#A0A2A4;  padding-left:9px;  padding-right:7px;  position:relative;  padding-left:0;  transition:0.3s;  margin-top:15px;  margin-right:20px;  font-weight:500;  padding-bottom:10px; } .tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {  margin-right:20px; } .tp-product-details-tab-nav .nav-tabs .nav-link.active, .tp-product-details-tab-nav .nav-tabs .nav-link:hover {  color:#007CF5; } .tp-product-details-tab-nav .nav-tabs .nav-link.active::after, .tp-product-details-tab-nav .nav-tabs .nav-link:hover::after {  width:100%;  left:0;  right:auto; } .tp-product-details-tab-nav .nav-tabs .nav-link::after {  position:absolute;  content:"";  left:auto;  right:0;  bottom:-1px;  width:0%;  height:2px;  background-color:#007CF5; } @media (max-width:767px) {  .tp-product-details-tab-nav .nav-tabs span#productTabMarker {   display:none !important;  } } .tp-product-details-tab-line {  position:absolute;  bottom:0;  height:1px;  background-color:var(--tp-common-black);  display:block; } .tp-product-details-views {  margin-bottom:10px; } .tp-product-details-views > span {  color:var(--tp-common-black);  font-size:16px;  margin-right:8px; } .tp-product-details-views p {  font-size:16px;  margin-bottom:0; } .tp-product-details-views p span {  color:var(--tp-common-black);  font-weight:500; } .tp-product-details-stock-bar p {  font-size:15px;  margin-bottom:5px; } .tp-product-details-stock-bar p span {  font-weight:500;  color:var(--tp-common-black); } .tp-product-details-stock-bar-line {  height:4px;  position:relative; } .tp-product-details-stock-bar-line-inner {  position:absolute;  top:0;  left:0;  background-color:var(--tp-theme-primary);  height:100%;  display:inline-block; } .tp-product-details-wishlist-btn {  display:inline-block;  width:46px;  height:46px;  line-height:46px;  text-align:center;  background-color:var(--tp-common-white);  box-shadow:0px 1px 3px rgba(1, 15, 28, 0.1); } .tp-product-details-wishlist-btn:hover {  background-color:var(--tp-common-black);  color:var(--tp-common-white); } .tp-product-details-countdown {  padding:10px 20px;  border:1px solid var(--tp-pink-1);  background-color:rgba(253, 75, 107, 0.05); } .tp-product-details-countdown-title {  font-size:18px;  font-weight:500;  color:var(--tp-pink-1);  margin-bottom:0; } @media (max-width:767px) {  .tp-product-details-countdown-title {   margin-bottom:7px;  } } .tp-product-details-countdown-time ul {  display:-webkit-box;  display:-moz-box;  display:-ms-flexbox;  display:-webkit-flex;  display:flex;  align-items:center; } .tp-product-details-countdown-time ul li {  list-style:none;  font-size:16px;  font-weight:500;  color:var(--tp-pink-1);  position:relative; } .tp-product-details-countdown-time ul li:not(:last-child) {  margin-right:24px; } .tp-product-details-countdown-time ul li:not(:last-child)::after, .tp-product-details-countdown-time ul li:not(:last-child)::before {  position:absolute;  content:"";  right:-13px;  top:7px;  width:3px;  height:3px;  border-radius:50%;  background-color:var(--tp-pink-1); } .tp-product-details-countdown-time ul li:not(:last-child)::before {  top:15px; } .tp-product-details-review-wrapper-2 .tp-product-details-review-item-wrapper-2 {  padding-bottom:80px;  border-bottom:1px solid #E6E7E8; } .tp-product-details-review-wrapper-2 .tp-product-details-review-avater-title {  display:block;  margin-bottom:2px; } .tp-product-details-review-wrapper-2 .tp-product-details-review-avater-meta {  padding-left:0; } .tp-product-details-review-wrapper-2 .tp-product-details-review-avater-meta::after {  display:none; } .tp-product-details-review-wrapper-2 .tp-product-details-review-avater-rating {  margin-bottom:9px; } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-review-wrapper-2 .tp-product-details-review-avater-rating {   margin-top:20px;  } } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-review-wrapper-2 .tp-product-details-review-input-wrapper {   margin-bottom:-11px;  } } @media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) {  .tp-product-details-review-wrapper-2 .tp-product-details-review-input-box {   margin-bottom:29px;  } } .tp-product-details-review-wrapper-2 .tp-product-details-review-form-title {  font-size:34px;  font-weight:500; } .tp-product-details-review-wrapper-title-2 {  font-size:24px;  font-weight:500;  margin-bottom:33px; } .tp-product-details-review-item-2:not(:last-child) {  margin-bottom:55px; }  .quantity {  position:relative; } .tp-product-quantity {  width:100px;  position:relative;  border-radius:20px; } .qty_button, .qty_button {  display:inline-block;  text-align:center;  font-size:16px;  color:var(--tp-common-black);  position:absolute;  top:50%;  left:16px;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%); } .qty_button svg, .qty_button svg {  -webkit-transform:translateY(-2px);  -moz-transform:translateY(-2px);  -ms-transform:translateY(-2px);  -o-transform:translateY(-2px);  transform:translateY(-2px); } .qty_button:hover, .qty_button:hover {  cursor:pointer;  color:var(--tp-theme-primary); } .qty_button.qty_button, .qty_button.qty_button {  left:auto;  right:16px; } .qty_button.qty_button::after, .qty_button.qty_button::after {  left:0;  right:auto; } .qty_button.minus, .qty_button.minus {  left:16px;  right:auto; } .tp-cart-input[type=text] {  height:34px;  text-align:center;  font-size:14px;  border:1px solid #DADCE0;  background-color:var(--tp-common-white); } .tp-cart-input[type=text]:focus {  outline:none; }