@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@keyframes bannerAnimationTwo {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tp-product-details-views > span svg, .tp-btn-white-border span {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.tp-product-details-action-sm-btn svg, .tp-product-details-wishlist-btn svg, .tp-perspective-social-info span svg, .tp-team-details-info-contact a svg, .app-testimonial-review-content span svg, .pp-service-2-banner-text p span, .pp-service-2-banner-text a span, .tp-service-4-solution-item-btn a span, .pp-service-details-process-bottom span a svg, .st-hero-btn-icon, .pp-footer-btn span, .postbox__comment-reply a span, .tp-header-10-announcement-content a span, .breadcrumb__list span:not(:last-child)::after, .tp-btn-border-2.st span, .tp-portfolio-details-btn span {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.tp-career-title .shape-1 {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
}


  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #141414;
  --tp-common-black-2: #232323;
  --tp-common-black-3: #000;
  --tp-common-black-4: #0a0a0a;
  --tp-common-black-5: #121212;
  --tp-common-black-6: #212121;
  --tp-common-black-7: #0E0F11;
  --tp-common-black-8: #1a1b1e;
  --tp-common-black-9: #16302f;
  --tp-common-black-10: #21212D;
  --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: #17312F;
  --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;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
.container-1300{max-width:1300px}
@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}
}
/*---------------------------------
	typography css start 
---------------------------------*/
body{font-size:14px;line-height:26px;font-weight:500;color:var(--tp-text-body);font-family: 'Gotham';}
img{max-width:100%}
a{text-decoration:none;font-family:"Poppins",sans-serif;font-weight: 400;}
h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:500;line-height:1.2;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;color:var(--tp-common-black);font-family: 'Gotham';}
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{font-weight:400;font-size:18px;line-height:1.56;margin-bottom:15px;letter-spacing:-.02em;font-family:"Poppins",sans-serif;color:var(--tp-text-body)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
a:focus,.button:focus{text-decoration:none;outline:none}
a:focus,a:hover{color:inherit;text-decoration:none}
a,button{color:inherit;outline:none;border:none;background:transparent}
button:hover{cursor:pointer}
button:focus{outline:0}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
.tp-line-black{display:inline;transition:all .3s linear;background-repeat:no-repeat;background-size:0 1px,0 1px;background-position:100% 100%,0 100%;background-image:linear-gradient(currentcolor,currentcolor),linear-gradient(currentcolor,currentcolor)}
.tp-line-black:hover{background-size:0 1px,100% 1px}
.tp-line-white{display:inline;transition:all .3s linear;background-repeat:no-repeat;background-size:0 1px,0 1px;background-position:100% 100%,0 100%;background-image:linear-gradient(currentcolor,currentcolor),linear-gradient(currentcolor,currentcolor)}
.tp-line-white.green{background-position:100% 100%,0 75%;background-image:linear-gradient(currentcolor,currentcolor),linear-gradient(currentcolor,currentcolor)}
.tp-line-white.cream{background-position:100% 100%,0 75%;background-image:linear-gradient(currentcolor,currentcolor),linear-gradient(currentcolor,currentcolor)}
.tp-line-white.cream-2{background-image:linear-gradient(currentcolor,currentcolor),linear-gradient(currentcolor,currentcolor)}
.tp-line-white:hover{background-size:0 1px,100% 1px}
.body-padding{padding:0}
@media (max-width: 767px) {
.body-padding{padding:0}
}
.tp_img_reveal{visibility:hidden;overflow:hidden}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img{width:100%}
.m-img img{max-width:100%}
.fix{overflow:hidden}
.clear{clear:both}
.z-index-1{position:relative;z-index:1}
.z-index-2{position:relative;z-index:2}
.z-index-3{position:relative;z-index:3}
.z-index-4{position:relative;z-index:4}
.z-index-5{position:relative;z-index:5}
.z-index-6{position:relative;z-index:6}
.z-index-7{position:relative;z-index:7}
.z-index-8{position:relative;z-index:8}
.z-index-9{position:relative;z-index:9}
.z-index-10{position:relative;z-index:10}
.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-x:hidden;overflow-y:visible}
.text-capitalize{text-transform:capitalize}
.text-uppercase{text-transform:uppercase}
.p-relative{position:relative}
.p-absolute{position:absolute}
.include-bg{background-position:center;background-size:cover;background-repeat:no-repeat}
.tp-dropcap::first-letter{float:left;width:65px;height:85px;font-size:90px;line-height:.8;font-weight:500;margin-right:5px;text-align:center;line-height:inherit;text-transform:capitalize;color:var(--tp-common-white);font-family:var(--tp-ff-body)}
.coffe-bg{background-color:var(--tp-coffe-1)}
.counter-row{counter-reset:count}
/*----------------------------------------*/
/*  2.1 Back to top
/*----------------------------------------*/


/* Brand logo css */

.tp-brand-area .creative-brand-item img {
  width: 120px; height: 60px; object-fit: contain;
}
 

/*----------------------------------------*/
/*  2.2 Buttons
/*----------------------------------------*/

.tp-btn-gradient{display:flex;position:relative;align-items:center;overflow:hidden;font-weight:600;font-size:17px;line-height:1;z-index:1;margin:1px;transition:.4s;border-radius:14px;padding:22px 30px;padding-top:25px;display:inline-block;letter-spacing:-.01em;color:#000;background:#fff}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-btn-gradient{font-size:16px;padding:15px 25px;padding-top:18px}
}
.tp-btn-gradient:hover{color:var(--tp-common-white)}
.tp-btn-gradient:focus{color:var(--tp-common-white)}
.tp-btn-gradient span{margin-right:10px;display:inline-block}
.tp-btn-gradient span svg{transform:translateY(-2px)}
.tp-btn-gradient.sm{padding:13px 24px;position:relative}

.tp-btn-animation{height:50px;line-height:1;padding:17px 15px;border-radius:30px;display:inline-block;white-space:nowrap;animation:scrollText 20s infinite linear;background:#ffffff14}
.tp-btn-animation:hover{animation-play-state:paused}
.tp-btn-animation span{font-weight:600;font-size:18px;z-index:9;overflow:hidden;display:inline-block;text-transform:uppercase;position:relative;transition:all .3s;color:var(--tp-common-white)}
.tp-btn-animation span svg{margin-right:8px;margin-left:8px}
.tp-btn-cream-bdr{height:50px;line-height:50px;padding:0 25px;font-size:14px;font-weight:500;display:inline-block;text-transform:uppercase;color:var(--tp-cream-2);font-family:var(--tp-ff-poppins);border:1px solid var(--tp-cream-2);transition:.3s}
.tp-btn-cream-bdr:hover{background-color:var(--tp-cream-2);color:var(--tp-coffe-1)}
.animated-border-box{position:relative;overflow:hidden;z-index:0;line-height:0;border-radius:14px;display:inline-block;transition:.4s}
.animated-border-box:hover{transform:scale(1.1)}
.animated-border-box:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);position:absolute;width:99999px;height:99999px;background-repeat:no-repeat;background-position:0 0;background:#E9098B;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);animation:rotate 4s linear infinite}
.animated-border-box.radius-style-2{border-radius:100px}
.animated-border-box.radius-style-2 .tp-btn-gradient.sm{border-radius:100px}
.animated-border-box.radius-style-2::before{background-image:conic-gradient(#0000,#21212D,#0000 25%)}
.animated-border-box.border-icon .tp-btn-gradient span{padding-right:10px;border-right:1px solid #ffffff4d}
.animated-border-box.border-icon::before{background-image:conic-gradient(#0000,#21212D,#0000 25%)}

/*----------------------------------------*/
/*  2.3 Animations
/*----------------------------------------*/
@keyframes rotate2 {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes animationglob {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes lqdItiImgOut {
0%{transform:translateY(0) scale(1)}
to{transform:translateY(100%) scale(1.15)}
}
@keyframes hero-circle-2 {
0%{-webkit-transform:translateX(1000px);-moz-transform:translateX(1000px);-ms-transform:translateX(1000px);-o-transform:translateX(1000px);transform:translateX(1000px)}
100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes hero-circle-3 {
0%{-webkit-transform:translateX(500px);-moz-transform:translateX(500px);-ms-transform:translateX(500px);-o-transform:translateX(500px);transform:translateX(500px)}
100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes move1 {
0%{bottom:-300px;left:-300px}
30%{bottom:100px;left:300px}
60%{bottom:200px;left:600px}
100%{bottom:-300px;left:1200px}
}
@keyframes move1-reverse {
0%{bottom:-150px;left:1400px}
40%{bottom:50px;left:600px}
70%{bottom:200px;left:300px}
100%{bottom:-150px;left:-150px}
}
@keyframes animate-pulse {
0%{box-shadow:0 0 0 0 #fff3 0 0 0 0 #fff3}
40%{box-shadow:0 0 0 50px #ff6d4a00 0 0 0 0 #fff3}
80%{box-shadow:0 0 0 50px #ff6d4a00 0 0 0 30px #ff6d4a00}
100%{box-shadow:0 0 0 0 #ff6d4a00 0 0 0 30px #ff6d4a00}
}
@keyframes animate-pulse-2 {
0%{box-shadow:0 0 0 0 #fff6691a 0 0 0 0 #fff6691a}
40%{box-shadow:0 0 0 50px #ff6d4a00 0 0 0 0 #fff6691a}
80%{box-shadow:0 0 0 50px #ff6d4a00 0 0 0 30px #ff6d4a00}
100%{box-shadow:0 0 0 0 #ff6d4a00 0 0 0 30px #ff6d4a00}
}
@keyframes rotate {
100%{transform:translate(-50%,-50%) rotate(1turn)}
}
@keyframes marquee-horizontal {
from{transform:translateX(0)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes video-border {
0%{transform:translate(-50%,-50%) scale(1)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(2);opacity:0}
}
@-moz-keyframes video-border {
0%{transform:translate(-50%,-50%) scale(1)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(2);opacity:0}
}
@-ms-keyframes video-border {
0%{transform:translate(-50%,-50%) scale(1)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(2);opacity:0}
}
@keyframes video-border {
0%{transform:translate(-50%,-50%) scale(1)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(2);opacity:0}
}
@keyframes scroll-up-down {
0%{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes scroll1 {
0%{top:0}
100%{top:100%}
}
@keyframes scroll2 {
0%{top:0}
100%{top:100%}
}
@keyframes transform {
0%{transform:scale(0.5);opacity:.8}
50%{transform:scale(1);opacity:1}
100%{transform:scale(0.5);opacity:.8}
}
@keyframes dash {
0%{stroke-dashoffset:1000}
100%{stroke-dashoffset:0}
}
.tp-zoom-in-out{-webkit-animation:tp_zoom_in_out 7s infinite linear;-moz-animation:tp_zoom_in_out 7s infinite linear;-ms-animation:tp_zoom_in_out 7s infinite linear;-o-animation:tp_zoom_in_out 7s infinite linear;animation:tp_zoom_in_out 7s infinite linear}
@-webkit-keyframes tp_zoom_in_out {
0%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
}
@-moz-keyframes tp_zoom_in_out {
0%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
}
@-ms-keyframes tp_zoom_in_out {
0%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes tp_zoom_in_out {
0%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes scroll_anim {
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@keyframes loadingAnimation {
to{transform:rotate(-360deg)}
}
@keyframes roteted {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes headerSlideDown {
0%{margin-top:-150px}
100%{margin-top:0}
}
@keyframes bar_anim {
0%,100%{-webkit-clip-path:inset(-2px 0);clip-path:inset(-2px 0)}
42%{-webkit-clip-path:inset(-2px 0 -2px 100%);clip-path:inset(-2px 0 -2px 100%)}
43%{-webkit-clip-path:inset(-2px 100% -2px 0);clip-path:inset(-2px 100% -2px 0)}
}
@keyframes scrollText {
from{transform:translateX(0%)}
to{transform:translateX(-50%)}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes tpshake {
10%{transform:translateY(-10px)}
50%{transform:skew(15deg)}
80%{transform:rotate(10deg)}
100%{transform:translate(0)}
}
@-moz-keyframes tpshake {
10%{transform:translateY(-10px)}
50%{transform:skew(15deg)}
80%{transform:rotate(10deg)}
100%{transform:translate(0)}
}
@-ms-keyframes tpshake {
10%{transform:translateY(-10px)}
50%{transform:skew(15deg)}
80%{transform:rotate(10deg)}
100%{transform:translate(0)}
}
@keyframes tpshake {
10%{transform:translateY(-10px)}
50%{transform:skew(15deg)}
80%{transform:rotate(10deg)}
100%{transform:translate(0)}
}

/*----------------------------------------*/
/*  2.5 Background
/*----------------------------------------*/
.grey-bg{background-color:var(--tp-grey-1)}
.grey-bg-2{background-color:#f6f8ef}
.green-bg{background-color:var(--tp-theme-green)}
.white-bg{background-color:var(--tp-common-white)}
.black-bg{background-color:var(--tp-common-black)}
.black-bg-3{background-color:var(--tp-common-black-3)}
.black-bg-4{background-color:var(--tp-common-black-4)}
.black-bg-5{background-color:var(--tp-common-black-5)}
.black-bg-6{background-color:var(--tp-common-black-6)}
.black-bg-7{background-color:var(--tp-common-black-7)}
.black-bg-8{background-color:var(--tp-common-black-8)}
.pink-light-bg{background-color:var(--tp-common-pink-light)}
.yellow-bg{background-color:var(--tp-common-yellow)}
.red-bg{background-color:var(--tp-common-red-2)}
.red-bg-2{background-color:var(--tp-common-red-3)}
.yellow-green-bg{background-color:var(--tp-common-yellow-green)}
.green-regular-bg{background-color:var(--tp-common-green-regular)}
.paste-bg-2{background-color:var(--tp-common-paste-2)}

/*----------------------------------------*/
/*  2.9 Section Title
/*----------------------------------------*/


/* HEADER CSS */
/*----------------------------------------*/
/*   3.1 Header Style
/*----------------------------------------*/
.header-transparent{position:absolute;top:40px;left:0;right:0;z-index:9;width:100%}
.header-fixed{position:fixed;top:0;left:0;right:0;z-index:55}
@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-header-ptb{padding:10px 0}
}
.tp-header-border{border-bottom:1px solid #ffffff1a}
.tp-header-menu > nav > ul > li{margin:0 20px;list-style-type:none;display:inline-block}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-menu > nav > ul > li{margin:0 15px}
}
.tp-header-menu > nav > ul > li > a{padding:35px 0;font-weight:500;font-size:17px;display:inline-block;letter-spacing:-.01em;color:var(--tp-common-white)}
.tp-header-logo img{max-width:inherit}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.tp-header-logo{padding-left:30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-logo{padding-right: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-header-logo{padding:10px 0}
}
.tp-header-bar button{width:30px;color:var(--tp-common-white)}
.tp-header-bar button i{height:2px;width:14px;display:block;margin-left:0;background-color:#fff}
.tp-header-bar button i:nth-child(2){width:24px}
.tp-header-bar button i:not(:last-of-type){margin:6px auto}
.tp-header-bar button:hover i{animation:bar_anim .8s cubic-bezier(0.44,1.1,0.53,0.99) 1 forwards}
.tp-header-7-wrapper{padding:0 25px;padding-right:10px;border-radius:16px;background:#E9098B;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%)}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-header-7-wrapper{padding:10px 25px;padding-right:10px}
}
.tp-header-7-wrapper::after{content:"";height:100%;width:100%;display:block;backdrop-filter:blur(10px)}
.tp-header-7-menu > nav > ul{margin-left:0}
.tp-header-7-menu > nav > ul > li > a{padding:22px 0;font-weight:500;font-size:14px;line-height:1;display:inline-block;letter-spacing:-.01em;color:#fff}
.tp-header-7-menu > nav > ul > li > a.active {font-weight:bold;}
.tp-header-7-btn-box{line-height:1}
.tp-header-7-serach{color:var(--tp-common-white)}
.tp-header-inner-style .tp-header-menu > nav > ul{padding:0 10px;border-radius:30px;display:inline-block;background-color:#f6f6f9}
.tp-header-inner-style .tp-header-menu > nav > ul > li > a{padding:10px 0;color:var(--tp-common-black)}
.tp-header-inner-style .tp-header-dropdown nav ul li.has-dropdown::after{color:var(--tp-common-black)}
.tp-header-inner-style .tp-header-dropdown nav ul li .tp-submenu{top:110%}

/*----------------------------------------*/
/*  4.1 Main Menu
/*----------------------------------------*/
.header-sticky{position:fixed;top:0;left:0;right:0;opacity:1;width:100%;z-index:10;visibility:visible;background:#262528e6;box-shadow:0 2px 6px 0 #13131614;animation:.95s ease 0s normal forwards 1 running headerSlideDown;-webkit-animation:.95s ease 0s normal forwards 1 running headerSlideDown}
.header-sticky .tp-header-menu > nav > ul > li > a{padding:22px 0}
.header-sticky.sticky-white-bg{background:#E9098B;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);top: 0px;}
.header-sticky.sticky-white-bg .tp-header-menu > nav > ul > li > a{color:#fff}
.header-sticky.sticky-white-bg .tp-header-dropdown nav ul li.has-dropdown::after{color:var(--tp-common-black)}
.header-sticky.sticky-white-bg .logo-black{display:block!important}
.header-sticky.sticky-white-bg .tp-header-lang a{color:#0009}
.header-sticky.sticky-white-bg .tp-header-lang a.active{color:var(--tp-common-black)}
.header-sticky.sticky-white-bg .tp-header-bar button i{background-color:#fff}
.header-sticky.sticky-white-bg .tp-header-7-serach{color:var(--tp-common-black)}
.header-sticky.sticky-white-bg .cr-header-login a{background:#000;border-color:#0009}
.header-sticky.sticky-white-bg .cr-header-login a:hover{color:var(--tp-common-black);background-color:transparent}
.header-sticky.sticky-white-bg .tp-header-btn-box .tp-btn-white-border:hover{color:var(--tp-common-black);border-color:#0009}
.header-sticky.sticky-white-bg .animated-border-box::before{background-image:conic-gradient(#fff,#000,#fff 25%)}
.header-sticky.sticky-white-bg .tp-btn-white-border.tp-btn-light-bg{color:#0E0F11;background-color:transparent;border:1px solid #0000001a}
.header-sticky.sticky-white-bg .tp-btn-white-border.tp-btn-light-bg:hover{color:var(--tp-common-white);border-color:var(--tp-common-black);background-color:var(--tp-common-black)}
.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}
.header-sticky.tp-header-9-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-9-sticky .tp-header-9-logo .logo-1{display:none}
.header-sticky.tp-header-9-sticky .tp-header-9-logo .logo-2{display:block!important}
.header-sticky.tp-header-9-sticky .tp-header-9-menu > nav > ul > li > a{padding:25px 0;margin:0 15px;color:var(--tp-common-black)}
.header-sticky.tp-header-9-sticky .tp-header-9-menu > nav > ul > li{padding:0}
.header-sticky.tp-header-9-sticky .tp-header-9-menu > nav > ul{padding:0}
.header-sticky.tp-header-9-sticky .tp-header-9-box{margin-left:0}
.header-sticky.tp-header-9-sticky .tp-header-9-search span{color:var(--tp-common-black)}
.header-sticky.tp-header-9-sticky .tp-header-9-btn .tp-btn-yellow-green{color:#fff;background-color:#2A4C3A}
.header-sticky.tp-header-10-sticky .tp-header-10-wrapper{margin-top:0;border-radius:0;border:0;box-shadow:none;background:transparent}
.header-sticky.tp-header-11-style .tp-header-10-wrapper{border:0;background:0;margin-top:0;box-shadow:none;backdrop-filter:initial}
.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}

/*----------------------------------------*/
/*  4.2 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-common-red-3)}
.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-menu-close{position:absolute;right:7px;top:12px}
.tp-menu-close i{transition:all .3s;font-size:18px;font-weight:500}
.menu-item-has-children .tp-menu-close{right:14px;top:9px}

/*----------------------------------------*/
/*  4.3 offcanvas Menu
/*----------------------------------------*/
.body-overlay{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;visibility:hidden;opacity:0;transition:.45s ease-in-out;background:#18181866}
.body-overlay.opened{opacity:1;visibility:visible}
.tp-offcanvas-wrapper{position:fixed;top:0;right:0;width:450px;height:100vh;z-index:999;padding:20px;overflow-y:scroll;transition:all .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-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:10px}
.tp-offcanvas-close-btn{color:#000}
.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-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:.4s;background-color:#1e1e1e}
.tp-offcanvas-contact ul li a:hover{color:var(--tp-common-black)}
.tp-offcanvas-contact ul li a:hover::after{width:100%;right:auto;left:0}


/* for offcanvas Drawer */
/* Offcanvas menu open from right */
.tp-offcanvas-wrapper {
  width: 300px;
  max-width: 80%;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;                 /* ✅ open from right */
  left: auto;               /* ✅ override left */
  transform: translateX(100%); /* ✅ slide in from right */
  transition: transform 0.3s ease;
  z-index: 9999;
}

.tp-offcanvas-area.opened .tp-offcanvas-wrapper {
  transform: translateX(0);
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  z-index: 9998;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}


/*----------------------------------------*/
/*  7.1 Hero css
/*----------------------------------------*/

@media (max-width: 767px) {
.dgm-hero-top{padding-top:10px}
}
.pt-20{padding-top:20px}
.dgm-hero-ptb{padding-top:150px;border-radius:20px;padding-bottom:0;margin:0 20px}
.dgm-hero-bg { position: absolute;  height: 100%; width: 100%; z-index: -1; padding-top: 0px; border-radius: 20px; padding-bottom: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; top: 0px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-hero-bg{padding-top:150px;padding-bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-hero-bg{padding-top:0;padding-bottom:0}
}
.dgm-hero-title{font-weight:700;font-size:40px;line-height:normal;margin-bottom:0;margin-bottom:15px;letter-spacing:normal;color:var(--tp-common-black)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-hero-title{font-size:36px}
}
@media (max-width: 767px) {
.dgm-hero-title{font-size:30px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.dgm-hero-title{font-size:34px}
}
.dgm-hero-title span svg{position:absolute;bottom:-75px;right:130px;z-index:-1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-hero-title span svg{right:50px}
}
.dgm-hero-title-mike{display:inline-block;transform:translateY(-20px)}
.dgm-hero-subtitle{font-weight:500;font-size:14px;line-height:1;margin-bottom:15px;display:inline-block;color:var(--tp-common-black)}
.dgm-hero-thumb{position:absolute;top:0;right:0;width:40.4%;height:100%}
.dgm-hero-thumb .rightHeroImg { width: 100%;height: 100%; }
.dgm-hero-thumb .rightHeroImg img {width: 100%; object-fit: cover;  height: 100%; }
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-hero-thumb{position:static;width:100%}
}
.dgm-hero-thumb > img{width:100%;height:100%;border-radius:20px;object-fit:cover}
.dgm-hero-thumb div.anim-zoomin-wrap{height:100%}
.dgm-hero-thumb div.anim-zoomin-wrap div.anim-zoomin{height:100%}
.dgm-hero-thumb div.anim-zoomin-wrap div.anim-zoomin > img{width:100%;height:100%;border-radius:20px;object-fit:cover}
.dgm-hero-content p{font-weight:300;font-size:18px;line-height:normal;color:#6a6b6d;margin-bottom:40px;letter-spacing:normal;font-family:"Poppins",sans-serif}
@media (max-width: 767px) {
.dgm-hero-content p{font-size:18px}
.dgm-hero-content p br{display:none}
}
.dgm-hero-rotate-text{position:absolute;bottom:0;right:47%;writing-mode:vertical-lr}
.dgm-hero-rotate-text span{font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-common-black)}
.dgm-hero-rotate-text span::after{content:"";height:60px;width:1px;margin-top:14px;display:inline-block;transform:translateX(-1px);background-color:var(--tp-common-black)}
.dgm-hero-text-box{width:260px;height:260px;position:absolute;bottom:30px;left:30px;padding:20px}
.dgm-hero-text-box img{margin-bottom:15px}
.dgm-hero-text-box h6{font-weight:700;font-size:18px;line-height:normal;margin-bottom:10px;color:var(--tp-common-black);font-family:"Poppins";}
.dgm-hero-text-box p{font-weight:400;font-size:12px;line-height:normal;margin-bottom:10px;color:#575757}
.dgm-hero-arrow{height:46px;width:46px;line-height:46px;border-radius:50%;text-align:center;display:inline-block;background-color:#fff;position:absolute;top:10px;right:2px}
.dgm-hero-funfact span{display:inline-block;font-weight:500;font-size:60px;line-height:.47;margin-bottom:23px;letter-spacing:-.04em;color:var(--tp-common-black)}
.dgm-hero-funfact span i{font-style:normal}
.dgm-hero-funfact p{font-weight:400;font-size:14px;line-height:normal;margin-bottom:0;color:var(--tp-common-black)}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-hero-funfact-wrap{margin-bottom:30px}
}
.dgm-hero-social-box{position:absolute;top:50%;left:40px;transform:translateY(-50%)}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-hero-social-box{display:none}
}
.dgm-hero-social-text{writing-mode:vertical-lr;margin-bottom:20px}
.dgm-hero-social-text span{font-weight:500;font-size:14px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--tp-common-black)}
.dgm-hero-social-text span::after{margin-top:7px;content:"";height:60px;width:1px;display:inline-block;transform:translateX(-2px);background-color:#1414141a}
.dgm-hero-social a{margin-bottom:20px;display:table}
.dgm-hero-social a span{color:#141414}
.letConnectBtn{padding:7px 15px;border-radius:6px;color:#000;border:1px solid #000;display:inline-block}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-hero-bg{padding-top:0;padding-bottom:0}
.dgm-hero-title{font-size:36px}
.dgm-hero-funfact p{font-size:12px}
.dgm-hero-content p{font-weight:300;font-size:14px}
.dgm-hero-funfact span{font-size:44px}
.dgm-hero-content{margin-bottom:50px!important}
.dgm-hero-thumb{width:43.4%}
.dgm-hero-text-box p{font-size:12px}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
.dgm-hero-thumb img{width:100%}
.dgm-hero-text-box img{width:auto}
.dgm-hero-ptb{padding-top:100px;border-radius:0;padding-bottom:0;margin:0}
.header-transparent{top:10px}
.pt-20{padding-top:0}
.crp-about-area{padding-bottom:40px;padding-top:80px;background:#F4F9F8;margin-top:0}
}

.dgm-hero-funfact { padding-bottom:20px;}

/*----------------------------------------*/
/*  2.1 About - homepage css
/*----------------------------------------*/
.z-index-1{position:relative;z-index:1}
.crp-about-area{padding-bottom:40px;padding-top:80px;background:#F4F9F8;margin-top:50px}
.crp-about-shape{position:absolute;top:-16%;left:13%;z-index:-1}
.tp-section-subtitle-teko{font-weight:500;font-size:22px;line-height:1;display:inline-block;color:var(--tp-common-cream-3);text-transform:uppercase}
.mb-120{margin-bottom:120px}
.crp-about-exp{height:250px;width:250px;border-radius:50%;display:inline-block;background:#E9098B;background:linear-gradient(0deg,#e9098bff 0%,#f4821fff 100%)}
.crp-about-exp-item span{font-weight:bold;font-size:150px;line-height:.5;color:#1E1E1E;margin-top:35px;margin-bottom:10px;display:inline-block;letter-spacing:-.02em;display:block}
.crp-about-right{padding-left:80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-teko{font-size:60px}
}
.tp-section-title-teko{font-weight:500;font-size:50px;line-height:normal;letter-spacing:normal;color:var(--tp-common-cream-3);margin-bottom:30px}
.crp-about-btn-box{flex:0 0 auto;margin-right:80px;margin-top:7px}
.crp-about-btn-box .tp-btn-yellow-green{color:#fff;background-color:#2A4C3A}
.tp-btn-yellow-green.lg{font-size:16px;padding:22px 28px}
.tp-btn-yellow-green{border-radius:10px;padding:16px 24px;font-weight:600;font-size:14px;line-height:1;display:inline-block;letter-spacing:-.01em;text-transform:uppercase;color:var(--tp-common-black-9);background-color:var(--tp-common-yellow-green)}
.tp-btn-yellow-green span{position:relative;z-index:1;overflow:hidden;display:inline-block}
.tp-btn-yellow-green span span.text-1{position:relative;display:block;transition:.3s}
.tp-btn-yellow-green span span.text-2{position:absolute;top:100%;display:block;transition:.3s}
.crp-about-text p{color:#000c}
.crp-about-exp-item i{font-size:20px;color:#fff;margin-top:40px;display:block;font-weight:bold;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.crp-about-text p{max-width:100%;font-size:14px}
}
.crp-about-text p{max-width:425px;font-weight:300;font-size:14px;line-height:normal;color:#000}
.discoverMoreBtn{padding:7px 15px;border-radius:6px;color:#E9098B;border:1px solid #E9098B;display:flex;align-items:center;gap:15px}
@media only screen and (max-width: 991px) {
.crp-about-left .tp-section-subtitle-teko{margin-bottom:20px}
.tp-section-subtitle-teko{font-weight:500;font-size:22px;display:block}
.crp-about-exp{height:150px;width:160px}
.crp-about-right{padding-left:0}
.crp-about-exp-item span{font-size:54px;line-height:normal;margin-top:15px;margin-bottom:0;display:inline-block;letter-spacing:normal}
.crp-about-exp-item i{font-size:16px;color:#fff;margin-top:0;display:block;line-height:normal}
.tp-section-title-teko{font-size:30px;margin-bottom:0;margin-top:20px}
.crp-about-bottom-wrap{display:block!important}
.crp-about-text p{font-size:12px;margin-top:20px}
.discoverMoreBtn{margin-top:20px;display:inline-flex}
}
@media only screen and (max-width: 767px) {
.crp-about-left .tp-section-subtitle-teko{margin-bottom:20px}
.tp-section-subtitle-teko{font-weight:500;font-size:22px;display:block}
.crp-about-exp{height:150px;width:160px}
.crp-about-right{padding-left:0}
.crp-about-exp-item span{font-size:54px;line-height:normal;margin-top:15px;margin-bottom:0;display:inline-block;letter-spacing:normal}
.crp-about-exp-item i{font-size:16px;color:#fff;margin-top:0;display:block;line-height:normal}
.tp-section-title-teko{font-size:30px;margin-bottom:0;margin-top:20px}
.crp-about-bottom-wrap{display:block!important}
.crp-about-text p{font-size:12px;margin-top:20px}
.discoverMoreBtn{margin-top:20px}
}


/*----------------------------------------*/
/*  3.1 Service - homepage css
/*----------------------------------------*/

.dgm-service-area {
	padding-top:70px;
	padding-bottom:30px;
	Background:#121212;
}
.dgm-service-content-left{transition:.3s}
@media (max-width: 767px) {
.dgm-service-content-left{flex-wrap:wrap}
}
.dgm-service-content-left span{font-weight:500;font-size:18px;line-height:1;min-width:100px;transition:.3s;color:#fff;}
@media (max-width: 767px) {
.dgm-service-content-left span{min-width:100%;margin-bottom:20px;display:inline-block}
}
.dgm-service-content-left.black-text span{color:#111013;transition:none}
.dgm-service-content-left.black-text .dgm-service-title-sm{color:#111013;transition:none}
@media (max-width: 767px) {
.dgm-service-content-right{flex-wrap:wrap}
}
.dgm-service-content-right p{font-weight:400;font-size:16px;line-height:1.53;margin-bottom:0;max-width:420px;letter-spacing:-.01em;color:#D9D9D9}
@media (max-width: 767px) {
.dgm-service-content-right p{margin-bottom:30px}
.dgm-service-content-right p br{display:none}
}
.dgm-service-content-right.black-text p{color:#111013b3}
.dgm-service-content-right.black-text .dgm-service-link{color:#111013;border-color:#11101333}
.dgm-service-link{height:64px;width:64px;line-height:65px;border-radius:50%;text-align:center;display:inline-block;color:#606060;transition:.3s;border:1px solid #606060}
.dgm-service-link span{width:20px;height:20px;left:2px;overflow:hidden;position:relative;display:inline-block}
.dgm-service-link span svg{transform:translateY(-2px);position:absolute;bottom:-1px;left:1px;transition:all .2s ease-out}
.dgm-service-link span svg:last-child{left:-12px;bottom:-12px;opacity:0;transform:translate(0,0)}
.dgm-service-link:hover span svg:first-child{transform:translate(20px,-20px)}
.dgm-service-link:hover span svg:last-child{opacity:1;visibility:visible;transform:translate(13px,-13px)}
.dgm-service-title-sm{font-weight:500;font-size:30px;line-height:1.07;letter-spacing:-.02em;color:#fff;font-family: 'Gotham';}
.dgm-service-title-sm a{font-weight:500;font-family: 'Gotham';}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-service-title-sm br{display:none}
}
@media (max-width: 767px) {
.dgm-service-title-sm{margin-bottom:15px}
.dgm-service-title-sm br{display:none}
}
.dgm-service-item{padding:38px 0;overflow:hidden;border-top:1px solid #ffffff1a}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dgm-service-item{padding:38px 30px}
}
@media (max-width: 767px) {
.dgm-service-item{padding:38px 15px}
}
.dgm-service-item:hover .dgm-service-bg img{transform:scale(1.3);opacity:1;visibility:visible}
.dgm-service-item:hover .dgm-service-content-left{transform:translateX(30px)}
@media (max-width: 767px) {
.dgm-service-item:hover .dgm-service-content-left{transform:translateX(0px)}
}
.dgm-service-item:hover .dgm-service-link{transform:translateX(-30px);color:#fff;background: #E9098B; background: linear-gradient(90deg, #e9098bff 0%, #f4821fff 100%); border:1px solid #fff;}
@media (max-width: 767px) {
.dgm-service-item:hover .dgm-service-link{transform:translateX(0px)}
}
.dgm-service-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.dgm-service-bg img{width:100%;height:100%;transition:.4s;transform:scale(1);opacity:0;visibility:hidden}
.dgm-service-wrap .row [class*=col-] .dgm-service-item:last-child{border-bottom:1px solid #ffffff1a}
.dgm-service-wrap.dgm-service-white .dgm-service-item{border-color:#1110131a}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-left.black-text span{color:var(--tp-common-white)}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-left.black-text .dgm-service-title-sm{color:var(--tp-common-white)}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-right p{color:#ffffffb3}
.dgm-service-wrap.dgm-service-white .dgm-service-item:hover .dgm-service-content-right a{border-color:var(--tp-common-green-regular)}
.dgm-service-radius{border-radius:20px;margin:0 40px;margin-top:20px}
.tp-section-title-grotesk{font-size:60px;font-weight:bold;line-height:1;letter-spacing:-.03em;color:var(--tp-common-black)}
.tp-section-title-shape { position: absolute; bottom: -12px;left: 0px;  z-index: -1;}
.mb-60 { margin-bottom:60px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-grotesk{font-size:46px}
}
@media (max-width: 767px) {
.tp-section-title-grotesk{font-size:30px}
.tp-section-title-grotesk br{display:none}
}
.tp-section-title-grotesk > span{display:inline-block}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-service-radius{padding-top:100px}
.content-Hover { bottom: 0px; width: 100%; left: 0px;}
.container-1230 {width:100%;max-width:100%;}
.container-1330 { width:100%;max-width:100%; }
.crp-about-text p {  max-width: 100%; font-size: 14px;}
}
.dgm-service-title-box.service-4-heading .tp-section-subtitle{text-transform:capitalize}


.numberClient{display:flex;gap:150px;text-align:center;align-items:center;justify-content:center;color:#fff;font-size:18px;padding-top:50px;list-style:none}
.numberClient li{font-size:40px;font-weight:900;text-align:center;line-height:40px}
.numberClient li span{font-size:20px;font-weight:300;display:block; font-family:"Poppins";}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.numberClient{gap:50px;font-size:16px;list-style:none;flex-wrap:wrap}
}
/*----------------------------------------*/
/*  4.1 Gradiant Center - homepage css
/*----------------------------------------*/

.backgroundGradiant{margin-top:50px;margin-bottom:50px;background-image:url(../../assets/img/elevatebrandbg.png);padding:30px;border-radius:20px;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;align-items:start}
.backgroundGradiant .leftSide{min-width:240px}
.backgroundGradiant .rightSide p{font-size:16px;font-weight:400}
.backgroundGradiant .leftSide span{font-weight:bold}
.backgroundGradiant .leftSide h3{font-size:30px;font-weight:900}
.disoverGap{padding:7px 15px;border-radius:6px;color:#000!important;border:1px solid #fff;display:inline-flex;align-items:center;gap:10px;background:#fff}

@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.backgroundGradiant{align-items:start;flex-wrap:wrap}
}

/*----------------------------------------*/
/*  5.1 Case Studies - homepage css
/*----------------------------------------*/

.dgm-project-area  {padding-bottom:50px;}
.dgm-project-top-text{padding-left:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dgm-project-top-text{padding-left:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-project-top-text{padding-left:0;margin-bottom:20px;margin-top:10px}
.dgm-project-top-wrap{margin-bottom:30px}
}
.dgm-project-top-text p{font-weight:400;font-size:16px;line-height:1.5;margin-bottom:0;letter-spacing:-.01em;color:#000}
.dgm-project-top-wrap{margin-bottom:45px}
.dgm-project-active{margin:0 -460px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dgm-project-active{margin:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.dgm-project-active{margin:0;margin:0 15px}
}
.dgm-project-title-sm{font-weight:700;font-size:36px;line-height:1.2;margin-bottom:0;letter-spacing:-.04em;color:#000}
@media (max-width: 767px) {
.dgm-project-title-sm{font-size:35px}
}
.dgm-project-content h5{overflow:hidden;margin-top:10px}
.dgm-project-content h5 span{font-weight:500;font-size:16px;line-height:1;display:inline-block;letter-spacing:-.02em;text-transform:uppercase;color:#000;transform:translateY(50px);transition:all .8s}
.dgm-project-slider-wrap .swiper-container.dgm-project-text-active{height:100px!important}
.dgm-project-slider-wrap .dgm-project-text-active .swiper-slide-active .dgm-project-content h5 span{transform:translateY(0);transition-delay:.5s}
.dgm-project-arrow button{width:60px;height:60px;line-height:1;margin-left:8px;border-radius:40px;text-align:center;position:relative;color:#BABABA;border:1px solid #BABABA}
.dgm-project-arrow button::after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:-1;opacity:0;transition:.3s;visibility:hidden;border-radius:50%;transform:scale(0.3);border:1px solid #E9098B;background:#E9098B;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%)}
.dgm-project-arrow button:hover{transition:.4s;color:#fff}
.dgm-project-arrow button:hover::after{transform:scale(1.1);opacity:1;visibility:visible}
.dgm-project-area{margin-top:-1px;border-radius:0 0 20px 20px}
.dgm-project-item{overflow:hidden}
.dgm-project-item img{width:100%;height:400px;object-fit:cover;border-radius:16px;object-position:top}
.content-Hover{position:absolute;bottom:15px;width:95%;opacity:0;background:#ffffffc7;padding:14px;border-radius:14px;margin:0 auto;left:20px;display:table;padding:15px;border-radius:14px;color:#000;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.caseHoverEffect:hover .content-Hover{opacity:1}
.content-Hover h5{font-size:20px;font-weight:700}
.content-Hover p{font-size:13px;font-weight:400;margin-bottom:0}

/*----------------------------------------*/
/*  6.1 Why choose us - homepage css
/*----------------------------------------*/

.creative-testimonial-area{padding-top:60px;padding-bottom:100px}
.tp-section-title{font-size:60px;font-weight:900;line-height:60px;text-transform:uppercase}
.tp-section-title span{color:#E9098B}
.creative-testimonial-title-box p{font-size:16px;font-weight:400}
.creative-testimonial-item{position:relative;z-index:3;padding:35px;border-radius:20px;background-color:#F5F5F5;position:relative}
.creative-testimonial-avater-info { text-align:left;}
.creative-testimonial-avater-info h4{font-size:24px;font-weight:bold;text-align: left;}
.creative-testimonial-avater-info p { font-size: 14px; font-weight: 400;text-align: left; color: #323232;}
.creative-testimonial-active{margin-right:-370px}

@media (max-width: 767px) {
.creative-testimonial-active{margin:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.creative-testimonial-arrow{margin-bottom:30px}
}
.creative-testimonial-arrow button{height:60px;width:60px;line-height:1;border-radius:50%;text-align:center;display:inline-block;transition:.3s;color:#BABABA;background-color:#EFEFEF;border:1px solid #EFEFEF}
.creative-testimonial-arrow .creative-testimonial-prev:hover {
	transition: .4s;
    color: #fff;
    background: linear-gradient(90deg, #e9098bff 0%, #f4821fff 100%);
	border:1px solid #f4821fff;
}
.creative-testimonial-arrow .creative-testimonial-next:hover {
	transition: .4s;
    color: #fff;
    background: linear-gradient(90deg, #e9098bff 0%, #f4821fff 100%);
	border:1px solid #f4821fff;
}
.creative-testimonial-item .crp-about-shape{z-index:-1}
.creative-testimonial-avater{background:#E9098B;display:inline-flex;padding:10px;width:54px;height:67px;font-size:30px;color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;transform:rotate(12deg);font-weight:900;margin-bottom:20px}
.creative-testimonial-avater span{transform:rotate(-12deg)}
.creative-testimonial-arrow button:hover{color:var(--tp-common-black);background-color:var(--tp-common-green-light)}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.creative-testimonial-btn{margin-bottom:30px}
.tp-section-title{font-size:36px;font-weight:700;line-height:45px;text-transform:uppercase}
}
.learnMoreBtn{padding:7px 15px;border-radius:6px;color:#E9098B;border:1px solid #E9098B;display:inline-flex;align-items:center;gap:15px;margin-top:20px}

/*----------------------------------------*/
/*  7.1 Brands Clients - homepage css
/*----------------------------------------*/
.tp-brand-spacing{padding:50px 0;border-top:1px solid #03030324}
@media (max-width: 574.98px) {
.tp-brand-spacing{padding:70px 0}
}
.tp-brand-customer{border:1px solid #03030324;border-radius:100px;padding:6px 35px;display:inline-block;background:#fff; font-family:"Poppins"; font-weight:400;}
.tp-brand-customer span{background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.tp-brand-customer-wrap{position:absolute;top:-20px;left:0;right:0;text-align:center}
.tp-brand-bottom-border{width:97%;height:20px;background:transparent;bottom:-20px;left:0;right:0;margin:0 auto;display:inline-block;position:absolute;border:1px solid #03030324;z-index:-1;border-top:0}
.tp-brand-cst-spacing{padding:160px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-brand-cst-spacing{padding:100px 0}
}


/*----------------------------------------*/
/*  8.1 footer css
/*----------------------------------------*/
.pb-50{padding-bottom:50px}
.pt-45{padding-top:45px}
.pb-30{padding-bottom:30px}
.tp-footer-area{background:#030303;color:#fff;padding:70px 0;padding-bottom:0}
.mb-25{margin-bottom:25px}
.tp-footer-top-title{font-size:110px; font-weight:bold;}
.tp-footer-top-title a{font-family:"Gotham";}
.colorFooter { color: #BABABA;}
.tp-footer-widget-title { font-weight:bold;}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-section-title-shape svg { width:225px; height:40px;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-footer-top-title{font-size:120px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-footer-top-title{font-size:80px}
}
@media (max-width: 574.98px) {
.tp-footer-top-title{font-size:60px}
}
.tp-footer-social ul{display:flex;flex-wrap:wrap}
.tp-footer-social ul li{margin-right:20px;margin-bottom:10px;list-style:none}
.tp-footer-social ul li a{font-weight:300;font-size:14px;text-transform:uppercase;color:var(--tp-grey-2);background:#1a1a1ad4;display:inline-block;padding:5px 20px;border-radius:100px;font-family:"Gotham";}
.tp-footer-social ul li a:hover{color:var(--tp-theme-primary)}
.tp-footer-social ul li a i{margin-right:5px}
.tp-footer-btn a{background:#1a1a1ad4;border-color:#0d0d0d;color:var(--tp-common-white)}
.tp-footer-btn a:hover{color:var(--tp-common-black)}
.tp-footer-btn .tp-btn-circle-dot{background:var(--tp-theme-primary)}
.tp-footer-main{border-top:1px solid #9999991a}
@media only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-footer-widget p br{display:none}
.tp-footer-widget a br{display:none}
}
.tp-footer-copyright p span{transform:translateY(-2px);display:inline-block}
.tp-footer-bottom{border-top:1px solid #9999991a;padding:10px 0 10px}

.tp-footer-shape{position:absolute;bottom:0;left:0;z-index:-1}
.tp-footer-menu ul{display:flex;align-items:center;justify-content:end}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-footer-menu ul{justify-content:flex-start;margin-top:10px}
}
.tp-footer-menu ul li{margin-left:50px;margin-bottom:5px;list-style:none}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-footer-menu ul li{margin-left:0;margin-right:30px}
}
.tp-footer-menu ul li a{font-weight:500;font-size:13px;text-transform:uppercase;color:var(--tp-common-white)}
.tp-footer-menu ul li a:hover{color:var(--tp-theme-primary)}
.tp-footer-copyright p { font-size:13px;}
.tp-rounded-btn-wrap a{width:160px;height:160px;font-weight:500;font-size:24px;line-height:1;color:#fff;background:#161616;border-radius:50%;display:inline-block;text-transform:uppercase;text-align:center;line-height:26px;padding-top:30px}
.tp-rounded-btn-wd a{font-family:var(--tp-ff-body);font-size:15px;text-transform:uppercase}
.tp-footer-top-subtitle{font-size:20px;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}
.tp-footer-widget p{font-size:13px;font-weight:400;padding-right:80px;color: #BABABA}
.mr-2{margin-right:10px}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.mb-60{margin-bottom:40px}
}


/*----------------------------------------*/
/*  9.1 Coming Soon Page CSS
/*----------------------------------------*/
.comingsoonBg{background-image:url(../../assets/img/comingsoon_bg.png);background-position:20%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}
.comingsoon_logo{width:250px;text-align:center;display:block;margin:0 auto;margin-top:20px;margin-bottom:80px}
.comingsoonBg h5{color:#fff;font-size:30px;font-weight:700;text-align:Center}
.comingsoonBg h1{font-size:90px;color:#fff;font-weight:700;text-align:Center;line-height:100px}
.height100{height:100%}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.comingsoonBg h1{font-size:40px}
.comingsoonBg h5{font-size:20px}
}

/*----------------------------------------*/
/*  10.1 About Us Page CSS
/*----------------------------------------*/

.tp-about-top-spacing{padding-top:235px;position:relative}
.aboutHeadingBig img{position:absolute;top:100px;z-index:-1;max-width:95%}
.mb-30{margin-bottom:30px}
@-webkit-keyframes tpSwing {
0%{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
100%{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
}
@-moz-keyframes tpSwing {
0%{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
100%{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
}
@-ms-keyframes tpSwing {
0%{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
100%{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
}
@keyframes tpSwing {
0%{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-ms-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
100%{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
}
.tpswing{animation:tpSwing 2s linear infinite alternate}
.mr-35{margin-right:35px}
.mb-20{margin-bottom:20px}
.tp-about-top-title span{width:120px;display:inline-block}
.tp-about-top-content{font-size:16px;color:#000;font-weight:400}
.tp-about-bottom-video{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;display:flex;justify-content:center}
.tp-about-bottom-video .popup-video{background:none;border:1px solid #fff;color:#fff}
.tp-hero-video-btn{width:70px;height:70px;display:inline-block;background:#fff;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:50px;color:#fff}
.tp-hero-video-btn span{line-height:0}
.rounded-circle{border-radius:50%!important}
.mtop-30{margin-top:30px}
@media only screen and (min-width: 1700px) and (max-width: 1800px),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),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-about-top-title-wrap{margin-left:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-top-title{font-size:50px;text-align:right}
}
@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),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.pt-140{padding-top:100px}
}
.tp-section-subtitle{border:1px solid #D9D9D9;border-radius:50px;padding:6px 18px;display:inline-block;color:#000;font-size:16px;font-weight:400;font-family:"poppins";margin-bottom: 15px;}
.tp-section-subtitle .borders{width:10px;height:10px;background:#000;border-radius:30px;margin-right:8px}
.tp-about-para{font-size:18px;font-weight:400;color:#000;margin-bottom:20px}
.pb-40{padding-bottom:80px}
.h-100{height:100%!important}
.tp-about-feature-thumb img{height:100%;object-fit:cover}
.w-100{width:100%!important}
@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),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 574.98px) {
.tp-about-feature-info{padding:50px}
}
.tp-about-feature-info{padding:50px}
.tp-bg-common-black-1{background-color:#E9098B}
.tp-about-feature-info h2{color:#fff}
.tp-about-feature-info p{color:#fff;font-size:16px;font-weight:400}
.tp-about-feature-info ul{padding-left:20px;color:#fff;font-weight:300;font-size:15px}
.tp-about-feature-info ul li{margin-bottom:10px}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.tp-about-top-spacing{padding-top:100px;position:relative}
.aboutHeadingBig img{top:70px}
.tp-about-top-content p{font-size:13px;line-height:28px;margin-bottom:0}
.tp-about-top-title span{display:none}
.tp-about-top-title{text-align:left}
.tp-hero-video-btn{width:30px;height:30px}
.tp-hero-video-btn svg{width:7px}
.pt-140{padding-top:50px}
.tp-about-para{font-size:15px;font-weight:400;color:#000;margin-bottom:20px}
.tp-about-feature-info{padding:20px}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.tp-about-top-spacing{padding-top:100px;position:relative}
.aboutHeadingBig img{top:70px}
.tp-about-top-shape svg{display:none}
.tp-about-top-content p{font-size:16px;line-height:28px;margin-bottom:0}
.tp-about-top-title span{display:none}
.tp-about-top-title{text-align:left}
.tp-hero-video-btn{width:30px;height:30px}
.tp-hero-video-btn svg{width:7px}
.pt-140{padding-top:50px}
.tp-about-para{font-size:15px;font-weight:400;color:#000;margin-bottom:20px}
.tp-about-feature-info{padding:20px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-about-top-title{text-align:right;font-size:46px}
.pt-140{padding-top:100px}
.tp-about-feature-info h2{font-size:30px}
.tp-about-feature-info p{font-size:20px}
.tp-about-feature-info ul{font-size:18px}
.tp-about-feature-info ul li{margin-bottom:20px;line-height:30px}
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
.tp-about-top-title{text-align:right;font-size:46px}
.pt-140{padding-top:100px}
.tp-about-feature-info h2{font-size:40px}
.tp-about-feature-info p{font-size:22px}
.tp-about-feature-info ul{font-size:20px}
.tp-about-feature-info ul li{margin-bottom:20px;line-height:30px}
}

/*----------------------------------------*/
/*  11.1 Contact Us Page CSS
/*----------------------------------------*/

.pp-about-shape{position:absolute;right:0;top:35%}
.p-relative{position:relative}
.imgWithTxt{display:flex;gap:30px;align-items:center;font-size:18px}
.letsTalk{font-size:50px;margin:10px 0}
.contactForm{padding-top:50px;padding-bottom:80px}
.contactPage.tp-about-top-spacing{padding-top:185px;position:relative}
.tp-contact-number{display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px 40px;border:1px solid #D9D9D9;margin-bottom:30px}
.gap{gap:20px}
.tp-contact-icon{width:40px;height:40px;background:linear-gradient(180deg,#e9098bff 0%,#f4821fff 100%);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}
.tp-contact-email{font-weight:400;font-size:20px;font-family:"Poppins";color:#000}
.tp-contact-form-input label{font-size:14px;font-weight:300;color:#000;line-height:1;margin-bottom:5px;font-family:"Poppins"}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],select{outline:none;height:50px;width:100%;line-height:50px;font-size:13px;padding-left:26px;padding-right:26px;border-radius:8px;background:#F6F6F9;color:#000;appearance:none;font-weight:300;border:#F6F6F9}
.tp-postbox-details-remember{display:flex;font-size:12px;line-height:20px;font-weight:300}
.tp-postbox-details-remember a{color:#E9098B}
.tp-postbox-details-remember .tp-checkbox{margin:0;appearance:none;-moz-appearance:none;display:block;width:18px;height:18px;outline:none;flex:0 0 auto;background:#d9d9d9;-webkit-transform:translateY(-2.5px);-moz-transform:translateY(-2.5px);-ms-transform:translateY(-2.5px);-o-transform:translateY(-2.5px);transform:translateY(-2.5px);padding:0;margin-right:10px;transform:translateY(4px);border-radius:0}
.tp-postbox-details-remember .tp-checkbox:checked{position:relative;background-color:#E9098B;border-color:transparent}
.tp-postbox-details-remember .tp-checkbox:checked::after{box-sizing:border-box;position:absolute;content:"\f00c";font-weight:700;font-family:"Font Awesome 6 Free";font-size:14px;color:#fff;top:49%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.tp-postbox-details-input-box button{width:100%;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);color:#fff;padding:10px;border-radius:100px;border:none}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.pp-about-shape{display:none}
.imgWithTxt{display:block}
.imgWithTxt img{display:block;margin-bottom:20px}
.tp-about-top-content p.imgWithTxt{line-height:20px}
.contactForm{padding-top:0;padding-bottom:80px}
.tp-contact-number{padding:20px 20px 0}
.gap{gap:20px;margin-bottom:20px}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
.pp-about-shape{display:none}
}


/* Contact form button disable */
.error-border {
  border-color: #e63946 !important;
  outline: none;
}

button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/*----------------------------------------*/
/*  12.1 Workspace Page CSS
/*----------------------------------------*/

.tp-wordspaceSection{padding-top:160px;padding-bottom:60px;position:relative}
.tp-workspace h1{font-size:30px;font-weight:700;padding-right:50px;margin-top:10px}
.tp-workspace h6{background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;margin-bottom:15px}
.tp-workspace p{font-size:14px;font-weight:400;color:#121212;padding-right:50px}
.widthImage{height:550px;object-fit:cover;width:100%;border-radius:20px}
.howItWorkSection{background-image:url(../../assets/img/howit-workbg.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;margin-bottom:30px;padding:70px 0;padding-top:100px}
.howItWorkSection h2{font-size:26px;color:#000;text-align:Center}
.howItWorkSection p{font-size:16px;color:#121212;text-align:Center}
.swiper-pointer-events{touch-action:pan-y}
.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.timeline-slide{overflow:inherit!important}
.timeline-slide .swiper-wrapper{padding:30px 0;padding-bottom:0;justify-content:center}
.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:1}
.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
.timeline-slide .swiper-slide{cursor:pointer;float:left;font-size:9px;position:relative;text-transform:uppercase;width:16.65%}
.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}
.timeline-slide .swiper-slide:before{background:#F4821F;border:1px solid transparent;border-radius:50px;color:#fff;content:"";display:block;font-size:10px;height:14px;left:0;margin:0 auto 5px;outline:6px solid transparent;position:absolute;right:0;transition:all .3s;width:14px;z-index:3}
.timeline-slide .title{color:#00000014;font-size:50px;left:0;margin-top:15px;position:absolute;right:0;top:-40px;z-index:-1}
.timeline-slide .sub-title{color:#000;font-family:"Poppins";font-size:18px;margin-top:45px;text-transform:none;font-weight:600}
.timeline-slide .sub-title,.timeline-slide .title{margin-bottom:30px;text-align:center}
.timeline-slide .swiper-slide:hover .content{opacity:1}
.timeline-slide .content{color:#bdb7b7;font-size:13px;line-height:1.6;opacity:0;position:absolute;text-align:center;text-transform:none;top:60px;transition:opacity .2s}
.timeline-slide .swiper-slide:first-child:after{left:50%}
.timeline-slide .swiper-slide:after{background:#0000001f;content:"";height:2px;left:0;position:absolute;right:0;top:7px;z-index:2}
.timeline-slide .swiper-slide:last-child:after{right:50%}
.brandSecction{padding:60px 0;position:relative}
.brandImage{width:100%;border-radius:14px;height:200px;object-fit:cover}
.brandImage2{width:100%;border-radius:14px;height:480px;object-fit:cover}
.brandSecction p{font-size:16px;color:#121212;font-weight:400}
.brandList_li{list-style:unset;padding-left:18px}
.brandList_li li{margin-bottom:10px;font-weight:600}
.brandList_li li span{font-weight:300}
.officeOutFit{position:relative;padding-top:20px;padding-bottom:60px}

.outfitImageLeft { width:100%;position:relative; height: 475px; object-fit: cover;}
.topFirstBox {background-image:url(../../assets/img/boxbrandright.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;margin-bottom:10px;padding:20px; height: 100%;}
.topFirstBox h4 {font-size:24px; color:#fff;}
.topFirstBox p {font-size:14px; color:#fff;}

.bothBoxHeight{height:100%;align-item:stretch}
.topSecondBox{background-image:url(../../assets/img/boxbrandright1.png);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;margin-bottom:10px;padding:20px;height:100%}
.topSecondBox h4{font-size:24px;color:#fff}
.topSecondBox .listDesign h6{font-size:18px;color:#fff;margin-bottom:0}
.topSecondBox .listDesign p{font-size:14px;color:#fff;padding-left:18px}
.aiLabInner{background:#121212;border-radius:14px;position:relative}
.leftContentAi{padding:25px}
.leftContentAi h4{font-size:30px;font-weight:700;color:#fff}
.leftContentAi h6{font-size:18px;font-weight:500;color:#fff}
.leftContentAi p{font-size:14px;font-weight:400;color:#fff}
.aiLab_List{list-style:auto;padding-left:15px;color:#fff;font-size:13px}
.aiLab_List li{margin-bottom:3px;font-weight:600}
.aiLab_List li span{margin-bottom:10px;font-weight:300}
.alignItem-stretch{align-items:stretch}
.aiLabImg{width:100%;height:100%}
.marGinRow{--bs-gutter-x:0}
.spaceIdentify{position:relative;padding-top:40px;padding-bottom:40px}
.spaceIdentify h2{font-size:30px;font-weight:700;margin-bottom:10px;color:#000}
.spaceIdentify p{font-size:16px;font-weight:300;margin-bottom:10px;color:#121212}
.spaceIdeImg{width:100%;border-radius:14px;margin-bottom:10px;height:250px;object-fit:cover}
.spaceIdentify h3{font-size:20px;font-weight:500;font-family:"Poppins";line-height:26px}
.spaceIdentify h4{font-size:20px;font-weight:700;font-family:"Poppins";margin:10px 0}
.spaceIdentify .brandList_li{list-style:none;padding-left:5px;font-weight:400}
.spaceIdentify .brandList_li li{margin-bottom:5px;font-weight:500;font-size:14px;color:#1E1E1E}
.bespokeFurniture p{color:#121212;font-size:16px;margin-bottom:20px;font-weight:400}
.tp-service-4-process-list{display:flex;position:relative;align-items:center;padding-bottom:60px}
.tp-service-4-process-list span{position:relative;font-size:18px;font-weight:500;color:#111013;display:grid;height:70px;width:70px;min-width:70px;min-height:70px;margin-right:15px;border-radius:50%;place-content:center;border:1px solid #11101314}
.tp-service-4-process-list:not(:last-child) span::before{position:absolute;content:"";height:50px;width:1px;left:0;right:0;margin:0 auto;top:calc(100% + 10px);background-color:#11101314}
.tp-service-4-process-list p{font-size:18px;font-weight:400;color:#000;margin-bottom:0;font-family:'Poppins'}

.blogLatestSection{position:relative;padding-top:50px;padding-bottom:50px}
.blogCardPost{border:1px solid #D9D9D9;border-radius:14px;margin-bottom:20px}
.blogCardPost img{width:100%;height:320px;object-fit:cover;border-top-left-radius:14px;border-top-right-radius:14px}
.blogContentText{padding:15px}
.blogContentText h5{display:flex;align-items:center;justify-content:space-between}
.blogContentText p.clientName{border-bottom:1px solid #E0E0E0;padding-bottom:7px;margin-bottom:7px;display:flex;align-items:start;justify-content:space-between;font-size:12px}
.blogContentText p.clientName1{display:flex;align-items:start;justify-content:space-between;font-size:12px;margin-bottom:0}
.blogContentText p.clientName span{width:180px;text-align:right}
.blogCardPost .companyLogo{width:80px;height:auto}
.cr-testimonial-nav{margin-bottom:20px;text-align:right}
.cr-testimonial-nav button{width:60px;height:60px;line-height:1;margin-left:8px;border-radius:40px;text-align:center;position:relative;color:#BABABA;border:1px solid #BABABA}
.cr-testimonial-nav button:hover{transition:.4s;color:#fff;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%)}
.cr-testimonial-navt button:hover::after{transform:scale(1.1);opacity:1;visibility:visible}
.tp-about-subtitle { opacity:1;}

@media only screen and (min-width: 320px) and (max-width: 580px) {
.timeline-slide .swiper-slide:before{display:none}
.timeline-slide .title{font-size:22px}
.timeline-slide .sub-title{font-size:13px;margin-top:10px}
.timeline-slide .swiper-slide:after{display:none}
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
.tp-wordspaceSection{padding-top:100px}
.tp-workspace h1{font-size:22px;padding-right:0}
.tp-workspace p{font-size:14px;padding-right:0}
.widthImage{height:auto}
.howItWorkSection{padding:50px 0;padding-top:50px;margin-bottom:0}
.timeline-slide .swiper-wrapper{gap:30px}
.howItWorkSection p{font-size:13px}
.brandSecction h3{font-size:22px}
.brandImage{height:110px}
.brandImage2{height:auto;margin-bottom:15px}
.brandSecction{padding-bottom:30px}
.officeOutFit h3{font-size:22px}
.outfitImageLeft{width:100%;position:relative;height:200px;object-fit:cover}
.officeOutFit{padding-bottom:10px}
.aiLabImg{width:100%;height:100%;border-bottom-left-radius:14px}
.spaceIdentify h2{font-size:20px}
.spaceIdentify p{font-size:14px}
.spaceIdeImg{height:130px}
.bespokeFurniture h3{font-size:22px}
.bespokeFurniture p{font-size:14px}
.tp-service-4-process-list p{font-size:16px}
.cr-testimonial-nav button{margin-left:0;margin-right:10px}
.cr-testimonial-nav{margin-bottom:20px;text-align:left}
.blogCardPost img{width:100%;height:200px}
.blogContentText h5{text-align:left;font-size:16px}
.blogCardPost .companyLogo{width:60px;height:auto}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.aiLabImg{width:100%;height:100%;border-bottom-left-radius:14px}
}


/*----------------------------------------*/
/*  13.1 MICE Page CSS
/*----------------------------------------*/

.ar-about-us-4-shape{position:absolute;top:31%;right:10%}
.MICE .tp-workspace h1{font-size:40px;font-weight:700;padding-right:50px;margin-top:10px}
.MICE .tp-workspace h6{background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;margin-bottom:15px;font-size:26px}
.ar-banner-wrap{overflow:hidden;margin-bottom:50px}
.whyStory{position:relative;padding-bottom:60px}
.whyStory h2{font-size:30px;font-weight:700;margin-bottom:15px}
.whyStory h6{font-size:18px;font-weight:500;margin-bottom:15px}
.whyStory ul{list-style:disc;padding-left:20px}
.whyStory ul li{margin-bottom:10px;font-size:14px;font-weight:300}
.techAdvance{background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);padding-bottom:70px;padding-top:40px;position:relative;text-align:Center;color:#fff}
.techAdvance h2{font-size:30px;color:#fff;margin-bottom:0}
.techAdvance p{font-size:16px;color:#fff;font-weight:300}
.ThreeBox{margin-top:-50px;position:relative;margin-bottom:80px}
.boxTechAdvance{padding:20px 30px;padding-right:50px;border-radius:14px;box-shadow:0 2px 10px #00000021;background:#fff;padding-bottom:30px;height:100%}
.boxTechAdvance h3{font-size:70px;color:#BABABA;font-weight:900;margin-bottom:0}
.boxTechAdvance h4{font-size:30px;color:#000;font-weight:700;margin-bottom:10px}
.boxTechAdvance ul{list-style:circle;padding-left:20px}
.boxTechAdvance ul li{font-size:14px;margin-bottom:5px;font-weight:300;font-family:"Poppins"}
.footprintAcross{border-radius:14px;position:relative}
.footprintAcross img{width:100%;height:320px;object-fit:cover;border-radius:14px}
.footprintAcross h3{background:#fff;padding:8px 70px;border-radius:7px;font-size:18px;color:#000;margin-top:-20px;position:relative;display:inline-block;box-shadow:0 2px 10px #00000026;top:-15px}
.st-testimonial-wrapper{margin-right:-100px}

.expertes{position:relative;padding-top:10px;padding-bottom:80px}
.expertes h2{font-size:30px;font-weight:600}
.expertes h6{font-size:20px;font-weight:500;color:#121212}
.expertes p{font-size:16px;font-weight:300;color:#121212;text-align:right}

.tabs-wrapper{display:flex;flex-wrap:wrap}
.tabs-sidebar{flex:0 0 500px;;padding:30px 0}
.tab-item{padding:5px 0px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent;color:#6c757d;font-size:14px;font-weight:500;display:flex;align-items:start;gap:12px}
.tab-item:hover{background:#ffffff80;color:#495057}
.tab-item.active{background:#fff;color:#ff6b35;font-weight:600}
.tab-number{font-size:18px;font-weight:700;min-width:20px}
.tab-content-wrapper{flex:1;min-width:0;padding:40px 50px;padding-right: 0px;}
.tab-pane{display:none;animation:fadeIn .4s ease-in}
.tab-pane.active{display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.content-number{font-size:80px;font-weight:900;color:#ff6b35;line-height:1;margin-bottom:20px;opacity:.9}
.content-title{font-size:24px!important;font-weight:700;color:#000;margin-bottom:10px;margin-top:10px}
.content-description{font-size:15px!important;line-height:1.8;color:#121212;margin-bottom:10px;text-align:left!important}
.content-list{list-style:disc;padding:0;padding-left:20px}
.content-list li{padding:5px 0;position:relative;font-size:15px;color:#121212;line-height:1.6;font-weight:300}
.tabFlex{display:flex;align-items:start;gap:30px;text-align:left}

@media (max-width: 768px) {
body{padding:10px}
.tabs-wrapper{flex-direction:column}
.tabs-sidebar{flex:1;border-right:none;border-bottom:1px solid #dee2e6;padding:15px 0}
.tab-item{padding:15px 20px;font-size:13px}
.tab-number{font-size:16px}
.tab-content-wrapper{padding:10px 0px}
.content-number{font-size:60px;margin-bottom:15px}
.content-title{font-size:22px;margin-bottom:15px}
.content-description{font-size:14px;line-height:1.6;margin-bottom:20px}
.content-list li{font-size:13px;padding:8px 0;padding-left:20px}
}
@media (max-width: 480px) {
.tab-item{padding:4px 0px;font-size:12px}
.content-number{font-size:50px}
.content-title{font-size:20px}
.content-description{font-size:13px}
.content-list li{font-size:12px}
}


@media only screen and (min-width: 320px) and (max-width: 580px) {
.MICE .tp-workspace h1{font-size:18px;line-height:26px}
.ar-about-us-4-shape{display:none}
.MICE .tp-workspace h6{font-size:16px;line-height:26px}
.MICE .mb-30{margin-bottom:15px}
.MICE p{font-size:14px}
.ar-banner-wrap{height:auto;overflow:hidden;margin-bottom:50px}
.whyStory h2{margin-top:30px}
.footPrintSec .tp-section-title-grotesk{font-size:30px}
.footPrintSec .tp-section-title-shape{position:absolute;bottom:-6px;left:0;z-index:-1}
.expertes p { font-size: 14px; text-align: left;}
.boxTechAdvance h4 { font-size: 24px;}

}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.footprintAcross img{width:100%;height:380px}
.ar-banner-wrap{height:auto;overflow:visible}
.tabs-sidebar { flex: 0 0 260px; padding: 30px 0;}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.st-testimonial-wrapper{margin-right:-200px}
.footprintAcross img{width:100%;height:320px}
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
.st-testimonial-wrapper{margin-right:-350px}
.footprintAcross img{width:100%;height:320px}
}



/*----------------------------------------*/
/*  14.1 Loyalty Page CSS
/*----------------------------------------*/

.loyaltyHero h1{font-size:50px}
.loyaltyHeroPra{font-size:14px;font-weight:300;color:#121212;padding-top:60px}
.bannerTopMar{margin-top:-60px;z-index:-1}
.loyaltyCardSlide{background:#F8F5F7;border-radius:14px;padding:30px 25px;text-align:left;margin-bottom:20px;padding-bottom:40px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.loyaltyCardSlide:hover{background:linear-gradient(0deg,#e9098bff 0%,#f4821fff 100%);color:#fff;cursor:pointer;transition:.4s;color:#fff}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));display:inline-block;border-radius:50%;background:#fff;border:1px solid #000}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:linear-gradient(0deg,#e9098bff 0%,#f4821fff 100%);border:1px solid #e9098bff}
.loyaltyCardSlide h2{color:#E9098B;font-size:60px}
.loyaltyCardSlide h3{color:#000;font-size:26px}
.loyaltyCardSlide h6{color:#000;font-size:18px;font-weight:300;margin-bottom:20px}
.loyaltyCardSlide p{color:#000;font-size:14px;font-weight:300;font-family:"Poppins";text-align:left}
.loyaltyCardSlide:hover h2{color:#fff}
.loyaltyCardSlide:hover h3{color:#fff}
.loyaltyCardSlide:hover h6{color:#fff}
.loyaltyCardSlide:hover p{color:#fff}
.productFeatured .tp-section-title-shape{position:absolute;bottom:-10px;left:90px;z-index:-1}
.productFeatured{margin-bottom:60px}
.redeempation{padding-bottom:50px}
.redemaptionBox img{height:400px;object-fit:cover;border-radius:14px;width:100%;margin-bottom:15px}
.redemaptionBox h3{font-size:24px;font-weight:600}
.redemaptionBox h6{font-size:16px}
.redemaptionBox p{font-size:14px}
.rewardPrivillege{list-style:none;padding-left:0;display:grid;gap:15px;position:relative;grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.rewardPrivillege li a{height:100%}
.rewardPrivillege li{position:relative;width:100%;border-radius:14px;overflow:hidden;max-width:100%}
.rewardPrivillege li:before{position:absolute;background:#000;background:linear-gradient(180deg,#0000 0%,#000f 100%);width:100%;height:100%;border-radius:14px;content:""}
.rewardPrivillege li span{position:absolute;bottom:10px;width:100%;color:#fff;z-index:1;left:0;text-align:center;top:inherit;font-size:16px;line-height:normal;padding:0 10px}
.loyalityTypeBox{padding:30px 25px;margin-bottom:20px;border-radius:14px;border:1px solid #D9D9D9;text-align:left;display:flex;flex-direction:column;height:100%;min-height:400px}
.loyalityTypeBox img{width:50px;margin-bottom:20px}
.loyalityTypeBox h3{font-size:24px;font-weight:700}
.loyalityTypeBox h6{font-size:16px;font-weight:400;margin:15px 0}
.loyalityTypeBox p{font-size:14px;font-weight:300}
@media only screen and (min-width: 320px) and (max-width: 449px) {
.rewardPrivillege{grid-template-columns:1fr 1fr}
.loyaltyHero h1{font-size:28px}
}
@media only screen and (min-width: 450px) and (max-width: 559px) {
.rewardPrivillege{grid-template-columns:1fr 1fr 1fr}
.loyaltyHero h1{font-size:32px}
}
@media only screen and (min-width: 560px) and (max-width: 699px) {
.rewardPrivillege{grid-template-columns:1fr 1fr 1fr 1fr}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.dgm-service-radius{margin:0 10px}
.expertes{padding-bottom:30px}
.loyaltyHeroPra{padding-top:0}
.bannerTopMar{margin-top:0}
.redeempation{padding-top:50px;padding-bottom:10px}
.loyalityTypeBox{min-height:350px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rewardPrivillege li span{font-size:14px}
.loyaltyHeroPra{padding-top:0}
.bannerTopMar{margin-top:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-workspace h1{padding-right:0}
}


/*----------------------------------------*/
/*  15.1 Loyalty Page Single Detail CSS
/*----------------------------------------*/

.problemHead{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:30px}
.rewardSalebase{background:#F2F2F2;padding:50px 0}
.rewardSalebase .loyaltyCardSlide{background:#fff;height:100%;padding-bottom:10px;margin-bottom:30px}
.wBaseTwoImg{width:100%;height:400px;object-fit:cover;margin-bottom:20px;border-radius:14px}
.rewardSalebase .loyaltyCardSlide:hover{background:linear-gradient(0deg,#e9098bff 0%,#f4821fff 100%);color:#fff;cursor:pointer;transition:.4s;color:#fff}
.rewardSalebase .loyaltyCardSlide h3{font-size:20px}
.baseEffotless .boxTechAdvance h3{font-size:50px}
.baseEffotless .boxTechAdvance h4{font-size:22px;margin:15px 0;font-weight:600}
.baseEffotless .boxTechAdvance p{font-size:14px;font-weight:300;color:#323232}
.tp-process-area{padding-top:0;padding-bottom:80px}
.tp-process-it-title-wrap h2{font-size:24px;font-weight:600}
.tp-process-it-title-wrap h6{font-size:18px;font-weight:400}
.tp-process-it-title-wrap ul{list-style:disc;padding-left:15px;font-weight:300}
.tp-process-pp-video-inner{overflow:hidden;border-radius:50%;flex:0 0 auto}
.tp-process-pp-video-img{border-radius:50%;transition:all .4s ease}
.tp-process-it-video{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;text-align:center}
.tp-process-it-video .tp-hero-video-btn{display:inline-block;line-height:47px}
.tp-video-main .popup-video{background:#fff;width:50px;height:50px;color:#F4821F;border:2px solid #F4821F}
.tp-hero-video-btn{width:70px;height:70px;display:inline-block;background:#F4821F;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:50px;color:#F4821F}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.tp-process-pp-video-img{border-radius:50%;transition:all .4s eas; margin-bottom:20px;}
.MICE .tp-workspace h1 { font-size: 26px;}
.MICE p  { font-size:14px;}
}

/*----------------------------------------*/
/*  16.1 Event CSS
/*----------------------------------------*/

.tp-bounce-trigger{padding:50px 0}
.tp-about-shape-1{position:absolute;bottom:0;left:0}
.tp-about-text h2{font-weight:600;font-size:50px}
.tp-about-text p{font-weight:300;font-size:18px;line-height:1.2;margin-right:0;margin-bottom:30px}
.tp-about-thumb{width:100%;margin-left:0}
.tp-about-thumb img{width:100%;margin-top:0;border-radius:14px;height:415px;object-fit:cover}
.tp-about-funcact-wrap{margin-top:0;margin-left:0}
.tp-about-avater-info img{margin-bottom:18px}
.tp-about-shape-1 img{animation:rotate2 5s linear infinite}
.tp-about-funcact-wrap p{font-size:16px;margin-bottom:20px}
.tp-about-avater-info .crp-about-btn-box{display:flex}
.tp-service-cst-3-wrap .tp-service-cst-item{border-right:0;padding-right:0}
.tp-service-cst-thumb{overflow:hidden;border-radius:16px}
.tp-service-cst-thumb img{border-radius:16px;transition:all .6s ease;height:350px;object-fit:cover}
.w-100{width:100%!important}
.tp-service-cst-content{backdrop-filter:blur(100px);border-radius:14px;padding:20px 20px 10px;position:absolute;margin:32px;margin-right:32px;bottom:0;left:0;right:0;background:#fff;transition:all .4s ease}
.tp-service-cst-content h5{text-align:left}
.tp-service-cst-content h5 a{font-size:24px;color:#000;font-weight:600;text-align:left}
.tp-service-cst-content p{font-size:14px;color:#000;font-weight:300;text-align:left}
.pr-0{padding-right:0}
.mr-0{margin-right:0}
.eventGradiantBox{background:linear-gradient(180deg,#e9098bff 0%,#f4821fff 100%);padding:50px 0;position:relative;margin-bottom:50px}
.eventPlanning{list-style:none;padding-left:0;display:flex;width:100%;flex-wrap:wrap;gap:10px}
.eventGradiantBox h3{color:#fff}
.eventGradiantBox p{color:#fff}
.eventPlanning li{list-style:none;background:#fff;padding:10px;border-radius:100px;width:45%;gap:15px;display:flex;align-items:center;justify-content:start;margin-bottom:15px;margin-right:15px;line-height:normal;padding-right: 15px;}
.eventPlanning li img{background:#F6F6F9;padding:10px;border-radius:100px;width:50px}
.memoriesBox img{width:100%;height:300px;border-radius:14px;object-fit:cover;position:relative}
.memoriesBox{position:relative;overflow:hidden}
.memoriesBox span{position:absolute;justify-content:center;width:100%;display:flex;align-items:center;z-index:1;height:100%;top:0;left:0;overflow:hidden}
.memoriesBox span img{justify-content:center;width:50px;height:50px;display:flex;align-items:center;object-fit:contain}
.eventSliderDotBox{padding:30px 25px;border-radius:14px;margin-bottom:10px;border:1px solid #D9D9D9;text-align:left;min-height:350px;padding-bottom:10px}
.eventSliderDotBox img{width:60px;margin-bottom:60px}
.eventSliderDotBox h4{font-size:22px;text-align:left}
.eventSliderDotBox h6{font-size:16px;background:linear-gradient(90deg,#e9098bff 0%,#f4821fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;margin:10px 0;text-align:left}
.eventSliderDotBox p{font-size:14px;font-weight:300;text-align:left}
.bgGreyTestimonial{background:#F6F6F9;margin-bottom:50px}
.bgGreyTestimonial h3{font-size:42px;font-weight:400;text-transform:capitalize;line-height:normal}
.testimonialBox{padding:20px;border-radius:14px;background:#fff;text-align:left}
.testimonialBox .clientName{display:flex;align-items:Center;gap:15px;margin-bottom:20px;line-height:normal}
.testimonialBox .clientName img{background:#fff;border-radius:100px;border:1px solid #ddd;width:50px}
.testimonialBox .clientName h6{font-size:18px;font-weight:500;margin-bottom:0}
.testimonialBox p{font-size:14px;font-weight:300}
.creative-testimonial-active1{margin-right:-370px}
@media only screen and (min-width: 320px) and (max-width: 580px) {
.eventSectionPage .ar-banner-wrap{margin-bottom:0}
.eventSecondSec .tp-about-text h2{font-weight:600;font-size:30px}
.tp-about-thumb img{margin-bottom:20px}
.problemHead{font-size:30px}
.tp-service-cst-slider.st-testimonial-wrapper{margin-right:10px}
.eventPlanning{gap:0;width:100%}
.eventPlanning li{width:100%;margin-right:0}
.eventGradiantBox h3{color:#fff;font-size:24px}
.blogContentText p.clientName span{width:150px;text-align:right}
.expertes h2{font-size:24px;font-weight:600}
.bgGreyTestimonial h3{font-size:24px}
.bgGreyTestimonial{background:#F6F6F9;margin-bottom:50px;padding-bottom:50px}
.tp-service-cst-thumb img{height:300px}
.tp-service-cst-content{margin:10px;margin-right:10px}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.MICE .eventHeadingTop h1{font-size:30px;line-height:33px}
.creative-testimonial-active1{margin-right:0}
.eventSectionPage .ar-banner-wrap{margin-bottom:0}
.tp-about-thumb img{margin-bottom:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.eventGradiantBox .offset-md-1{margin-left:0}
.eventSectionPage .ar-banner-wrap{margin-bottom:0}
.tp-about-thumb img{margin-bottom:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
.eventPlanning li{width:100%}
.bgGreyTestimonial h3{font-size:30px}
}