:root {
  --tp-ff-body:"Inter",sans-serif;
  --tp-ff-heading:"Teko",sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  --tp-primary:#1268F3;
  --tp-secondary: #20C5E8;
  --tp-technology: #073B66;
  --tp-navy: #061A33;
  --tp-primary-1: rgba(0, 98, 253, 0.1);
  --tp-primary-2: rgba(0, 98, 253, 0.2);
  --tp-primary-3: rgba(0, 98, 253, 0.3);
  --tp-primary-4: rgba(0, 98, 253, 0.4);
  --tp-primary-5: rgba(0, 98, 253, 0.5);
  --tp-primary-6: rgba(0, 98, 253, 0.6);
  --tp-primary-7: rgba(0, 98, 253, 0.7);
  --tp-primary-8: rgba(0, 98, 253, 0.8);
  --tp-primary-9: rgba(0, 98, 253, 0.9);
  --tp-common-white:#fff;
  --tp-common-black:#000000;
  --tp-common-black-2:#232323;
  --tp-common-black-3:#333333;
  --tp-common-black-4:#444;
  --tp-common-black-5:#555;
  --tp-common-black-6:#666;
  --tp-common-black-7:#777;
  --tp-common-black-8:#888;
  --tp-common-black-9:#999;
  --tp-common-cream:#f9f4e8;
  --tp-common-cream-2:#fff6bf;
  --tp-common-cream-3:#ffffe6;
  --tp-common-yellow:#ffc446;
  --tp-common-yellow-1:#fff669;
  --tp-common-yellow-green:#e9ff48;
  --tp-common-green-light:#d0ff71;
  --tp-common-green-regular:#c1ed00;
  --tp-common-green-solid:var(--tp-common-black-3);
  --tp-common-pink-light:#fde1da;
  --tp-common-paste:#43d4a0;
  --tp-common-paste-2:#0c5752;
  --tp-common-sky:#c5fcfc;
  --tp-common-red:#ff4851;
  --tp-common-red-2:#ff481f;
  --tp-common-red-3:#ff5722;
  --tp-common-blue:#7463ff;
  --tp-common-brown:#453030;
  --tp-grey-1:#f8f8f8;
  --tp-grey-2:#f1f1f1;
  --tp-grey-3:#f8f8fb;
  --tp-grey-4:#f6f8ef;
  --tp-coffe-1:#653624;
  --tp-coffe-2:#552411;
  --tp-cream-1:#b7ab98;
  --tp-cream-2:#cfc292;
  --tp-text-body:#2e2d2d;
  --tp-theme-green:#a0ff27;
  --tp-theme-pink:#ec6fd5;
  --tp-theme-yellow:#ffb701;
  --tp-border-1:#eaebed;
  --tp-border-2:#e7e7e7
}
* {
  box-sizing:border-box;
  margin:0;
  padding:0
}
html, body {
  scroll-behavior:smooth;
  overflow-x: hidden;
}
@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1510px }
    .container-1830 { max-width: 1830px }
    .container-1800 { max-width: 1800px }
    .container-1750 { max-width: 1750px }
    .container-1730 { max-width: 1730px }
    .container-1680 { max-width: 1680px }
    .container-1630 { max-width: 1630px }
    .container-1610 { max-width: 1610px }
    .container-1580 { max-width: 1580px }
    .container-1550 { max-width: 1550px }
    .container-1460 { max-width: 1460px }
    .container-1430 { max-width: 1430px }
    .container-1350 { max-width: 1350px }
    .container-1330 { max-width: 1330px }
    .container-1320 { max-width: 1320px }
    .container-1300 { max-width: 1300px }
    .container-1230 { max-width: 1230px }
    .container-1200 { max-width: 1200px }
    .container-1030 { max-width: 1030px }
}
@media (max-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 100%;}
}
body { color: var(--tp-text-body); font-size: 16px; font-weight: 400; line-height: 1.6; font-family: var(--tp-ff-body); color: var(--tp-text-body) }
.tp-ff-body {font-family: var(--tp-ff-body) !important;}
.tp-ff-heading {font-family: var(--tp-ff-heading) !important;}
img { max-width: 100% }
a { text-decoration: none }
h1, h2, h3, h4, h5, h6 { -o-transition: color .3s ease-in-out; color: var(--tp-navy); font-weight: 500; line-height: 1.2; font-family: var(--tp-ff-heading); margin-top: 0; transition: color .3s ease-in-out }
h1 { font-size: 40px }
h2 { font-size: 36px }
h3 { font-size: 28px }
h4 { font-size: 24px }
h5 { font-size: 20px }
h6 { font-size: 16px }
ul { margin: 0; padding: 0 }
p { letter-spacing: -.02em; font-weight: 400; line-height: 1.56;  margin-bottom: 15px }
@media (max-width: 1024px) {
    p, body {font-size: 15px;}
}
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none }
a:focus, .button:focus { outline: none; text-decoration: none }
a:focus, a:hover { color: inherit; text-decoration: none }
a, button { color: inherit; background: 0 0; border: none; outline: none }
button:hover { cursor: pointer }
button:focus { outline: 0 }
.uppercase { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.form-control { width: 100%; height: 60px; color: var(--tp-common-black); background-color: #f6f6f9; border: 1px solid #f6f6f9; border-radius: 8px; outline: none; padding-left: 26px; padding-right: 26px; }
.form-control::-webkit-input-placeholder { color: var(--tp-common-black) }
.form-control::-moz-placeholder { color: var(--tp-common-black) }
.form-control:-moz-placeholder-shown { color: var(--tp-common-black) }
.form-control:-ms-placeholder-shown { color: var(--tp-common-black) }
.form-control::placeholder { color: var(--tp-common-black) }
.form-control:focus { border-color: var(--tp-common-black); outline:0; box-shadow:none; }
.form-control:focus::placeholder { opacity: 0 }
textarea.form-control { padding-top: 17px; padding-bottom: 17px; line-height: 1.4; height:120px; }
.help-block {font-size: 14px; margin: 5px 0 0;}
.help-block.with-errors { color: var(--tp-common-red);}
::-moz-selection { background: var(--tp-common-black); color: var(--tp-common-white); text-shadow: none }
::selection { background: var(--tp-common-black); color: var(--tp-common-white); text-shadow: none }
::placeholder { color: var(--tp-common-black); opacity: 1; font-size: 14px }
.w-img img { width: 100% }
.m-img img { max-width: 100% }
.fix { overflow: hidden }
.clear { clear: both }
.z-index-1 { z-index: 1; position: relative }
.z-index-2 { z-index: 2; position: relative }
.z-index-3 { z-index: 3; position: relative }
.z-index-4 { z-index: 4; position: relative }
.z-index-5 { z-index: 5; position: relative }
.z-index-6 { z-index: 6; position: relative }
.z-index-7 { z-index: 7; position: relative }
.z-index-8 { z-index: 8; position: relative }
.z-index-9 { z-index: 9; position: relative }
.z-index-10 { z-index: 10; position: relative }
.gx-7 { --bs-gutter-x: 7px }
.gx-10 { --bs-gutter-x: 10px }
.gx-12 { --bs-gutter-x: 12px }
.gx-15 { --bs-gutter-x: 15px }
.gx-20 { --bs-gutter-x: 20px }
.gx-24 { --bs-gutter-x: 24px }
.gx-30 { --bs-gutter-x: 30px }
.gx-40 { --bs-gutter-x: 40px }
.gx-45 { --bs-gutter-x: 45px }
.gx-50 { --bs-gutter-x: 50px }
.gx-55 { --bs-gutter-x: 55px }
.gx-60 { --bs-gutter-x: 60px }
.gx-70 { --bs-gutter-x: 70px }
.gx-80 { --bs-gutter-x: 80px }
.gx-90 { --bs-gutter-x: 90px }
.gx-100 { --bs-gutter-x: 100px }
.gx-135 { --bs-gutter-x: 135px }
@media only screen and (min-width:768px) and (max-width:991px) {
    .gx-135 { --bs-gutter-x: 30px }
}
.overflow-y-visible { overflow: hidden visible }
.text-capitalize { text-transform: capitalize }
.text-uppercase { text-transform: uppercase }
.p-relative { position: relative }
.p-absolute { position: absolute }
.include-bg { background-position: 50%; background-repeat: no-repeat; background-size: cover }
.tp-dropcap:first-letter { float: left; text-align: center; width: 65px; height: 85px; font-size: 90px; font-weight: 500; line-height: .8; line-height: inherit; text-transform: capitalize; color: var(--tp-common-white); font-family: var(--tp-ff-body); margin-right: 5px }
.coffe-bg { background-color: var(--tp-coffe-1) }
.counter-row { counter-reset: count }
.back-to-top-wrapper { cursor: pointer; z-index: 99; opacity: 0; visibility: hidden; border-radius: 50%; width: 44px; height: 44px; display: block; position: fixed; bottom: 0; right: 50px }
@media (max-width:767px) {
    .back-to-top-wrapper { bottom: 20px; right: 20px }
}
.back-to-top-wrapper.back-to-top-btn-show { visibility: visible; opacity: 1; bottom: 50px }
.back-to-top-btn { text-align: center; width: 44px; height: 44px; color: var(--tp-common-black); -o-transition: all .3s ease-in-out; background: var(--tp-common-white); border-radius: 50%; line-height: 44px; transition: all .3s ease-in-out; display: inline-block; box-shadow: 0 8px 16px #03041c4d }
.back-to-top-btn svg { transform: translateY(-2px) }
.back-to-top-btn:hover { transform: translateY(-4px) }

.tp-btn {  text-transform: uppercase; color: var(--tp-common-white); background-color: var(--tp-primary); border-radius: 5px; padding: 16px 24px; font-size: 14px; font-weight: 600; line-height: 1; display: inline-block }
.tp-btn:hover {color: var(--tp-common-white);}
.tp-btn span { z-index: 1; display: inline-block; position: relative; overflow: hidden }
.tp-btn span span.text-1 { transition: all .3s; display: block; position: relative }
.tp-btn span span.text-2 { transition: all .3s; display: block; position: absolute; top: 100% }
.tp-btn:hover span span.text-1 { transform: translateY(-150%); }
.tp-btn:hover span span.text-2 { top: 50%; transform: translateY(-50%); }
.tp-btn.lg { padding: 22px 28px; font-size: 16px }
.tp-btn-outline {color: var(--tp-common-black);  border: 1px solid var(--tp-common-black); background: transparent;}
.tp-btn-outline:hover {color: var(--tp-common-black);}
.tp-btn-outline-white {color: var(--tp-common-white); border: 1px solid var(--tp-common-white); background: transparent;}
.tp-btn-outline-white:hover {color: var(--tp-common-white);}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-btn.lg { padding: 17px 20px; font-size: 14px }
}
.tp-breadcrumb-ptb { padding-top: 180px }
.tp-breadcrumb-title { letter-spacing: -.03em; color: var(--tp-common-white); margin-bottom: 0; font-size: 80px; font-weight: 700; line-height: 1.5 }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-breadcrumb-title { font-size: 60px }
}
@media (max-width:767px) {
    .tp-breadcrumb-title { font-size: 40px }
}
.tp-breadcrumb-list { padding: 0 10px; display: inline-block }
.tp-breadcrumb-list span:last-child { color: var(--tp-common-white) }
.tp-breadcrumb-list span { text-transform: capitalize; color: #fff6; font-size: 18px; font-weight: 400; line-height: 1 }
@media (max-width:767px) {
    .tp-breadcrumb-list span { font-size: 15px }
}
.tp-breadcrumb-list span.dvdr i { padding: 0 14px; font-style: normal }
.breadcrumb__list span { color: #4d3d3099; font-size: 14px; font-weight: 500; position: relative }
.breadcrumb__list span:not(:last-child) { margin-right: 5px; padding-right: 12px }
.breadcrumb__list span:not(:last-child):after { content: ""; background-color: #a8acb0; border-radius: 50%; width: 4px; height: 4px; position: absolute; top: 50%; right: 0 }
.breadcrumb__list span:hover { color: #4d3d30 }
.breadcrumb__list span a:hover { color: var(--tp-coffe-2) }
.breadcrumb__style-2 .breadcrumb__list span:last-child { color: #4d3d30 }
.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon { margin-right: 0; padding-right: 0 }
.breadcrumb__style-2 .breadcrumb__list span.breadcrumb-icon svg { transform: translateY(-3px) }
.breadcrumb__style-2 .breadcrumb__list.has-icon span:first-child:after { display: none }

/* MAGIC CURSOR
----------------------- */
body.tp-magic-cursor #magic-cursor { display: block }
#magic-cursor { pointer-events: none; z-index: 99999; opacity: 0; width: 10px; height: 10px; display: none; position: absolute; top: 0; left: 0 }
#ball { pointer-events: none; color: #0000; mix-blend-mode: difference; background-color: var(--tp-primary); border-radius: 50%; justify-content: center; align-items: center; display: flex; position: fixed }
.cursor-bg-red #ball { background-color: #ff535b !important }
.cursor-bg-red #ball .ball-view { color: var(--tp-common-white) }
.cursor-bg-red-2 #ball { background-color: #ff481f !important }
.cursor-bg-red-2 #ball .ball-view { color: var(--tp-common-white) }
.cursor-bg-yellow #ball { background-color: #fff669 !important }
.cursor-bg-yellow #ball .ball-view, .cursor-white-bg #ball .ball-view { color: var(--tp-common-black) }
#ball .ball-view { opacity: 0; visibility: hidden; text-align: center; color: var(--tp-common-black); padding: 0 5px; font-size: 15px; font-weight: 500; line-height: 1.3; position: absolute; transform: scale(0) }
#ball .ball-drag { text-align: center; width: 100%; color: var(--tp-common-black); padding: 0 5px; font-size: 15px; font-weight: 600; line-height: 1.2; transition: all .3s; display: block; position: absolute }
#ball .ball-drag:before, #ball .ball-drag:after { font-variant: normal; text-rendering: auto; height: 10px; color: var(--tp-common-white); -webkit-font-smoothing: antialiased; margin-top: -5px; font-family: "Font Awesome 6 Pro"; font-size: 19px; font-style: normal; font-weight: 900; line-height: 10px; display: inline-block; position: absolute; top: 50% }
#ball .ball-drag:before { content: ""; transition: all .25s; left: 0; transform: translate(-30px) }
#ball .ball-drag:after { content: ""; transition: all .25s; right: 0; transform: translate(30px) }
#ball.with-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transform: translate(0, 0) }
#ball.ball-close-enabled { opacity: 1 !important }
#ball .ball-close { text-align: center; color: var(--tp-common-black); padding: 0 5px; font-size: 14px; font-weight: 600; line-height: 1; position: absolute }

/* TITLES
------------------------*/
.tp-section-subtitle { font-weight: 500; font-size: 18px; line-height: 1; display: inline-block; text-transform: uppercase; color: var(--tp-common-black); }
.tp-section-subtitle.pre::before { content: ''; height: 8px; width: 8px; margin-right: 12px; border-radius: 4px; display: inline-block; transform: translateY(-2px); background-color: var(--tp-primary); }
.tp-section-subtitle.subtitle-black { font-weight: 400; font-size: 16px; line-height: 1.2; text-transform: capitalize; color: var(--tp-common-black); }
.tp-section-subtitle.fs-17 { font-weight: 400; font-size: 17px; line-height: 1; text-transform: capitalize; color: var(--tp-common-white); }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-section-subtitle.fs-17 { display: inline-block; margin-bottom: 15px; }
}
.tp-section-subtitle.fs-17.pre-circle::before { content: ''; height: 8px; width: 8px; margin-right: 12px; border-radius: 50%; display: inline-block; transform: translateY(-2px); background-color: var(--tp-common-white); }

.tp-section-subtitle-teko { font-weight: 500; font-size: 30px; line-height: 1; display: inline-block; font-family: var(--tp-ff-heading); color: var(--tp-common-black); }
@media (max-width:767px) {
    .tp-section-subtitle {font-size: 16px;}
    .tp-section-subtitle-teko { font-size: 25px; }
}
.tp-section-subtitle-teko i { font-style: normal; color: var(--tp-common-black); }
.tp-section-subtitle.border-bg { font-size: 14px; font-weight: 500; padding: 7px 12px; border-radius: 40px; margin-bottom: 10px; text-transform: capitalize; color: var(--tp-common-black-10); border: 1px solid rgba(33, 33, 45, 0.06); box-shadow: 0px 0px 2px 0px rgba(39, 39, 46, 0.04); backdrop-filter: blur(10px); }
.tp-section-subtitle.border-bg.bg-color { font-size: 15px; font-weight: 600; background: var(--tp-common-white); border: 1px solid rgba(33, 33, 45, 0.06); box-shadow: 0px 0px 2px 0px rgba(39, 39, 46, 0.04); }

.tp-section-title { font-size: 80px; font-weight: 700; line-height: 1; letter-spacing: -0.08em; text-transform: uppercase; }
@media only screen and (min-width:1701px) and (max-width:1800px) {
    .tp-section-title { font-size: 70px; }
}
@media only screen and (min-width:1600px) and (max-width:1700px) {
    .tp-section-title { font-size: 60px; }
}
@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) {
    .tp-section-title { font-size: 50px; }
}
@media (max-width:767px) {
    .tp-section-title { font-size: 42px; }
}
.tp-section-title.fs-140 { line-height: 0.89; font-size: 140px; }
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title.fs-140 { font-size: 115px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title.fs-140 { font-size: 100px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title.fs-140 { font-size: 75px; letter-spacing: 0; }
}
@media (max-width:767px) {
    .tp-section-title.fs-140 { letter-spacing: 0; font-size: 65px; }
}
.tp-section-title.fs-64 { font-weight: 600; font-size: 64px; line-height: 1.1; letter-spacing: -0.02em; text-transform: capitalize; color: var(--tp-common-white); }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title.fs-64 { font-size: 55px; }
}
@media (max-width:767px) {
    .tp-section-title.fs-64 { font-size: 42px; }
}
.tp-section-title.fs-44 { font-weight: 600; font-size: 44px; line-height: 1.18; margin-bottom: 0; letter-spacing: -0.03em; text-transform: capitalize; color: var(--tp-common-white); }
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title.fs-44 { font-size: 40px; }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-section-title.fs-44 { font-size: 38px; }
    .tp-section-title.fs-44 br { display: none; }
}
.tp-section-title.fs-54 { font-weight: 700; font-size: 54px; line-height: 1.15; letter-spacing: -0.04em; text-transform: capitalize; color: var(--tp-common-white); }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title.fs-54 { font-size: 45px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title.fs-54 { font-size: 40px; }
}
@media (max-width:767px) {
    .tp-section-title.fs-54 { font-size: 35px; }
}
.tp-section-title.fs-54 span { height: 55px; width: 50px; display: inline-block; }
.tp-section-title.fs-54.fs-60 { font-size: 60px; }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title.fs-54.fs-60 { font-size: 55px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title.fs-54.fs-60 { font-size: 45px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title.fs-54.fs-60 { font-size: 55px; }
}
@media (max-width:767px) {
    .tp-section-title.fs-54.fs-60 { font-size: 40px; }
}
.tp-section-title.lts { letter-spacing: -2.4px; text-transform: capitalize; }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-section-title.lts { font-size: 60px; }
}
@media (max-width:767px) {
    .tp-section-title.lts { letter-spacing: 0; }
}
@media (max-width:767px) {
    .tp-section-title.lts br { display: none; }
}
.tp-section-title-teko { font-weight: 600; font-size: 62px; line-height: 0.9; letter-spacing: -0.01em; font-family: var(--tp-ff-heading); color: var(--tp-navy); }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title-teko { font-size: 50px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title-teko { font-size: 45px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title-teko { font-size: 50px; }
}
@media (max-width:767px) {
    .tp-section-title-teko { font-size: 44px; }
}
.tp-section-title-teko span { color: var(--tp-navy); }
.tp-section-title-teko.fs-150 { line-height: 0.73; font-size: 150px; }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title-teko.fs-150 { font-size: 130px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title-teko.fs-150 { font-size: 115px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title-teko.fs-150 { font-size: 100px; }
}
@media (max-width:767px) {
    .tp-section-title-teko.fs-150 { font-size: 80px; }
}
.tp-section-title-teko.fs-80 { font-size: 80px; font-weight: 500; letter-spacing: -0.8px; color: var(--tp-common-white); }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-section-title-teko.fs-80 { font-size: 70px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title-teko.fs-80 { font-size: 60px; }
}
@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-section-title-teko.fs-80 { font-size: 50px; }
}
.tp-section-title-teko.fs-80 span { color: rgba(255, 255, 255, 0.30); }
@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) {
    .tp-section-title-teko.fs-80 br { display: none; }
}
.tp-section-title-teko.fs-120 { font-size: 120px; letter-spacing: -1.2px; color: var(--tp-common-white); }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-section-title-teko.fs-120 { font-size: 100px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-section-title-teko.fs-120 { font-size: 85px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title-teko.fs-120 { font-size: 75px; }
}
@media (max-width:767px) {
    .tp-section-title-teko.fs-120 { font-size: 50px; }
}
@media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px) {
    .tp-section-title-teko.fs-120 { font-size: 75px; }
}
.tp-section-title-teko.fs-120 span { color: rgba(255, 255, 255, 0.30); }

.tp-section-title-5 { font-size: 120px; font-weight: 500; line-height: 0.9; letter-spacing: -4.8px; color: var(--tp-cream-1); text-transform: uppercase; font-family: var(--tp-ff-poppins); }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title-5 { font-size: 100px; }
}
@media (max-width:767px) {
    .tp-section-title-5 { font-size: 70px; }
}
.tp-section-title-5.fs-140 { font-size: 140px; font-weight: 400; line-height: 1; letter-spacing: -8.4px; text-transform: uppercase; color: var(--tp-cream-2); font-family: var(--tp-ff-playfair); }
@media only screen and (min-width:1200px) and (max-width:1399px), only screen and (min-width:992px) and (max-width:1199px) {
    .tp-section-title-5.fs-140 { font-size: 120px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-section-title-5.fs-140 { font-size: 85px; }
}
@media (max-width:767px) {
    .tp-section-title-5.fs-140 { font-size: 50px; letter-spacing: -1.4px; line-height: 1.2; }
}
.tp-section-title-5.fs-140 span { transform: translateY(-15px); display: inline-block; margin: 0px 30px; white-space: nowrap; }
@media (max-width:767px) {
    .tp-section-title-5.fs-140 span { white-space: inherit; }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-section-title-5.fs-140 span { margin: 0; }
}
.tp-section-title-5.fs-140 span img { border-radius: 100px; }
.tp-section-title-5.fs-140 em { font-style: normal; padding-left: 160px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-section-title-5.fs-140 em { padding-left: 0; }
}
.tp-line { background-image: linear-gradient(var(--tp-navy),var(--tp-navy)),linear-gradient(var(--tp-navy),var(--tp-navy));  background-position: 100% 100%,0 85%;  background-repeat: no-repeat;  background-size: 0% 1px,0 1px;  transition: all .3s linear;  display: inline;}
.tp-line:hover {background-size: 0% 1px,100% 1px;}

/* HEADER
-------------------------*/
.header-transparent { position: absolute; top: 0; left: 0; right: 0; z-index: 9; width: 100%; margin-top: 40px;}
@media only screen and (min-width:1600px) and (max-width:1700px), only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-header-box { padding-right: 30px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-header-box { padding-right: 0px; }
}

.tp-header-bar button { width: 30px; color: var(--tp-common-white); }
.tp-header-bar button i:nth-child(2) { width: 24px; }
.tp-header-bar button i { height: 2px; width: 14px; display: block; margin-left: 0; background-color: var(--tp-common-white); }
.tp-header-bar button i:not(:last-of-type) { margin: 6px auto; }
.tp-header-bar button:hover i { animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards; }

.tp-header-menu > nav > ul { display: inline-block; padding: 0 10px; border-radius: 14px; background: rgba(238, 241, 234, 0.06); border: 1px solid rgba(238, 241, 234, 0.06); }
.tp-header-menu > nav > ul > li { display: inline-block; list-style-type: none; padding: 8px 0; }
.tp-header-menu > nav > ul > li > a { font-weight: 500; font-size: 16px; line-height: 1; border-radius: 8px; padding: 7px 23px; display: inline-block; letter-spacing: -0.01em; color: var(--tp-common-cream-3); background-color: transparent; }
.tp-header-menu > nav > ul > li > a:hover { color: var(--tp-primary); background-color: rgba(238, 241, 234, 0.06); }
.tp-header-logo .logo-2 { display: none; }
.tp-header-inner-style .tp-header-menu > nav > ul { padding: 0 10px; border-radius: 30px; display: inline-block; background-color: rgb(246, 246, 249); }


/*  Main Menu
--------------------------------------*/
.header-sticky { position: fixed; top: 0; left: 0; right: 0; opacity: 1; width: 100%; z-index: 10; visibility: visible; background: rgba(38, 37, 40, 0.9); box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.08); animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown; }
@keyframes headerSlideDown {
    0% { margin-top: -150px }
    to { margin-top: 0 }
}
.header-sticky .tp-header-menu > nav > ul > li > a { padding: 22px 0; }
.header-sticky.sticky-white-bg { background: rgba(255, 255, 255, 0.7); }
.header-sticky.sticky-white-bg .tp-header-menu > nav > ul > li > a { color: var(--tp-navy); }
.header-sticky.sticky-white-bg .tp-header-dropdown nav ul li.has-dropdown::after { color: var(--tp-navy); }
.header-sticky.sticky-white-bg .tp-header-bar button i { background-color: var(--tp-navy); }
.header-sticky.sticky-white-bg .tp-header-7-serach { color: var(--tp-navy); }
.header-sticky.sticky-white-bg .cr-header-login a { background: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.6); }
.header-sticky.sticky-white-bg .cr-header-login a:hover { color: var(--tp-navy); background-color: transparent; }
.header-sticky.sticky-white-bg .tp-header-btn-box .tp-btn-white-border:hover { color: var(--tp-navy); border-color: rgba(0, 0, 0, 0.6); }
.header-sticky.tp-header-blur::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(40px); z-index: -1; }
.header-sticky.tp-header-3-style { padding-top: 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) {
    .header-sticky.tp-header-3-style { padding: 10px 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) {
    .header-sticky { padding: 10px 0; }
}
.header-sticky.tp-header-border { border-bottom: 0; }
.header-sticky .tp-header-logo { padding: 0; }
.header-sticky .tp-header-7-wrapper { padding: 0; padding-right: 0; border-radius: 0; background: initial; border: none; }
@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-sticky .tp-header-7-wrapper { padding: 10px 0; }
}
.header-sticky .tp-header-logo .logo-1 { display: none; }
.header-sticky .tp-header-logo .logo-2 { display: block !important; }
.header-sticky .tp-header-menu > nav > ul > li > a { padding: 25px 0; margin: 0 15px; color: var(--tp-navy); }
.header-sticky .tp-header-menu > nav > ul > li { padding: 0; }
.header-sticky .tp-header-menu > nav > ul { padding: 0; }
.header-sticky .tp-header-box { margin-left: 0; }
.header-sticky.tp-header-inner-style .tp-header-menu > nav > ul { padding: 0; border-radius: 0; display: inline-block; margin-bottom: 0; background-color: transparent; }
.header-sticky.tp-header-inner-style .tp-header-dropdown nav > ul > li .tp-submenu { top: 104%; }
.header-sticky.tp-header-inner-style .tp-header-dropdown nav > ul > li .tp-submenu li .tp-submenu { top: 0; }
.header-sticky.tp-header-inner-style .tp-megamenu-wrapper { top: 104%; }
.sticky-white-bg .tp-megamenu-list ul li a span { font-weight: 700; }
.sticky-white-bg .tp-megamenu-list ul li a span.new { color: rgb(182, 74, 222); background: rgba(182, 74, 222, 0.08); }
.sticky-white-bg .tp-megamenu-list ul li a span.pop { color: #0db50e; background-color: rgba(13, 181, 14, 0.08); }
.tp-header-dropdown nav ul li { position: relative; list-style: none; }
.tp-header-dropdown nav ul li.p-static { position: static; }
.tp-header-dropdown nav ul li.has-dropdown::after { content: "\f107"; font-size: 16px; font-weight: 400; margin-left: 2px; display: inline-block; color: var(--tp-common-white); transition: all 0.3s 0s ease-out; font-family: var(--tp-ff-fontawesome); display:none; }
.tp-header-dropdown nav ul li.has-dropdown:hover::after { transform: rotate(-180deg); }
.tp-header-dropdown nav ul li .tp-submenu { position: absolute; display: block; top: 100%; left: 0;  z-index: 99; opacity: 0; padding: 12px 0; transition: 0.5s; text-align: start; visibility: hidden; border-radius: 14px; transform-origin: 0 0; transform: scale(1, 0); backdrop-filter: blur(40px); background: rgba(38, 37, 40, 0.9); box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1); }
.tp-header-dropdown nav ul li .tp-submenu li { width: 100%; padding: 0 12px; border-radius: 8px; }
.tp-header-dropdown nav ul li .tp-submenu li a { position: relative; border-radius: 8px; font-weight: 500; font-size: 16px; line-height: 1; color: #bfbfc0; padding: 8px 18px; display: inline-block; letter-spacing: -0.01em; text-align: start; width: 100%; }
@media only screen and (min-width:1600px) and (max-width:1700px), only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-header-dropdown nav ul li .tp-submenu li a { font-size: 14px; }
}
.tp-header-dropdown nav ul li .tp-submenu li .tp-submenu { top: 0; left: 100%; }
.tp-header-dropdown nav ul li .tp-submenu li:hover > a { background-color: #2c2b2e; color: var(--tp-common-white); }
.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; }
.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children > a::after { content: "\f107"; font-size: 16px; font-weight: 400; margin-left: 2px; color: #bfbfc0; display: inline-block; transform: rotate(-90deg); transition: all 0.3s 0s ease-out; font-family: var(--tp-ff-fontawesome); }
.tp-header-dropdown nav ul li .tp-submenu li.menu-item-has-children:hover a::after { transform: rotate(0deg); color: var(--tp-common-white); }
.tp-header-dropdown nav ul li:hover > .tp-submenu { visibility: visible; opacity: 1; transform: scale(1); }
.tp-header-dropdown nav ul li:hover > .tp-megamenu-wrapper { visibility: visible; opacity: 1; transition-duration: 0.2s; -webkit-transform: perspective(300px) rotateX(0deg); -moz-transform: perspective(300px) rotateX(0deg); -ms-transform: perspective(300px) rotateX(0deg); -o-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg); }
.dropdown-white-bg nav ul li .tp-submenu { background: rgba(255, 255, 255, 0.9); }
.dropdown-white-bg nav ul li .tp-submenu li a { color: #636368; }
.dropdown-white-bg nav ul li .tp-submenu li:hover > a { background-color: #F8F8FB; color: var(--tp-navy); }
.dropdown-white-bg nav ul li .tp-submenu li.menu-item-has-children > a::after { color: #636368; }
.dropdown-white-bg nav ul li .tp-submenu li.menu-item-has-children:hover > a::after { color: var(--tp-navy); }

/* For inner page */
.tp-header .tp-header-logo .logo-1 { display: none;}
.tp-header .tp-header-logo .logo-2 { display: block;}
.tp-header .tp-header-menu > nav > ul { background-color: #f6f6f9; border-radius: 30px; padding: 0 10px; display: inline-block;}
.header-sticky.tp-header .tp-header-menu > nav > ul {background: rgba(238, 241, 234, 0.06)}
.tp-header .tp-header-menu > nav > ul > li > a {color: var(--tp-navy);}
.tp-header-menu > nav > ul > li > a:hover, .header-sticky.sticky-white-bg .tp-header-menu > nav > ul > li > a:hover { color: var(--tp-primary); }
.tp-header-bar button i {background-color: var(--tp-primary);}
@media (min-width: 1200px) {
    .tp-header-dropdown nav ul li .tp-submenu li a {white-space: nowrap;}
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .tp-header-menu > nav > ul > li > a {padding: 7px 15px;}
}

/*  Mobile Menu
-------------------------------------*/
.tp-offcanvas-menu { margin-bottom: 80px; }
.tp-offcanvas-menu ul { list-style: none; }
.tp-offcanvas-menu ul li { position: relative; }
.tp-offcanvas-menu ul li > a { padding: 10px 0; display: block; font-size: 20px; font-weight: 500; }
.tp-offcanvas-menu ul li.active > a { color: var(--tp-primary); }
.tp-offcanvas-menu ul li.active > .tp-menu-close i { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.tp-offcanvas-menu ul li .submenu { display: none; }
.tp-offcanvas-menu ul li .submenu .submenu { margin-left: 30px; }
.tp-offcanvas-menu .tp-megamenu-wrapper.megamenu-white-bg { backdrop-filter: none; background: transparent; box-shadow: none; }
.tp-offcanvas-menu .mega-menu { width: auto; opacity: 1; visibility: visible; transition: none; position: static; display: none; -webkit-transform: perspective(0) rotateX(0); -moz-transform: perspective(0) rotateX(0); -ms-transform: perspective(0) rotateX(0); -o-transform: perspective(0) rotateX(0); transform: perspective(0) rotateX(0); }
.tp-offcanvas-menu .tp-megamenu-list ul li { padding: 0; }
.tp-offcanvas-menu .tp-megamenu-list ul li a { padding: 8px 20px; font-size: 17px; }
.tp-offcanvas-menu .tp-submenu li a { padding: 5px 15px; border-radius: 10px; font-size: 15px; }
.tp-offcanvas-menu .tp-submenu li a:hover { background-color: #f8f8fb; color: var(--tp-navy); }
.tp-menu-close { position: absolute; right: 7px; top: 12px; }
.tp-menu-close i { transition: all 0.3s; font-size: 18px; font-weight: 500; }
.menu-item-has-children .tp-menu-close { right: 14px; top: 9px; }

/*  offcanvas Menu
-------------------------------------*/
.body-overlay { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: 0.45s ease-in-out; background: rgba(24, 24, 24, 0.4); }
.body-overlay.opened { opacity: 1; visibility: visible; }
.tp-offcanvas-wrapper { position: fixed; top: 0; right: 0; width: 450px; height: 100vh; z-index: 999; padding: 40px; overflow-y: scroll; transition: all 0.3s; background: #FFF; overscroll-behavior-y: contain; -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)); }
@media (max-width:767px) {
    .tp-offcanvas-wrapper { width: 100%; }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    .tp-offcanvas-wrapper { width: 450px; }
}
.tp-offcanvas-wrapper .logo-2 { display: none; }
.tp-offcanvas-wrapper.offcanvas-black-bg { background: #1C1D20; }
.tp-offcanvas-wrapper.offcanvas-black-bg .logo-1 { display: none; }
.tp-offcanvas-wrapper.offcanvas-black-bg .logo-2 { display: block !important; }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-close-btn { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu ul li > a { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu ul li.active > a { color: var(--tp-primary); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-menu .tp-submenu li a:hover { background-color: #2c2b2e; color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-menu-close i { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-megamenu-wrapper.megamenu-black-bg { backdrop-filter: initial; background: transparent; box-shadow: none; }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-title.sm { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a { color: rgba(255, 255, 255, 0.8); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a:hover { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-contact ul li a::after { background-color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-social ul li a { color: var(--tp-common-white); border: 1px solid rgba(255, 255, 255, 0.1); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-social ul li a:hover { color: var(--tp-navy); border-color: var(--tp-common-white); background-color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-title { color: var(--tp-common-white); }
.tp-offcanvas-wrapper.offcanvas-black-bg .tp-offcanvas-content p { color: rgba(255, 255, 255, 0.8); }
.tp-offcanvas-area.opened .tp-offcanvas-wrapper { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.tp-offcanvas-top { margin-bottom: 90px; }
.tp-offcanvas-close-btn { color: black; }
.tp-offcanvas-close-btn:hover { opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.tp-offcanvas-content { margin-bottom: 45px; }
.tp-offcanvas-content p { font-size: 16px; font-weight: 400; line-height: 24px; color: #414144; }
.tp-offcanvas-title { font-size: 40px; line-height: 1; letter-spacing: -0.8px; font-weight: 700; margin-bottom: 15px; color: var(--tp-navy); }
.tp-offcanvas-title.sm { font-size: 20px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; color: var(--tp-navy); }
.tp-offcanvas-gallery { margin-bottom: 65px; }
.tp-offcanvas-gallery-img img { transition: 0.9s; }
.tp-offcanvas-gallery-img:hover img { transform: scale(1.2) rotate(-2deg); }
.tp-offcanvas-contact { margin-bottom: 55px; }
.tp-offcanvas-contact ul li { list-style: none; }
.tp-offcanvas-contact ul li:not(:last-child) { margin-bottom: 2px; }
.tp-offcanvas-contact ul li a { display: inline-block; color: #414144; font-size: 16px; position: relative; }
.tp-offcanvas-contact ul li a::after { position: absolute; bottom: 2px; right: 0; width: 0; height: 1px; content: ""; transition: 0.4s; background-color: #1e1e1e; }
.tp-offcanvas-contact ul li a:hover { color: var(--tp-navy); }
.tp-offcanvas-contact ul li a:hover::after { width: 100%; right: auto; left: 0; }
.tp-offcanvas-social ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
.tp-offcanvas-social ul li { list-style: none; }
.tp-offcanvas-social ul li:not(:last-child) { margin-right: 8px; }
.tp-offcanvas-social ul li a { display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 38px; border-radius: 40px; transition: all 0.3s; color: var(--tp-navy); border: 1px solid rgba(2, 11, 24, 0.1); }
.tp-offcanvas-social ul li a:hover { background-color: var(--tp-navy); border-color: var(--tp-navy); color: var(--tp-common-white); }
.tp-offcanvas-social ul li a svg { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); }
.tp-offcanvas-2-area { position: relative; }
.tp-offcanvas-2-area.opened .animated-text > nav > ul > li a::after { visibility: visible; opacity: 1; bottom: 35px; }
.tp-offcanvas-2-area.opened .animated-text > nav > ul > li a::before { width: 100%; }
.tp-offcanvas-2-area.opened .animated-text > nav > ul > li a .tp-text-hover-effect-word .single-char span { -webkit-transform: translateZ(0.1px); -moz-transform: translateZ(0.1px); -ms-transform: translateZ(0.1px); -o-transform: translateZ(0.1px); transform: translateZ(0.1px); }
.tp-offcanvas-2-area.opened .tp-offcanvas-2-left, .tp-offcanvas-2-area.opened .tp-offcanvas-2-right { visibility: visible; opacity: 1; }
.tp-offcanvas-2-area.opened .tp-offcanvas-2-wrapper { visibility: visible; opacity: 1; }
.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-left, .tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-right { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0s; }
.tp-offcanvas-2-area.opened .tp-offcanvas-2-menu { transition-delay: 0s; }
.tp-offcanvas-2-area.opened .tp-offcanvas-2-close { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.9s; }
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a { font-weight: 700; font-size: 50px; line-height: 1; color: #717172; letter-spacing: -0.02em; }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a { font-size: 35px; }
}
@media (max-width:767px) {
    .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a { font-size: 30px; }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a::after { position: absolute; left: 0; top: 3px; font-weight: 500; font-size: 13px; content: "0"counter(count); counter-increment: count; color: rgba(113, 113, 114, 0.8); }
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li.is-active > a { color: var(--tp-common-white); }
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li.is-active .tp-menu-close i { color: var(--tp-common-white); }
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > ul > li > a { font-weight: 600; font-size: 30px; line-height: 1; transition: 0.3s; color: #717172; letter-spacing: -0.02em; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > ul > li > a { font-size: 20px; }
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > ul > li > a:hover { transform: translateX(15px); color: var(--tp-common-white); }
.tp-offcanvas-2-area .tp-offcanvas-menu .tp-submenu li a:hover { background-color: initial; color: var(--tp-common-white); }
.tp-offcanvas-2-area .tp-offcanvas-menu ul li:not(:last-child) > a { border-bottom: 0; }
.tp-offcanvas-2-area .tp-offcanvas-menu ul li > a { padding: 0; padding-left: 30px; }
.tp-offcanvas-2-area .tp-offcanvas-menu ul > li:not(:last-child) { margin-bottom: 45px; }
.tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu { padding-left: 20px; margin-top: 40px; margin-bottom: 56px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu { padding-left: 0; }
}
.tp-offcanvas-2-area .tp-offcanvas-menu ul li .submenu li:not(:last-child) { margin-bottom: 30px; }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-bg.is-left { background: var(--tp-common-white); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-logo .logo-1 { display: none; }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu > nav > ul > li.is-active > a { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu > nav > ul > li.is-active .tp-menu-close i { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu > nav > ul > li > a { color: #D5D5D5; }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu > nav > ul > li > ul > li > a { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu .tp-submenu li a:hover { background-color: initial; color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-bg.is-right { background-color: #F6F6F9; }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-info-title { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-info-item > a { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-social a { color: var(--tp-navy); border: 1px solid rgba(0, 0, 0, 0.1); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-social a:hover { color: var(--tp-common-white); border-color: var(--tp-navy); background-color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn .text { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn { color: var(--tp-navy); }
.tp-offcanvas-2-area.offcanvas-2-black-bg .tp-offcanvas-2-logo .logo-2 { display: none !important; }
.tp-offcanvas-2-bg.left-box { position: fixed; top: 0; height: 100%; width: 60%; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1111; }
@media (max-width:767px) {
    .tp-offcanvas-2-bg.left-box { width: 100%; }
}
.tp-offcanvas-2-bg.right-box { position: fixed; top: 0; height: 100%; width: 40%; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); z-index: 1111; }
@media (max-width:767px) {
    .tp-offcanvas-2-bg.right-box { width: 100%; }
}
.tp-offcanvas-2-bg.is-left { left: 0; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); transform-origin: top center; background: var(--tp-navy); transition-delay: 1s; }
.tp-offcanvas-2-bg.is-right { right: 0; transform-origin: bottom center; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); background-color: #1C1D20; transition-delay: 1s; }
.tp-offcanvas-2-wrapper .left-box { position: fixed; top: 0; width: 60%; height: 100vh; z-index: 9999; overflow-y: scroll; pointer-events: auto; scrollbar-width: none; padding: 40px 80px 50px 80px; }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-wrapper .left-box { padding: 40px 40px; }
}
@media (max-width:767px) {
    .tp-offcanvas-2-wrapper .left-box { width: 100%; padding: 40px 40px; }
}
.tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu { padding: 0px 125px; }
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu { padding: 0 70px; }
}
@media only screen and (min-width:992px) and (max-width:1199px), only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu { padding: 0 20px; }
}
@media (max-width:767px) {
    .tp-offcanvas-2-wrapper .left-box .tp-offcanvas-menu { padding: 0; }
}
.tp-offcanvas-2-wrapper .right-box { position: fixed; top: 0; width: 40%; height: 100vh; z-index: 9999; padding: 50px 100px 50px 0; scrollbar-width: none; overscroll-behavior-y: contain; }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-wrapper .right-box { padding-right: 40px; }
}
.tp-offcanvas-2-wrapper .right-box::-webkit-scrollbar { display: none; }
@media (max-width:767px) {
    .tp-offcanvas-2-wrapper .right-box { width: 100%; }
}
.tp-offcanvas-2-wrapper .tp-menu-close { top: 10px; height: 0; width: 0; }
@media (max-width:767px) {
    .tp-offcanvas-2-wrapper .tp-menu-close { top: 0; right: 20px; }
}
.tp-offcanvas-2-wrapper .tp-menu-close i { font-size: 20px; color: #717172; }
.tp-offcanvas-2-left { visibility: hidden; opacity: 0; left: 0; transition: 0.3s; transition-delay: 0.8s; }
@media (max-width:767px) {
    .tp-offcanvas-2-left-wrap { margin-bottom: 80px; }
}
.tp-offcanvas-2-right { visibility: hidden; opacity: 0; right: 0; transition: 0.3s; transition-delay: 0.8s; }
.tp-offcanvas-2-right-inner { height: 100%; padding: 100px; }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-offcanvas-2-right-inner { padding-left: 50px; padding-right: 50px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-offcanvas-2-right-inner { padding: 50px; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-right-inner { padding: 30px; }
}
.tp-offcanvas-2-right-info-box { padding: 0 200px; }
@media only screen and (min-width:1801px) and (max-width:1850px), only screen and (min-width:1701px) and (max-width:1800px) {
    .tp-offcanvas-2-right-info-box { padding-right: 100px; }
}
@media only screen and (min-width:1600px) and (max-width:1700px), only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-offcanvas-2-right-info-box { padding: 0 100px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-offcanvas-2-right-info-box { padding: 0 100px; padding-right: 0; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-offcanvas-2-right-info-box { padding: 0 70px; padding-right: 0; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-right-info-box { padding: 0 60px; padding-right: 0; margin-top: 130px; }
}
.tp-offcanvas-2-right-info-title { font-weight: 700; font-size: 30px; line-height: 1; margin-bottom: 35px; color: var(--tp-common-white); }
.tp-offcanvas-2-right-info-item { margin-bottom: 30px; }
.tp-offcanvas-2-right-info-item label { font-weight: 500; font-size: 15px; line-height: 1; display: block; color: #717172; }
.tp-offcanvas-2-right-info-item > a { font-weight: 600; font-size: 18px; line-height: 1; letter-spacing: -0.01em; 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) {
    .tp-offcanvas-2-right-info-item > a br { display: none; }
}
.tp-offcanvas-2-right-social a { height: 40px; width: 40px; transition: 0.3s; line-height: 35px; text-align: center; border-radius: 50%; display: inline-block; color: var(--tp-common-white); border: 1px solid rgba(255, 255, 255, 0.1); }
.tp-offcanvas-2-right-social a:hover { color: var(--tp-navy); border-color: var(--tp-common-white); background-color: var(--tp-common-white); }
.tp-offcanvas-2-close { visibility: hidden; opacity: 0; transition: 0.3s; transition-delay: 0.5s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-offcanvas-2-close { padding-right: 30px; }
}
.tp-offcanvas-2-close-btn { font-size: 14px; font-weight: 500; text-transform: uppercase; color: var(--tp-common-white); }
.tp-offcanvas-2-close-btn .text { width: 60px; height: 20px; transition: 0.3s; overflow: hidden; display: inline-block; transform: translateY(4px); color: var(--tp-common-white); }
.tp-offcanvas-2-close-btn .text span { transition: 0.3s; display: inline-block; -webkit-transform: translateX(120%); -moz-transform: translateX(120%); -ms-transform: translateX(120%); -o-transform: translateX(120%); transform: translateX(120%); }
.tp-offcanvas-2-close-btn:hover .text span { transform: translateX(0%); }
.tp-offcanvas-2-close-btn:hover span svg { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.tp-offcanvas-2-text { right: 0; bottom: 0; position: absolute; transform: rotate(-90deg) translateY(100%); }
.tp-offcanvas-2-text span { font-size: 320px; font-weight: 700; color: rgba(33, 35, 41, 0.3); }
.tp-offcanvas-2-logo { margin-bottom: 105px; }
@media (max-width:767px) {
    .tp-offcanvas-2-logo { margin-bottom: 0; }
}
.tp-offcanvas-2-logo .logo-2 { display: block !important; }

/*  Footer  
---------------------------------------*/
.crp-footer-bg { background-color: var(--tp-navy); }
.crp-footer-logo { margin-bottom: 20px; }
.crp-footer-widget p { font-weight: 500; font-size: 16px; line-height: 1.6; margin-bottom: 35px; color: var(--tp-common-cream-3); }
.crp-footer-widget-title { font-weight: 600; font-size: 30px; line-height: 1; margin-bottom: 15px; letter-spacing: 0.5px; font-family: var(--tp-ff-heading); color: var(--tp-common-cream-3); }
.crp-footer-widget-menu ul li { list-style-type: none; }
.crp-footer-widget-menu ul li:not(:last-child) { margin-bottom: 10px; }
.crp-footer-widget-menu ul li a { font-weight: 500; font-size: 16px; line-height: 1; color: var(--tp-common-cream-3); }
.crp-footer-widget-menu ul li a:hover, .crp-footer-widget-info a:hover {color: var(--tp-primary);}
.crp-footer-widget-info a { font-weight: 500; font-size: 16px; line-height: 1.6; color: var(--tp-common-cream-3); }
.crp-footer-widget-info a.tel { font-weight: 600; font-size: 22px; display: block; letter-spacing: -0.02em; }
.crp-footer-social a { height: 42px; width: 42px; line-height: 42px; border-radius: 50%; text-align: center; display: inline-block; color: var(--tp-common-cream-3); background-color: rgba(255, 255, 230, 0.1); }
.crp-footer-social a:not(:last-child) { margin-right: 5px; }
.crp-footer-social a:hover { color: var(tp-common-white); background-color: var(--tp-primary); }
.crp-footer-shape { position: absolute; top: 0; right: 0; z-index: -1;opacity: .1; }
.crp-footer-col-3 { padding-left: 50px; }
@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) {
    .crp-footer-col-3 { padding-left: 0; }
}
.crp-copyright-text p {font-size: 85%; line-height: 1.6; margin-bottom: 0; color: var(--tp-common-cream-3); }
.crp-copyright-text p a {text-decoration: underline;}
.crp-copyright-text p a:hover { color: var(--tp-primary); }
.text-sect p, .text-sect ul, .text-sect ol {margin-bottom: 1.5rem}

/* BANNER
------------------------*/
.crp-hero-ptb { padding-top: 220px; padding-bottom: 220px }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-hero-ptb { padding-top: 190px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-hero-ptb { padding-top: 200px; padding-bottom: 70px }
}
@media (max-width:767px) {
    .crp-hero-ptb { padding-top: 190px; padding-bottom: 70px }
}
.crp-hero-title { color: var(--tp-common-cream-3); font-size: 120px; font-weight: 600; line-height: .8; font-family: var(--tp-ff-heading) }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .crp-hero-title { font-size: 100px }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-hero-title { font-size: 80px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .crp-hero-title { font-size: 70px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-hero-title { font-size: 70px }
}
@media (max-width:767px) {
    .crp-hero-title { font-size: 45px }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    .crp-hero-title { font-size: 60px }
}
.crp-hero-title span { color: var(--tp-primary) }
.crp-hero-title.fs-100 { letter-spacing: -2px; font-size: 100px }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-hero-title.fs-100 { font-size: 82px }
}
@media only screen and (min-width:992px) and (max-width:1199px), (max-width:767px) {
    .crp-hero-title.fs-100 { font-size: 70px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-hero-title.fs-100 { font-size: 65px }
}
@media (max-width:767px) {
    .crp-hero-title.fs-100 { letter-spacing: 0 }
    .crp-hero-title.fs-100 br { display: none }
}
@media (min-width: 767px) {
    .crp-hero-area {margin-bottom: -100px;}
}
.crp-hero-bg { background-repeat: no-repeat; background-size: cover }
.crp-hero-ratting { line-height: 1 }
.crp-hero-ratting-text { flex: none; margin-right: 18px }
.crp-hero-ratting-text span { font-size: 50px; font-weight: 600; line-height: .8; font-family: var(--tp-ff-heading); color: var(--tp-common-cream-3); display: inline-block; transform: translateY(7px) }
.crp-hero-ratting-details { line-height: 1 }
.crp-hero-ratting-details a { letter-spacing: 0; text-transform: uppercase; color: #eef1eab3; border-bottom: 1px solid #eef1ea33; font-size: 12px; font-weight: 600; line-height: 1 }
.crp-hero-ratting-details a:hover { color: var(--tp-common-white) }
.crp-hero-ratting-details a span svg { margin-left: 2px; display: inline-block; transform: translateY(-1px) }
.crp-hero-ratting-icon { line-height: 1 }
.crp-hero-ratting-icon span { margin-bottom: 7px; display: inline-block }
@media (max-width:767px) {
    .crp-hero-ratting-box { flex-wrap: wrap }
}
.crp-hero-avater { flex: none; margin-right: 30px }
@media (max-width:767px) {
    .crp-hero-avater { margin-bottom: 20px; margin-right: 0 }
}
@media only screen and (min-width:576px) and (max-width:767px) {
    .crp-hero-avater { margin-bottom: 20px; margin-right: 20px }
}
.crp-hero-funfact-bg { background-repeat: no-repeat; width: 340px; padding: 40px }
.crp-hero-funfact-top-content { margin-bottom: 45px; padding-right: 60px }
.crp-hero-funfact-top-content h4 { color: var(--tp-common-white); font-size: 28px; font-weight: 600; font-family: var(--tp-ff-heading); margin-bottom: 7px }
.crp-hero-funfact-top-content p { letter-spacing: -.01em; color: var(--tp-common-white); font-size: 17px; font-weight: 400; line-height: 1.4 }
.crp-hero-funfact-item h4 { color: var(--tp-common-white); font-size: 70px; font-weight: 500; line-height: .7; font-family: var(--tp-ff-heading); margin-bottom: 8px }
.crp-hero-funfact-more-details p { letter-spacing: -.01em; color: var(--tp-common-white); margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 1.5 }
.crp-hero-funfact-wrap { margin-left: 0px }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .crp-hero-funfact-wrap { margin-left: 0px }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-hero-funfact-wrap { margin-left: 0px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .crp-hero-funfact-wrap { margin-left: 0px }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-hero-funfact-wrap { margin-bottom: 60px; margin-left: 0 }
}
.crp-hero-funfact-wrap .crp-hero-funfact-item:not(:last-child) { border-bottom: 1px solid var(--tp-common-black-3)1a; margin-bottom: 30px; padding-bottom: 30px }
.crp-hero-funfact-line { background-color: var(--tp-primary); width: 80px; height: 1px; display: inline-block; position: absolute; top: 120px; right: 100% }
.crp-hero-funfact-line:before { content: ""; background-color: var(--tp-primary); border-radius: 50%; width: 15px; height: 15px; display: inline-block; transform: translateY(-11px) }
.crp-hero-funfact-img { position: absolute; top: 3px; right: 3px }
.box { display: inline-flex; position: relative;  align-items: center; justify-content: center;  gap: 6px;  vertical-align: middle; padding: 6px 12px;margin: 0 4px;}
.box .eye { position: relative; width: 74px; height: 74px; display: flex;  align-items: center;  justify-content: center;
      overflow: hidden; background: var(--tp-navy); border-radius: 50%; overflow:hidden; }
.box .eye .pupil { content: ''; position: absolute;   width: 30px; height: 30px; border-radius: 50%; background: var(--tp-common-white); will-change: transform; }
.crp-banner-wrap { height: 700px;  overflow: hidden; }
.crp-banner-wrap img { width:100%; height: 100%; object-fit: cover;  }
@media (max-width: 767px) {
  .crp-banner-wrap { height: 300px;  margin-top: 0;}
  .crp-banner-wrap img { margin-top: -10px; }
}


/* ABOUT
---------------------*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-about-area { padding-top: 80px; }
}
@media (max-width:767px) {
    .crp-about-area { padding-top: 80px; padding-bottom: 80px; }
}
.crp-about-exp { height: 250px; width: 250px; border-radius: 50%; display: inline-block; background-color: var(--tp-primary); }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-exp { height: 155px; width: 155px; display: grid; margin-bottom: 20px; place-content: center; }
}
.crp-about-exp-item span { font-weight: 600; font-size: 250px; line-height: 0.5; color: var(--tp-common-white); margin-top: 35px; margin-bottom: 10px; display: inline-block; letter-spacing: -0.02em; font-family: var(--tp-ff-heading); }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-exp-item span { font-size: 80px; margin-top: 0; margin-bottom: 0; }
}
.crp-about-exp-item i { display: block; font-weight: 500; font-size: 28px; line-height: 0.86; color: var(--tp-common-white); font-style: normal; font-family: var(--tp-ff-heading); }
.crp-about-btn-box { flex: 0 0 auto; margin-right: 80px; margin-top: 7px; }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .crp-about-btn-box { margin-right: 40px; }
}
@media (max-width:767px) {
    .crp-about-btn-box { margin-right: 0; margin-bottom: 20px; }
}
.crp-about-text p { max-width: 345px; font-weight: 500; font-size: 18px; line-height: 1.56; color: var(--tp-common-black-4); }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-about-text p { max-width: 100%; font-size: 16px; }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-text p { max-width: 100%; font-size: 16px; }
}
.crp-about-right { padding-left: 80px; }
.crp-about-right .tp-section-title-teko {font-size: 50px;}
@media only screen and (min-width:992px) and (max-width:1199px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-right { padding-left: 0; }
}
@media (max-width:767px) {
    .crp-about-right .tp-section-title { margin-bottom: 20px; }
    .crp-about-right .tp-section-title-teko {font-size: 40px;}
}
.crp-about-shape { position: absolute; top: -16%; left: 13%; z-index: -1; }
@media (max-width:767px) {
    .crp-about-bottom-wrap { flex-wrap: wrap; }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-left .tp-section-subtitle-teko { margin-bottom: 20px; }
}
.crp-about-3-hero-ptb { padding-top: 245px; }
@media only screen and (min-width:992px) and (max-width:1199px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-3-hero-ptb { padding-top: 200px; }
}
.crp-about-3-funfact { padding-top: 65px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-about-3-funfact { padding-top: 0; }
}

/* Smart Business Solutions
------------------------------*/
.anim-zoomin-wrap { position: relative;  overflow: hidden; visibility: hidden;  width: 100%;  display: block; }
.anim-zoomin-wrap img {width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: center center; will-change: transform; }
.creative-brand-item { text-align: center; }
.creative-brand-item img { /*filter: invert(); */width: auto; height:80px; object-fit:contain; }
.crp-service-shape-wrap { opacity: .6; position:relative; z-index:-1 }
.crp-service-shape-1 { z-index: -1; position: absolute; bottom: 18%; left: 0; }
.crp-service-shape-2 { z-index: -1; position: absolute; top: 0; right: 16%; }
.crp-service-shape-3 { z-index: -1; position: absolute; bottom: 0; right: 0; }
.crp-service-icon { flex: none; 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) {
    .crp-service-area { padding-top: 0;   padding-bottom: 0;}
    .crp-service-title-box { margin-bottom: 30px; }
    .crp-service-item { flex-wrap: wrap;  margin-top: 0;  }
    .crp-service-area .row [class*="col-"]:nth-child(2n+2) .crp-service-item {  margin-left: 0;  margin-right: 0; }
    .crp-service-icon {  margin-bottom: 20px;  margin-right: 0;  }
}
.crp-service-content p {margin-bottom: 30px;  font-size: 16px;  font-weight: 500;  line-height: 1.6;}
.crp-service-icon span { text-align: center; background-color: var(--tp-primary); border-radius: 50%; width: 60px; height: 60px; line-height: 58px; display: inline-block; }
.crp-service-title-sm { letter-spacing: .5px; font-size: 34px; font-weight: 600; line-height: 1.1; font-family: var(--tp-ff-heading); color: var(--tp-common-black-2); margin-bottom: 10px; }
.crp-link { text-transform: uppercase; color: var(--tp-common-black); font-size: 15px; font-weight: 600; line-height: 1; }
.crp-link span { z-index: 1; display: inline-block; position: relative; overflow: hidden; }
.crp-link span span.text-1 { transition: all .3s; display: block; position: relative; }
.crp-link:hover span span.text-1 { transform: translateY(150%); }
.crp-link span span.text-2 { transition: all .3s; display: block; position: absolute; bottom: 100%; }
.crp-link:hover span span.text-2 { bottom: 50%; transform: translateY(50%); }
.crp-link i { color: var(--tp-common-black); width: 14px; height: 14px; margin-left: 11px; display: inline-flex; position: relative; overflow: hidden; }
.crp-link i span { transition: all .2s ease-out; position: absolute; bottom: -1px; left: 1px; transform: translateY(-2px); }
.crp-link:hover i span:first-child { transform: translate(16px, -16px); }
.crp-link i span:last-child { opacity: 0; bottom: -12px; left: -12px; transform: translate(0); }
.crp-link:hover i span:last-child { opacity: 1; visibility: visible; transform: translate(13px, -13px); }


/* FUNFACT
---------------------------*/
.slide-transtion {transition-timing-function: linear;}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-success-area { margin-bottom: 0 }
}
.crp-success-big-img { width: 58.1%; height: calc(100% - 10px); position: absolute; top: 0; left: 0 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-big-img { width: 49.5% }
}
@media only screen and (min-width:992px) and (max-width:1199px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-success-big-img { width: 100%; height: 400px; margin-bottom: 10px; position: static }
}
.crp-success-big-img img { object-fit: cover; height: 100% }
.crp-success-big-img .anim-zoomin-wrap { height: 100% }
.crp-success-item { height: 100%; overflow: hidden }
.crp-success-item-shape-1 { transform-origin: 100% 0; position: absolute; top: -25px; right: 0 }
@media only screen and (min-width:1600px) and (max-width:1700px) {
    .crp-success-item-shape-1 { transform: scale(.5) }
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .crp-success-item-shape-1 { transform: scale(.3) }
}
.crp-success-item-shape-2 { transform-origin: 100% 100%; position: absolute; bottom: -1px; right: 0 }
@media only screen and (min-width:1600px) and (max-width:1700px) {
    .crp-success-item-shape-2 { transform: scale(.6) }
}
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .crp-success-item-shape-2 { transform: scale(.4) }
}
.crp-success-item.about-us { background-position: 0 30px; background-size: cover }
.crp-success-item.about-us .crp-about-us-item-wrap { text-align: center; padding-top: 160px }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-item.about-us .crp-about-us-item-wrap { padding-top: 30px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .crp-success-item.about-us .crp-about-us-item-wrap { padding-top: 185px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-success-item.about-us .crp-about-us-item-wrap { padding-top: 110px }
}
@media (max-width:767px) {
    .crp-success-item.about-us .crp-about-us-item-wrap { padding-top: 100px; padding-bottom: 45px }
}
.crp-success-item.about-us .crp-about-us-item-title { color: #f9f4e8; font-size: 46px; font-weight: 500; line-height: 46px; font-family: var(--tp-ff-mango-light) }
.crp-success-item.about-us .crp-about-us-item-icon { margin-bottom: 14px; display: inline-block }
.crp-success-item.about-us .crp-about-us-item-icon span { background-color: #323234; border-radius: 50%; place-content: center; width: 40px; height: 40px; display: grid }
.crp-success-item.about-us .crp-about-us-item-btn-box { justify-content: space-between; padding: 80px 30px 0; display: flex }
@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) {
    .crp-success-item.about-us .crp-about-us-item-btn-box { padding: 25px 10px 0 }
}
.crp-success-item.about-us .crp-about-us-item-btn-box span { color: #f9f4e8; text-shadow: 0 14px 14px #081d3108; -o-transition: all .3s ease-in-out; background: #ffffff1a; border-radius: 70px; padding: 7px 26px; font-size: 14px; font-weight: 400; transition: all .3s ease-in-out; display: inline-block }
.crp-success-item.about-us .crp-about-us-item-btn-box span svg { margin-left: 4px }
.crp-success-item.about-us .crp-about-us-item-btn-box a:hover span { color: var(--tp-common-black); background-color: var(--tp-common-white) }
.crp-success-item.about-us-img { justify-content: center; align-items: center; display: flex }
@media (max-width:767px) {
    .crp-success-item.about-us-img .crp-about-us-item-img { padding: 50px 0 }
}
.crp-success-item.about-us .crp-success-video { line-height: 1 }
.crp-success-item.about-us .crp-success-video video { object-fit: cover; width: 475px; height: 475px }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-item.about-us .crp-success-video video { height: 302px }
}
@media only screen and (min-width:992px) and (max-width:1199px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .crp-success-item.about-us .crp-success-video video { width: 100% }
}
.crp-success-content { height: 100% }
.crp-success-content-wrap { height: 100%; padding: 50px }
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-content-wrap { padding: 30px }
}
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px), (max-width:767px) {
    .crp-success-content-wrap { padding: 30px }
}
.crp-success-content p { letter-spacing: .05px; font-size: 34px; font-weight: 500; line-height: 1; font-family: var(--tp-ff-heading); color: var(--tp-common-cream-3); margin-bottom: 40px; display: inline-block }
.crp-success-content>span { font-size: 120px; font-weight: 500; line-height: .7; font-family: var(--tp-ff-heading); color: var(--tp-common-cream-3); display: inline-block }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-content>span { font-size: 100px }
}
.crp-success-content>span i { font-style: normal }
.crp-success-yellow-box .crp-success-content p { color: var(--tp-common-black-3); font-size: 54px; font-weight: 600; line-height: 1 }
@media only screen and (min-width:1600px) and (max-width:1700px) {
    .crp-success-yellow-box .crp-success-content p { font-size: 45px }
}
@media only screen and (min-width:1400px) and (max-width:1599px), only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-success-yellow-box .crp-success-content p { font-size: 40px }
}
.crp-success-img, .crp-success-img .anim-zoomin-wrap, .crp-success-img img { height: 100% }
.crp-success-about-us-big-img { width: 49.7%; height: calc(100% - 10px); position: absolute; top: 0; right: 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) {
    .crp-success-about-us-big-img { width: 100%; height: 400px; margin-bottom: 10px; position: static }
}
.crp-success-about-us-big-img .anim-zoomin-wrap { height: 100% }
.crp-success-about-us-big-img img { object-fit: cover; height: 100% }

/* INDUSTRY */
.industry-sect .swiper-slide { height: auto; }
.industry-sect .app-feature-item { background-color: #fff; padding: 40px; height: 100%; }
.industry-sect .swiper-pagination { position: relative; margin-top: 40px; }
.industry-sect .swiper-pagination-bullet { opacity: 1; background: var(--tp-primary); border-radius: 7px; width: 30px; height: 6px; margin: 0 4px; opacity: 0.4; transition: all .3s; }
.industry-sect .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.industry-sect .crp-footer-shape {left: 0; right: auto; opacity: .05}
@media (max-width: 767px) {
    .industry-sect .app-feature-item {padding: 25px;}
}

/* PRODUCTS
------------------------*/
.crp-project-item { border-radius: 30px; padding: 40px; background-color: var(--tp-common-white); border: 1px solid #2a4c3a1a; }
.crp-project-meta { position: relative; }
.crp-project-meta span { color: var(--tp-navy); font-size: 24px; font-weight: 500; line-height: 1; font-family: var(--tp-ff-heading); }
.crp-project-thumb { background-position: 50%; background-repeat: no-repeat; padding-top: 0px; padding-bottom: 45px; }
.crp-project-thumb img { height: 300px;}
.crp-project-content { border-top: 1px solid #2a4c3a14; padding-top: 25px; }
.crp-project-title-sm { color: var(--tp-navy); font-size: 54px; font-weight: 500; line-height: .93; font-family: var(--tp-ff-heading); }
.crp-project-content p {margin-bottom: 0}
@media (max-width: 767px) {
    .crp-project-area { margin-bottom: 60px;  }
    .crp-project-title-sm {  font-size: 27px; }
}

/* SINGLE PRODUCT */
.design-service-category { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.design-service-category span { letter-spacing: -.02em; color: var(--tp-common-black-3); border: 1px solid  rgba(0, 0, 0, 0.2); border-radius: 20px; padding: 7px 16px;  font-weight: 500; line-height: 1; }
.cat-box {display: grid; grid-template-columns: repeat(2, 1fr);}
.cat-box span { background: #F6F6F9;  border: 1px solid var(--tp-common-black-9);  border-radius: 10px;  padding: 1rem 1.15rem;  height: 100%; font-weight: 500; line-height: 1.4}
.design-service-category span:hover { color: var(--tp-common-white); background: var(--tp-primary); border-color: var(--tp-primary); }
.tabs-box { border: 1px solid rgba(255, 255, 255, .2); border-radius: 5px; overflow: hidden; background: rgba(255, 255, 255, .05) }
.tabs-box .nav { background: #0B1324; border-right: 1px solid rgba(255, 255, 255, .2); padding: 0; gap: 0; height: 100% }

.tabs-box .nav-link { border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); border-left: 4px solid transparent; padding: .95rem 1.25rem; font-weight: 500; text-align: left; color: #9AA9C2 }
.tabs-box .nav-link.active { background: rgba(255, 255, 255, .05); color: var(--tp-common-white); border-left-color: var(--tp-primary) }
.tabs-box .nav-link:focus-visible { outline-offset: -3px }
.tabs-box .crp-service-title-sm, .tabs-box :is(h1, h2, h3, h4, h5, h6) { color: var(--tp-common-white); }
.panel-c { padding: 2rem 2.2rem; }
@media (max-width:767px) {
    .tabs-box .nav { flex-direction: row !important; overflow-x: auto; flex-wrap: nowrap; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
    .tabs-box .nav-link { border: 0; white-space: nowrap; border-bottom: 3px solid transparent; border-bottom-color: transparent; }
    .tabs-box .nav-link.active { border-bottom-color: var(--tp-primary); }
}
.app-feature-item { background-color: #f5f8fc; padding: 40px 40px 20px; height: 100%; }
.app-feature-title { text-transform: uppercase; font-size: 24px; font-weight: 600; font-family: var(--tp-ff-heading); color: var(--tp-common-black-3); margin-bottom: 10px; }
.app-feature-item-content p { color: #61616a; }
.progress {--bs-progress-bg: #ccc}
.progress-bar {background-color: var(--tp-secondary);}
@media (min-width: 1024px) {
    .cat-box {display: grid; }
    .column-4 {grid-template-columns: repeat(4, 1fr);}
}
.postbox-details-nevigation-wrap { height: 560px; overflow: hidden }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .postbox-details-nevigation-wrap { height: 500px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .postbox-details-nevigation-wrap { height: 400px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .postbox-details-nevigation-wrap { height: 400px;}
}
@media (max-width:767px) {
    .postbox-details-nevigation-wrap { height: 300px;  }
}
.postbox-details-nevigation-wrap:hover .postbox-details-nevigation-thumb-bg { transform: scale(.95) }
.postbox-details-nevigation-thumb { position: relative }
.postbox-details-nevigation-thumb:after { content: ""; background: #0006; width: 100%; height: 120%; position: absolute; top: -50px; left: 0 }
.postbox-details-nevigation-thumb img { width: 100%; margin-top: -290px; object-fit: cover; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .postbox-details-nevigation-thumb img { margin-top: -50px }
}
.postbox-details-nevigation-thumb-bg { background-color: #1a1b1e; width: 100%; height: 100%; transition: all .3s ease-in-out }
.postbox-details-nevigation-content { z-index: 5; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);max-width: 900px;  margin: 0 auto; padding:25px; }
.postbox-details-nevigation-content .sub-title { letter-spacing: -.02em; color: var(--tp-common-white); font-size: 24px; font-weight: 500; line-height: 1; display: inline-block }
@media (max-width:767px) {
    .postbox-details-nevigation-content .sub-title { font-size: 16px }
}
.postbox-details-nevigation-title { letter-spacing: -.03em; color: var(--tp-common-white); margin-bottom: 0; font-size: 60px; font-weight: 700; line-height: 1.17 }
@media only screen and (min-width:768px) and (max-width:991px) {
    .postbox-details-nevigation-title { font-size: 45px }
}
@media (max-width:767px) {
    .postbox-details-nevigation-title { font-size: 32px }
}


/* PROCESS
------------------------*/
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-process-title-sm { font-size: 30px }
}
.crp-process-title-sm { letter-spacing: .3px; font-size: 30px; font-weight: 600; line-height: 1; font-family: var(--tp-ff-heading); color: var(--tp-navy); margin-bottom: 10px; }
.crp-process-content p { color: var(--tp-common-black-4); margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 1.62 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .crp-process-content p { font-size: 15px }
}
.crp-process-icon { margin-bottom: 50px }
.crp-process-item { margin-right: 65px }
@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) {
    .crp-process-item { margin-right: 0 }
    .crp-process-icon {margin-bottom: 30px}
    .crp-process-icon img {height: 100px; object-fit: contain;}

}
.crp-process-shape-1 { z-index: -1; position: absolute; bottom: 175px; left: 0 }
.crp-process-shape-2 { z-index: -1; position: absolute; bottom: 17%; right: 0 }
.crp-process-shape-3 { z-index: -1; position: absolute; top: 8%; right: 21% }
@media (max-width:767px) {
    .crp-process-title-sm {font-size: 26px;}
    .crp-process-area { padding: 0; font-size: 27px }
}
.crp-price-bg { background: linear-gradient(265deg, #d0f2f0 16.29%, #c5e0fc 84.71%); }
.crp-price-shape { z-index: -1; position: absolute; top: 140px; left: 95px; }
.crp-price-shape-2 { z-index: -1; position: absolute; top: 0; right: 0; filter: invert(); opacity: .1; }
.crp-testimonial-style .ar-testimonial-item p { font-size: 40px; font-weight: 400; line-height: 1.1; font-family: var(--tp-ff-heading); color: var(--tp-navy); margin-bottom: 30px; padding: 0 20px }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .crp-testimonial-style .ar-testimonial-item p { padding: 0 }
    .crp-testimonial-style .ar-testimonial-item p br { display: none }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .crp-testimonial-style .ar-testimonial-item p { padding: 0; font-size: 35px }
    .crp-testimonial-style .ar-testimonial-item p br { display: none }
}
@media (max-width:767px) {
    .crp-testimonial-style .ar-testimonial-item p { padding: 0; font-size: 27px }
    .crp-testimonial-style .ar-testimonial-item p br { display: none }
}
.crp-testimonial-style .ar-testimonial-arrow button { color: var(--tp-common-black-3); border: 1px solid var(--tp-primary-2); position: absolute; top: 50%; left: -85px; transform: translateY(-50%); border-radius: 50%; width: 50px; height: 50px; line-height: 1; transition: all .3s; display: inline-block; }
.ar-testimonial-arrow button.ar-testimonial-next { left: auto; right: -85px; }
.crp-testimonial-style .ar-testimonial-arrow button:hover { color: var(--tp-common-white); border-color: var(--tp-primary); background-color: var(--tp-primary) }
.ar-testimonial-quote { margin-bottom: 35px; font-size: 60px; color: var(--tp-navy); }
.ar-testimonial-author span { text-align: center; color: var(--tp-common-black-3); font-size: 16px; font-weight: 600; }
.ar-testimonial-author span i { color: var(--tp-common-black-6); font-style: normal; font-size: 80%; }

/* MARQEE
----------------------*/
.mq-container { display: flex !important; overflow: hidden !important; width: 100%; position: relative; user-select: none; }
.mq-track, .mq-clone { display: flex; align-items: center; flex-shrink: 0; min-width: 100%; white-space: nowrap; animation: mq-scroll var(--mq-duration, 20s) linear infinite; animation-direction: var(--mq-direction, normal); will-change: transform; /* Boosts rendering performance */ }

/* Optional hover pause */
.mq-pause:hover .mq-track, .mq-pause:hover .mq-clone { animation-play-state: paused; }

/* Keyframe scrolling animation */
@keyframes mq-scroll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-100%, 0, 0); }
}
.ar-brand-style .tp-brand-wrapper { margin-top: -1px; padding: 30px 0 26px; transform: rotate(0); background-color: var(--tp-technology); }
.crp-text-slider-style.ar-brand-style .tp-brand-title { color: var(--tp-common-white); letter-spacing: -.01em; text-transform: capitalize; font-size: 40px; font-weight: 500; line-height: 1; font-family: var(--tp-ff-heading); }
.tp-brand-title::after { content: ""; background-color: var(--tp-common-white); border-radius: 50%; width: 8px; height: 8px; margin: 0 30px; display: inline-block; transform: translateY(-4px); }
@media (max-width: 767px) {
  .ar-brand-area { margin-bottom: 80px; }
  .ar-brand-style .tp-brand-wrapper {padding: 20px 0 16px;}
  .crp-text-slider-style.ar-brand-style .tp-brand-title {font-size: 28px;}
}


/* CONTACT PAGE
--------------------------*/
.tp-contact-me-ptb { padding-top: 190px }
@media only screen and (min-width:1200px) and (max-width:1399px), only screen and (min-width:992px) and (max-width:1199px) {
    .tp-contact-me-ptb { padding-bottom: 85px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-contact-me-ptb { padding-top: 160px; padding-bottom: 70px }
}
@media (max-width:767px) {
    .tp-contact-me-ptb { padding-top: 150px; padding-bottom: 60px }
}
.tp-career-shape-1 { position: absolute; top: 37%; right: 22%; }
.tp-contact-me-ptb .tp-career-shape-1 { top: 25%; right: 28% }
.tp-contact-me-ptb .pp-service-shape { top: auto; bottom: -30% }
@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) {
    .tp-contact-me-ptb .pp-service-shape { display: none }
}
@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) {
    .tp-contact-me-heading { padding-bottom: 50px }
}
@media (max-width:767px) {
    .tp-contact-me-heading { padding-bottom: 30px }
    .tp-contact-me-ptb .tp-career-shape-1 { right: 5% }
}
.tp-contact-me-heading .tp-section-subtitle { text-transform: uppercase; padding-left: 20px; position: relative }
.tp-contact-me-heading .tp-section-subtitle:before { content: ""; background-color: var(--tp-primary); border-radius: 8px; width: 8px; height: 8px; position: absolute; top: 7px; left: 0 }
.tp-contact-me-heading .pp-service-details-title img { border-radius: 50px; margin-right: 15px; transform: translateY(7px) }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-contact-me-heading .pp-service-details-title img { transform: translateY(10px) }
}
@media (max-width:767px) {
    .tp-contact-me-heading .pp-service-details-title img { display: none }
}
.tp-contact-me-wrap { padding-left: 350px }
@media only screen and (min-width:992px) and (max-width:1199px) {
    .tp-contact-me-wrap { padding-left: 300px }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-contact-me-wrap { padding-left: 0 }
}
@media (max-width:767px) {
    .tp-contact-me-wrap p br { display: none }
}
@media (max-width:767px) {
    .tp-contact-me-interest-wrapper { padding-bottom: 80px }
}
.tp-contact-me-interest-title { letter-spacing: -.46px; color: var(--tp-navy); font-size: 46px; font-weight: 500; line-height: 1; font-family: var(--tp-ff-heading); margin-bottom: 15px }
.tp-contact-me-interest-form-wrap .tp-contact-form-input label { margin-bottom: 12px; font-size: 16px; font-weight: 500; line-height: 1; }
.tp-contact-form-btn button { padding: 20px 54px; font-size: 18px; }
.pp-footer-box { background-color: var(--tp-primary); border-radius: 30px; color: var(--tp-common-white); padding: 175px 0; }
.pp-footer-subtitle { letter-spacing: -1.8px; font-size: 60px; font-weight: 300; line-height: .8; font-family: var(--tp-ff-heading); color: #fff9; padding-bottom: 26px; display: inline-block; }
.pp-footer-title { letter-spacing: -5.4px; font-size: 180px; font-weight: 500; line-height: .8; font-family: var(--tp-ff-heading); color: var(--tp-common-white); margin-bottom: 35px; }
@media (max-width:767px) {
    .pp-footer-box { padding: 100px 15px 80px; }
    .pp-footer-subtitle { font-size: 38px; }
    .pp-footer-title { letter-spacing: 0; font-size: 52px; }
}

/* ABOUT PAGE
-----------------------*/
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .tp-about-area { padding-top: 80px; padding-bottom: 80px }
}
.tp-about-wrap { margin-left: 70px }
@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) {
    .tp-about-wrap { margin-left: 0 }
}
.tp-about-text p { letter-spacing: -.03em; color: var(--tp-navy); margin-bottom: 80px; margin-right: 60px; font-size: 50px; font-weight: 600; line-height: 1.2 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-about-text p { font-size: 40px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-about-text p { font-size: 38px }
}
@media (max-width:767px) {
    .tp-about-text p { font-size: 30px; margin: 0 0 10px; }
    .tp-about-text p br { display: none }
}
.tp-about-thumb { width: 100%; height: 415px; padding-left: 100px; object-fit: cover; overflow: hidden }
@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) {
    .tp-about-thumb { padding-left: 0 }
}
@media (max-width:767px) {
    .tp-about-thumb { width: 100% }
}
.tp-about-thumb img { width: 100%; margin-top: -100px; object-fit: cover; }
@media (max-width:767px) {
    .creative-service-content { flex-wrap: wrap }
}
.creative-service-content>span { letter-spacing: -.04em; min-width: 125px; color: var(--tp-common-white); font-size: 16px; font-weight: 500; line-height: 1; display: inline-block; transform: translateY(18px) }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .creative-service-content>span { min-width: 100px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .creative-service-content>span { min-width: 50px }
}
@media (max-width:767px) {
    .creative-service-content>span { min-width: auto; margin-bottom: 30px }
}
.creative-service-title { letter-spacing: -.04em; color: var(--tp-common-white); margin-bottom: 20px; font-size: 134px; font-weight: 400; line-height: 1 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .creative-service-title { font-size: 105px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .creative-service-title { font-size: 110px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .creative-service-title { font-size: 80px }
}
@media (max-width:767px) {
    .creative-service-title { font-size: 70px }
}
.creative-service-title a { -webkit-text-fill-color: #0000; background-color: #fff; background-image: linear-gradient(#d0ff71, #d0ff71), none; background-position: 0, 0 0; background-repeat: no-repeat, repeat; background-size: 0% 100%; background-attachment: scroll, scroll; background-origin: padding-box, padding-box; -webkit-background-clip: text; background-clip: text; padding-right: 15px; transition: all .5s ease-in-out }
.creative-service-category span { letter-spacing: -.02em; color: var(--tp-common-white); font-size: 16px; font-weight: 500; line-height: 1 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .creative-service-category span { font-size: 15px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .creative-service-category span { font-size: 13px }
}
.creative-service-category span:not(:last-child) { margin-right: 13px; padding-right: 13px; position: relative }
.creative-service-category span:not(:last-child):before { content: ""; background-color: var(--tp-common-white); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 5px; right: -3px; transform: translateY(3px) }
.creative-service-link a { text-align: center; width: 54px; height: 54px; color: var(--tp-common-white); border: 1px solid 1px solid rgba(0, 0, 0, 0.1); border-radius: 40px; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.creative-service-item { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 30px; padding-bottom: 30px }
@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) {
    .creative-service-item { margin-left: 0 }
}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) {
    .creative-service-item { padding-bottom: 40px }
}
@media (max-width:767px) {
    .creative-service-item { flex-wrap: wrap }
}
.creative-service-item:hover .creative-service-link a { color: var(--tp-navy); background-color: #d0ff71; border-color: #d0ff71 }
.creative-service-item:hover .creative-service-title a { background-size: 100% 100% }
.creative-service-item.about-us-4:hover .creative-service-link a { color: var(--tp-common-white); background-color: var(--tp-primary); border: 1px solid var(--tp-primary); }
.creative-service-item.about-us-4:hover .creative-service-title a { background-size: 100% 100% }
.creative-service-item.about-us-4 .creative-service-title { font-size: 60px; font-weight: 600 }
@media only screen and (min-width:1200px) and (max-width:1399px) {
    .creative-service-item.about-us-4 .creative-service-title { font-size: 50px }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .creative-service-item.about-us-4 .creative-service-title { font-size: 40px }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .creative-service-item.about-us-4 .creative-service-title { font-size: 30px }
}
@media (max-width:767px) {
    .creative-service-item.about-us-4 .creative-service-title { font-size: 40px }
}
.creative-service-item.about-us-4 .creative-service-title a { background-color: #111013; background-image: linear-gradient(var(--tp-primary), var(--tp-primary)), none; background-position: 0, 0 0; background-repeat: no-repeat, repeat; background-size: 0% 100%; background-attachment: scroll, scroll; background-origin: padding-box, padding-box; -webkit-background-clip: text; background-clip: text }
.creative-service-item.about-us-4 .creative-service-content>span, .creative-service-item.about-us-4 .creative-service-category span { color: #111013 }
.creative-service-item.about-us-4 .creative-service-category span:before { background-color: #111013 }
.creative-service-item.about-us-4 .creative-service-link a { color: #000; border: 1px solid rgba(0, 0, 0, 0.1) }
.creative-service-wrap .row [class*=col-] .creative-service-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
.creative-service-subtitle-box .tp-section-subtitle { color: #111013 }
.creative-service-subtitle-box .tp-section-subtitle.fs-17.pre-circle:before { background-color: #111013 }
.creative-service-title-box { padding-left: 80px }
@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) {
    .creative-service-title-box { padding-left: 0 }
}
.creative-service-title-box .tp-section-title, .creative-service-top-content p { color: #111013 }
@media (max-width:767px) {
    .tp-work-area { padding-top: 80px; padding-bottom: 80px }
}
.tp-work-item { background-color: #f6f6f9; border: 4px solid #fff; padding: 45px 40px 45px 50px }
@media (max-width:767px) {
    .tp-work-item { padding: 45px 30px 45px 35px }
}
.tp-work-item.about-us-3-bg { background-color: #ffffe6; border-color: #ffffe6; border-radius: 20px }
.tp-work-item.about-us-3-bg .tp-work-number span { background-color: #e7ff48 }
.tp-work-item.about-us-3-bg .tp-work-number i, .tp-work-item.about-us-3-bg .tp-work-title { color: #2a4c3a }
.tp-work-number { margin-bottom: 15px; display: inline-block }
.tp-work-number span { text-align: center; background-color: var(--tp-primary); border-radius: 50%; width: 60px; height: 80px; display: inline-block; transform: rotate(30deg) }
.tp-work-number i { letter-spacing: -.03em; color: var(--tp-common-white); font-size: 30px; font-style: italic; font-weight: 800; font-family: var(--tp-ff-heading); position: absolute; top: 27px; left: 15px }
.tp-work-title { letter-spacing: -.03em; text-transform: uppercase; margin-bottom: 12px; font-size: 30px; font-weight: 700; line-height: 1.2; font-family: var(--tp-ff-body); }
@media (max-width:767px) {
    .tp-work-title { font-size: 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) {
    .tp-work-title-box { margin-bottom: 40px }
}
.tp-work-content p { letter-spacing: -.02em; color: var(--tp-navy); margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.5 }
@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) {
    .tp-work-content p br { display: none }
}
.tp-work-wrapper { margin-left: 100px }
@media only screen and (min-width:1400px) and (max-width:1599px) {
    .tp-work-wrapper { margin-left: 60px }
}
@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) {
    .tp-work-wrapper { margin-left: 0 }
}

/* SINGLE SERVICE
------------------------*/
.tp-service-item { border-top: 1px solid rgba(17, 16, 19, 0.08);  padding-top: 45px;  padding-bottom: 45px;}
.tp-service-item:last-child { border-bottom:1px solid rgba(17, 16, 19, 0.08)}
.tp-item-list ul {list-style: none;}
.tp-item-list.column-2 ul {grid-template-columns: repeat(2,1fr); gap: 0 30px; display: grid;}
.tp-item-list ul li { margin-bottom: 4px; position: relative; padding-left: 30px;   font-weight: 400; list-style: none;}
.tp-item-list ul li::before {content: "\f00c"; position: absolute; left: 0; font-family: var(--tp-ff-fontawesome); color: var(--tp-primary); font-weight: 600}
@media (max-width: 767px) {
    .tp-item-list.column-2 ul { grid-template-columns: 1fr;}
}