/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Kanit: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&family=Space+Grotesk:wght@300..700&family=Teko:wght@300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&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&family=Sora:wght@100..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Phudu:wght@300..900&display=swap" rel="stylesheet');

body,h1,h2,h3,h4,h5,h6{color:var(--tp-common-black)}*,ul{margin:0;padding:0}body,p{line-height:26px}*,ul{padding:0}.tp-ff-body,body{font-family:var(--tp-ff-body)}.transition-3,a,button,input,li,p,select,textarea{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}.cst-btn span svg,.tp-product-details-views>span svg,.upd-btn-white-border span{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px)}.al-hero-pg-social a svg,.app-testimonial-review-content span svg,.tp-perspective-social-info span svg,.tp-product-details-action-sm-btn svg,.tp-product-details-wishlist-btn svg{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}.al-banner-shop-thumb{position:absolute;top:0;left:0;width:100%;height:100%}@font-face{font-family:Morganite-Bold;src:url("../fonts/Morganite-ExtraBold.woff2") format("woff2"),url("../fonts/Morganite-ExtraBold.woff") format("woff"),url("../fonts/Morganite-ExtraBold.ttf") format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Morganite-SemiBold;src:url("../fonts/Morganite-SemiBold.woff2") format("woff2"),url("../fonts/Morganite-SemiBold.woff") format("woff"),url("../fonts/Morganite-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Light;src:url("../fonts/ClashDisplay-Light.woff2") format("woff2"),url("../fonts/ClashDisplay-Light.woff") format("woff"),url("../fonts/ClashDisplay-Light.ttf") format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Regular;src:url("../fonts/ClashDisplay-Regular.woff2") format("woff2"),url("../fonts/ClashDisplay-Regular.woff") format("woff"),url("../fonts/ClashDisplay-Regular.ttf") format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Medium;src:url("../fonts/ClashDisplay-Medium.woff2") format("woff2"),url("../fonts/ClashDisplay-Medium.woff") format("woff"),url("../fonts/ClashDisplay-Medium.ttf") format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Semibold;src:url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"),url("../fonts/ClashDisplay-Semibold.woff") format("woff"),url("../fonts/ClashDisplay-Semibold.ttf") format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Bold;src:url("../fonts/ClashDisplay-Bold.woff2") format("woff2"),url("../fonts/ClashDisplay-Bold.woff") format("woff"),url("../fonts/ClashDisplay-Bold.ttf") format("truetype");font-weight:700;font-display:swap;font-style:normal}:root{--tp-ff-body:'Kanit',sans-serif;--tp-ff-heading:'Space Grotesk',sans-serif;--tp-ff-p:'Kanit',sans-serif;--tp-ff-teko:'Teko',sans-serif;--tp-ff-funnel:'Funnel Display',sans-serif;--tp-ff-sora:'Sora',sans-serif;--tp-ff-dm:'DM Sans',sans-serif;--tp-ff-inter:'Inter',sans-serif;--tp-ff-poppins:'Poppins',sans-serif;--tp-ff-playfair:'Playfair Display',serif;--tp-ff-jakarta:'Plus Jakarta Sans',sans-serif;--tp-ff-familjen:'Familjen Grotesk',sans-serif;--tp-ff-morganite-bold:'Morganite-Bold',sans-serif;--tp-ff-morganite-semibold:'Morganite-SemiBold',sans-serif;--tp-ff-clash-light:'ClashDisplay-Light',serif;--tp-ff-clash-regular:'ClashDisplay-Regular',serif;--tp-ff-clash-medium:'ClashDisplay-Medium',serif;--tp-ff-clash-semibold:'ClashDisplay-Semibold',serif;--tp-ff-clash-bold:'ClashDisplay-Bold',serif;--tp-ff-phudu:'Phudu',serif;--tp-ff-fontawesome:"Font Awesome 6 Pro";--tp-common-white:#fff;--tp-common-white-2:#f0f0f0;--tp-common-black:#030303;--tp-common-black-1:#10302a;--tp-common-black-2:#0d0d0d;--tp-common-black-3:#000;--tp-common-black-4:#405955;--tp-common-black-5:#111112;--tp-common-black-6:#333333;--tp-common-black-7:#121314;--tp-common-yellow:#fff112;--tp-common-yellow-2:#FFD500;--tp-common-green:#00dd80;--tp-common-green-2:#b4e717;--tp-common-green-3:#d5ffdd;--tp-common-blue:#5956e9;--tp-common-blue-2:#7463ff;--tp-common-nights:#7D5DFF;--tp-common-meteor:#E62415;--tp-common-angry:#f14f44;--tp-common-sugar:#FFFBF5;--tp-common-cream:#b7ab98;--tp-common-pink:#eb5939;--tp-common-red:#ff481f;--tp-grey-1:#525252;--tp-grey-2:#999;--tp-grey-3:#f8f8f8;--tp-grey-4:#aaa;--tp-grey-5:#f3f1f2;--tp-grey-6:#AFB7B6;--tp-grey-7:#5c5c5c;--tp-grey-8:#101010;--tp-theme-primary:#eec51b;--tp-theme-secondary:#ff6d00;--tp-theme-1:#0752c5;--tp-border-1:#eee;--tp-border-2:rgba(51, 51, 51, 0.8);--tp-border-3:rgba(255, 255, 255, 0.1)}*{box-sizing:border-box}body{font-size:16px;font-weight:400}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--tp-ff-heading);margin-top:0;font-weight:700;letter-spacing:-.02em;line-height:1.1;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}.fs-70,h1{font-size:70px}.fs-50,h2{font-size:50px}.fs-36,h3{font-size:36px}.fs-26,h4{font-size:26px}.fs-20,h5{font-size:20px}.fs-16,h6,p{font-size:16px}p{font-family:var(--tp-ff-p);color:var(--tp-grey-1);font-weight:400;margin-bottom:15px}.m-img img,img{max-width:100%}a:focus,a:hover,a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}.button:focus,a:focus{text-decoration:none;outline:0}a,button{color:inherit;outline:0;border:none;background:0 0}button:hover{cursor:pointer}button:focus{outline:0}.text-uppercase,.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea{outline:0;background-color:var(--tp-common-white);height:52px;width:100%;line-height:52px;font-size:16px;color:var(--tp-theme-primary);padding-left:25px;padding-right:25px;border-radius:4px;border:1px solid var(--tp-common-white)}input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--tp-grey-2)}input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder{color:var(--tp-grey-2)}input[type=email]:-moz-placeholder,input[type=number]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=text]:-moz-placeholder,input[type=url]:-moz-placeholder,textarea:-moz-placeholder{color:var(--tp-grey-2)}input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--tp-grey-2)}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--tp-grey-2)}[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] input[type=tel],[dir=rtl] input[type=text],[dir=rtl] input[type=url],[dir=rtl] textarea{text-align:right}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{border-color:var(--tp-theme-primary)}input[type=email]:focus::placeholder,input[type=number]:focus::placeholder,input[type=password]:focus::placeholder,input[type=tel]:focus::placeholder,input[type=text]:focus::placeholder,input[type=url]:focus::placeholder,textarea:focus::placeholder{opacity:0}textarea{line-height:1.4;padding-top:17px;padding-bottom:17px}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:0 0;border:0;cursor:pointer;height:100%;width:100%;padding:0;border-radius:50%}::-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}::-moz-placeholder{color:var(--tp-theme-primary);font-size:14px;opacity:1}::placeholder{color:var(--tp-theme-primary);font-size:14px;opacity:1}.z-index,.z-index-1{z-index:1}.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-23{--bs-gutter-x:23px}.gx-25{--bs-gutter-x:25px}.gx-30{--bs-gutter-x:30px}.gx-35{--bs-gutter-x:35px}.gx-40{--bs-gutter-x:40px}.gx-45{--bs-gutter-x:45px}.gx-50{--bs-gutter-x:50px}.gx-60{--bs-gutter-x:60px}.gx-90{--bs-gutter-x:90px}@media only screen and (min-width:1200px) and (max-width:1399px){.gx-90{--bs-gutter-x:50px}}.w-img img{width:100%}.hover-text-white:hover,.tp-text-common-white{color:var(--tp-common-white)}.hover-text-black:hover,.tp-text-common-black{color:var(--tp-common-black)}.hover-text-primary:hover,.tp-text-theme-primary{color:var(--tp-theme-primary)}.hover-text-grey:hover,.tp-text-grey-2{color:var(--tp-grey-2)}.section-m-spacing{margin-top:-1px}.text-italic{font-style:italic}.fix{overflow:hidden}.clear{clear:both}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.z-index-7{z-index:7}.z-index-8{z-index:8}.z-index-9{z-index:9}.z-index-10{z-index:10}.z-index-m-1{z-index:-1}.overflow-y-visible{overflow-x:hidden;overflow-y:visible}.p-relative{position:relative}.p-absolute{position:absolute}.p-inherit{position:inherit!important}.bg-position{background-position:center;background-size:cover;background-repeat:no-repeat}.underline-black,.underline-black:hover,.underline-white,.underline-white:hover{background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:100% 100%,0 100%;background-repeat:no-repeat;transition:background-size .3s linear}.tp-transfrom{transform:translateY(-1px)!important}.tp-transfrom-2{transform:translateY(-2px)}.tp-transfrom-3{transform:translateY(-3px)}.tp-transfrom-4{transform:translateY(-4px)}.tp-round-4{border-radius:4px}.tp-round-8{border-radius:8px}.tp-round-10{border-radius:10px}.tp-round-20{border-radius:20px}.tp-round-24{border-radius:24px}.tp-round-26{border-radius:26px}.tp-round-32{border-radius:32px}.tp-round-36{border-radius:36px}.lh-0{line-height:0}.lh-22{line-height:22px}.lh-24{line-height:24px}.lh-28{line-height:28px}.lh-30{line-height:30px}.lh-32{line-height:32px}.lh-34{line-height:34px}.lh-36{line-height:36px}.lh-38{line-height:38px}.lh-110-per{line-height:1.1}.lh-120-per{line-height:1.2}.lh-130-per{line-height:1.3}.lh-140-per{line-height:1.4}.lh-150-per{line-height:1.5}.lh-160-per{line-height:1.6}.lh-180-per{line-height:1.8}.ls-0{letter-spacing:0}.ls-1{letter-spacing:.01em}.ls-m-1{letter-spacing:-.01em}.ls-m-2{letter-spacing:-.02em}.ls-m-3{letter-spacing:-.03em}.ls-m-4{letter-spacing:-.04em}.ls-m-5{letter-spacing:-.05em}.ls-m-6{letter-spacing:-.06em}.opacity-8{opacity:.8}.hover-opacity-1:hover{opacity:1}.underline-black,.underline-white{background-size:0 1px,0 1px}.underline-black:hover,.underline-white:hover{background-size:0 1px,100% 1px}.tp-transparent{position:absolute;top:0;left:0;right:0;width:100%;z-index:3}.slide-transtion{-webkit-transition-timing-function:linear;transition-timing-function:linear}.img-cover{width:100%;height:100%;object-fit:cover}.counter-row{counter-reset:count}.p-inherit{position:inherit}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:574.98px){.gx-50{--bs-gutter-x:15px}.gx-60,.gx-90{--bs-gutter-x:30px}.pt-180{padding-top:100px}.pt-190{padding-top:110px}}@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){.br br{display:none}.pt-170{padding-top:115px}.pt-165{padding-top:110px}.pt-140,.pt-145,.pt-150,.pt-155,.pt-160{padding-top:100px}.pt-135{padding-top:95px}.pt-130{padding-top:90px}.pt-125{padding-top:85px}.pt-120{padding-top:80px}.pt-115{padding-top:75px}.pt-110{padding-top:70px}.pt-105{padding-top:65px}.pt-100{padding-top:60px}.pb-140,.pb-145,.pb-150,.pb-155,.pb-160,.pb-165,.pb-170{padding-bottom:100px}.pb-135{padding-bottom:95px}.pb-130{padding-bottom:90px}.pb-125{padding-bottom:85px}.pb-120{padding-bottom:80px}.pb-115{padding-bottom:75px}.pb-110{padding-bottom:70px}.pb-105{padding-bottom:65px}.pb-100{padding-bottom:60px}.pb-95{padding-bottom:55px}.pb-90{padding-bottom:50px}}@media (min-width:1400px){.container-1800{max-width:1800px}.container-1524{max-width:1524px}.container-1646{max-width:1646px}.container-1824{max-width:1824px}.container-1750{max-width:1750px}.container-1380{max-width:1380px}.container-1230{max-width:1230px}.container-1320{max-width:1320px}.container-1510{max-width:1510px}.container-1430{max-width:1430px}}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fs-19{font-size:19px}.fs-21{font-size:21px}.fs-22{font-size:22px}.fs-23{font-size:23px}.fs-24{font-size:24px}.fs-25{font-size:25px}.fs-27{font-size:27px}.fs-28{font-size:28px}.fs-29{font-size:29px}.fs-30{font-size:30px}.fs-31{font-size:31px}.fs-32{font-size:32px}.fs-33{font-size:33px}.fs-34{font-size:34px}.fs-35{font-size:35px}.fs-37{font-size:37px}.fs-38{font-size:38px}.fs-39{font-size:39px}.fs-40{font-size:40px}.fs-41{font-size:41px}.fs-42{font-size:42px}.fs-43{font-size:43px}.fs-44{font-size:44px}.fs-45{font-size:45px}.fs-46{font-size:46px}.fs-47{font-size:47px}.fs-48{font-size:48px}.fs-49{font-size:49px}.fs-51{font-size:51px}.fs-52{font-size:52px}.fs-53{font-size:53px}.fs-54{font-size:54px}.fs-55{font-size:55px}.fs-56{font-size:56px}.fs-57{font-size:57px}.fs-58{font-size:58px}.fs-59{font-size:59px}.fs-60{font-size:60px}.fs-61{font-size:61px}.fs-62{font-size:62px}.fs-63{font-size:63px}.fs-64{font-size:64px}.fs-65{font-size:65px}.fs-66{font-size:66px}.fs-67{font-size:67px}.fs-68{font-size:68px}.fs-69{font-size:69px}.fs-71{font-size:71px}.fs-72{font-size:72px}.fs-73{font-size:73px}.fs-74{font-size:74px}.fs-75{font-size:75px}.fs-76{font-size:76px}.fs-77{font-size:77px}.fs-78{font-size:78px}.fs-79{font-size:79px}.fs-80{font-size:80px}.fs-81{font-size:81px}.fs-82{font-size:82px}.fs-83{font-size:83px}.fs-84{font-size:84px}.fs-85{font-size:85px}.fs-86{font-size:86px}.fs-87{font-size:87px}.fs-88{font-size:88px}.fs-89{font-size:89px}.fs-90{font-size:90px}.fs-91{font-size:91px}.fs-92{font-size:92px}.fs-93{font-size:93px}.fs-94{font-size:94px}.fs-95{font-size:95px}.fs-96{font-size:96px}.fs-97{font-size:97px}.fs-98{font-size:98px}.fs-99{font-size:99px}.fs-100{font-size:100px}@media (max-width:1399.98px){.fs-xl-12{font-size:12px}.fs-xl-13{font-size:13px}.fs-xl-14{font-size:14px}.fs-xl-15{font-size:15px}.fs-xl-16{font-size:16px}.fs-xl-17{font-size:17px}.fs-xl-18{font-size:18px}.fs-xl-19{font-size:19px}.fs-xl-20{font-size:20px}.fs-xl-21{font-size:21px}.fs-xl-22{font-size:22px}.fs-xl-23{font-size:23px}.fs-xl-24{font-size:24px}.fs-xl-25{font-size:25px}.fs-xl-26{font-size:26px}.fs-xl-27{font-size:27px}.fs-xl-28{font-size:28px}.fs-xl-29{font-size:29px}.fs-xl-30{font-size:30px}.fs-xl-31{font-size:31px}.fs-xl-32{font-size:32px}.fs-xl-33{font-size:33px}.fs-xl-34{font-size:34px}.fs-xl-35{font-size:35px}.fs-xl-36{font-size:36px}.fs-xl-37{font-size:37px}.fs-xl-38{font-size:38px}.fs-xl-39{font-size:39px}.fs-xl-40{font-size:40px}.fs-xl-41{font-size:41px}.fs-xl-42{font-size:42px}.fs-xl-43{font-size:43px}.fs-xl-44{font-size:44px}.fs-xl-45{font-size:45px}.fs-xl-46{font-size:46px}.fs-xl-47{font-size:47px}.fs-xl-48{font-size:48px}.fs-xl-49{font-size:49px}.fs-xl-50{font-size:50px}.fs-xl-51{font-size:51px}.fs-xl-52{font-size:52px}.fs-xl-53{font-size:53px}.fs-xl-54{font-size:54px}.fs-xl-55{font-size:55px}.fs-xl-56{font-size:56px}.fs-xl-57{font-size:57px}.fs-xl-58{font-size:58px}.fs-xl-59{font-size:59px}.fs-xl-60{font-size:60px}.fs-xl-61{font-size:61px}.fs-xl-62{font-size:62px}.fs-xl-63{font-size:63px}.fs-xl-64{font-size:64px}.fs-xl-65{font-size:65px}.fs-xl-66{font-size:66px}.fs-xl-67{font-size:67px}.fs-xl-68{font-size:68px}.fs-xl-69{font-size:69px}.fs-xl-70{font-size:70px}.fs-xl-71{font-size:71px}.fs-xl-72{font-size:72px}.fs-xl-73{font-size:73px}.fs-xl-74{font-size:74px}.fs-xl-75{font-size:75px}.fs-xl-76{font-size:76px}.fs-xl-77{font-size:77px}.fs-xl-78{font-size:78px}.fs-xl-79{font-size:79px}.fs-xl-80{font-size:80px}.fs-xl-81{font-size:81px}.fs-xl-82{font-size:82px}.fs-xl-83{font-size:83px}.fs-xl-84{font-size:84px}.fs-xl-85{font-size:85px}.fs-xl-86{font-size:86px}.fs-xl-87{font-size:87px}.fs-xl-88{font-size:88px}.fs-xl-89{font-size:89px}.fs-xl-90{font-size:90px}.fs-xl-91{font-size:91px}.fs-xl-92{font-size:92px}.fs-xl-93{font-size:93px}.fs-xl-94{font-size:94px}.fs-xl-95{font-size:95px}.fs-xl-96{font-size:96px}.fs-xl-97{font-size:97px}.fs-xl-98{font-size:98px}.fs-xl-99{font-size:99px}.fs-xl-100{font-size:100px}}@media (max-width:1199.98px){.fs-lg-12{font-size:12px}.fs-lg-13{font-size:13px}.fs-lg-14{font-size:14px}.fs-lg-15{font-size:15px}.fs-lg-16{font-size:16px}.fs-lg-17{font-size:17px}.fs-lg-18{font-size:18px}.fs-lg-19{font-size:19px}.fs-lg-20{font-size:20px}.fs-lg-21{font-size:21px}.fs-lg-22{font-size:22px}.fs-lg-23{font-size:23px}.fs-lg-24{font-size:24px}.fs-lg-25{font-size:25px}.fs-lg-26{font-size:26px}.fs-lg-27{font-size:27px}.fs-lg-28{font-size:28px}.fs-lg-29{font-size:29px}.fs-lg-30{font-size:30px}.fs-lg-31{font-size:31px}.fs-lg-32{font-size:32px}.fs-lg-33{font-size:33px}.fs-lg-34{font-size:34px}.fs-lg-35{font-size:35px}.fs-lg-36{font-size:36px}.fs-lg-37{font-size:37px}.fs-lg-38{font-size:38px}.fs-lg-39{font-size:39px}.fs-lg-40{font-size:40px}.fs-lg-41{font-size:41px}.fs-lg-42{font-size:42px}.fs-lg-43{font-size:43px}.fs-lg-44{font-size:44px}.fs-lg-45{font-size:45px}.fs-lg-46{font-size:46px}.fs-lg-47{font-size:47px}.fs-lg-48{font-size:48px}.fs-lg-49{font-size:49px}.fs-lg-50{font-size:50px}.fs-lg-51{font-size:51px}.fs-lg-52{font-size:52px}.fs-lg-53{font-size:53px}.fs-lg-54{font-size:54px}.fs-lg-55{font-size:55px}.fs-lg-56{font-size:56px}.fs-lg-57{font-size:57px}.fs-lg-58{font-size:58px}.fs-lg-59{font-size:59px}.fs-lg-60{font-size:60px}.fs-lg-61{font-size:61px}.fs-lg-62{font-size:62px}.fs-lg-63{font-size:63px}.fs-lg-64{font-size:64px}.fs-lg-65{font-size:65px}.fs-lg-66{font-size:66px}.fs-lg-67{font-size:67px}.fs-lg-68{font-size:68px}.fs-lg-69{font-size:69px}.fs-lg-70{font-size:70px}.fs-lg-71{font-size:71px}.fs-lg-72{font-size:72px}.fs-lg-73{font-size:73px}.fs-lg-74{font-size:74px}.fs-lg-75{font-size:75px}.fs-lg-76{font-size:76px}.fs-lg-77{font-size:77px}.fs-lg-78{font-size:78px}.fs-lg-79{font-size:79px}.fs-lg-80{font-size:80px}.fs-lg-81{font-size:81px}.fs-lg-82{font-size:82px}.fs-lg-83{font-size:83px}.fs-lg-84{font-size:84px}.fs-lg-85{font-size:85px}.fs-lg-86{font-size:86px}.fs-lg-87{font-size:87px}.fs-lg-88{font-size:88px}.fs-lg-89{font-size:89px}.fs-lg-90{font-size:90px}.fs-lg-91{font-size:91px}.fs-lg-92{font-size:92px}.fs-lg-93{font-size:93px}.fs-lg-94{font-size:94px}.fs-lg-95{font-size:95px}.fs-lg-96{font-size:96px}.fs-lg-97{font-size:97px}.fs-lg-98{font-size:98px}.fs-lg-99{font-size:99px}.fs-lg-100{font-size:100px}}@media (max-width:991.98px){.fs-md-12{font-size:12px}.fs-md-13{font-size:13px}.fs-md-14{font-size:14px}.fs-md-15{font-size:15px}.fs-md-16{font-size:16px}.fs-md-17{font-size:17px}.fs-md-18{font-size:18px}.fs-md-19{font-size:19px}.fs-md-20{font-size:20px}.fs-md-21{font-size:21px}.fs-md-22{font-size:22px}.fs-md-23{font-size:23px}.fs-md-24{font-size:24px}.fs-md-25{font-size:25px}.fs-md-26{font-size:26px}.fs-md-27{font-size:27px}.fs-md-28{font-size:28px}.fs-md-29{font-size:29px}.fs-md-30{font-size:30px}.fs-md-31{font-size:31px}.fs-md-32{font-size:32px}.fs-md-33{font-size:33px}.fs-md-34{font-size:34px}.fs-md-35{font-size:35px}.fs-md-36{font-size:36px}.fs-md-37{font-size:37px}.fs-md-38{font-size:38px}.fs-md-39{font-size:39px}.fs-md-40{font-size:40px}.fs-md-41{font-size:41px}.fs-md-42{font-size:42px}.fs-md-43{font-size:43px}.fs-md-44{font-size:44px}.fs-md-45{font-size:45px}.fs-md-46{font-size:46px}.fs-md-47{font-size:47px}.fs-md-48{font-size:48px}.fs-md-49{font-size:49px}.fs-md-50{font-size:50px}.fs-md-51{font-size:51px}.fs-md-52{font-size:52px}.fs-md-53{font-size:53px}.fs-md-54{font-size:54px}.fs-md-55{font-size:55px}.fs-md-56{font-size:56px}.fs-md-57{font-size:57px}.fs-md-58{font-size:58px}.fs-md-59{font-size:59px}.fs-md-60{font-size:60px}.fs-md-61{font-size:61px}.fs-md-62{font-size:62px}.fs-md-63{font-size:63px}.fs-md-64{font-size:64px}.fs-md-65{font-size:65px}.fs-md-66{font-size:66px}.fs-md-67{font-size:67px}.fs-md-68{font-size:68px}.fs-md-69{font-size:69px}.fs-md-70{font-size:70px}.fs-md-71{font-size:71px}.fs-md-72{font-size:72px}.fs-md-73{font-size:73px}.fs-md-74{font-size:74px}.fs-md-75{font-size:75px}.fs-md-76{font-size:76px}.fs-md-77{font-size:77px}.fs-md-78{font-size:78px}.fs-md-79{font-size:79px}.fs-md-80{font-size:80px}.fs-md-81{font-size:81px}.fs-md-82{font-size:82px}.fs-md-83{font-size:83px}.fs-md-84{font-size:84px}.fs-md-85{font-size:85px}.fs-md-86{font-size:86px}.fs-md-87{font-size:87px}.fs-md-88{font-size:88px}.fs-md-89{font-size:89px}.fs-md-90{font-size:90px}.fs-md-91{font-size:91px}.fs-md-92{font-size:92px}.fs-md-93{font-size:93px}.fs-md-94{font-size:94px}.fs-md-95{font-size:95px}.fs-md-96{font-size:96px}.fs-md-97{font-size:97px}.fs-md-98{font-size:98px}.fs-md-99{font-size:99px}.fs-md-100{font-size:100px}}@media (max-width:767.98px){.fs-sm-12{font-size:12px}.fs-sm-13{font-size:13px}.fs-sm-14{font-size:14px}.fs-sm-15{font-size:15px}.fs-sm-16{font-size:16px}.fs-sm-17{font-size:17px}.fs-sm-18{font-size:18px}.fs-sm-19{font-size:19px}.fs-sm-20{font-size:20px}.fs-sm-21{font-size:21px}.fs-sm-22{font-size:22px}.fs-sm-23{font-size:23px}.fs-sm-24{font-size:24px}.fs-sm-25{font-size:25px}.fs-sm-26{font-size:26px}.fs-sm-27{font-size:27px}.fs-sm-28{font-size:28px}.fs-sm-29{font-size:29px}.fs-sm-30{font-size:30px}.fs-sm-31{font-size:31px}.fs-sm-32{font-size:32px}.fs-sm-33{font-size:33px}.fs-sm-34{font-size:34px}.fs-sm-35{font-size:35px}.fs-sm-36{font-size:36px}.fs-sm-37{font-size:37px}.fs-sm-38{font-size:38px}.fs-sm-39{font-size:39px}.fs-sm-40{font-size:40px}.fs-sm-41{font-size:41px}.fs-sm-42{font-size:42px}.fs-sm-43{font-size:43px}.fs-sm-44{font-size:44px}.fs-sm-45{font-size:45px}.fs-sm-46{font-size:46px}.fs-sm-47{font-size:47px}.fs-sm-48{font-size:48px}.fs-sm-49{font-size:49px}.fs-sm-50{font-size:50px}.fs-sm-51{font-size:51px}.fs-sm-52{font-size:52px}.fs-sm-53{font-size:53px}.fs-sm-54{font-size:54px}.fs-sm-55{font-size:55px}.fs-sm-56{font-size:56px}.fs-sm-57{font-size:57px}.fs-sm-58{font-size:58px}.fs-sm-59{font-size:59px}.fs-sm-60{font-size:60px}.fs-sm-61{font-size:61px}.fs-sm-62{font-size:62px}.fs-sm-63{font-size:63px}.fs-sm-64{font-size:64px}.fs-sm-65{font-size:65px}.fs-sm-66{font-size:66px}.fs-sm-67{font-size:67px}.fs-sm-68{font-size:68px}.fs-sm-69{font-size:69px}.fs-sm-70{font-size:70px}.fs-sm-71{font-size:71px}.fs-sm-72{font-size:72px}.fs-sm-73{font-size:73px}.fs-sm-74{font-size:74px}.fs-sm-75{font-size:75px}.fs-sm-76{font-size:76px}.fs-sm-77{font-size:77px}.fs-sm-78{font-size:78px}.fs-sm-79{font-size:79px}.fs-sm-80{font-size:80px}.fs-sm-81{font-size:81px}.fs-sm-82{font-size:82px}.fs-sm-83{font-size:83px}.fs-sm-84{font-size:84px}.fs-sm-85{font-size:85px}.fs-sm-86{font-size:86px}.fs-sm-87{font-size:87px}.fs-sm-88{font-size:88px}.fs-sm-89{font-size:89px}.fs-sm-90{font-size:90px}.fs-sm-91{font-size:91px}.fs-sm-92{font-size:92px}.fs-sm-93{font-size:93px}.fs-sm-94{font-size:94px}.fs-sm-95{font-size:95px}.fs-sm-96{font-size:96px}.fs-sm-97{font-size:97px}.fs-sm-98{font-size:98px}.fs-sm-99{font-size:99px}.fs-sm-100{font-size:100px}}@media (max-width:575.98px){.fs-xs-12{font-size:12px}.fs-xs-13{font-size:13px}.fs-xs-14{font-size:14px}.fs-xs-15{font-size:15px}.fs-xs-16{font-size:16px}.fs-xs-17{font-size:17px}.fs-xs-18{font-size:18px}.fs-xs-19{font-size:19px}.fs-xs-20{font-size:20px}.fs-xs-21{font-size:21px}.fs-xs-22{font-size:22px}.fs-xs-23{font-size:23px}.fs-xs-24{font-size:24px}.fs-xs-25{font-size:25px}.fs-xs-26{font-size:26px}.fs-xs-27{font-size:27px}.fs-xs-28{font-size:28px}.fs-xs-29{font-size:29px}.fs-xs-30{font-size:30px}.fs-xs-31{font-size:31px}.fs-xs-32{font-size:32px}.fs-xs-33{font-size:33px}.fs-xs-34{font-size:34px}.fs-xs-35{font-size:35px}.fs-xs-36{font-size:36px}.fs-xs-37{font-size:37px}.fs-xs-38{font-size:38px}.fs-xs-39{font-size:39px}.fs-xs-40{font-size:40px}.fs-xs-41{font-size:41px}.fs-xs-42{font-size:42px}.fs-xs-43{font-size:43px}.fs-xs-44{font-size:44px}.fs-xs-45{font-size:45px}.fs-xs-46{font-size:46px}.fs-xs-47{font-size:47px}.fs-xs-48{font-size:48px}.fs-xs-49{font-size:49px}.fs-xs-50{font-size:50px}.fs-xs-51{font-size:51px}.fs-xs-52{font-size:52px}.fs-xs-53{font-size:53px}.fs-xs-54{font-size:54px}.fs-xs-55{font-size:55px}.fs-xs-56{font-size:56px}.fs-xs-57{font-size:57px}.fs-xs-58{font-size:58px}.fs-xs-59{font-size:59px}.fs-xs-60{font-size:60px}.fs-xs-61{font-size:61px}.fs-xs-62{font-size:62px}.fs-xs-63{font-size:63px}.fs-xs-64{font-size:64px}.fs-xs-65{font-size:65px}.fs-xs-66{font-size:66px}.fs-xs-67{font-size:67px}.fs-xs-68{font-size:68px}.fs-xs-69{font-size:69px}.fs-xs-70{font-size:70px}.fs-xs-71{font-size:71px}.fs-xs-72{font-size:72px}.fs-xs-73{font-size:73px}.fs-xs-74{font-size:74px}.fs-xs-75{font-size:75px}.fs-xs-76{font-size:76px}.fs-xs-77{font-size:77px}.fs-xs-78{font-size:78px}.fs-xs-79{font-size:79px}.fs-xs-80{font-size:80px}.fs-xs-81{font-size:81px}.fs-xs-82{font-size:82px}.fs-xs-83{font-size:83px}.fs-xs-84{font-size:84px}.fs-xs-85{font-size:85px}.fs-xs-86{font-size:86px}.fs-xs-87{font-size:87px}.fs-xs-88{font-size:88px}.fs-xs-89{font-size:89px}.fs-xs-90{font-size:90px}.fs-xs-91{font-size:91px}.fs-xs-92{font-size:92px}.fs-xs-93{font-size:93px}.fs-xs-94{font-size:94px}.fs-xs-95{font-size:95px}.fs-xs-96{font-size:96px}.fs-xs-97{font-size:97px}.fs-xs-98{font-size:98px}.fs-xs-99{font-size:99px}.fs-xs-100{font-size:100px}}.tp-bg-common-white{background-color:var(--tp-common-white)}.tp-text-common-white-2{color:var(--tp-common-white-2)}.tp-bg-common-white-2{background-color:var(--tp-common-white-2)}.tp-bg-common-black{background-color:var(--tp-common-black)}.tp-text-common-black-1{color:var(--tp-common-black-1)}.tp-bg-common-black-1{background-color:var(--tp-common-black-1)}.tp-text-common-black-2{color:var(--tp-common-black-2)}.tp-bg-common-black-2{background-color:var(--tp-common-black-2)}.tp-text-common-black-3{color:var(--tp-common-black-3)}.tp-bg-common-black-3{background-color:var(--tp-common-black-3)}.tp-text-common-black-4{color:var(--tp-common-black-4)}.tp-bg-common-black-4{background-color:var(--tp-common-black-4)}.tp-text-common-black-5{color:var(--tp-common-black-5)}.tp-bg-common-black-5{background-color:var(--tp-common-black-5)}.tp-text-common-black-6{color:var(--tp-common-black-6)}.tp-bg-common-black-6{background-color:var(--tp-common-black-6)}.tp-text-common-black-7{color:var(--tp-common-black-7)}.tp-bg-common-black-7{background-color:var(--tp-common-black-7)}.tp-text-common-yellow{color:var(--tp-common-yellow)}.tp-bg-common-yellow{background-color:var(--tp-common-yellow)}.tp-text-common-yellow-2{color:var(--tp-common-yellow-2)}.tp-bg-common-yellow-2{background-color:var(--tp-common-yellow-2)}.tp-text-common-green{color:var(--tp-common-green)}.tp-bg-common-green{background-color:var(--tp-common-green)}.tp-text-common-green-2{color:var(--tp-common-green-2)}.tp-bg-common-green-2{background-color:var(--tp-common-green-2)}.tp-text-common-green-3{color:var(--tp-common-green-3)}.tp-bg-common-green-3{background-color:var(--tp-common-green-3)}.tp-text-common-blue{color:var(--tp-common-blue)}.tp-bg-common-blue{background-color:var(--tp-common-blue)}.tp-text-common-blue-2{color:var(--tp-common-blue-2)}.tp-bg-common-blue-2{background-color:var(--tp-common-blue-2)}.tp-text-common-nights{color:var(--tp-common-nights)}.tp-bg-common-nights{background-color:var(--tp-common-nights)}.tp-text-common-meteor{color:var(--tp-common-meteor)}.tp-bg-common-meteor{background-color:var(--tp-common-meteor)}.tp-text-common-angry{color:var(--tp-common-angry)}.tp-bg-common-angry{background-color:var(--tp-common-angry)}.tp-text-common-sugar{color:var(--tp-common-sugar)}.tp-bg-common-sugar{background-color:var(--tp-common-sugar)}.tp-text-common-cream{color:var(--tp-common-cream)}.tp-bg-common-cream{background-color:var(--tp-common-cream)}.tp-text-common-pink{color:var(--tp-common-pink)}.tp-bg-common-pink{background-color:var(--tp-common-pink)}.tp-text-common-red{color:var(--tp-common-red)}.tp-bg-common-red{background-color:var(--tp-common-red)}.tp-text-grey-1{color:var(--tp-grey-1)}.tp-bg-grey-1{background-color:var(--tp-grey-1)}.tp-bg-grey-2{background-color:var(--tp-grey-2)}.tp-text-grey-3{color:var(--tp-grey-3)}.tp-bg-grey-3{background-color:var(--tp-grey-3)}.tp-text-grey-4{color:var(--tp-grey-4)}.tp-bg-grey-4{background-color:var(--tp-grey-4)}.tp-text-grey-5{color:var(--tp-grey-5)}.tp-bg-grey-5{background-color:var(--tp-grey-5)}.tp-text-grey-6{color:var(--tp-grey-6)}.tp-bg-grey-6{background-color:var(--tp-grey-6)}.tp-text-grey-7{color:var(--tp-grey-7)}.tp-bg-grey-7{background-color:var(--tp-grey-7)}.tp-text-grey-8{color:var(--tp-grey-8)}.tp-bg-grey-8{background-color:var(--tp-grey-8)}.tp-bg-theme-primary{background-color:var(--tp-theme-primary)}.tp-text-theme-secondary{color:var(--tp-theme-secondary)}.tp-bg-theme-secondary{background-color:var(--tp-theme-secondary)}.tp-text-theme-1{color:var(--tp-theme-1)}.tp-bg-theme-1{background-color:var(--tp-theme-1)}.tp-text-border-1{color:var(--tp-border-1)}.tp-bg-border-1{background-color:var(--tp-border-1)}.tp-text-border-2{color:var(--tp-border-2)}.tp-bg-border-2{background-color:var(--tp-border-2)}.tp-text-border-3{color:var(--tp-border-3)}.tp-bg-border-3{background-color:var(--tp-border-3)}.tp-ff-heading{font-family:var(--tp-ff-heading)}.tp-ff-p{font-family:var(--tp-ff-p)}.tp-ff-teko{font-family:var(--tp-ff-teko)}.tp-ff-funnel{font-family:var(--tp-ff-funnel)}.tp-ff-sora{font-family:var(--tp-ff-sora)}.tp-ff-dm{font-family:var(--tp-ff-dm)}.tp-ff-inter{font-family:var(--tp-ff-inter)}.tp-ff-poppins{font-family:var(--tp-ff-poppins)}.tp-ff-playfair{font-family:var(--tp-ff-playfair)}.tp-ff-jakarta{font-family:var(--tp-ff-jakarta)}.tp-ff-familjen{font-family:var(--tp-ff-familjen)}.tp-ff-morganite-bold{font-family:var(--tp-ff-morganite-bold)}.tp-ff-morganite-semibold{font-family:var(--tp-ff-morganite-semibold)}.tp-ff-clash-light{font-family:var(--tp-ff-clash-light)}.tp-ff-clash-regular{font-family:var(--tp-ff-clash-regular)}.tp-ff-clash-medium{font-family:var(--tp-ff-clash-medium)}.tp-ff-clash-semibold{font-family:var(--tp-ff-clash-semibold)}.tp-ff-clash-bold{font-family:var(--tp-ff-clash-bold)}.tp-ff-phudu{font-family:var(--tp-ff-phudu)}.tp-ff-fontawesome{font-family:var(--tp-ff-fontawesome)}


/*----------------------------------------*/
/*   3.3 common Style
/*----------------------------------------*/
.cst-section-title {
  font-size: 52px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-phudu);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cst-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cst-section-title br {
    display: none;
  }
}
.cst-section-title.color-white {
  color: var(--tp-common-white);
}
.cst-section-title.fs-62 {
  font-size: 62px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cst-section-title.fs-62 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cst-section-title.fs-62 {
    font-size: 45px;
    margin-bottom: 20px;
  }
  .cst-section-title.fs-62 br {
    display: none;
  }
}
.cst-section-title.fs-32 {
  font-size: 32px;
}
.cst-section-subtitle {
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black-7);
  font-family: var(--tp-ff-inter);
}
.cst-section-subtitle.color-white {
  color: var(--tp-common-white);
}

.cnt-section-subtitle {
  font-size: 14px;
  font-weight: 500;
  padding: 1px 17px;
  border-radius: 50px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-red);
  font-family: var(--tp-ff-inter);
  border: 1px solid rgba(5, 3, 18, 0.1);
}

.ais-section-subtitle {
  font-size: 14px;
  font-weight: 500;
  padding: 2px 18px;
  border-radius: 50px;
  margin-bottom: 15px;
  display: inline-block;
  border: 1px solid rgba(5, 3, 18, 0.1);
  color: rgba(5, 3, 18, 0.7);
  font-family: var(--tp-ff-inter);
}
.ais-section-title {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.24;
  margin-bottom: 20px;
  color: var(--tp-common-black-7);
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ais-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ais-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .ais-section-title {
    font-size: 35px;
  }
  .ais-section-title br {
    display: none;
  }
}

.tp-section-title-clash-600.fs-60 {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: 0;
}

.tp-section-title-clash-600 {
  text-transform: uppercase;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-clash-semibold);
}

.tp-section-title-clash-600.fw-500 {
  font-weight: 500;
  font-family: var(--tp-ff-clash-medium);
}

.cst-btn {
  font-size:14px;
  font-weight:500;
  line-height: 1;
  border-radius: 6px;
  display: inline-block;
  padding: 17px 20px 13px;
  letter-spacing: -0.16px;
  backdrop-filter: blur(10px);
  background: var(--tp-theme-primary);
  color: var(--tp-common-black-7);
  font-family: var(--tp-ff-inter);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .cst-btn {
    padding: 16px 16px 13px;
  }
}
.cst-btn:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.cst-btn:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cst-btn span {
  position: relative;
  z-index: 1;
  line-height: 1;
  overflow: hidden;
  display: inline-block;
}
.cst-btn span svg {
  margin-left: 4px;
}
.cst-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.cst-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.cst-btn.transparent {
  border-radius: 6px;
  backdrop-filter: blur(10px);
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.06);
}
.cst-btn.black-t {
  background-color: transparent;
  border-color: var(--tp-common-black-7);
}
.cst-btn.black-t:hover {
  border-color: transparent;
  color: var(--tp-common-black-7);
  background-color: var(--tp-theme-primary);
}
.cst-btn.white-t {
  background-color: transparent;
  color: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.cst-btn.white-t:hover {
  border-color: transparent;
  color: var(--tp-common-black-7);
  background-color: var(--tp-theme-primary);
}

.upd-btn-black-square.cnt-btn-style {
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  align-items: center;
  display: inline-flex;
  padding: 9px 9px 9px 22px;
  text-transform: uppercase;
  font-family: var(--tp-ff-clash-medium);
}
.upd-btn-black-square.cnt-btn-style:hover i svg:first-child {
  transform: translate(20px, -21px);
}
.upd-btn-black-square.cnt-btn-style:hover i svg:last-child {
  transform: translate(9px, -9px);
}
.upd-btn-black-square.cnt-btn-style i {
  width: 30px;
  height: 30px;
  text-align: center;
  margin-left: 0px;
  border-radius: 4px;
  display: inline-grid;
  place-content: center;
  background-color: var(--tp-common-red);
}
.upd-btn-black-square.cnt-btn-style i svg {
  left: 9px;
  bottom: 6px;
}
.upd-btn-black-square.cnt-btn-style i svg:last-child {
  left: 0;
  bottom: 0;
  color: var(--tp-common-white);
}
.upd-btn-black-square.cnt-btn-style.style-2 {
  padding: 9px 22px 9px 9px;
}
.upd-btn-black-square.cnt-btn-style.btn-transparent {
  background-color: transparent;
  color: var(--tp-common-red);
  border: 1px solid var(--tp-common-red);
}
.upd-btn-black-square.cnt-btn-style.btn-transparent i svg {
  color: var(--tp-common-white);
}

.upd-btn-black-radius.btn-style-ai:hover i svg:first-child {
  transform: translateX(16px);
}
.upd-btn-black-radius.btn-style-ai:hover i svg:last-child {
  transform: translateX(13px);
}
.upd-btn-black-radius.btn-style-ai i svg {
  transform: none;
}
.upd-btn-black-radius.btn-style-ai i svg:last-child {
  bottom: 0;
}
.upd-btn-black-radius.btn-style-ai.btn-blue-bg i {
  height: 38px;
  width: 38px;
  line-height: 38px;
}

.cnt-bg-clip {
  clip-path: polygon(94.36% 0px, 100% 4%, 100% 100%, 0px 100%, 0% 50%, 0px 0px);
}

p.color-g {
  color: #61616A;
  font-family: var(--tp-ff-inter);
  font-size: 18px;
}

@-webkit-keyframes shake {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  5%, 10%, 15%, 20%, 25%, 30%, 35%, 40% {
    transform: rotate(6deg);
  }
  45% {
    transform: rotate(4deg);
  }
  7.5%, 12.5%, 17.5%, 22.5%, 27.5%, 32.5%, 37.5%, 42.5% {
    transform: rotate(-6deg);
  }
  47.5% {
    transform: rotate(-2deg);
  }
}
@keyframes shake {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  5%, 10%, 15%, 20%, 25%, 30%, 35%, 40% {
    transform: rotate(6deg);
  }
  45% {
    transform: rotate(4deg);
  }
  7.5%, 12.5%, 17.5%, 22.5%, 27.5%, 32.5%, 37.5%, 42.5% {
    transform: rotate(-6deg);
  }
  47.5% {
    transform: rotate(-2deg);
  }
}
@keyframes marquee-horizontal-rtl {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes marquee-horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*----------------------------------------*/
/*  2.3 scrollToTop
/*----------------------------------------*/
.scrollToTop {
  display: none !important;
  height: 55px;
  width: 55px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #cbc6c6;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  z-index: 999;
  transition: 0.5s ease all;
}
@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) {
  .scrollToTop {
    height: 40px;
    width: 40px;
  }
}

.scrollToTop.active-progress {
  display: block !important;
}

.scrollToTop:hover {
  transform: translateY(-15%);
}

.scrollToTop .arrowUp {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tp-common-black);
  font-size: 24px;
}

.scrollToTop .arrowUp i {
  font-size: 19px;
}

.scrollToTop .water {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  background-color: var(--tp-theme-primary);
  transition: all 0.3s;
  border: 1px solid var(--tp-theme-primary);
}
.scrollToTop .water svg use {
  margin-bottom: -1px;
  position: relative;
  bottom: -1px;
  fill: var(--tp-theme-primary) !important;
}

.scrollToTop-2 .water {
  background-color: var(--tp-theme-secondary);
  border: 1px solid var(--tp-theme-secondary);
}
.scrollToTop-2 .water svg use {
  fill: var(--tp-theme-secondary) !important;
}

.scrollToTop-3 .water {
  background-color: var(--tp-common-angry);
  border: 1px solid var(--tp-common-angry);
}
.scrollToTop-3 .water svg use {
  fill: var(--tp-common-angry) !important;
}

.scrollToTop-4 .water {
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
}
.scrollToTop-4 .water svg use {
  fill: var(--tp-theme-1) !important;
}

.scrollToTop .water_wave {
  width: 200%;
  position: absolute;
  bottom: 100%;
}

.scrollToTop .water_wave_back {
  right: 0;
  fill: var(--tp-theme-primary);
  animation: wave-back 1.4s infinite linear;
}

.scrollToTop .water_wave_front {
  left: 0;
  fill: #7A259EE0;
  margin-bottom: -1px;
  animation: wave-front 0.7s infinite linear;
}

@keyframes wave-front {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes wave-back {
  100% {
    transform: translateX(50%);
  }
}
/*----------------------------------------*/
/*  2.5 Buttons
/*----------------------------------------*/
.tp-btn-lg {
  padding: 19px 21px;
}
.tp-btn-md {
  padding: 15px 15px;
}
.tp-btn-xl {
  padding: 23px 28px;
}
.tp-btn-sm {
  padding: 15px 36px;
}
.tp-btn-cst {
  padding: 18px 30px;
}
.tp-btn-switch-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tp-btn-switch-animation .btn-text {
  margin-right: -23px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-animation .btn-icon {
  margin-right: 6px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
  opacity: 0;
  transform: translateX(0);
}
.tp-btn-switch-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 1;
  margin-left: 0;
}
.tp-btn-switch-animation:hover .btn-text {
  transition-delay: 0.05s;
  transform: translateX(-23px);
}
.tp-btn-switch-animation:hover .btn-icon {
  transition-delay: 200ms;
  opacity: 1;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.tp-btn-switch-animation:hover .btn-icon + .btn-icon {
  opacity: 0;
  transition-delay: 0s;
}
.tp-btn-switch-text > span {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tp-btn-switch-text.btn-lg > span {
  padding: 15px 31px;
}
.tp-btn-switch-text .btn-double-text {
  transition: opacity 0.65s, transform 0.85s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  position: relative;
}
.tp-btn-switch-text .btn-double-text::before {
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  transition: opacity 0.5s, transform 0.8s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.tp-btn-switch-text:hover.bg-hover-black {
  background: var(--tp-common-black-4);
}
.tp-btn-switch-text:hover.bg-hover-theme-1 {
  background: var(--tp-theme-1);
}
.tp-btn-switch-text:hover .btn-double-text {
  transform: translateY(-200%);
}
.tp-btn-switch-text:hover .btn-double-text::before {
  transform: translate(-50%, 150%);
  opacity: 1;
}
.tp-btn-switch-2-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tp-btn-switch-2-animation .btn-text {
  margin-left: -18px;
  position: relative;
  z-index: 3;
  transition: transform 0.6s 125ms cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tp-btn-switch-2-animation .btn-icon {
  margin-left: 6px;
  position: relative;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  line-height: 0;
  z-index: 3;
}
.tp-btn-switch-2-animation .btn-icon + .btn-icon {
  order: -2;
  opacity: 0;
  transition-delay: 0s;
  margin-left: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tp-btn-switch-2-animation:hover .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.tp-btn-switch-2-animation:hover .btn-icon {
  transition-delay: 0s;
  transform: translateX(10px);
  opacity: 0;
}
.tp-btn-switch-2-animation:hover .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 225ms;
}
.tp-btn-switch-2-animation-text > span {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tp-btn-switch-2-animation-text.btn-lg > span {
  padding: 15px 31px;
}
.tp-btn-switch-2-animation-text .btn-double-text {
  transition: opacity 0.65s, transform 0.85s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  position: relative;
}
.tp-btn-switch-2-animation-text .btn-double-text::before {
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 50%;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  transition: opacity 0.5s, transform 0.8s;
  transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.tp-btn-switch-2-animation-text:hover.bg-hover-black {
  background: var(--tp-common-black-4);
}
.tp-btn-switch-2-animation-text:hover.bg-hover-theme-1 {
  background: var(--tp-theme-1);
}
.tp-btn-switch-2-animation-text:hover .btn-double-text {
  transform: translateY(-200%);
}
.tp-btn-switch-2-animation-text:hover .btn-double-text::before {
  transform: translate(-50%, 150%);
  opacity: 1;
}
.tp-btn-2 {
  text-transform: uppercase;
  color: var(--tp-common-black);
  border-radius: 30px;
  padding: 16px 24px;
  line-height: 1;
  background: var(--tp-common-white);
  position: relative;
  z-index: 1;
  font-weight: 500;
  font-size: 15px;
}
.tp-btn-border {
  border: 1px solid var(--tp-border-1);
}
.tp-btn-border:hover {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tp-btn-border-white {
  border: 1px solid #252525;
}
.tp-btn-border-white:hover {
  background: var(--tp-theme-primary);
  border-color: var(--tp-theme-primary);
}
.tp-btn-white {
  background: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-btn-white:hover {
  color: var(--tp-common-black);
}
.tp-btn-gradian {
  backdrop-filter: blur(80px);
  background: radial-gradient(170.08% 129.04% at 0% 10.42%, #10302a 0%, rgba(16, 48, 42, 0.1) 62.47%, rgba(180, 231, 23, 0.1) 100%);
}
.tp-btn-it-lg {
  padding: 17px 31px;
}
.tp-btn-it-lg .btn-icon {
  margin-right: 9px;
}
.tp-btn-it-lg:hover .btn-icon {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tp-btn-it-xl {
  padding: 22px 57px;
}
.tp-btn-it-xl:hover {
  background: var(--tp-common-green-2);
  box-shadow: inset 0 4px 16px 1px var(--tp-common-green-2);
  color: var(--tp-common-black-1);
}
.tp-btn-pb-spacing {
  padding: 15px 31px 17px 31px;
}
.tp-btn-pb-cart {
  border: 1px solid transparent;
}
.tp-btn-pb-cart.pb-border {
  border: 1px solid rgba(129, 129, 129, 0.2);
}
.tp-btn-pb-cart:hover.pb-border {
  background: var(--tp-theme-secondary);
  border-color: var(--tp-theme-secondary);
}
.tp-btn-pb-cart:hover.no-border {
  background: transparent;
  border-color: rgba(129, 129, 129, 0.2);
}
.tp-btn-ai {
  padding: 14px 32px;
  border-radius: 100px;
  z-index: 1;
  transition: all 0.4s ease;
}
.tp-btn-ai::after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  z-index: -2;
  border-radius: 101px;
  background-image: -webkit-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -moz-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -ms-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -o-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  -moz-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  background-size: 150% 150%;
}
.tp-btn-ai::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--tp-common-white);
  z-index: -1;
  border-radius: 100px;
  transition: all 0.4s ease;
}
.tp-btn-ai:hover {
  background-color: transparent;
}
.tp-btn-ai:hover::before {
  background: transparent;
}
.tp-btn-ai-transparent::before {
  background: #ebe1b3;
}
.tp-btn-ai-transparent-2::before {
  background: transparent;
}
.tp-btn-ai-black::before {
  background: var(--tp-common-black-5);
}
.tp-btn-ai-xl {
  padding: 17px 20px;
}
.tp-btn-ai-xxl {
  padding: 32px 41px;
  border-radius: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-btn-ai-xxl {
    padding: 20px 35px;
  }
}
.tp-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: 32px;
  width: 0px;
  height: 0px;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--tp-theme-primary);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid transparent;
  z-index: -1;
}
.tp-btn-rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tp-btn-rounded:hover .tp-btn-circle-dot {
  width: 420px;
  height: 420px;
}
.tp-btn-group {
  display: flex;
  width: fit-content;
}
.tp-btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-end: -52px;
}
.tp-btn-group > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.tp-btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-inline-start: 0;
}
.tp-btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-inline-end: 0;
  background: var(--tp-theme-primary);
}
.tp-btn-group:hover > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
  background: var(--tp-theme-primary);
}
.tp-btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-start: -52px;
  background: var(--tp-theme-primary);
}
.tp-btn-group .tp-btn-circle {
  text-align: center;
  width: 48px;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-btn-group .tp-btn-circle i {
  transform: rotate(-45deg);
}
.tp-btn-md {
  padding: 22px 33px;
  border-radius: 100px;
  z-index: 1;
  transition: all 0.4s ease;
}
.tp-btn-md-header {
  padding: 12px 16px;
}
.tp-btn-md-border {
  border: 1px solid rgba(17, 17, 18, 0.1);
}
.tp-btn-vp-group .tp-btn-circle {
  background: transparent;
  border: 1px solid rgba(17, 17, 18, 0.1);
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.tp-btn-vp-group .tp-btn-2 {
  background: #E9E9E9;
  font-weight: 700;
  font-size: 16px;
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-black-5);
  border: 1px solid rgba(17, 17, 18, 0.1);
  padding: 21px 29px;
}
.tp-btn-vp-group:hover > *:nth-child(1) {
  background: var(--tp-common-black-5);
  color: var(--tp-common-white);
}
.tp-btn-vp-group:hover > *:nth-child(2) {
  background: var(--tp-common-black-5);
  color: var(--tp-common-white);
}
.tp-btn-vp-group:hover > *:nth-child(3) {
  background: var(--tp-common-black-5);
  color: var(--tp-common-white);
}
.tp-btn-vp-group-primary .tp-btn-circle {
  background: var(--tp-theme-primary);
}
.tp-btn-vp-group-primary .tp-btn-2 {
  background: var(--tp-theme-primary);
}
.tp-btn-vp-group-primary:hover > *:nth-child(1) {
  background: var(--tp-common-white);
  color: var(--tp-common-black-5);
}
.tp-btn-vp-group-primary:hover > *:nth-child(2) {
  background: var(--tp-common-white);
  color: var(--tp-common-black-5);
}
.tp-btn-vp-group-primary:hover > *:nth-child(3) {
  background: var(--tp-common-white);
  color: var(--tp-common-black-5);
}

.tp-arrow-angle {
  --qode-hover-move-x: 110%;
  --qode-hover-move-y: 100%;
}
.tp-arrow-angle path {
  transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
}
.tp-arrow-angle path:nth-of-type(1) {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.tp-arrow-angle path:nth-of-type(2) {
  transform: translateX(calc(-1 * var(--qode-hover-move-x))) translateY(var(--qode-hover-move-y));
  opacity: 0.5;
  transition-delay: 0s, 0s;
}
.tp-arrow-angle-pb path:nth-of-type(2) {
  transform: translateX(calc(1 * var(--qode-hover-move-x))) translateY(var(--qode-hover-move-y));
}
.tp-arrow-svg-top-right {
  fill: currentColor;
  stroke: none;
}

.tp-left-right .td-text {
  transform: translateY(1px);
}
.tp-left-right:hover .tp-arrow-angle path:nth-of-type(2) {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition-delay: 0.15s, 0.15s;
}
.tp-left-right:hover .tp-arrow-angle path:nth-of-type(1) {
  transform: translateX(var(--qode-hover-move-x)) translateY(calc(-1 * var(--qode-hover-move-y)));
  opacity: 0;
  transition-delay: 0s, 0s;
}
.tp-left-right-pb:hover .tp-arrow-angle-pb path:nth-of-type(2) {
  transform: translateY(0) translateX(0);
}
.tp-left-right-pb:hover .tp-arrow-angle-pb path:nth-of-type(1) {
  transform: translateX(var(--qode-hover-move-x)) translateY(calc(1 * var(--qode-hover-move-y)));
}

.tp-rounded-btn-wrap a {
  width: 160px;
  height: 160px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
  border: 1px solid var(--tp-border-1);
  background: var(--tp-common-white);
  border-radius: 50%;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  padding-top: 40px;
}
.tp-rounded-btn-wd a {
  font-family: var(--tp-ff-body);
  font-size: 15px;
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  2.1 Animations
/*----------------------------------------*/
@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);
  }
}
.uncover {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.uncover_slice {
  height: 100%;
  flex-grow: 1;
  background: #ffffff;
}

.box {
  position: relative;
  overflow: hidden;
}

.line-1 {
  stroke-dasharray: 1300;
  stroke-dashoffset: 2500;
  animation: dash 5s linear forwards infinite;
}

.line-2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 2000;
  animation: dash 5s linear forwards infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 1000;
  }
}
@keyframes dash-2 {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
@-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;
}

@keyframes tp_animation_spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.tp-live-anim-spin {
  animation: tp_animation_spin 6s linear infinite;
}

@keyframes tdfadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mymove {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes levitate-lg {
  0% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
  50% {
    -webkit-transform: translateY(30px) scale(1.01);
    transform: translateY(30px) scale(1.01);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}
@keyframes popups {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes color-change {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@-webkit-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@-moz-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@-ms-keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes sliderTitle3 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
.title-slide-gradient {
  background-image: -webkit-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -moz-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -ms-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: -o-linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  background-image: linear-gradient(90deg, #201b17 0%, #f96501 50%, #201b17 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -moz-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  -webkit-animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  animation: sliderTitle3 2s ease-in-out 1s forwards infinite alternate;
  background-size: 150% 150%;
}

@-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);
  }
}
.tpshake {
  transition: all 0.4s ease;
}

.tpshake-wrap:hover .tpshake {
  animation-name: tpshake;
  animation-timing-function: ease-in-out;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}

@-webkit-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@-moz-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@-ms-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
@keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 42, 2, 0);
  }
}
.video-animetion {
  -webkit-transition: 0.5s -webkit-animation ripple-red 1s linear infinite;
  animation: ripple-red 1s linear infinite;
  -webkit-transition: 0.5s;
}

@keyframes upslide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
.upslide {
  animation: upslide 4s linear forwards infinite alternate;
}

@keyframes upslide-1 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}
.upslide-1 {
  animation: upslide-1 4s linear forwards infinite alternate;
}

@keyframes arrowLineRotation {
  to {
    transform: rotate(180deg);
  }
}
@keyframes arrowLineRotationRev {
  to {
    transform: rotate(-180deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*----------------------------------------*/
/*  2.9 Preloader
/*----------------------------------------*/
body.loaded {
  overflow-x: hidden !important;
  width: 100%;
}

.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 99999999999999;
}

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 110vh;
  fill: #121212;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 62px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: uppercase;
  z-index: 20;
  font-family: var(--tp-ff-heading);
  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) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 20px;
  }
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.containers {
  position: inherit;
}

/*----------------------------------------*/
/*  2.2 Background
/*----------------------------------------*/
.tp-bg-grey {
  background: #F8F9F9;
}

.tp-bg-grey-2 {
  background: #FBFBFB;
}

.plumbing-bg {
  background: #fffbf5;
}

.video-production-bg {
  background: #E9E9E9;
}

.pricing-bg {
  background: #EDEFEF;
}

/*----------------------------------------*/
/*  2.7 Nice Select
/*----------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  outline: none;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border: 1px solid transparent;
  user-select: none;
  white-space: nowrap;
  width: auto;
  color: #999 !important;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 400;
  font-size: 16px;
  line-height: 56px;
}
.nice-select:hover {
  border-color: ar(--tp-theme-primary);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: var(--tp-theme-primary);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 25px;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-grey-2);
  font-weight: 500;
  pointer-events: none;
  font-size: 18px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.nice-select.open::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 12px;
}
.nice-select .option:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

/*----------------------------------------*/
/*  2.8 offcanvas
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-icon/cross-out.png), pointer;
}

.tp-offcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 450px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--tp-common-white);
  z-index: 997;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
@media (max-width: 574.98px) {
  .tp-offcanvas {
    width: 100%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-offcanvas {
    width: 400px;
    padding: 40px;
  }
}
.tp-offcanvas.opened {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.tp-offcanvas-top {
  margin-bottom: 90px;
}
.tp-offcanvas-close-btn button {
  color: black;
}
.tp-offcanvas-close-btn button:hover {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tp-offcanvas-menu ul li .tp-submenu .homemenu {
  position: relative;
}
.tp-offcanvas-menu ul li .tp-submenu .homemenu.comeing-soon .homemenu-thumb {
  position: relative;
}
.tp-offcanvas-menu ul li .tp-submenu .homemenu.comeing-soon .homemenu-thumb::before {
  position: absolute;
  z-index: 22;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.tp-offcanvas-menu ul li .tp-submenu .homemenu:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.tp-offcanvas-menu ul li .tp-submenu .homemenu-btn {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-menu ul li .tp-submenu .homemenu-btn .tp-btn-lg {
    padding: 12px 17px;
    font-size: 14px;
  }
}
.tp-offcanvas-social {
  margin-top: 30px;
}
.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-common-black);
  border: 1px solid rgba(2, 11, 24, 0.1);
}
.tp-offcanvas-social ul li a:hover {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  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-title {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.8px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--tp-common-black);
}
.tp-offcanvas-title.sm {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--tp-common-black);
}
.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;
  font-family: var(--tp-ff-inter);
}
.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-common-black);
}
.tp-offcanvas-contact ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.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-content {
  margin-bottom: 45px;
}
.tp-offcanvas-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #414144;
  font-family: var(--tp-ff-inter);
}

.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: 574.98px) {
  .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: 574.98px) {
  .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: 574.98px) {
  .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-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu > nav > ul > li.is-active .tp-menu-close i {
  color: var(--tp-common-black);
}
.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-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-menu .tp-submenu li a:hover {
  background-color: initial;
  color: var(--tp-common-black);
}
.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-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-info-item > a {
  color: var(--tp-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-right-social a {
  color: var(--tp-common-black);
  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-common-black);
  background-color: var(--tp-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn .text {
  color: var(--tp-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn {
  color: var(--tp-common-black);
}
.tp-offcanvas-2-area.offcanvas-2-white-bg .tp-offcanvas-2-close-btn .texts {
  color: var(--tp-common-black);
}
.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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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: 574.98px) {
  .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-common-black);
  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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-2-wrapper .right-box {
    width: 100%;
  }
}
.tp-offcanvas-2-wrapper .tp-menu-close {
  top: 10px;
  height: 0;
  width: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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: 1700px) 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;
  font-family: var(--tp-ff-inter);
}
.tp-offcanvas-2-right-info-item > a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .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-common-black);
  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 .texts {
  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 .texts span {
  transition: 0.3s;
  display: inline-block;
  -webkit-transform: translateX(130%);
  -moz-transform: translateX(130%);
  -ms-transform: translateX(130%);
  -o-transform: translateX(130%);
  transform: translateX(130%);
}
.tp-offcanvas-2-close-btn:hover .texts 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 only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-2-logo {
    margin-bottom: 0;
  }
}
.tp-offcanvas-2-logo .logo-2 {
  display: block !important;
}

.offcanvas-black-bg {
  background: #1C1D20;
}
.offcanvas-black-bg .tp-offcanvas-close-btn button {
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-menu ul li > a {
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-menu ul li.active > a {
  color: var(--tp-grey-2);
}
.offcanvas-black-bg .tp-offcanvas-menu .tp-submenu li a:hover {
  background-color: #2c2b2e;
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-menu-close {
  border-color: var(--tp-border-3);
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-megamenu-wrapper.megamenu-black-bg {
  backdrop-filter: initial;
  background: transparent;
  box-shadow: none;
}
.offcanvas-black-bg .tp-offcanvas-title.sm {
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-contact ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.offcanvas-black-bg .tp-offcanvas-contact ul li a:hover {
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-contact ul li a::after {
  background-color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-social ul li a {
  color: var(--tp-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.offcanvas-black-bg .tp-offcanvas-social ul li a:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-title {
  color: var(--tp-common-white);
}
.offcanvas-black-bg .tp-offcanvas-content p {
  color: rgba(255, 255, 255, 0.8);
}
.offcanvas-black-bg .tp-offcanvas-menu ul li.active > .tp-menu-close {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
  border-color: var(--tp-border-3);
}
.offcanvas-black-bg .tp-offcanvas-menu ul li.active > .tp-menu-close i {
  color: var(--tp-common-black);
}
 
/*----------------------------------------*/
/*  2.11 Section Title
/*----------------------------------------*/
.tp-section-subtitle {
  border: 1px solid var(--tp-border-1);
  border-radius: 50px;
  padding: 6px 18px;
  display: inline-block;
}
.tp-section-subtitle .borders {
  width: 10px;
  height: 10px;
  background: var(--tp-common-black);
  border-radius: 30px;
  margin-right: 8px;
}
.tp-section-subtitle-white {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.tp-section-subtitle-white .borders {
  background: var(--tp-common-white);
}
.tp-section-subtitle-cst .borders {
  background: var(--tp-common-black-1);
}
.tp-section-pp-subtitle {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  background: #0d0d0d;
  padding: 5px 24px;
}
.tp-section-pp-white-subtitle {
  border: 1px solid #eee;
  background: transparent;
}
.tp-section-cst-subtitle {
  border: none;
  padding: 0;
}
.tp-section-it-subtitle {
  border: 1px solid #E4EAE7;
  border-radius: 50px;
  padding: 2px 32px;
}
.tp-section-it-subtitle-white {
  border: 1px solid rgba(243, 241, 242, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-it-para br {
    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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-ai-para br {
    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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-section-ai-title br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-md-title {
    font-size: 55px;
  }
}
@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) {
  .tp-section-md-title {
    font-size: 50px;
  }
}
@media (max-width: 574.98px) {
  .tp-section-md-title {
    font-size: 40px;
  }
}
@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-section-3-para br {
    display: none;
  }
}
 
/*----------------------------------------*/
/*  2.6 Magic Cursor css start
/*----------------------------------------*/
body.tp-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--tp-common-black);
}

.cursor-bg-red #ball {
  background-color: var(--tp-theme-secondary) !important;
}
.cursor-bg-red #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-white-bg #ball {
  background-color: var(--tp-common-white) !important;
}
.cursor-white-bg #ball .ball-view {
  color: var(--tp-common-black);
}

.cursor-black-bg #ball {
  background-color: var(--tp-common-black) !important;
}
.cursor-black-bg #ball .ball-view {
  color: var(--tp-common-white);
}

.cursor-bg-green #ball {
  background-color: var(--tp-theme-1) !important;
}
.cursor-bg-green #ball .ball-view {
  color: var(--tp-common-white);
}

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  transform: scale(0);
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black);
}

/* Ball drag 
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black);
}

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  height: 10px;
  line-height: 10px;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: var(--tp-common-white);
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
  content: "\f104";
  /* Font Awesome */
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}

#ball .ball-drag::after {
  content: "\f105";
  /* Font Awesome */
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}

#ball.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Ball close 
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--tp-common-black);
}

.tp-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*----------------------------------------*/
/*  3.1 Header Style
/*----------------------------------------*/
.tp-header-search-btn {
  width: 48px;
  height: 48px;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid var(--tp-border-1);
  text-align: center;
  line-height: 48px;
  border-radius: 100%;
  line-height: 9px;
}
.tp-header-search-btn:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-header-lg-spacing {
    padding: 15px 0px;
  }
}
@media (max-width: 574.98px) {
  .tp-header-lg-spacing {
    padding: 8px 0px;
  }
}
.tp-header-sidebar-btn span {
  height: 2px;
  width: 25px;
  display: block;
  margin: 6px auto;
  background: var(--tp-common-black);
}
.tp-header-sidebar-btn:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.tp-header-sidebar-btn:hover span:nth-child(2) {
  animation-delay: 0.1s;
}
.tp-header-2-country {
  margin-left: 190px;
}
@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-header-2-country {
    margin-left: 70px;
  }
}
@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-header-2-country {
    display: none;
  }
}
.tp-header-2-menu-btn {
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(104px);
  width: 48px;
  height: 48px;
  padding-right: 14px;
}
.tp-header-2-menu-btn span {
  background: var(--tp-theme-primary);
  width: 11px;
  margin: 4px 0 4px auto;
  border-radius: 10px;
  height: 2px;
}
.tp-header-2-menu-btn span:nth-child(2) {
  width: 20px;
}
.tp-header-2-spacing {
  padding: 18px 0px;
}
@media (max-width: 574.98px) {
  .tp-header-2-right .tp-btn-group {
    display: none;
  }
}
.tp-header-wd-wrap {
  border-bottom: 1px solid var(--tp-border-1);
}
@media (max-width: 574.98px) {
  .tp-header-sa-logo {
    margin-right: 0;
  }
}
.tp-header-sa-search-btn {
  border: 1px solid #00000024;
}
.tp-header-pp-menu-btn {
  border: 1px solid #ebebeb;
  background: var(--tp-common-white);
}
.tp-header-pp-menu-btn span {
  background: var(--tp-common-black);
}
.tp-header-pp-email {
  border: 1px solid var(--tp-border-1);
  border-radius: 100px;
  display: inline-block;
  padding: 4px 18px;
  margin-left: 125px;
}
.tp-header-pp-email:hover {
  color: var(--tp-grey-1);
}
.tp-header-cst-wrap {
  border-bottom: 1px solid rgba(16, 48, 42, 0.1);
}
.tp-header-cst-menu-btn {
  background: var(--tp-grey-5);
}
.tp-header-cst-menu-btn span {
  background: var(--tp-common-black-1);
}
.tp-header-it-bg {
  border-radius: 60px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #fcfffc;
  padding: 0px 40px 0px 40px;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-it-bg {
    margin-top: 0;
    padding: 10px 33px 10px 33px;
  }
}
@media (max-width: 574.98px) {
  .tp-header-it-bg {
    padding: 0;
    border: none;
  }
  .tp-header-it-bg .tp-menu-bar {
    padding-right: 0;
    width: auto;
  }
}
.tp-header-it-btn {
  padding: 12px 26px;
  box-shadow: inset 0 4px 16px 1px #0c211b;
}
.tp-header-it-btn:hover {
  background: var(--tp-common-green-2);
  box-shadow: inset 0 4px 16px 1px var(--tp-common-green-2);
}
.tp-header-it-menu-btn {
  background: none;
  padding: 0;
  width: auto;
  border: none;
}
.tp-header-it-menu-btn span {
  background: var(--tp-common-black-1);
  margin: 4px auto 4px 0;
  border-radius: 30px;
}
.tp-header-it-menu-btn span:first-child {
  width: 15px;
}
.tp-header-pb-contact ul {
  display: flex;
  align-items: center;
}
.tp-header-pb-contact ul li {
  font-family: var(--tp-ff-inter);
  letter-spacing: -0.04em;
  text-transform: capitalize;
  color: var(--tp-common-black-1);
  list-style: none;
  opacity: 0.8;
}
.tp-header-pb-contact ul li:first-child {
  margin-right: 40px;
  padding-right: 40px;
  position: relative;
}
.tp-header-pb-contact ul li:first-child::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: var(--tp-common-black-1);
  opacity: 0.1;
  width: 1px;
  height: 27px;
}
.tp-header-pb-social ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
}
.tp-header-pb-social ul li {
  list-style: none;
}
.tp-header-pb-social ul li a {
  font-size: 20px;
}
.tp-header-pb-social ul li a:hover {
  color: var(--tp-theme-secondary);
}
.tp-header-pb-social ul li a svg {
  transform: translateY(-2px);
}
.tp-header-pb-top {
  padding: 15px 0px;
}
.tp-header-pb-logobg {
  position: absolute;
  top: 0;
  left: 0;
  width: 285px;
  height: 100%;
  background: var(--tp-theme-secondary);
  clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%);
  z-index: -1;
}
@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-header-pb-logobg {
    clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%);
    width: 220px;
  }
}
.tp-header-pb-bottom {
  border-top: 1px solid #E7E7E1;
  border-bottom: 1px solid #E7E7E1;
}
@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-header-pb-bottom {
    border-top: none;
  }
}
.tp-header-pb-helpline {
  position: relative;
}
.tp-header-pb-helpline::before {
  position: absolute;
  content: "";
  height: 76px;
  width: 1px;
  background: #E7E7E1;
  top: -18px;
  left: 0;
}
.tp-header-pb-helpline-icon {
  border-radius: 100%;
  background: var(--tp-theme-secondary);
  box-shadow: -2px -4px 6px -5px rgba(255, 109, 0, 0.5);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tp-header-pb-helpline-icon::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  background: var(--tp-theme-secondary);
  z-index: -1;
  opacity: 0.2;
  border-radius: 50%;
}
.tp-header-pb-cart-count {
  width: 22px;
  height: 22px;
  background: var(--tp-theme-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -12px;
}
.tp-header-pb-sidebar {
  width: 76px;
  height: 76px;
  background: var(--tp-theme-secondary);
  margin-right: -12px;
}
@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-header-pb-sidebar {
    margin-left: 20px;
  }
}
.tp-header-pb-sidebar span {
  background: var(--tp-grey-5);
  border-radius: 10px;
  height: 2px;
  width: 30px;
  margin: 5px auto 5px 24px;
}
.tp-header-pb-sidebar span:first-child {
  width: 22px;
}
.tp-header-pb-sidebar span:nth-child(3) {
  width: 16px;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-pb-logo {
    padding-left: 0;
  }
}
.tp-header-ai-bg {
  margin-top: 21px;
  border-radius: 20px;
  box-shadow: 0 4px 59px 2px rgba(0, 0, 0, 0.05);
  background: var(--tp-common-white);
  padding: 0px 32px 0px 32px;
}
@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-header-ai-bg {
    padding: 10px 20px 10px 20px;
  }
}
.tp-header-ai-menu-btn {
  background: var(--tp-grey-5);
}
.tp-header-ai-menu-btn span {
  background: var(--tp-common-black-6);
}
.tp-header-md-social ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tp-header-md-social ul li {
  list-style: none;
}
.tp-header-md-social ul li a {
  font-size: 18px;
  color: var(--tp-common-white);
}
.tp-header-md-social ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-md-social ul li a svg {
  transform: translateY(-3px);
}
.tp-header-md-contact ul {
  display: flex;
  justify-content: end;
  gap: 20px;
}
.tp-header-md-contact ul li {
  list-style: none;
  font-family: var(--tp-ff-dm);
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-grey-5);
  display: flex;
  align-items: center;
}
.tp-header-md-contact ul li a {
  margin-left: 3px;
}
.tp-header-md-contact ul li a:hover {
  color: var(--tp-theme-1);
}
.tp-header-md-contact ul li svg {
  margin-right: 8px;
}
.tp-header-md-top {
  padding: 7px 0px;
}
.tp-header-md-search-btn {
  width: 40px;
  height: 40px;
  border: 2px solid rgba(17, 17, 18, 0.1);
  color: var(--tp-common-black-5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-header-md-main {
    padding: 15px 0px;
  }
}
.tp-header-vp-spacing {
  padding: 14px 0px;
}
.tp-header-slider-wrapper {
  padding: 18px 0;
}
.tp-header-slider-bar {
  transition: 0.3s;
  padding: 8px 17px;
  border-radius: 24px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--tp-common-white);
  text-transform: uppercase;
}
.tp-header-slider-bar:hover {
  color: var(--tp-common-black);
  background: var(--tp-common-white);
  border-color: var(--tp-common-white);
}
.tp-header-slider-bar span svg {
  margin-right: 7px;
}
.tp-header-slider-info a {
  font-size: 15px;
  font-weight: 600;
  color: var(--tp-common-white);
  font-family: var(--tp-ff-inter);
}
.tp-header-slider-right.right-white .tp-header-slider-info a {
  color: var(--tp-common-black);
}
.tp-header-slider-right.right-white .tp-header-slider-bar {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--tp-common-black);
}
.tp-header-slider-right.right-white .tp-header-slider-bar:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 55;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.tp-main-menu nav > ul > li {
  list-style: none;
  display: inline-block;
  margin: 0 25px;
  position: relative;
}
@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: 574.98px) {
  .tp-main-menu nav > ul > li {
    margin: 0 18px;
  }
}
.tp-main-menu nav > ul > li > a {
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--tp-common-black);
  display: inline-block;
  padding: 28px 0;
}
.tp-main-menu nav > ul > li > a > span {
  color: var(--tp-grey-2);
  display: inline-block;
  margin-left: 2px;
  transition: all 0.4s ease;
}
.tp-main-menu nav > ul > li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  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-main-menu nav > ul > li .submenu li {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
  margin: 0;
}
.tp-main-menu nav > ul > li .submenu li a {
  position: relative;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #bfbfc0;
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
  font-family: var(--tp-ff-inter);
}
@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-main-menu nav > ul > li .submenu li a {
    font-size: 14px;
  }
}
.tp-main-menu nav > ul > li .submenu li .submenu {
  top: 0;
  left: 100%;
}
.tp-main-menu nav > ul > li .submenu li:hover > a {
  background-color: #2c2b2e;
  color: var(--tp-common-white);
}
.tp-main-menu nav ul li {
  position: relative;
}
.tp-main-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.tp-main-menu nav ul li:hover.has-dropdown > a > span {
  color: var(--tp-common-black);
}
.tp-main-menu-wd > nav > ul > li > a {
  font-family: var(--tp-ff-teko);
  font-weight: 500;
  font-size: 20px;
}
.tp-main-menu-cst > nav > ul > li > a {
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black-1);
  padding: 35px 0px;
}
.tp-main-menu-it > nav > ul > li > a {
  font-family: var(--tp-ff-inter);
  color: var(--tp-common-black-1);
  padding: 27px 0px;
}
@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-main-menu-pb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-main-menu-pb > nav > ul > li {
    margin: 0 20px;
  }
}
@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-main-menu-pb > nav > ul > li {
    margin: 0 14px;
  }
}
.tp-main-menu-pb > nav > ul > li > a {
  font-family: var(--tp-ff-sora);
  color: var(--tp-common-black-1);
  padding: 25px 0px;
}
.tp-main-menu-ai > nav > ul > li {
  margin: 0;
  padding: 25px 0px;
}
.tp-main-menu-ai > nav > ul > li:hover > a {
  background: var(--tp-common-black-6);
  color: var(--tp-common-white);
}
.tp-main-menu-ai > nav > ul > li:hover.has-dropdown > a > span {
  color: var(--tp-common-white);
}
.tp-main-menu-ai > nav > ul > li > a {
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black-5);
  padding: 7px 25px;
  border-radius: 50px;
}
.tp-main-menu-ai > nav > ul > li > a > span {
  transition: all 0.4s ease;
  margin-left: 4px;
  transform: translateY(-1px);
  display: inline-block;
  color: var(--tp-common-black);
}
.tp-main-menu-md {
  margin-left: -23px;
}
.tp-main-menu-md > nav > ul > li {
  padding: 29px 0px;
}
.tp-main-menu-vp > nav > ul > li > a {
  font-family: var(--tp-ff-sora);
  letter-spacing: -0.02em;
  color: var(--tp-common-black-5);
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 10;
  visibility: visible;
  background: rgba(255, 255, 255, 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;
}
.header-sticky .tp-header-menu > nav > ul > li > a {
  padding: 22px 0;
}
.header-sticky.sticky-black-bg {
  background: rgba(38, 37, 40, 0.9);
}
.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-ai-wrap {
  background: none;
  box-shadow: none;
}
.header-sticky.tp-header-ai-wrap .tp-header-ai-bg {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .header-sticky.tp-header-ai-wrap .tp-header-ai-bg {
    margin-top: 5px;
  }
}
.header-sticky.tp-header-ai-wrap .tp-header-ai-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(40px);
  z-index: -1;
  border-radius: 20px;
}
.header-sticky.tp-header-vp-spacing {
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .header-sticky.tp-header-vp-spacing {
    padding: 15px 0px;
  }
}
.header-sticky .tp-btn-vp-group .tp-btn-2 {
  background: #fff;
}
.header-sticky .tp-btn-vp-group:hover > *:nth-child(2) {
  background: var(--tp-common-black-5);
  color: var(--tp-common-white);
}
.header-sticky .tp-main-menu-cst > nav > ul > li > a {
  padding: 21px 0px;
}
.header-sticky.tp-header-cst-wrap {
  border-bottom: none;
}
.header-sticky .tp-header-it-bg {
  border-radius: 0;
  border: none;
  background: none;
  padding: 0;
  margin-top: 0;
}
.header-sticky .tp-main-menu-it > nav > ul > li > a {
  padding: 21px 0px;
}
.header-sticky .tp-header-pb-top {
  display: none !important;
}
.header-sticky .tp-header-pb-bottom {
  border-top: none;
  border-bottom: none;
}
.header-sticky .tp-header-md-top {
  display: none !important;
}
.header-sticky .tp-main-menu-md > nav > ul > li {
  padding: 15px 0px;
}

.tp-header-dropdown nav ul li {
  list-style: none;
}
.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);
}

.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: #b64ade;
  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-megamenu-wrapper {
  position: absolute;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  padding-top: 45px;
  top: 100%;
  left: 0;
  right: 0;
  max-width: 1760px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 14px;
  transform-origin: top;
  transition-duration: 0.1s;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
@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-megamenu-wrapper {
    max-width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-wrapper {
    padding-top: 25px;
  }
}
.tp-megamenu-wrapper.megamenu-black-bg {
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.tp-megamenu-wrapper.megamenu-white-bg {
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.12);
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-title {
  color: #111013;
  border-bottom: 1px solid #F3F3F6;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul::after {
  background-color: #F3F3F6;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
  color: #636368;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}
.tp-megamenu-title {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 0;
  padding-left: 40px;
  padding-bottom: 25px;
  text-align: start;
  text-transform: uppercase;
  color: var(--tp-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-megamenu-title {
    padding-left: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-title {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-title {
    padding-left: 20px;
  }
}
.tp-megamenu-list {
  height: 100%;
}
.tp-megamenu-list ul {
  position: relative;
  height: 100%;
  padding-top: 18px;
  padding-bottom: 50px;
}
.tp-megamenu-list ul::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.06);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-list ul::after {
    display: none;
  }
}
.tp-megamenu-list ul li {
  padding: 0px 20px;
}
@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-megamenu-list ul li {
    padding: 0px 10px;
  }
}
.tp-megamenu-list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.tp-megamenu-list ul li a {
  position: relative;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #bfbfc0;
  padding: 12px 18px;
  border-radius: 8px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
  .tp-megamenu-list ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-megamenu-list ul li a {
    font-size: 14px;
    padding: 12px 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-list ul li a {
    font-size: 14px;
    padding: 12px 8px;
  }
}
.tp-megamenu-list ul li a span {
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  padding: 6px 8px;
  border-radius: 20px;
  display: inline-block;
  margin-left: 3px;
  text-transform: capitalize;
  letter-spacing: 0.7px;
  font-family: var(--tp-ff-inter);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-megamenu-list ul li a span {
    font-size: 8px;
    padding: 5px 6px;
  }
}
@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-megamenu-list ul li a span {
    display: none;
  }
}
.tp-megamenu-list ul li a span.hot {
  color: #FF535B;
  background-color: rgba(255, 83, 91, 0.08);
}
.tp-megamenu-list ul li a span.new {
  color: #fff669;
  background-color: rgba(255, 246, 105, 0.08);
}
.tp-megamenu-list ul li a span.pop {
  color: #19e41a;
  background-color: rgba(25, 228, 26, 0.08);
}
.tp-megamenu-list ul li a:hover {
  background-color: #2c2b2e;
  color: var(--tp-common-white);
}
.tp-megamenu-thumb {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 17%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-megamenu-thumb {
    display: none;
  }
}
.tp-megamenu-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}

.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-common-black);
}
.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-common-black);
}

/*----------------------------------------*/
/*  4.2 Mobilemenu css
/*----------------------------------------*/
.tp-offcanvas-menu {
  margin-bottom: 40px;
}
.tp-offcanvas-menu ul {
  list-style: none;
}
.tp-offcanvas-menu ul li {
  position: relative !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-offcanvas-menu ul li.has-dropdown span {
    display: none;
  }
}
.tp-offcanvas-menu ul li > a {
  padding: 8px 0;
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--tp-ff-inter);
}
.tp-offcanvas-menu ul li.active > a {
  color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
.tp-offcanvas-menu ul li.active > .tp-menu-close i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: var(--tp-common-white);
}
.tp-offcanvas-menu ul li .tp-submenu {
  display: none;
}
.tp-offcanvas-menu ul li .tp-submenu.submenu {
  padding-left: 20px;
}
.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: 8px 20px;
  border-radius: 10px;
  font-size: 17px;
}
.tp-offcanvas-menu .tp-submenu li a:hover {
  background-color: #f8f8fb;
  color: var(--tp-common-black);
}

.tp-menu-close {
  position: absolute;
  right: 0;
  top: 6px;
  height: 30px;
  width: 30px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  border: 1px solid rgba(1, 15, 28, 0.12);
}
.tp-menu-close i {
  transition: all 0.3s;
}

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/
.tp-postbox-title {
  font-size: 35px;
  line-height: 129%;
}
@media (max-width: 574.98px) {
  .tp-postbox-title {
    font-size: 25px;
  }
}
.tp-postbox-text {
  font-size: 18px;
  line-height: 144%;
  color: var(--tp-grey-1);
}
.tp-postbox-slider-arrow-wrap button {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  color: var(--tp-common-white);
  border: 1px solid var(--tp-common-white);
  transition: 0.3s;
}
.tp-postbox-slider-arrow-wrap button:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-common-black);
}
.tp-postbox-slider-arrow-wrap .tp-postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 9;
}
.tp-postbox-slider-arrow-wrap .tp-postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-postbox-wrapper {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-postbox-wrapper {
    margin-right: 0;
  }
}
.tp-postbox-video-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tp-postbox-details-form {
  background: var(--tp-common-white-2);
  padding: 55px 50px 60px 50px;
}
@media (max-width: 574.98px) {
  .tp-postbox-details-form {
    padding: 25px 20px 20px 20px;
  }
}
.tp-postbox-details-input .tp-input, .tp-postbox-details-input .tp-textarea, .tp-postbox-details-input .tp-select {
  width: 100%;
  height: 56px;
  font-family: var(--tp-ff-p);
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
  border-radius: 0;
  background: var(--tp-common-white);
}
.tp-postbox-details-input .tp-input::placeholder, .tp-postbox-details-input .tp-textarea::placeholder, .tp-postbox-details-input .tp-select::placeholder {
  color: #999;
  font-weight: 400;
  font-size: 16px;
}
.tp-postbox-details-input .tp-input:focus, .tp-postbox-details-input .tp-textarea:focus, .tp-postbox-details-input .tp-select:focus {
  background: transparent;
  border-color: var(--tp-common-black);
}
.tp-postbox-details-input .tp-textarea {
  height: 121px;
}
.tp-postbox-details-remember {
  display: flex;
}
.tp-postbox-details-remember label {
  font-family: var(--tp-ff-p);
  font-weight: 300;
  font-size: 16px;
  color: var(--tp-grey-1);
  cursor: pointer;
}
.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: var(--tp-common-white);
  -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: var(--tp-theme-primary);
  border-color: transparent;
}
.tp-postbox-details-remember .tp-checkbox:checked::after {
  box-sizing: border-box;
  position: absolute;
  content: "\f00c";
  font-weight: 700;
  font-family: var(--tp-ff-fontawesome);
  font-size: 14px;
  color: var(--tp-common-black);
  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-remember .tp-checkbox:hover {
  cursor: pointer;
}
.tp-postbox-2-wrapper .tp-service-details-content ul li b {
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-service-details-content ul li p {
  font-weight: 400;
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-service-details-content ul li {
  margin-bottom: 22px;
}
.tp-postbox-2-wrapper .tp-blog-details-tag ul li a {
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black);
}
.tp-postbox-2-wrapper .postbox__comment-name h5 {
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .postbox__comment-text p {
  color: var(--tp-common-black-5);
  opacity: 0.8;
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .postbox__comment-name span {
  color: var(--tp-common-black-5);
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .postbox__comment-reply a {
  font-family: var(--tp-ff-dm);
  color: var(--tp-common-black-5);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select {
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input::-webkit-input-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea::-webkit-input-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input::-moz-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea::-moz-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select::-moz-placeholder {
  /* Firefox 19+ */
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input:-moz-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea:-moz-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select:-moz-placeholder {
  /* Firefox 4-18 */
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input:-ms-input-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea:-ms-input-placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select:-ms-input-placeholder {
  /* IE 10+  Edge*/
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-input .tp-input::placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-textarea::placeholder, .tp-postbox-2-wrapper .tp-postbox-details-input .tp-select::placeholder {
  /* MODERN BROWSER */
  font-family: var(--tp-ff-dm);
}
.tp-postbox-2-wrapper .tp-postbox-details-remember label {
  font-family: var(--tp-ff-dm);
}
@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-postbox-2-wrapper .tp-blog-details-content {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .tp-postbox-2-wrapper .tp-blog-comment-form {
    margin-left: 0;
    margin-right: 0;
  }
}

.postbox__comment ul li {
  margin-bottom: 45px;
  list-style: none;
}
.postbox__comment ul li.children {
  margin-left: 65px;
}
@media (max-width: 574.98px) {
  .postbox__comment ul li.children {
    margin-left: 0;
  }
}
.postbox__comment-box {
  padding-top: 20px;
}
@media (max-width: 574.98px) {
  .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.postbox__comment-info {
  flex: 0 0 auto;
}
@media (max-width: 574.98px) {
  .postbox__comment-avater {
    margin-right: 0;
  }
}
.postbox__comment-avater img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
@media (max-width: 574.98px) {
  .postbox__comment-avater img {
    margin-bottom: 30px;
  }
}
.postbox__comment-name {
  margin-bottom: 17px;
}
.postbox__comment-name h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.4px;
  color: var(--tp-common-black);
  margin-bottom: 0;
}
.postbox__comment-name span {
  color: #414144;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}
.postbox__comment-text p {
  color: #5D5D63;
  font-size: 17px;
  line-height: 26px;
}
.postbox__comment-reply a {
  color: #19191A;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 5px 20px;
  border: 1px solid #E0E2E3;
  border-radius: 30px;
}
.postbox__comment-reply a:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.tp-sidebar-search-input {
  position: relative;
}
.tp-sidebar-search-input input {
  width: 100%;
  height: 60px;
  font-family: var(--tp-ff-heading);
  line-height: 70px;
  padding: 0 25px;
  outline: none;
  font-size: 16px;
  border: none;
  padding-right: 50px;
  background: var(--tp-common-white-2);
  color: var(--tp-common-black);
  border: 1px solid transparent;
  border-radius: 0;
}
.tp-sidebar-search-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--tp-grey-1);
  font-size: 16px;
  font-weight: 400;
  border-color: #D9D9D9;
}
.tp-sidebar-search-input input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--tp-grey-1);
  font-size: 16px;
  font-weight: 400;
  border-color: #D9D9D9;
}
.tp-sidebar-search-input input:-moz-placeholder {
  /* Firefox 4-18 */
  color: var(--tp-grey-1);
  font-size: 16px;
  font-weight: 400;
  border-color: #D9D9D9;
}
.tp-sidebar-search-input input:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: var(--tp-grey-1);
  font-size: 16px;
  font-weight: 400;
  border-color: #D9D9D9;
}
.tp-sidebar-search-input input::placeholder {
  /* MODERN BROWSER */
  color: var(--tp-grey-1);
  font-size: 16px;
  font-weight: 400;
  border-color: #D9D9D9;
}
.tp-sidebar-search-input input:focus {
  background: transparent;
}
.tp-sidebar-search-input button {
  position: absolute;
  top: 0;
  right: 25px;
  height: 100%;
  line-height: 60px;
  color: var(--tp-common-black);
}
.tp-sidebar-widget {
  border: 1px solid var(--tp-border-1);
  padding: 45px 30px 5px 30px;
}
.tp-sidebar-widget-title {
  font-family: var(--tp-ff-heading);
  font-weight: 700;
  font-size: 25px;
  color: var(--tp-common-black);
}
.tp-sidebar-widget-content ul li {
  list-style: none;
  margin-bottom: 17px;
}
.tp-sidebar-widget-content ul li a {
  font-family: var(--tp-ff-heading);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-grey-1);
  display: flex;
  justify-content: space-between;
}
.tp-sidebar-widget-content ul li a:hover {
  color: var(--tp-common-black);
}
.tp-sidebar-widget-content ul li a span {
  display: inline-block;
  margin-left: 10px;
}
.tp-sidebar-rc-post-tag {
  font-family: var(--tp-ff-p);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
  border: 1px solid var(--tp-border-1);
  border-radius: 100px;
  display: inline-block;
  padding: 5px 16px;
  line-height: 1;
}
.tp-sidebar-rc-post-tag:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
.tp-sidebar-rc-post-title {
  font-size: 18px;
  line-height: 111%;
  color: var(--tp-common-black);
}
.tp-sidebar-rc-post-dates {
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-grey-1);
}
.tp-sidebar-rc-tag ul {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
@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-sidebar-rc-tag ul {
    gap: 10px;
  }
}
.tp-sidebar-rc-tag ul li {
  list-style: none;
}
.tp-sidebar-rc-tag ul li a {
  font-family: var(--tp-ff-heading);
  font-weight: 500;
  font-size: 16px;
  color: var(--tp-grey-1);
  border-radius: 100px;
  background: var(--tp-common-white-2);
  line-height: 1;
  padding: 2px 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 574.98px) {
  .tp-sidebar-rc-tag ul li a {
    padding: 2px 6px;
  }
}
.tp-sidebar-rc-tag ul li a:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-black);
}
.tp-sidebar-details-wrap {
  background: var(--tp-common-white-2);
}
.tp-sidebar-banner {
  padding: 50px 30px 50px 30px;
}
 

/*# sourceMappingURL=main.css.map */