/* @import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Montserrat+Alternates:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Urbanist:wght@300;400;500;600;700;800&display=swap"); */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat+Alternates: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=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root{--font1:'Plus Jakarta Sans',sans-serif;--font2:'Plus Jakarta Sans',sans-serif;--tp-ff-fontawesome:'Font Awesome 5 Pro';--font3:'Montserrat Alternates',sans-serif;--font4:'Urbanist',sans-serif;--tp-ff-dm:'DM Serif Display',serif;--whiteColor:#fff;--colorblack:#000229;--colororange:#FF7A41;--colorpurple:#FF75F9;--colorgreen:#5FC33B;--colorgreen-2:#21B641;--coloryellow:#FFAB0A;--coloryellow-2:#FFCE57;--coloryellow-3:#F8FF35;--coloryellow-4:#FFC530;--colorblue:#6865FF;--colorblue-2:#1117A0;--colorblue-3:#5138EE;--colorblue-4:#600EE4;--colorred:#FF3C82;--tp-heading-primary:#000229;--grey-1:#5F6368;--tp-grey-2:#9A9DA7;--tp-grey-3:#F5F5F5;--tp-grey-4:#F2F3F5;--tp-grey-5:#888B95;--tp-grey-6:#EEEEF5;--tp-grey-7:#F6F5FA;--tp-grey-8:#F7F9FB;--tp-text-body:#5F6368;--tp-theme-1:#6865FF;--tp-theme-2:#AEE87C;--tp-theme-3:#FFA8B8;--tp-theme-4:#F1A0AF;--tp-border-1:#EDF5FA;--tp-border-2:#EBECF0}
@media (min-width: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1200px}
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:30px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font1);font-size:15px;font-weight:400;color:var(--tp-text-body);line-height:1.3;overflow-x:hidden}
body.monserat{font-family:var(--tp-ff-monserat)}
html,body{overflow-x:hidden}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
a{text-decoration:none;transition:.3s}
h1,h2,h3,h4,h5,h6{font-family:var(--font2);color:var(--tp-heading-primary);margin-top:0;font-weight:700;line-height:1.1;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.font1{font-family:var(--font1);}
.font2{font-family:var(--font2);}
.font3{font-family:var(--font3);}
img{max-width:100%}
h1{font-size:40px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
ul{margin:0;padding:0}
p{color:var(--tp-text-body);font-weight:400;font-size:16px;line-height:24px}
.full{width:100%;}
.black{color:var(--colorblack);}
.white{color:var(--whiteColor);}
.bggrad{background: linear-gradient(180deg,#B1FF36 -23%,#1D863C 100%);box-shadow: 0 2px 3px #03160333;}
.font15{font-size:15px;}
.font14{font-size:14px;}
.font13{font-size:13px;}
.font12{font-size:12px;}
.font11{font-size:11px;}
.fw-300{font-weight:300!important}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}
.z-index{position:relative;z-index:2}
.z-index-3{position:relative;z-index:3}
.z-index-4{position:relative;z-index:4}
.z-index-5{position:relative;z-index:5}
.z-index-6{position:relative;z-index:6}
a,.btn,button,input,select,textarea,li,img,.transition-3,h1,h2,h3,h4,h5,h6{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
a:focus,.button:focus{text-decoration:none;outline:none}
a:focus,a:hover{color:inherit;text-decoration:none}
a,button{color:inherit;outline:none;border:none;background:transparent}
a:focus, a:hover {text-decoration: none;}
.underline a{text-decoration: underline;}
button:hover,button:focus,button:active,.accordion-button:focus,.accordion-button:not(.collapsed){box-shadow:none;outline:0}
button:hover{cursor:pointer}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
input.parsley-success,select.parsley-success,textarea.parsley-success{color:#468847;background-color:#fff;border:1px solid #468847}
input.parsley-error,select.parsley-error,textarea.parsley-error{color:#B94A48;background-color:#fff;border:1px solid #B94A48}
.parsley-errors-list{margin:0;padding:0;list-style-type:none;font-size:12px;line-height:.9em;opacity:0;color:#B94A48;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;position: absolute;bottom:2px;left: 12px;}
.parsley-errors-list.filled{opacity:1}
.dark .parsley-errors-list{color:#fff;}
input,textarea{outline:none;color:var(--colorblack)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#70737D}
input:-moz-placeholder,textarea:-moz-placeholder{color:#70737D}
input::-moz-placeholder,textarea::-moz-placeholder{color:#70737D}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#70737D}
input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;height:100%;width:100%;padding:0;border-radius:50%}
::-moz-selection{background:var(--tp-theme-1);color:var(--whiteColor);text-shadow:none;background:var(--tp-theme-1);color:var(--whiteColor);text-shadow:none}
::selection{background:var(--tp-theme-1);color:var(--whiteColor);text-shadow:none}
::-moz-placeholder{color:var(--colorblack);font-size:var(--tp-fz-body);opacity:1}
::placeholder{color:var(--colorblack);font-size:var(--tp-fz-body);opacity:1}
.w-img img{width:100%}
.m-img img{max-width:100%}
.fix{overflow:hidden}
.clear{clear:both}
.f-left{float:left}
.f-right{float:right}
.overflow-y-visible{overflow-x:hidden;overflow-y:visible}
.p-relative{position:relative}
.p-absolute{position:absolute}
.include-bg{background-position:center;background-size:cover;background-repeat:no-repeat}
.gx-10{--bs-gutter-x:10px}
.gx-30{--bs-gutter-x:30px}
.gx-40{--bs-gutter-x:40px}
.gx-50{--bs-gutter-x:12px}
.gx-60{--bs-gutter-x:65px}
.gx-20{--bs-gutter-x:20px}
.gx-25{--bs-gutter-x:25px}
.gx-60{--bs-gutter-x:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gx-60{--bs-gutter-x:40px}
}
.tp-btn{display:inline-block;background-color:var(--colorblue);color:var(--whiteColor);height:45px;line-height:45px;border-radius:30px;padding:0 35px;font-size:15px;font-weight:600;text-align:center;text-transform:capitalize;position:relative;overflow:hidden;z-index:1;transition:.5s}
.tp-btn span{position:relative;z-index:5;transition:.3s;transition-delay:.3s;color:var(--whiteColor)}
.tp-btn:hover span,.tp-btn:focus span{color:var(--whiteColor);transition-delay:.1s}
/* .btn-white{background-color:var(--whiteColor);color:var(--colorblack);height:45px;line-height:45px;border-radius:30px;padding:0 35px;font-size:15px;font-weight:600;text-align:center;text-transform:capitalize;overflow:hidden;transition:color .5s ease;transition-duration:.4s}
.btn-white span{position:relative;z-index:5;transition:.5s;transition-delay:.1s}
.btn-white:hover{color:var(--colorblack);transition-duration:.5s}
.btn-white:hover span.white-text{color:var(--whiteColor)} */
/* .btn-orange{display:inline-block;background-color:var(--colororange);color:var(--whiteColor);height:36px;line-height:36px;border-radius:30px;padding:0 30px;font-size:15px;font-weight:600;text-align:center;text-transform:capitalize;position:relative;overflow:hidden;z-index:1;transition:.5s}
.btn-orange span{z-index:99;position:relative;transition:.3s;transition-delay:.3s;color:var(--whiteColor)}
.btn-orange:hover span{color:var(--colorblack);transition-delay:.1s} */

.btn-green-sm{display:inline-block;color:var(--whiteColor);font-family:var(--font3);height:42px;line-height:42px;padding:0 30px;font-weight:600;font-size:15px;text-align:center;letter-spacing:-.02em;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s;background:linear-gradient(180deg,#B1FF36 -23%,#1D863C 100%);box-shadow:0 2px 3px #03160333;border-radius:10px}
.btn-green-sm:hover{box-shadow:0 8px 24px 0 #1976294d;transform:translateY(-2px);color:var(--whiteColor)}
.btn-green{display:inline-block;color:var(--whiteColor);font-family:var(--font3);height:52px;line-height:52px;padding:0 30px;font-weight:600;font-size:16px;text-align:center;letter-spacing:-.02em;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s;background:linear-gradient(180deg,#B1FF36 -23%,#1D863C 100%);box-shadow:0 2px 3px #03160333;border-radius:10px;border:0;}
.btn-green:hover{box-shadow:0 8px 24px 0 #1976294d;transform:translateY(-2px);color:var(--whiteColor)}
.btn-green:focus{color:var(--whiteColor);}

/* .btn-blue-lg{display:inline-block;background:#5B6CFF;box-shadow:inset -2px -2px 2px #070d1d4d;border-radius:100px;color:var(--whiteColor);font-family:var(--font4);height:60px;line-height:61px;padding:0 35px;font-weight:700;font-size:16px;text-align:center;letter-spacing:.02em;position:relative;display:inline-block;z-index:1;overflow:hidden;transition:.3s;transition-duration:1s}
@media (max-width: 767px) {
.btn-blue-lg{height:50px;line-height:50px;padding:0 25px}
}
.btn-blue-lg.purple-bg{background-color:var(--colorblue-4)}
.btn-blue-lg.circle-effect{position:relative}
.btn-blue-lg.circle-effect::after{background-color:var(--colorblack);border-radius:95px;bottom:-100%;content:"";left:0;position:absolute;right:0;top:-100%;width:100%;transform:scaleY(0);transform-origin:bottom;transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.14,0,0,1.01);will-change:transform;z-index:-1}
.btn-blue-lg.circle-effect-black{position:relative}
.btn-blue-lg.circle-effect-black::after{background-color:var(--colorblack);border-radius:95px;bottom:-100%;content:"";left:0;position:absolute;right:0;top:-100%;width:100%;transform:scaleY(0);transform-origin:bottom;transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.14,0,0,1.01);will-change:transform;z-index:-1}
.btn-blue-lg span{position:relative;z-index:5;transition:.5s;color:var(--whiteColor)}
.btn-blue-lg:hover{color:var(--whiteColor)}
.btn-blue-lg:hover.circle-effect::after{transform:scaleY(1);transform-origin:top}
.btn-blue-lg:hover.circle-effect-black{color:var(--whiteColor);transition:.3s}
.btn-blue-lg:hover.circle-effect-black::after{transform:scaleY(1);transform-origin:top}
.btn-blue-lg:hover.purple-bg{background-color:transparent}
.btn-blue-lg:hover span.text-color-black{color:var(--colorblack)} */

/* .btn-blue-sm{display:inline-block;background:#5B6CFF;box-shadow:inset -2px -2px 2px #070d1d4d;border-radius:100px;color:var(--whiteColor);font-family:var(--font4);height:48px;line-height:48px;padding:0 35px;font-weight:700;font-size:16px;text-align:center;letter-spacing:.02em;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s}
.btn-blue-sm span{position:relative;z-index:5;transition:.3s;transition-delay:.3s;color:var(--whiteColor)}
.btn-blue-sm:hover span{color:var(--whiteColor);transition-delay:.1s}
.btn-border{display:inline-block;color:var(--whiteColor);font-family:var(--font4);border:1px solid #5B6CFF;border-radius:100px;height:60px;line-height:60px;padding:0 35px;font-weight:700;font-size:16px;text-align:center;letter-spacing:.02em;position:relative;overflow:hidden;display:inline-block;z-index:1}
@media (max-width: 767px) {
.btn-border{height:50px;line-height:50px;padding:0 25px}
}
.btn-border span{position:relative;z-index:5;transition:.7s;color:var(--tp-theme-1)}
.btn-border:hover{border-color:var(--colorblack)}
.btn-border:hover span{color:var(--whiteColor)} */

/* .btn-white-solid{display:inline-block;color:var(--whiteColor);font-family:var(--font4);background:#ffffff3d;backdrop-filter:blur(5px);border-radius:100px;height:36px;padding:0 22px;font-weight:700;font-size:15px;line-height:36px;text-align:center;letter-spacing:.02em;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s}
.btn-yellow{display:inline-block;background:var(--coloryellow-3);border-radius:100px;height:42px;padding:0 32px;font-weight:500;font-size:16px;line-height:42px;text-align:center;letter-spacing:.02em;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.btn-yellow{height:42px;padding:0 20px;font-size:14px}
}
.btn-yellow span{position:relative;z-index:5;transition:.3s;color:var(--colorblack)}
.btn-yellow span:hover{color:var(--colorblack)}
.btn-yellow.inner-color{background:#FFCE5A;color:var(--colorblack)}
.btn-yellow.inner-color:hover span{color:var(--whiteColor)}
.btn-yellow-sm{display:inline-block;color:var(--colorblack);background:var(--coloryellow-3);backdrop-filter:blur(5px);border-radius:100px;height:50px;padding:0 24px;font-weight:500;font-size:17px;line-height:50px;text-align:center;position:relative;overflow:hidden;display:inline-block;z-index:1;transition:.5s}
.btn-yellow-lg{display:inline-block;color:var(--colorblack);background:#FFCE5A;border-radius:100px;height:60px;padding:0 32px;font-weight:600;font-size:16px;line-height:60px;text-align:center;position:relative;overflow:hidden;z-index:1;transition:.5s;transition-duration:1s}
@media (max-width: 767px) {
.btn-yellow-lg{height:50px;line-height:50px;padding:0 25px}
}
.btn-yellow-lg::after{background-color:var(--whiteColor);border-radius:100px;bottom:-100%;content:"";left:0;position:absolute;right:0;top:-100%;width:100%;transform:scaleY(0);transform-origin:bottom;transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.14,0,0,1.01);will-change:transform;z-index:-1}
.btn-yellow-lg:hover{background-color:transparent;color:var(--colorblack)}
.btn-yellow-lg:hover::after{transform:scaleY(1);transform-origin:top}
.btn-yellow-lg.yellow-bg{background-color:#F8FF35}
.btn-yellow-border{height:60px;line-height:57px;padding-left:38px;padding-right:28px;border-radius:100px;border:2px solid var(--coloryellow-3);color:var(--coloryellow-3);font-size:16px;position:relative;overflow:hidden;z-index:1;display:inline-block;font-weight:600;font-size:16px;transition:.3s}
.btn-yellow-border i{padding-left:60px;position:relative;z-index:5;color:var(--colorblack);font-size:22px;transform:translateY(2px)}
.btn-yellow-border::before{content:"";position:absolute;right:0;top:0;height:100%;width:60px;background:var(--coloryellow-3);z-index:-1;transition:.3s}
.btn-yellow-border:hover{color:var(--colorblack);border:2px solid #F8FF35}
.btn-yellow-border:hover::before{width:100%;background:#F8FF35} */

.tp-btn-service{height:40px;line-height:35px;border:1.5px solid #ffffff1a;color:var(--coloryellow-3);border-radius:20px;display:inline-block;position:relative;z-index:1;padding:0 30px;font-weight:600;font-size:15px;transition:.3s}
.tp-btn-service:hover{background-color:var(--coloryellow-3);color:var(--colorblack);border-color:var(--coloryellow-3)}
.tp-btn-grey{height:60px;line-height:60px;color:var(--colorblack);border-radius:30px;display:inline-block;position:relative;z-index:1;padding:0 35px;font-weight:600;font-size:16px;background:var(--whiteColor);transition:.3s;transition-duration:1s;overflow:hidden}
@media (max-width: 767px) {
.tp-btn-grey{height:50px;line-height:50px;padding:0 25px}
}
.tp-btn-grey::after{background-color:var(--colorblack);border-radius:100px;bottom:-100%;content:"";left:0;position:absolute;right:0;top:-100%;width:100%;transform:scaleY(0);transform-origin:bottom;transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.14,0,0,1.01);will-change:transform;z-index:-1}
.tp-btn-grey:hover{background-color:transparent;color:var(--whiteColor)}
.tp-btn-grey:hover::after{transform:scaleY(1);transform-origin:top}
.tp-btn-purple{height:40px;line-height:38px;color:var(--colorblack);border-radius:30px;display:inline-block;position:relative;z-index:1;padding:0 35px;font-weight:600;font-size:14px;background:#F7F9FB;transition:.3s}
.tp-btn-purple:hover{color:var(--whiteColor);background:#6B14FA}
.tp-btn-purple-lg{height:60px;line-height:60px;color:var(--whiteColor);background:#6B14FA;border-radius:30px;display:inline-block;position:relative;z-index:1;padding:0 35px;font-weight:600;font-size:16px;transition:.3s}
.tp-btn-purple-lg:hover{color:var(--whiteColor);background:#6B14FA}
.btn-yellow-solid{height:60px;line-height:60px;color:var(--colorblack);background:#DDFF7B;border-radius:30px;display:inline-block;position:relative;z-index:1;padding:0 35px;font-weight:600;font-size:16px;transition:.3s;overflow:hidden}
.btn-yellow-solid.circle-effect{position:relative}
.btn-yellow-solid.circle-effect::after{background-color:var(--whiteColor);border-radius:95px;bottom:-100%;content:"";left:0;position:absolute;right:0;top:-100%;width:100%;transform:scaleY(0);transform-origin:bottom;transition-duration:1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.14,0,0,1.01);will-change:transform;z-index:-1}
.btn-yellow-solid:hover{color:var(--colorblack);background:#DDFF7B}
.btn-yellow-solid:hover.circle-effect::after{transform:scaleY(1);transform-origin:top}
.tp-btn-hover{position:relative;z-index:2;overflow:hidden}
.tp-btn-hover b{position:absolute;width:0;height:0;background-color:var(--colorblack);border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .7s ease;transition:all .7s ease;z-index:1}
.tp-btn-hover:hover b{width:400px;height:400px;display:inline-block}
.tp-btn-hover.alt-color b{background-color:var(--tp-theme-1)}
.tp-btn-hover.alt-color-black b{background-color:var(--colorblack)}
.tp-btn-hover.alt-color-white b{background-color:var(--whiteColor)}
.tp-btn-price{display:inline-block;background:#5956e914;color:var(--colorblue);height:45px;line-height:45px;border-radius:30px;padding:0 35px;font-size:15px;font-weight:600;text-align:center;text-transform:capitalize;position:relative;overflow:hidden;z-index:1;transition:.5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.submit-btn{background-color:var(--colorblue-4);text-align:center;height:55px;padding:0 20px;display:inline-block;line-height:55px;color:var(--whiteColor);font-weight:600;font-size:16px}
.submit-btn:hover{color:var(--whiteColor)}
.signin-btn{background-color:var(--colorblue-4);text-align:center;height:55px;padding:0 100px;display:inline-block;line-height:55px;color:var(--whiteColor);font-weight:600;font-size:16px;border-radius:12px}
.signin-btn:hover{background-color:#6c14fa;color:var(--whiteColor)}
.tp-btn-inner{display:inline-block;background:var(--colorblue-4);color:var(--whiteColor);height:50px;line-height:50px;border-radius:30px;padding:0 35px;font-size:15px;font-weight:600;text-align:center;text-transform:capitalize;position:relative;overflow:hidden;z-index:1;transition:.5s}
.tp-btn-inner.white-bg:hover{transform:translateY(-2px);box-shadow:0 8px 24px 0 #1976294d}
.tp-btn-inner span{position:relative;z-index:5;transition:.3s;transition-delay:.3s;color:var(--whiteColor);display:inline-block;transform:translateY(-2px)}
.tp-btn-inner:hover span{color:var(--whiteColor);transition-delay:.1s}
.tp-btn-inner-border{display:inline-block;color:var(--whiteColor);height:40px;line-height:36px;border-radius:30px;padding:0 30px;font-size:15px;font-weight:600;text-align:center;position:relative;overflow:hidden;z-index:1;transition:.5s;border:1.5px solid #fff3;border-radius:30px}
.tp-btn-inner-border i{padding-left:7px;transform:rotate(45deg) translateY(-3px)}
.tp-btn-inner-border:hover{color:var(--coloryellow-3)}
@-webkit-keyframes pulse {
0%{-webkit-box-shadow:0 0 0 0 #fff6}
70%{-webkit-box-shadow:0 0 0 45px #fff0}
100%{-webkit-box-shadow:0 0 0 0 #fff0}
}
@keyframes pulse {
0%{-moz-box-shadow:0 0 0 0 #fff6;box-shadow:0 0 0 0 #fff6}
70%{-moz-box-shadow:0 0 0 45px #fff0;box-shadow:0 0 0 45px #fff0}
100%{-moz-box-shadow:0 0 0 0 #fff0;box-shadow:0 0 0 0 #fff0}
}
@keyframes section_stroke {
0%{stroke-dashoffset:560}
50%{stroke-dashoffset:0}
100%{stroke-dashoffset:-560}
}
@keyframes section-animation {
0%{width:0}
15%{width:100%}
85%{opacity:1}
90%{width:100%;opacity:0}
to{width:0;opacity:0}
}
@keyframes about-sm {
100%{transform:translateY(60px);transform:translateY(50px)}
}
@keyframes hero-thumb-animation {
0%{transform:translateY(-20px)}
100%{transform:translateY(0px)}
}
@keyframes tpleftright {
0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes tprotate {
0%{transform:rotateY(0deg)}
100%{transform:rotateY(360deg)}
}
@keyframes tptranslateY2 {
0%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}
}
@-webkit-keyframes dash {
to{stroke-dashoffset:0}
}
@keyframes dash {
to{stroke-dashoffset:0}
}
@-webkit-keyframes lineDash {
0%{stroke-dashoffset:0}
100%{stroke-dashoffset:1000}
}
@keyframes lineDash {
0%{stroke-dashoffset:0}
100%{stroke-dashoffset:1000}
}
@-webkit-keyframes lineDash-2 {
0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-1000}
}
@keyframes lineDash-2 {
0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-1000}
}
@keyframes scroll {
0%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
}
@keyframes RL_smooth {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slide_up_down {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes tptranslateX2 {
0%{-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px)}
100%{-webkit-transform:translatXY(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes rotate-center {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scale_up_down {
0%{-webkit-transform:scale(0.9);transform:scale(0.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes dash {
to{stroke-dashoffset:0;stroke-dasharray:3000}
}
@keyframes tpupdown {
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}
}
@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 borderanimate2 {
0%{transform:translate(-50%,-50%) scale(0.8)}
60%{opacity:1}
100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}
}
@keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@keyframes moving {
0%{transform:translatey(0px)}
25%{transform:translatex(20px)}
50%{transform:translatey(-20px)}
75%{transform:translatex(-20px)}
100%{transform:translatey(0px)}
}
@keyframes about-circle {
0%{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}
100%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes services-triangle {
0%{-webkit-transform:rotate(0deg) translateX(-50px);-moz-transform:rotate(0deg) translateX(-50px);-ms-transform:rotate(0deg) translateX(-50px);-o-transform:rotate(0deg) translateX(-50px);transform:rotate(0deg) translateX(-50px)}
100%{-webkit-transform:rotate(360deg) translateY(100px);-moz-transform:rotate(360deg) translateY(100px);-ms-transform:rotate(360deg) translateY(100px);-o-transform:rotate(360deg) translateY(100px);transform:rotate(360deg) translateY(100px)}
}
@keyframes hero-3-dot-2 {
0%{transform:translateY(-50px)}
100%{transform:translateY(0px)}
}
@keyframes tfLeftToRight {
49%{transform:translateX(30%)}
50%{opacity:0;transform:translateX(-30%)}
51%{opacity:1}
}
@keyframes tfLeftToRight2 {
0%{transform:translateX(30%) translateY(1px)}
49%{transform:translateX(30%) translateY(1px)}
50%{opacity:0;transform:translateX(-30%) translateY(1px)}
51%{opacity:1}
}
@keyframes rotate2 {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes rotate3 {
from{transform:rotateZ(0deg)}
to{transform:rotateZ(360deg)}
}
@keyframes circle-animations {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes moving {
0%{transform:translatey(0px)}
20%{transform:translateX(-50px)}
50%{transform:translatey(-40px)}
100%{transform:translatey(0px)}
}
@keyframes leftright {
0%{transform:translatex(0)}
50%{transform:translateX(100%)}
100%{transform:translateX(0)}
}
@keyframes movinglight {
0%{transform:translatey(0px)}
20%{transform:translateX(-70px)}
50%{transform:translatey(-70px)}
100%{transform:translatey(0px)}
}
@keyframes movinglight2 {
0%{transform:translatey(0px)}
20%{transform:translateX(70px)}
50%{transform:translatey(70px)}
100%{transform:translatey(0px)}
}
@keyframes movingtop {
0%{transform:translatey(0px)}
20%{transform:translatey(70px)}
50%{transform:translatey(-70px)}
100%{transform:translatey(0px)}
}
@keyframes circle-animation {
0%{right:0}
50%{right:100%}
100%{right:0}
}
@keyframes section_stroke {
0%{stroke-dashoffset:560}
50%{stroke-dashoffset:560}
to{stroke-dashoffset:0}
}
@keyframes headerSlideDown {
0%{margin-top:-150px}
100%{margin-top:0}
}
@keyframes movingleftright1 {
0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}
40%{-webkit-transform:translateX(50px) translateY(-50px);transform:translateX(50px) translateY(-50px)}
75%{-webkit-transform:translateX(200px);transform:translateX(200px)}
100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}
}
@keyframes circle-animation-2 {
0%{left:0}
50%{left:100%}
100%{left:0}
}
@keyframes scroll1 {
0%{top:0}
50%{top:95%}
100%{top:0}
}
@keyframes movingX {
0%{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}
50%{-webkit-transform:translateY(calc(100vh - 100%));transform:translateY(calc(100vh - 100%))}
51%{-webkit-transform:translateY(calc(100vh - 100%)) rotateX(180deg);transform:translateY(calc(100vh - 100%)) rotateX(180deg)}
100%{-webkit-transform:translateY(0) rotateX(180deg);transform:translateY(0) rotateX(180deg)}
}
@keyframes tracking-in-contract-bck {
0%{letter-spacing:20px;-webkit-transform:translateZ(150px);transform:translateZ(150px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes tracking-in-contract-bck-2 {
0%{letter-spacing:20px;-webkit-transform:translateZ(150px) translateY(150px);transform:translateZ(150px) translateY(150px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes animationglob {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes zoom {
0%{transform:scale(0.7)}
50%{transform:scale(1)}
100%{transform:scale(0.7)}
}
@keyframes sliderShape {
0%,100%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(0.01deg)}
34%{border-radius:36% 64% 41% 59%/54% 41% 59% 46%;transform:translate3d(1px,5px,2px) rotateZ(0.01deg)}
50%{transform:translate3d(0,0,0) rotateZ(0.01deg)}
67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(-1px,-3px,-2px) rotateZ(0.01deg)}
}
@keyframes zoom2 {
0%{transform:scale(0.9)}
50%{transform:scale(1)}
100%{transform:scale(0.9)}
}
@keyframes wobble-vertical {
10%{transform:translateY(-10px)}
50%{transform:skew(15deg)}
80%{transform:rotate(10deg)}
100%{transform:translate(0)}
}
@-webkit-keyframes section-highlight {
0%{width:0}
100%{width:100%}
}
@-moz-keyframes section-highlight {
0%{width:0}
100%{width:100%}
}
@-ms-keyframes section-highlight {
0%{width:0}
100%{width:100%}
}
@keyframes section-highlight {
0%{width:0}
100%{width:100%}
}
@keyframes widthcalc {
0%{width:20%}
50%{width:50%}
75%{width:90%}
90%{opacity:75%;opacity:100%}
}
@keyframes bounceRight {
0%,20%,50%,80%,100%{-ms-transform:translateY(0);transform:translateY(0)}
40%{-ms-transform:translateY(-35px);transform:translateY(-35px)}
60%{-ms-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes icon-bounce {
0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
60%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes light-one {
0%{opacity:1}
25%{opacity:.4}
50%{opacity:.6}
75%{opacity:.8}
100%{opacity:1}
}
.dark #preloader{background-color:var(--tp-theme-1)}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f7f7f7;z-index:999999}
.preloader{width:50px;height:50px;display:inline-block;padding:0;text-align:left;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}
.preloader span{position:absolute;display:inline-block;width:50px;height:50px;border-radius:100%;background:var(--tp-theme-1);-webkit-animation:preloader 1.3s linear infinite;animation:preloader 1.3s linear infinite}
.preloader span:last-child{animation-delay:-.9s;-webkit-animation-delay:-.9s}
@keyframes preloader {
0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
@-webkit-keyframes preloader {
0%{-webkit-transform:scale(0,0);opacity:.5}
100%{-webkit-transform:scale(1,1);opacity:0}
}
.scroll-top{width:50px;height:50px;line-height:50px;position:fixed;bottom:-10%;right:50px;font-size:16px;border-radius:6px;z-index:9;color:var(--whiteColor);text-align:center;cursor:pointer;background:var(--colorblack);transition:1s ease;border:none}
.scroll-top.open{bottom:80px}
.grey-bg{background:var(--tp-grey-7)}
.grey-bg-2{background:var(--tp-grey-6)}
.grey-bg-3{background:var(--tp-grey-8)}
.white-bg{background:var(--whiteColor)}
.black-bg{background:var(--colorblack)}
.theme-bg{background:var(--tp-theme-1)}
.theme-bg-3{background:var(--tp-theme-3)}
.blue-bg{background:var(--colorblue-2)}
.blue-bg-2{background:var(--colorblue-4)}
.green-bg{background:var(--colorgreen)}
.swiper-slide-active .blog-grid-slider-meta{-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:.4s;animation-duration:.4s}
.swiper-slide-active .blog-grid-slider-title{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.5s;animation-duration:.5s}
.swiper-slide-active .blog-grid-slider-title-box p{-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-duration:.7s;animation-duration:.7s}
.swiper-slide-active .blog-grid-avata-box{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-duration:.9s;animation-duration:.9s}
.swiper-slide-active .blog-grid-slider-meta,.swiper-slide-active .blog-grid-slider-title,.swiper-slide-active .blog-grid-slider-title-box p,.swiper-slide-active .blog-grid-avata-box{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.body-overlay{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:#18181899;visibility:hidden;opacity:0;transition:.45s ease-in-out}
.body-overlay.apply{opacity:1;visibility:visible}
.body-overlay:hover{cursor:url(../img/cross-out.html),pointer}
.tp-instagram img{width:100%}
.tpoffcanvas{background-position:center;background-size:cover;background-repeat:no-repeat;position:fixed;top:0;right:-100%;width:480px;bottom:0;box-shadow:0 16px -32px 0 #000c;background-color:var(--colorblack);z-index:9999;padding:50px;scrollbar-width:none;opacity:0;visibility:hidden;transition:.45s ease-in-out;overflow-y:scroll}
.tpoffcanvas.opened{opacity:1;visibility:visible}
@media (max-width: 767px) {
.tpoffcanvas{width:300px;padding:40px 35px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tpoffcanvas{width:400px;padding:40px}
}
.tpoffcanvas.opened{right:0;-webkit-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition-duration:.6s}
.tpoffcanvas__close-btn button{position:absolute;right:0;top:0;transition:1s;-webkit-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition:all .4s cubic-bezier(0.785,0.135,0.15,0.86);transition-duration:.3s;height:50px;width:50px;background-color:var(--whiteColor);color:var(--colorblack)}

.tpoffcanvas__content{margin-bottom:30px}
.tpoffcanvas__content p{font-size:16px;color:#fff;font-weight:400;line-height:1.6;margin-bottom:25px}
.tpoffcanvas__content span{color:#fff;font-size:18px;font-weight:500;margin-bottom:5px;display:inline-block}
.tpoffcanvas__content a{font-size:30px;line-height:51px;font-weight:700;color:var(--whiteColor);display:inline-block}
@media (max-width: 767px) {
.tpoffcanvas__content a{font-size:27px}
}

.tpoffcanvas__info{margin-bottom:40px}
.tpoffcanvas__info .offcanva-title{color:var(--whiteColor);padding-bottom:5px}
.tpoffcanvas__info a{color:#fff9;line-height:1.2}
.mobile-menu.mean-container{margin-bottom:50px}
.offcan-social-title{color:#fff;font-size:18px;font-weight:500;margin-bottom:15px;display:inline-block}
.tpoffcanvas-social{height:100%;display:flex;flex-direction:column}
.about-shape-1{position:absolute;top:10%;left:0}
.about-shape-2{position:absolute;top:0;right:0}
.about-banner{background-color:#600EE4;height:540px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-banner{height:580px}
}
@media (max-width: 767px) {
.about-banner{height:400px}
}
.about-banner-title{font-style:normal;font-weight:600;font-size:110px;line-height:1.2;letter-spacing:-.02em;color:var(--whiteColor);position:relative;z-index:-1;margin-top:190px;display:inline-block;margin-left:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-banner-title{font-size:90px;margin-top:150px}
}
@media (max-width: 767px) {
.about-banner-title{font-size:50px;margin-left:50px;margin-top:132px}
}
.about-img-height{min-height:620px;background-repeat:no-repeat;background-size:cover;border-radius:30px;margin-top:-215px;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-img-height{min-height:550px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about-img-height{min-height:550px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-img-height{min-height:400px;margin-top:-320px}
}
@media (max-width: 767px) {
.about-img-height{min-height:300px;margin-top:-200px}
}
.about-img-title{font-style:normal;font-weight:600;font-size:110px;line-height:1.2;letter-spacing:-.02em;color:#600EE4;margin-left:100px;margin-top:-140px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about-img-title{font-size:90px;margin-top:-115px}
}
@media (max-width: 767px) {
.about-img-title{font-size:50px;margin-left:50px;margin-top:-67px}
}
.breadcrumb__shape-1{position:absolute;top:50%;transform:translateY(-50%);left:0}
.breadcrumb__shape-2{position:absolute;top:0;right:0}
.breadcrumb__sub-img{position:absolute;top:35px;right:-5px}
.breadcrumb-height{padding-top:115px;padding-bottom:35px}
.breadcrumb-height-2{padding-top:105px;padding-bottom:80px}
.breadcrumb-height-3{padding-top:125px;padding-bottom:290px}
.breadcrumb-ptb-3{padding-top:155px;padding-bottom:40px}
.breadcrumb-ptb-3 .breadcrumb__content{margin-top:25px}
.breadcrumb-ptb-4{padding-top:190px;padding-bottom:260px}
@media (max-width: 767px) {
.breadcrumb-ptb-4{padding-top:150px;padding-bottom:240px}
}
.breadcrumb-ptb-5{padding-top:180px;padding-bottom:305px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.breadcrumb-ptb-5{padding-left:100px;padding-right:100px}
}
.breadcrumb-overlay{position:relative}
.breadcrumb-overlay::after{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background:#e5aeff33;backdrop-filter:blur(130px)}
.breadcrumb-overlay .breadcrumb__text p{color:#5f6168b3}
.breadcrumb__content{margin-top:60px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb__content{transform:translateY(20px)}
}
@media (max-width: 767px) {
.breadcrumb__content{margin-bottom:30px}
}
.breadcrumb__client-info span{font-weight:500;font-size:14px;line-height:12px;text-align:center;letter-spacing:.06em;color:#fff9;margin-bottom:15px;display:inline-block}
.breadcrumb__client-info p{font-weight:600;font-size:18px;line-height:24px;color:var(--whiteColor);margin-bottom:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcrumb__client-info p{font-size:15px}
}
.breadcrumb__text p{font-weight:500;font-size:17px;line-height:26px;text-align:center;color:#ffffffb3}
@media (max-width: 767px) {
.breadcrumb__text p br{display:none}
}
.breadcrumb__text span{font-weight:600;font-size:14px;line-height:12px;text-transform:uppercase;color:#fff9;padding-bottom:10px;display:inline-block}
.breadcrumb__img{display:inline-block}
.breadcrumb__title{font-weight:700;font-size:70px;line-height:1.1;letter-spacing:-.02em;color:#FFF;padding-bottom:12px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcrumb__title{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb__title{font-size:55px}
}
@media (max-width: 767px) {
.breadcrumb__title{font-size:40px;line-height:1.2}
}
.breadcrumb__list{display:inline-block}
.breadcrumb__list span{font-weight:600;font-size:17px;line-height:24px;color:#FFF}
@media (max-width: 767px) {
.breadcrumb__list span{font-size:15px}
}
.breadcrumb__list span.child-one{color:#ffffffb3;font-weight:400}
.breadcrumb__list span.dvdr i{font-weight:400;font-size:17px;line-height:16px;color:#ffffffb3;padding:0 8px;transform:translateY(1px)}
.pd-border-right{border-right:1px solid #ffffff1a}
.pd-border-right .space-left-2{padding-left:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pd-border-right .space-left-2{padding-left:30px}
}
@media (max-width: 767px) {
.pd-border-right .space-left-2{padding-left:0}
}
.pd-border-right .space-left-3{padding-left:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pd-border-right .space-left-3{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pd-border-right .space-left-3{padding-left:0}
}
@media (max-width: 767px) {
.pd-border-right .space-left-3{padding-left:0}
}
.pd-border-right .space-left-4{padding-left:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pd-border-right .space-left-4{padding-left:30px}
}
@media (max-width: 767px) {
.pd-border-right .space-left-4{padding-left:0}
}
.breadcrumb-height-3 .container .row [class*=col-]:last-child{border-right:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb-height-3 .container .row [class*=col-]:nth-child(2){border-right:none}
}
@media (max-width: 767px) {
.breadcrumb-height-3 .container .row [class*=col-]{border-right:none}
}
.breadcrumb__shape-3{position:absolute;bottom:12%;left:8%;-moz-animation:circle-animations 3s ease-in-out 1s forwards infinite alternate;-webkit-animation:circle-animations 3s ease-in-out 1s forwards infinite alternate;animation:circle-animations 3s ease-in-out 1s forwards infinite alternate}
.breadcrumb__shape-4{position:absolute;bottom:12%;left:9%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb__shape-4{bottom:50%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.breadcrumb__content-wrap{padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.breadcrumb__content-wrap{padding-left:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breadcrumb__content-wrap{padding-left:50px}
}
.tp-custom-accordion .accordion-items{border-bottom:1px solid #EBECF0;padding:0 20px;position:relative;transition:.3s}
.tp-custom-accordion .accordion-items.tp-faq-active{box-shadow:0 20px 20px #03041c14;border-radius:0 0 20px 20px}
.tp-custom-accordion .accordion-items.boxsadow{box-shadow:none;border-radius:none}
.tp-custom-accordion .accordion-buttons{position:relative;width:100%;font-weight:600;font-size:22px;line-height:20px;font-family:var(--font3);text-align:left;padding:35px 0}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-buttons{font-size:14px}
}
.tp-custom-accordion .accordion-buttons .accordion-btn{position:absolute;top:50%;transform:translateY(-50%);right:0;display:inline-block;width:26px;height:26px;border:1px solid #C0C2C8;border-radius:50%;transition:.3s}
.tp-custom-accordion .accordion-buttons .accordion-btn::after{position:absolute;content:"";width:12px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#525258;border-radius:2px}
.tp-custom-accordion .accordion-buttons .accordion-btn::before{position:absolute;content:"";width:2px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#525258;border-radius:2px;transition:.4s}
.tp-custom-accordion .accordion-buttons:not(.collapsed){padding-bottom:22px}
.tp-custom-accordion .accordion-buttons:not(.collapsed) .accordion-btn{border-color:var(--colorblack)}
.tp-custom-accordion .accordion-buttons:not(.collapsed) .accordion-btn::before{transform:translate(-50%,-50%) rotate(90deg)}
.tp-custom-accordion .accordion-body{padding:0 0 40px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;font-family:var(--font3);padding-right:35px}
@media (max-width: 767px) {
.tp-custom-accordion .accordion-body{font-size:13px;padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-custom-accordio-2{margin-bottom:50px}
}
@media (max-width: 767px) {
.tp-custom-accordio-2{margin-bottom:50px}
}
.tp-custom-accordio-2 .accordion-items{margin-bottom:15px;background:#F7F9FB;border-radius:16px}
.tp-custom-accordio-2 .accordion-buttons{position:relative;width:100%;text-align:left;padding:30px 35px;font-weight:500;font-size:22px;line-height:20px;background:#F7F9FB;border-radius:16px}
@media (max-width: 767px) {
.tp-custom-accordio-2 .accordion-buttons{font-size:19px}
}
.tp-custom-accordio-2 .accordion-buttons::after{position:absolute;content:"\f106";font-family:"Font Awesome 5 Pro";background-image:none;top:25px;right:35px;width:auto;height:auto;font-weight:700;font-size:20px;opacity:1;height:30px;width:30px;line-height:27px;background-color:var(--colorblue);color:var(--whiteColor);text-align:center;border-radius:50%;transform:rotate(180deg);transition:.5s;font-weight:300}
.tp-custom-accordio-2 .accordion-buttons.collapsed::after{background-color:var(--colorblack);color:var(--whiteColor);transform:rotate(90deg)}
.tp-custom-accordio-2 .accordion-body{padding:40px 35px;padding-top:0;position:relative;z-index:1;font-weight:400;font-size:17px;line-height:28px;color:#595B62}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-custom-accordio-2 .accordion-body{font-size:14px;line-height:23px;padding:30px 35px;padding-top:15px}
}
@media (max-width: 767px) {
.tp-custom-accordio-2 .accordion-body{font-size:15px;line-height:24px}
}
.tp-inner-font .accordion-items button{font-family:var(--font1)}
.tp-inner-font .accordion-items .accordion-body{font-family:var(--font1)}


.tp-section-title{font-weight:700;font-size:50px;line-height:1.2}
.tp-section-title span{color:var(--tp-theme-3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title{font-size:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title{font-size:40px}
.tp-section-title br{display:none}
}
@media (max-width: 767px) {
.tp-section-title{font-size:33px}
}
.tp-section-title-lg{font-weight:600;font-size:50px;line-height:1.1;letter-spacing:-.04em;font-family:var(--font3)}
.tp-section-title-lg span{color:var(--tp-theme-1)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-section-title-lg{font-size:55px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-lg{font-size:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-lg{font-size:40px}
}
@media (max-width: 767px) {
.tp-section-title-lg{font-size:32px}
.tp-section-title-lg br{display:none}
}
.tp-section-title-3{font-family:var(--font4);font-weight:700;font-size:58px;line-height:1.1;margin-bottom:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-3{font-size:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-3{font-size:53px}
}
@media (max-width: 767px) {
.tp-section-title-3{font-size:35px}
.tp-section-title-3 br{display:none}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-section-title-3{font-size:38px}
.tp-section-title-3 br{display:none}
}
.tp-section-title-3 span{font-family:"DM Serif Display";font-style:italic;font-weight:400}
.tp-section-title-4{font-weight:700;font-size:60px;line-height:1.1;color:var(--whiteColor)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-4{font-size:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-4{font-size:50px}
}
@media (max-width: 767px) {
.tp-section-title-4{font-size:40px}
}
.tp-section-title-5{font-weight:200;font-size:50px;line-height:1.2;color:var(--whiteColor);letter-spacing:-.03em}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-5{font-size:42px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-5 br{display:none}
}
@media (max-width: 767px) {
.tp-section-title-5{font-size:35px}
.tp-section-title-5 br{display:none}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-section-title-5 br{display:none}
}
.tp-section-title-5 span{font-weight:700}
.tp-section-title-5 i{font-style:normal;overflow:hidden;display:inline-block}
.tp-section-title-5 i i.child-2{transform:translateY(0px);opacity:1;display:inline-block;padding-bottom:20px}
.tp-section-subtitle{font-weight:600;font-size:13px;line-height:14px;color:var(--colorblue);background:#5956e90d;border-radius:30px;display:inline-block;padding:10px 17px;margin-bottom:8px;text-transform:uppercase}
.inner-section-subtitle{font-weight:500;font-size:14px;letter-spacing:.06em;color:#6B14FA;padding-bottom:10px;display:inline-block;text-transform:uppercase}
.tp-section-subtitle-2{font-weight:500;font-size:16px;line-height:20px;color:var(--colorblack);border-bottom:2px solid var(--tp-theme-2);font-family:var(--font3);display:inline-block}
.tp-section-subtitle-4{font-weight:700;font-size:14px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--coloryellow-3);display:inline-block}
.tp-section-subtitle-4::before{content:"";height:1.5px;width:20px;background-color:var(--coloryellow-3);display:inline-block;transform:translateY(-5px);margin-right:10px}
.tp-section-subtitle-4.both{position:relative}
.tp-section-subtitle-4.both::before{content:"";height:1.5px;width:20px;background-color:var(--coloryellow-3);display:inline-block;transform:translateY(-5px);margin-right:10px}
.tp-section-subtitle-4.both::after{content:"";height:1.5px;width:20px;background-color:var(--coloryellow-3);display:inline-block;transform:translateY(-5px);margin-left:10px}
.tp-section-subtitle-5{font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--whiteColor);padding-bottom:15px;display:inline-block}
.tp-orange-color{transition:.3s;display:inline-block}
.tp-orange-color:hover{color:var(--colororange)}
.tp-theme-color{transition:.3s;display:inline-block}
.tp-theme-color:hover{color:var(--tp-theme-1)}
.tp-green-color{transition:.3s;display:inline-block}
.tp-green-color:hover{color:var(--colorgreen)}
.tp-purple-color{transition:.3s;display:inline-block}
.tp-purple-color:hover{color:var(--colorpurple)}
.tp-yellow-color{transition:.3s;display:inline-block}
.tp-yellow-color:hover{color:var(--coloryellow)}
.bbbbb{position:absolute;top:0;left:0;height:100%;width:100%}
.mobile-menu.mean-container{overflow:hidden}
@media (max-width: 767px) {
.mobile-menu.mean-container{margin-bottom:30px}
}
.mobile-menu .sidebar-list{clear:both}
.mobile-menu .sidebar-list li{position:relative;padding-left:20px;margin-bottom:5px;color:var(--whiteColor)}
.mobile-menu .sidebar-list li::after{top:10px;left:0;width:6px;height:6px;border-radius:50%;border:1px solid #c00;background-color:transparent;content:"";display:inline-block;position:absolute}
.mobile-menu .tp-sidebar-social{margin-top:20px}
.mobile-menu .tp-sidebar-social a{margin-right:5px;background-color:var(--tp-theme-primary);color:#fff;display:inline-block;width:35px;height:35px;text-align:center;font-size:14px;line-height:34px}
.sidebar-title h3{color:var(--whiteColor)}
.mean-container a.meanmenu-reveal{display:none}
.mean-container .mean-nav{background:none;margin-top:0}
.mean-container .mean-bar{padding:0;min-height:auto;background:none}
.mean-container .mean-nav > ul{padding:0;margin:0;width:100%;list-style-type:none;display:block!important}
.mean-container a.meanmenu-reveal{display:none!important}
.mean-container .mean-nav ul li a{width:100%;padding:15px 0;color:#fff;border-top:1px solid #ffffff1a;font-size:14px;line-height:1.5;font-weight:700}
.mean-container .mean-nav ul li a:hover{color:var(--tp-theme-3)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:10px;padding:0!important;line-height:14px;border:1px solid #ffffff1a!important;height:30px;width:30px;line-height:30px;color:#fff;line-height:30px;top:0;}
.mean-container .mean-nav ul li a.mean-expand:hover{color:var(--tp-theme-2);border-color:#888}
.mean-container .mean-nav ul li > a > i{display:none}
.mean-container .mean-nav ul li > a.mean-expand i{display:inline-block}
.mean-container .mean-nav > ul > li:first-child > a{border-top:0}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked{color:var(--tp-theme-2)}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked svg{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);color:var(--whiteColor)}
.header-top__space{padding:20px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-top__space{padding:20px 0;padding-left:60px;padding-right:60px}
}
.header-top__link span{font-weight:500;font-size:14px;line-height:1.1;color:var(--colorblack);margin-right:5px}
.header-top__link span i{font-style:normal;color:var(--grey-1)}
.header-top__link a{height:23px;width:23px;line-height:20px;border-radius:50%;text-align:center;display:inline-block;background-color:var(--colorblue)}
.header-top__link a:hover{background-color:var(--tp-theme-1)}
.header-top__link a svg{margin-left:2px}
.header-top__support span{font-weight:400;font-size:14px;line-height:10px}
.header-top__support span a{color:var(--colorblack);font-weight:500}
.header-top__support span a:hover{color:var(--colorred)}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header__space{padding:15px 0}
}
.header-bottom__area-2.header-sticky{position:fixed;top:0;left:0;right:0;background-color:#fff;opacity:1;visibility:visible;width:100%;box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px;animation:.95s ease 0s normal forwards 1 running headerSlideDown;z-index:999}
.header-bottom__area-2.header-sticky .btn-white{box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px}
.header-bottom__area-2.header-sticky .header-bottom__main-menu > nav > ul > li > a{padding:30px 0}
.header-bottom__area-2.header-sticky .header-bottom__bar{box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px}
.header-blur.header-sticky{position:fixed;top:0;left:0;right:0;opacity:1;visibility:visible;width:100%;animation:600ms ease-in-out 0s normal none 1 running tpfadeInDown;background-color:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 3px #03041c1f;z-index:999}
.header-blur.header-sticky.header-bottom__plr-4{border:none}
.header-bottom__plr-5.header-sticky{position:fixed;top:0;left:0;right:0;background-color:var(--whiteColor);opacity:1;visibility:visible;width:100%;animation:600ms ease-in-out 0s normal none 1 running tpfadeInDown;z-index:999;box-shadow:#959da533 0 8px 24px}
.header-bottom__plr-5.header-sticky .header-bottom__main-menu-5 nav > ul > li > a{padding:31px 0}
.header-sticky-bg-2.header-sticky{position:fixed;top:0;left:0;right:0;background-color:var(--whiteColor);opacity:1;visibility:visible;width:100%;box-shadow:0 4px 10px #03041c1a;animation:600ms ease-in-out 0s normal none 1 running tpfadeInDown;z-index:999}
.header-sticky-bg-2.header-sticky .black-logo{display:block}
.header-sticky-bg-2.header-sticky .white-logo{display:none}

.header-sticky-bg-2.header-sticky .header-bottom__main-menu-inner ul li a{color:var(--colorblack)}
.header-sticky-bg-2.header-sticky .header-bottom__bar{box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px}
.header-sticky-bg-2.header-sticky .header-bottom__main-menu-4 ul li a{color:var(--colorblack)}
.header-sticky-bg-2.header-sticky .tp-header-2__main-menu > nav > ul > li > a{color:var(--colorblack);padding:31px 0}
.header-sticky-bg-2.header-sticky .tp-header-2__right .headCall{color:var(--colorblack)}
.header-sticky-bg-2.header-sticky .tp-header-2__right .headCall:hover{color:#57B639}
.header-sticky-bg-2.header-sticky .btn-white{box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px}
.header-sticky-bg-2.header-sticky .header-bottom__action-4 a svg{color:var(--colorblack)}
.header-sticky-bg-2.header-sticky .header-bottom__action-4 a span{color:var(--colorblack)}
.black-logo{display:none}
.header-bottom__lang > ul > li{position:relative;list-style:none}
.header-bottom__lang > ul > li > a{display:flex;align-items:center;height:32px;padding:0 5px 0 15px;border-radius:30px;font-weight:700;font-size:14px;color:var(--whiteColor);line-height:0}
.header-bottom__lang > ul > li > a svg.child-1{margin-right:7px}
.header-bottom__lang > ul > li > a svg.child-2{margin-left:10px;transition:.4s}
.header-bottom__lang-submenu{position:absolute;top:140%;left:0;width:120px;background:var(--whiteColor);z-index:9;box-shadow:0 30px 70px 6px #0b064614;padding:15px 20px;border-radius:4px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.header-bottom__lang-submenu li{list-style:none;margin-bottom:15px}
.header-bottom__lang-submenu li:last-child{margin-bottom:0}
.header-bottom__lang-submenu li:hover{color:var(--tp-text-primary)}
.header-bottom__lang-submenu.open{top:100%;opacity:1;visibility:visible}
.header-bottom__transparent{position:absolute;left:0;right:0}
.header-bottom__plr-4{padding:0 315px;border-bottom:1px solid #ffffff1a}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.header-bottom__plr-4{padding:0 230px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.header-bottom__plr-4{padding:0 120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-bottom__plr-4{padding:0 15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__plr-4{padding:0 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header-bottom__plr-4{padding:15px}
}
.header-bottom__plr-5{padding:0 315px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.header-bottom__plr-5{padding:0 230px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.header-bottom__plr-5{padding:0 120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-bottom__plr-5{padding:0 60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__plr-5{padding:0 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header-bottom__plr-5{padding:15px}
}
.header-bottom__bdr{border-bottom:1px solid #ffffff1a}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header-bottom__bdr{padding:15px 0}
}
.header-bottom__main-menu nav ul{margin-left:-45px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu nav ul{margin-left:-2px}
}
.header-bottom__main-menu nav ul li{display:inline-block;margin:0 17px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu nav ul li{margin:0 12px}
}
.header-bottom__main-menu nav ul li:hover a{color:var(--tp-theme-1)}
.header-bottom__main-menu nav ul li a{font-weight:500;font-size:15px;color:var(--colorblack);display:inline-block;padding:40px 0}
.header-bottom__main-menu nav ul li .submenu{position:absolute;background-color:#fff;width:240px;z-index:999;margin-left:-1px;padding:30px 0;top:100%;opacity:0;visibility:hidden;transition:.4s;box-shadow:0 8px 20px #3d6ea833;transform:scaleY(0);transform-origin:top center}
.header-bottom__main-menu nav ul li .submenu li{margin:0;display:block;margin-bottom:15px;padding:0 40px}
.header-bottom__main-menu nav ul li .submenu li:last-child{margin-bottom:0}
.header-bottom__main-menu nav ul li .submenu li a{padding:0;margin:0;display:inline-block;text-transform:capitalizes;font-size:14px;color:var(--colorblack);position:relative;letter-spacing:1px;font-weight:500}
.header-bottom__main-menu nav ul li .submenu li a::after{content:"";position:absolute;bottom:-2px;right:0;left:auto;height:1px;width:0;background-color:var(--tp-theme-1);transition:.7s;display:inline-block}
.header-bottom__main-menu nav ul li .submenu li:hover a{color:var(--tp-theme-1)}
.header-bottom__main-menu nav ul li .submenu li:hover a::after{width:100%;right:auto;left:0}
.header-bottom__main-menu nav ul li .submenu li .submenu{left:100%;top:0}
.header-bottom__main-menu nav ul li:hover .submenu{opacity:1;visibility:visible;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}
.header-bottom__main-menu-3 nav ul{margin-left:-20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-3 nav ul{margin-left:0}
}
.header-bottom__main-menu-3 nav ul li{margin:0 12px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-3 nav ul li{margin:0 8px}
}
.header-bottom__main-menu-3 nav ul li a{font-weight:500;font-size:16px;line-height:14px;letter-spacing:.02em;font-family:var(--font4);color:var(--colorblack);margin:0 7px}
.header-bottom__main-menu-4 > nav > ul{margin-left:30px}
.header-bottom__main-menu-4 > nav > ul > li{margin:0;position:relative}
.header-bottom__main-menu-4 > nav > ul > li .submenu{border-radius:0;left:1px}
.header-bottom__main-menu-4 > nav > ul > li::after{position:absolute;bottom:0;left:0;width:100%;height:0;content:"";background:linear-gradient(180deg,#fff0 0%,#ffffff24 100%);filter:drop-shadow(0px 2px 0px #F8FF35);transition:.3s}
.header-bottom__main-menu-4 > nav > ul > li::before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;content:"";background-color:var(--coloryellow-3);transition:.3s}
.header-bottom__main-menu-4 > nav > ul > li > a{color:var(--whiteColor);position:relative;z-index:5;padding:30px 0;padding-left:22px;padding-right:22px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-4 > nav > ul > li > a{padding:30px 15px}
}
.header-bottom__main-menu-4 > nav > ul > li:hover::after{height:100%}
.header-bottom__main-menu-4 > nav > ul > li:hover::before{width:100%}
.header-bottom__main-menu-4 > nav > ul > li:hover a{color:var(--whiteColor)}
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul{margin-left:-20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul{margin-left:25px}
}
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul li::after{background:linear-gradient(180deg,#fff0 0%,#ffffff1a 100%);filter:drop-shadow(0px 2px 0px #FFF)}
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul li::before{background-color:#fff}
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul li a{padding:30px 22px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-4.header-bottom__main-menu-inner nav ul li a{padding:30px 18px}
.header-bottom__main-menu-5 nav ul{margin-left:0}
}
.header-bottom__main-menu-5 nav ul li{margin:0 22px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-5 nav ul li{margin:0 15px}
}
.header-bottom__main-menu-5 nav ul li ul.submenu li{text-align:left}
.header-bottom__main-menu-5 nav ul li a{font-weight:500;font-size:16px;line-height:14px;padding:35px 0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-bottom__main-menu-5 nav ul li a{font-size:16px}
}
.header-bottom__main-menu-5 nav ul li a:hover{color:var(--colorblue-3)}
.header-bottom__main-menu-5 nav ul li .submenu{border-radius:0}
.header-bottom__action a{font-weight:500;font-size:15px;color:var(--colorblack);padding-left:25px;margin-left:25px;position:relative}
.header-bottom__action a svg{transform:translateY(-2px);transition:.3s}
.header-bottom__action a:hover{color:var(--tp-theme-1)}
.header-bottom__action a:hover svg{color:var(--tp-theme-1)}
.header-bottom__action a span{line-height:0;margin-left:5px}
.header-bottom__action a:first-child{padding-left:0;margin-right:0}
.header-bottom__action a:last-child::after{content:"";position:absolute;top:-4px;left:0;width:1px;height:30px;background-color:var(--colorblack);opacity:.2}
.header-bottom__action .border-none:last-child::after{display:none}
.header-bottom__action-4 a{padding-left:0;margin-left:0;color:var(--whiteColor)}
.header-bottom__action-4 a:hover{color:var(--coloryellow-3)}
.header-bottom__action-4 a:hover svg{color:var(--coloryellow-3)}
.header-bottom__btn{line-height:0}
.header-bottom__btn a{margin-left:25px}
@media (max-width: 767px) {
.header-bottom__btn a{box-shadow:#00000005 0 1px 3px 0px,#1b1f2326 0 0 0 1px}
}
.header-bottom__bar{height:45px;width:45px;border-radius:50%;line-height:42px;text-align:center;background-color:var(--whiteColor);color:var(--colorblack);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header-mob-space{padding-left:60px;padding-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header-mob-space{padding-top:20px;padding-bottom:20px}
}
.tp-header-2__transparent{position:absolute;top:0;left:0;right:0}
.tp-header-2__plr{padding-left:310px;padding-right:310px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-header-2__plr{padding-left:250px;padding-right:250px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-header-2__plr{padding-left:180px;padding-right:180px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__plr{padding-left:80px;padding-right:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-2__plr{padding-left:30px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-header-2__plr{padding:15px 0;padding-left:30px;padding-right:30px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-header-2__plr{padding:15px}
}
@media (max-width: 767px) {
.tp-header-2__plr{padding:15px 0}
}
.tp-header-2__main-menu > nav > ul{margin-left:15px}
.tp-header-2__main-menu > nav > ul > li{display:inline-block;list-style-type:none;margin:0 18px;position:relative}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-header-2__main-menu > nav > ul > li{margin:0 17px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-header-2__main-menu > nav > ul > li{margin:0 8px;}
.tp-header-2__main-menu > nav > ul > li > a{font-size:15px}
}
.tp-header-2__main-menu > nav > ul > li > .submenu{position:absolute;background-color:#fff;width:260px;z-index:999;margin-left:0;padding:20px 0;top:100%;opacity:0;visibility:hidden;transition:.4s;box-shadow:0 8px 20px #3d6ea833;transform:scaleY(0);transform-origin:top center;text-align:left}
.tp-header-2__main-menu > nav > ul > li > .submenu > li{margin:0;display:block;margin-bottom:15px;padding:0 20px}
.tp-header-2__main-menu > nav > ul > li > .submenu > li:last-child{margin-bottom:0}
.tp-header-2__main-menu > nav > ul > li > .submenu > li > a{padding:0;margin:0;display:inline-block;text-transform:capitalizes;font-size:14px;color:var(--colorblack);font-family:var(--font3);position:relative;letter-spacing:1px;font-weight:500}
.tp-header-2__main-menu > nav > ul > li > .submenu > li:hover a{color:var(--colorgreen)}
.tp-header-2__main-menu > nav > ul > li > .submenu > li .submenu{left:100%;top:0}
.tp-header-2__main-menu > nav > ul > li:hover > a{color:var(--tp-theme-2)}
.tp-header-2__main-menu > nav > ul > li:hover > a::after{width:100%;right:auto;left:0}
.tp-header-2__main-menu > nav > ul > li:hover .submenu{opacity:1;visibility:visible;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}
.tp-header-2__main-menu > nav > ul > li > a{padding:40px 0;font-weight:500;font-size:16px;line-height:14px;color:var(--whiteColor);font-family:var(--font3);display:inline-block;position:relative}
.tp-header-2__main-menu > nav > ul > li > a::after{content:"";position:absolute;bottom:35%;right:0;left:auto;height:1.5px;width:0;background-color:var(--tp-theme-2);transition:.7s;display:inline-block;box-shadow:0 4px 12px #01103d24;border-radius:6px}
.headCall{font-weight:600;font-size:15px;line-height:12px;letter-spacing:-.02em;font-family:var(--font3);color:var(--whiteColor)}
.headCall:hover{color:var(--tp-theme-2)}
.tp-header-2__right a{margin-left:25px}
.tp-header-2__right a:focus{color:var(--whiteColor);}
.inner-header-2 .header-bottom__main-menu-inner nav ul li::before{background-color:var(--colorblue-4)}
.inner-header-2 .header-bottom__main-menu-inner nav ul li::after{background:linear-gradient(180deg,#600ee400 0%,#600ee41a 100%);filter:drop-shadow(0px 2px 0px #600EE4)}
.inner-header-2 .header-bottom__main-menu-inner nav ul li a{color:var(--colorblack)}
.inner-header-2.header-bottom__bdr{border-color:#0808291a}
.inner-header-2 .header-bottom__action-2 svg{color:var(--colorblack);transition:.3s}
.inner-header-2 .header-bottom__action-2 span{color:var(--colorblack);transition:.3s}
.inner-header-2 .header-bottom__action-2:hover svg{color:var(--colorblue-4)}
.inner-header-2 .header-bottom__action-2:hover span{color:var(--colorblue-4)}

/* .glasscard{position:relative;display:flex;font-weight:600;overflow:hidden;color:black;cursor:pointer;box-shadow:0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);}
.glasscard,.glasscard > div{padding:.4rem;border-radius:1.8rem} */
.liquidGlass-wrapper{position:relative;display:flex;font-weight:600;overflow:hidden;color:#000;cursor:pointer;box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);}
.liquidGlass-effect{position:absolute;z-index:0;inset:0;backdrop-filter:blur(12px);filter:url(#glass-distortion);overflow:hidden;isolation:isolate}
.liquidGlass-tint{z-index:1;position:absolute;inset:0;background:#ffffff40}
.tint2{background:#ffffff1a}
.liquidGlass-shine{position:absolute;inset:0;z-index:2;overflow:hidden;box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);}
.liquidGlass-text{z-index:3;}
.menu,.menu > div{padding:.4rem .5rem;border-radius:16px}
.lh-20{line-height:20px;}
.lh-16{line-height:16px;}


.tp-hero__pl-pr{padding-top:63px}
.tp-hero__bg{padding-top:182px;padding-bottom:400px;border-radius:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__bg{padding-top:140px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__bg{padding-top:170px}
}
@media (max-width: 767px) {
.tp-hero__bg{padding-top:50px;padding-bottom:100px}
}
.tp-hero__hero-title{font-weight:700;font-size:80px;line-height:1.1;padding-bottom:50px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__hero-title{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__hero-title{font-size:50px}
}
@media (max-width: 767px) {
.tp-hero__hero-title{font-size:40px;padding-bottom:28px}
}
.tp-hero__title-shape{position:absolute;bottom:22px;left:0;right:0;z-index:1}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero__title-shape{bottom:0}
.tp-hero__title-shape svg{width:50%}
}
.tp-hero__title-shape svg path.line1{stroke-width:2.7px;stroke:var(--tp-theme-1);stroke-dasharray:2300;stroke-dashoffset:3200;animation:dash 2s linear both}
.tp-hero__sm-img{height:170px}
.tp-hero__sm-img img{height:170px}
.tp-hero__content-box p{font-weight:400;font-size:15px;line-height:14px;color:#01103d99}
.tp-hero__input{margin:0 170px;margin-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__input{margin:0 70px;margin-bottom:20px}
}
@media (max-width: 767px) {
.tp-hero__input{margin:0;margin-bottom:20px}
}
.tp-hero__input input{background-color:var(--whiteColor);border:none;height:60px;width:100%;border-radius:40px;padding-left:55px;padding-right:180px;font-weight:400;font-size:14px}
@media (max-width: 767px) {
.tp-hero__input input{padding-right:20px}
}
.tp-hero__input button{position:absolute;top:50%;right:10px;transform:translateY(-50%)}
@media (max-width: 767px) {
.tp-hero__input button{position:static;transform:translate(0);margin-top:20px}
}
.tp-hero__input svg{position:absolute;top:50%;left:25px;transform:translateY(-50%)}
.tp-hero__thumb-wrapper-main{position:relative}
.tp-hero__thumb-wrapper-main::after{position:absolute;content:"";top:47px;left:-40px;right:0;height:100%;width:108%;background:linear-gradient(180deg,#ffffff06 0%,#fff0 100%);border:1px solid #ffffff24;filter:drop-shadow(0px 30px 50px #0106141f);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 50px #0106141f;border-radius:20px;z-index:-1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__thumb-wrapper-main::after{top:39px;left:-26px}
}
@media (max-width: 767px) {
.tp-hero__thumb-wrapper-main::after{top:22px;left:-13px}
}
.tp-hero__thumb-wrapper{border:6px solid var(--whiteColor);padding:30px;margin-top:-340px;position:relative;background:#F1EFF4;box-shadow:0 1px 3px #12142033;border-radius:20px}
@media (max-width: 767px) {
.tp-hero__thumb-wrapper{margin-top:-365px}
}
.tp-hero__box-shadow-none img{box-shadow:none}
.tp-hero__shape-img-1{position:absolute;top:20%;left:-18%;animation:tpupdown .8s infinite alternate}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero__shape-img-1{left:-17%}
}
.tp-hero__shape-img-2{position:absolute;bottom:-19%;right:-16%;animation:tpupdown 1s infinite alternate}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero__shape-img-2{bottom:-32%;right:-5%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero__shape-img-2{bottom:-36%;right:-5%}
}
@media (max-width: 767px) {
.tp-hero__shape-img-2{bottom:-74%;right:-10%}
}
.tp-hero-2__ptb{padding-top:200px;background-position:center;background-repeat:no-repeat;background-size:cover}
@media (max-width: 991px) {
.tp-hero-2__ptb{padding-top:140px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2__ptb{padding-top:130px}
}
@media (max-width: 767px) {
.tp-hero-2__ptb{padding-top:150px}
}
@media (max-width: 575px) {
.tp-hero-2__ptb{padding-top:100px}
}
.tp-hero-2__plr{padding-left:310px;padding-right:310px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-2__plr{padding-left:250px;padding-right:250px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__plr{padding-left:180px;padding-right:180px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__plr{padding-left:80px;padding-right:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2__plr{padding-left:30px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__plr{padding-left:30px;padding-right:30px}
}
@media (max-width: 767px) {
.tp-hero-2__plr{padding-left:15px;padding-right:15px}
}
.tp-hero-2__title{font-weight:600;font-size:86px;line-height:1;letter-spacing:-.04em;color:var(--whiteColor);font-family:var(--font3);padding-bottom:35px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__title{font-size:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__title{font-size:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-2__title{font-size:77px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__title{font-size:65px}
}
@media (max-width: 767px) {
.tp-hero-2__title{font-size:46px}
}
@media (max-width: 575px) {
.tp-hero-2__title{font-size:38px;padding-bottom:20px;}
.tp-hero-2__btn{padding-bottom:20px;}
.tp-hero-2__main-img{margin:0!important;}
.tp-hero-2__main-img img{max-width:300px!important;}
.pt-110{padding-top:60px!important;}
.pb-110{padding-bottom:60px!important;}
}
.tp-hero-2__user{padding-bottom:70px}
.tp-hero-2__user h4{font-weight:500;font-size:14px;line-height:17px;color:#fff9;font-family:var(--font3)}
.tp-hero-2__user h4 span{color:var(--whiteColor);padding:0 8px}
.tp-hero-2__btn{padding-bottom:110px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__btn{padding-bottom:45px}
}
@media (max-width: 991px) {
.tp-hero-2__user{padding-bottom:10px;}
}
@media (max-width: 767px) {
.tp-hero-2__btn{padding-bottom:40px}
}
.tp-hero-2__user-img{padding-top:12px}
.tp-hero-2__shape-1{position:absolute;top:13px;left:39px}
.tp-hero-2__shape-1 svg path{stroke:var(--whiteColor);stroke-dasharray:560;stroke-dashoffset:560;animation:section_stroke 2s linear forwards;-webkit-animation:section_stroke 2s linear forwards}

.tp-hero-2__right{user-select:none;}
.limb3 li{margin-bottom:3px;}
.limb5 li{margin-bottom:5px;}
.tp-hero-2__main-img{margin-right:-60px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-2__main-img{margin-right:-130px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-2__main-img{margin-right:-150px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__main-img{margin-right:-60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__main-img{margin-right:0}
}
.tp-hero-2__main-img img{max-width:inherit}
@media (max-width: 767px) {
.tp-hero-2__main-img img{max-width:100%}
}
.tp-hero-2__sub-img-1{position:absolute;top:25%;right:-8%;overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__sub-img-1{right:0}
}
.tp-hero-2__sub-img-1 img.goblur{backdrop-filter:blur(12px);background-color:#ffffff1a;border-radius:20px}
.tp-hero-2__sub-img-2{position:absolute;top:65%;right:-10%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-2__sub-img-2{right:0}
}
.tp-hero-2__sub-img-3{position:absolute;top:30%;left:5%;z-index:-1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-2__sub-img-3{left:3px}
}
.tp-hero-2__sub-img-4{position:absolute;top:6%;right:6%}
.tp-hero-2__shape-img-1{position:absolute;top:68%;left:30%}
.tp-hero-left-shape{position:absolute;top:0;left:0;z-index:1}
@media (max-width: 767px) {
.tp-hero-pt{padding-top:120px}
}
.tp-hero-title-3{font-weight:700;font-size:86px;line-height:.88;letter-spacing:-.01em;font-family:var(--font4);color:var(--colorblack)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-title-3{font-size:73px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-title-3{font-size:60px}
}
@media (max-width: 767px) {
.tp-hero-title-3{font-size:37px}
}
.tp-hero-title-3 i{font-style:normal;overflow:hidden;display:inline-block}
.tp-hero-title-3 i i.child-1{transform:translateY(150px);overflow:hidden;opacity:0}
.tp-hero-title-3 span{font-style:italic;font-weight:400;font-family:var(--tp-ff-dm)}
.tp-hero-title-box p{font-weight:400;font-size:20px;line-height:30px;letter-spacing:.01em;color:#595B62;font-family:var(--font4);padding-bottom:20px}
@media (max-width: 767px) {
.tp-hero-title-box p{font-size:15px;line-height:22px}
.tp-hero-title-box p br{display:none}
}
.tp-hero-gradient-bg{position:absolute;top:0;left:0;background-color:var(--whiteColor);width:100%}
.tp-hero-gradient-bg img{background:linear-gradient(180deg,#D9D9D9 0%,#d9d9d900 55.86%);background-blend-mode:soft-light;width:100%}
.tp-hero-browser-item{text-align:center;margin:0 7px;margin-bottom:10px}
.tp-hero-browser-item a{display:inline-block;margin-bottom:7px}
.tp-hero-browser-item p{font-weight:500;font-size:13px;letter-spacing:.02em;color:#A0A3AB;font-family:var(--font4);margin-bottom:0}
.tp-hero-btn-3{margin-bottom:15px}
.tp-hero-btn-3 a{margin:0 7px;margin-bottom:20px}
.tp-hero-3-shape-1{position:absolute;top:0;right:8%}
.tp-hero-3-shape-2{position:absolute;bottom:2%;right:33%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3-shape-2{bottom:-7%;right:30%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3-shape-2{bottom:-6%;right:43%}
}
@media (max-width: 767px) {
.tp-hero-3-shape-2{bottom:-9%}
}
.tp-hero-3-shape-3{position:absolute;top:16%;left:-3%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3-shape-3{top:6%;left:2%}
}
.tp-hero-3-shape-4{position:absolute;top:16%;right:-8%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3-shape-4{top:-41%;right:2%}
}
.tp-hero-3-shape-5{position:absolute;top:32%;left:-10%;z-index:33}
.tp-hero-3-shape-5 img{transform-origin:bottom right;animation:jumpTwo 5s infinite linear}
.tp-hero-3-shape-6{position:absolute;top:21%;right:-2%;z-index:3}
.tp-hero-3-shape-6 span svg path{stroke:var(--colorblack);stroke-dasharray:560;stroke-dashoffset:560;animation:section_stroke 2s linear forwards;-webkit-animation:section_stroke 2s linear forwards}
.tp-hero-overlay{background-color:var(--colorblue-2);position:relative;z-index:1}
.tp-hero-overlay::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(358.24deg,#0d5ce1e6 1.52%,#0d5ce100 90.93%);transform:matrix(1,0,0,-1,0,0);z-index:-1}
@media (max-width: 767px) {
.tp-hero-overlay{padding-top:130px}
}
.tp-hero-glob-img{position:absolute;right:15%;bottom:-6%;-webkit-animation:animationglob 50s cubic-bezier(1,0.99,0.03,0.01) infinite;animation:animationglob 30s cubic-bezier(1,0.99,0.03,0.01) infinite}
.tp-hero-4-main-img{animation:tpupdown .8s infinite alternate}
.tp-hero-4-sub-img{position:absolute;bottom:-27%;right:11%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-4-sub-img{right:2%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-4-sub-img{bottom:-23%;right:23%}
}
@media (max-width: 767px) {
.tp-hero-4-sub-img{bottom:-38%;right:-2%}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-4-sub-img{bottom:-22%;right:13%}
}
.tp-hero-4-shape-img{position:absolute;left:0;top:10%}
.tp-hero-title-4{font-weight:600;font-size:96px;line-height:1.1;letter-spacing:-.02em;color:var(--whiteColor)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-title-4{font-size:85px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-title-4{font-size:70px}
}
@media (max-width: 767px) {
.tp-hero-title-4{font-size:42px;padding-bottom:20px}
.tp-hero-4-section-box{margin-bottom:50px}
}
.tp-hero-title-5{font-weight:200;font-size:74px;line-height:.85;letter-spacing:-.03em;overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-title-5{font-size:65px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-title-5{font-size:55px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-title-5{font-size:47px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-title-5{font-size:57px;line-height:.8}
.tp-hero-title-5 br{display:none}
}
@media (max-width: 767px) {
.tp-hero-title-5{font-size:35px;line-height:.8}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-hero-title-5{font-size:55px;line-height:.8}
}
.tp-hero-title-5 i{font-style:normal;overflow:hidden;display:inline-block}
.tp-hero-title-5 i i.child-2{transform:translateY(150px);opacity:0;display:inline-block;padding-bottom:20px}
.tp-hero-title-5 span.child-1{font-weight:700;letter-spacing:-.03em;color:var(--colorblue-4)}
.tp-hero-title-5 span.child-1 svg{position:absolute;bottom:0;left:0}
.tp-hero-title-5 span.child-2{font-weight:700;letter-spacing:-.03em}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-section-box p{font-size:15px}
}
.tp-hero-five__plr-5{padding:0 315px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-five__plr-5{padding:0 120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five__plr-5{padding:0 60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five__plr-5{padding:0 15px}
}
@media (max-width: 767px) {
.tp-hero-five__plr-5{padding:0}
}
.tp-hero-five__ptb-5{padding-top:270px;padding-bottom:170px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five__ptb-5{padding-top:210px;padding-bottom:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five__ptb-5{padding-top:160px;padding-bottom:100px}
}
@media (max-width: 767px) {
.tp-hero-five__ptb-5{padding-top:160px;padding-bottom:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-thumb{text-align:end}
}
.tp-hero-five-thumb img{max-width:inherit;box-shadow:-14px 20px 50px #20212433;border-radius:16px}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-thumb img{max-width:100%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-thumb img{width:90%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five-thumb img{width:100%}
}
@media (max-width: 767px) {
.tp-hero-five-thumb img{max-width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five-btn-box{margin-bottom:40px}
}
.tp-hero-five__bg{position:absolute;top:0;right:0;height:100%;width:31%;background-repeat:no-repeat;background-size:cover;z-index:-1;transform:rotateX(-180deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five__bg{width:28%}
}
@media (max-width: 767px) {
.tp-hero-five__bg{display:none}
}
.tp-hero-five-section-box p{padding-bottom:30px}
@media (max-width: 767px) {
.tp-hero-five-section-box p{font-size:15px}
.tp-hero-five-section-box p br{display:none}
}
.tp-hero-five__shape-1{position:absolute;bottom:7%;left:9%;z-index:-1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five__shape-1{bottom:3%}
}
.tp-hero-five__shape-2{position:absolute;top:14%;left:-3%;animation:moving 9s linear infinite}
.tp-hero-five__shape-3{position:absolute;top:27%;left:3%;animation:movingleftright1 infinite 18s}
.tp-hero-five__shape-4{position:absolute;bottom:12%;left:45%;animation:moving 9s linear infinite}
@media (max-width: 767px) {
.tp-hero-five-btn-box{flex-wrap:wrap;margin-bottom:30px}
}
.mouse-scroll-btn{display:inline-block;width:16px;height:25px;border:2px solid #5F6168;border-radius:30px;outline:none;position:absolute;left:50%;transform:translateX(-50%);bottom:28px;z-index:5}
.mouse-scroll-btn::before{position:absolute;top:4px;left:3px;content:"";height:6px;width:6px;border:2px solid #5F6168;border-radius:50%;animation:scroll 1s infinite ease-in-out alternate}
.tp-hero-2__mouse-scroll{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;z-index:5}
.tp-hero-2__mouse-scroll span{display:block;font-family:var(--font3);font-weight:500;font-size:14px;color:#5F6168;transform:translateY(-4px)}
.scroll-bg{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%)}
.tp-hero-2__shape-img-1 svg path.line-2{stroke:var(--whiteColor);stroke-dasharray:2300;stroke-dashoffset:3500;animation:dash 4s linear forwards}
.tp-hero-3-border-wrap .redius-shape-1{height:500px;width:500px;background-color:var(--tp-theme-3);display:inline-block;border-radius:50%;position:absolute;top:132px;left:25px;will-change:border-radius,transform,opacity;animation:sliderShape 8s linear infinite}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-3-border-wrap .redius-shape-1{top:70px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3-border-wrap .redius-shape-1{height:300px;width:330px;top:100px}
}
.tp-hero-3-border-wrap .redius-shape-2{top:62%;left:38%;height:200px;width:200px;background-color:#65CB7B;position:absolute;border-radius:36% 64% 43% 57%/34% 45% 55% 66%;display:inline-block;will-change:border-radius,transform,opacity;animation:sliderShape 15s linear infinite}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-3-border-wrap .redius-shape-2{top:48%}
}
.tp-hero-3-border-wrap .redius-shape-3{top:2%;right:8%;height:375px;width:375px;background-color:#807DFB;position:absolute;border-radius:50%;display:inline-block;will-change:border-radius,transform,opacity;animation:sliderShape 7s linear infinite}
.tp-hero-five-2-thumb{mask-image:url(../img/hero/hero-5.html);-webkit-mask-image:url(../img/hero/hero-5.html);height:100%;width:100%;mask-repeat:no-repeat;background-position:center center;overflow:hidden}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-five-2-thumb{transform:scale(0.9)}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-five-2-thumb{transform:scale(0.8)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-2-thumb{transform:scale(0.8)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-thumb{transform:scale(0.8)}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-hero-five-2-thumb{mask-image:none;-webkit-mask-image:none}
}
.tp-hero-five-2-thumb-main{position:absolute;top:0;right:0}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-hero-five-2-thumb-main{top:-2%;right:-5%}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-five-2-thumb-main{top:-6%;right:-8%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-2-thumb-main{top:-6%;right:-20%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-thumb-main{position:absolute;top:-12%;right:-25%}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-hero-five-2-thumb-main{position:static}
}
.tp-hero-five-2-thumb-inner{margin-top:60px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-hero-five-2-thumb-inner{margin-top:0}
}
.tp-hero-five-section-wrap{margin-left:-60px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-hero-five-section-wrap{margin-left:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-section-wrap{margin-left:45px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-section-wrap{margin-left:0;padding-top:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five-section-wrap{margin-left:0}
}
@media (max-width: 767px) {
.tp-hero-five-section-wrap{margin-left:0}
}
.tp-hero-five-2-sub-img-1{position:absolute;top:32%;left:35%;animation:tptranslateX2 4s infinite alternate}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-sub-img-1{top:40%;left:38%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-five-2-sub-img-1{top:52%;left:38%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-sub-img-1 img{width:70%}
}
.tp-hero-five-2-sub-img-2{position:absolute;bottom:11%;left:7%;animation:tpupdown 1.5s infinite alternate}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-2-sub-img-2{bottom:19%;left:17%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-sub-img-2{bottom:30%;left:30%}
}
.tp-hero-five-2-sub-img-2 img{box-shadow:0 30px 50px #1211160a;backdrop-filter:blur(10px);border-radius:24px;height:100%;width:100%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-hero-five-2-sub-img-2 img{width:80%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-five-2-sub-img-2 img{width:60%}
}
.tp-hero-bg-single{position:absolute;top:0;left:0;width:100%;height:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-bg-single img{height:700px}
}
@media (max-width: 767px) {
.tp-hero-bg-single{top:15px}
.tp-hero-bg-single img{height:500px}
.tp-hero-five-2-thumb{margin-right:-100px}
}
.tp-hero-bg{position:absolute;width:100%;height:100%;left:0;right:0;top:0;background:linear-gradient(180.21deg,#FFF9F9 -64.58%,#ffffff1a 115.31%),linear-gradient(90deg,#FFC368 0%,#D569E1 50%,#4164E1 100%);opacity:.9;border-radius:30px;margin:auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-hero-bg{width:110%;left:-50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-hero-bg{width:110%;left:-40px}
}
@media (max-width: 767px) {
.tp-hero-bg{width:120%;left:-40px;top:20px}
}
.tp-hero-bg img{position:absolute;width:100%;height:100%}
.tp-hero-mlr{padding-left:0;padding-right:0;margin-left:60px;margin-right:60px}
.tp-hero-shape-1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.6}
.tp-hero-shape-2{position:absolute;right:0;top:0;mix-blend-mode:soft-light;opacity:.6}
.tp-feature__bottom-shape{position:absolute;left:0;bottom:-125px;z-index:-1;width:100%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-feature__bottom-shape{bottom:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature__bottom-shape{bottom:22px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature__bottom-shape{bottom:75px}
}
@media (max-width: 767px) {
.tp-feature__bottom-shape{bottom:90px}
}
.tp-feature__bottom-shape img{width:100%}
@media (max-width: 767px) {
.tp-feature__pt-pb{padding-top:80px}
}
.tp-feature__item{background:#FFF;box-shadow:0 1px 3px #12142033;border-radius:30px;padding:50px 40px;transition:.3s}
.tp-feature__item:hover{box-shadow:0 20px 30px #0106141a;border-radius:30px}
.tp-feature__item:hover .tp-feature__icon img{transform:scaleX(-1)}
.tp-feature__icon{margin-bottom:35px}
.tp-feature__icon img{transition:transform .5s ease}
.tp-feature__title-sm{font-weight:700;font-size:24px;line-height:1.3;padding-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-feature__title-sm{font-size:20px}
}
@media (max-width: 767px) {
.tp-feature__title-sm{font-size:21px}
}
.tp-feature__link{display:inline-block}
.tp-feature__link:hover a{box-shadow:inset 0 0 0 30px #6865FF}
.tp-feature__link:hover a svg{color:var(--whiteColor)}
.tp-feature__link a{height:44px;width:44px;line-height:41px;border-radius:50%;background:#295dfb1a;display:inline-block;text-align:center;transition:.4s}
.tp-feature__link a svg{transition:.4s;color:var(--tp-theme-1)}
.tp-feature-five-section-box p{font-weight:400;font-size:17px;line-height:26px;color:#5F6168}
@media (max-width: 767px) {
.tp-feature-five-section-box p br{display:none}
}
.tp-feature-five-section-box p span{font-weight:600;font-size:17px;line-height:26px;color:#141125}
.tp-feature-five-wrapper-main{padding-top:10px;padding-bottom:70px}
.tp-feature-five-wrapper{transition:.3s}
.tp-feature-five-wrapper:hover{box-shadow:0 30px 60px #20212433;border-radius:16px;position:relative;z-index:9}
.tp-feature-five-item{box-shadow:0 1px 2px #2021241a;border-radius:16px 0 0 16px;padding:40px;background-color:var(--whiteColor);overflow:hidden;transition:.3s}
.tp-feature-five-icon{height:85px;width:85px;line-height:85px;border-radius:50%;text-align:center;display:inline-block;margin-bottom:40px}
.tp-feature-five-title-sm{font-weight:600;font-size:20px;line-height:26px;text-align:center;color:#141125;padding-bottom:5px}
.tp-feature-five-content p{font-weight:400;font-size:15px;line-height:24px;text-align:center;color:#5F6168;padding-bottom:15px}
.tp-feature-five-shape-color{height:100%;width:100%;background-color:#FF7A59;border-radius:50%;position:absolute;top:0;left:0;transition:.3s;z-index:-1}
.tp-feature-five-shape-color-2{background:#FFE01B}
.tp-feature-five-shape-color-3{background:#AAE0F4}
.tp-feature-five-shape-color-4{background:#03363D}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-five-item-1{border-radius:16px 0 0 0}
}
.tp-feature-five-item-1:hover{position:relative;z-index:5;transform:scale(1.1);border-radius:16px;box-shadow:none}
.tp-feature-five-item-1:hover .tp-feature-five-shape-color{transform:scale(3.7);top:-125%}
.tp-feature-five-item-2{border-radius:0}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-five-item-2{border-radius:0 16px 16px 0}
}
.tp-feature-five-item-2:hover{position:relative;z-index:5;transform:scale(1.1);border-radius:16px;box-shadow:none}
.tp-feature-five-item-2:hover .tp-feature-five-shape-color{transform:scale(3.5);top:-105%}
.tp-feature-five-item-3{border-radius:0}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-five-item-3{border-radius:0 0 0 16px}
}
.tp-feature-five-item-3:hover{position:relative;z-index:5;transform:scale(1.1);border-radius:16px;box-shadow:none}
.tp-feature-five-item-3:hover .tp-feature-five-shape-color{transform:scale(3.5);top:-105%}
.tp-feature-five-item-4{border-radius:0 16px 16px 0}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-feature-five-item-4{border-radius:0 0 16px 0}
}
.tp-feature-five-item-4:hover{position:relative;z-index:5;transform:scale(1.1);border-radius:16px;box-shadow:none}
.tp-feature-five-item-4:hover .tp-feature-five-shape-color{transform:scale(3.5);top:-105%}
.tp-feature-five-link span{font-weight:400;font-size:22px;line-height:24px;text-align:center;color:var(--colorblack)}
@media (max-width: 767px) {
.tp-feature-five-link span{font-size:20px;line-height:24px}
}
.tp-feature-five-link span a{font-weight:600;font-size:22px;line-height:24px;color:#6B14FA;text-decoration:underline}
@media (max-width: 767px) {
.tp-feature-five-link span a{font-size:20px;line-height:24px}
}

.subp{font-weight:400;font-size:20px;color:var(--grey-1)}
@media (max-width: 767px) {
.subp{font-size:16px}
}
.theBoxitem{background:linear-gradient(284.05deg,#EBD1FF 8.66%,#f4e9fc8a 92.88%);border-radius:40px;padding:55px 70px;overflow:hidden;min-height:440px}
.theBoxitem.smaller{min-height:410px}
.theBoxitem.nominsno{min-height:300px}
.theBoxitem.smallo{min-height:250px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.theBoxitem{padding:35px}
}
@media (max-width: 767px) {
.theBoxitem{padding:30px}
}
.payment__title{font-weight:600;font-size:30px;line-height:40px;font-family:var(--font3);padding-bottom:10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment__title{font-size:20px;line-height:26px}
}
@media (max-width: 767px) {
.payment__title{font-size:24px;line-height:28px}
}
.payment__content{position:relative;z-index:9}
.payment__content.payment__content-space{padding-top:35px}
.payment__content p{font-weight:500;font-size:16px;line-height:24px;padding-bottom:90px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment__content p br{display:none}
}
@media (max-width: 767px) {
.payment__content p{font-size:15px;padding-bottom:10px}
.payment__content p br{display:none}
}
.payment__content a{font-weight:600;font-size:16px;line-height:12px;font-family:var(--font3);color:var(--colorblack);position:relative}
.payment__content a::after{position:absolute;content:"";left:0;bottom:-2px;width:0;height:1px;background-color:var(--colorblack);transition:width .4s cubic-bezier(0.34,1.56,0.64,1)}
.payment__content a i{margin-left:6px;transition:transform .3s cubic-bezier(0.25,1,0.5,1)}
.payment__content a:hover{color:var(--colorblack)}
.payment__content a:hover::after{width:100%}
.payment__content a:hover i{transform:translateX(4px)}

.payment__shape-1{position:absolute;top:0;left:0;z-index:-1}
.payment__shape-1 img{opacity:.1}
.payment__shape-2{position:absolute;bottom:-1px;right:90px}
.payment__shape-3{position:absolute;bottom:14%;right:34%;z-index:-1}
.payment__shape-21{position:absolute;bottom:0;right:0}
.payment__shape-22{position:absolute;bottom:-1px;left:10px}
.payment__shape-23{position:absolute;right:3%}
.payment__shape-24{position:absolute;bottom:0;right:3%}
.payment__shape-31{width:100%;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);}
.payment__shape-32{position:absolute;right:3%;}
.payment__shape-33{position:absolute;bottom:0;right:3%;}

.payment__shape-4{position:absolute;bottom:16%;right:40%}
.payment__shape-41{position:absolute;bottom:15px;;right:3%}
.payment__shape-42{position:absolute;bottom:-1px;left:10px}
.payment__shape-43{position:absolute;right:3%}
.payment__shape-44{position:absolute;bottom:0;right:3%}
.payment__shape-5{position:absolute;bottom:0;right:3%}
.payment__shape-52{position:absolute;right:3%;}
.payment__shape-61{position:absolute;bottom:0;right:0}
.payment__shape-62{position:absolute;bottom:-90px;right:10%}
.payment__shape-63{position:absolute;right:3%;bottom:20px;}
.payment__shape-72{position:absolute;right:3%;bottom:0;}
.payment__shape-81{position:absolute;bottom:0;right:0}
.payment__shape-82{position:absolute;bottom:-90px;right:10%}
.payment__shape-92{position:absolute;right:3%;bottom:40px;}
.payment__shape-112{position:absolute;bottom:10px;right:10%}
.payment__shape-113{position:absolute;right:3%;bottom:10px;}
.payment__shape-122{position:absolute;right:3%;bottom:0;}
.payment__shape-132{position:absolute;bottom:-1px;left:0}
.payment__shape-133{position:absolute;bottom:10px;right:3%}
.payment__shape-134{position:absolute;bottom:0;right:0}
.payment__shape-164{position:absolute;bottom:30px;right:30px}
.payment__shape-165{position:absolute;bottom:10px;right:3%}

.payment__shape-6{position:absolute;bottom:0;right:4%;z-index:-1;opacity:.5}
.payment__shape-7{position:absolute;bottom:-2%;left:10%}
.payment__shape-8{position:absolute;bottom:30%;left:-2%}
.payment__shape-8 img{transform:rotate(-10deg);}
.payment__shape-9{position:absolute;bottom:0;right:0}
.payment__shape-10{position:absolute;bottom:12%;left:0}
.payment__shape-11{position:absolute;bottom:-5%;left:5%}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment__shape-2{right:0}
.payment__shape-22{left:10px}
.payment__shape-3{bottom:-1%;right:31%}
}

@media (max-width: 1199px) {
.payment__shape-42 img{max-width:320px;}
.payment__shape-43{bottom:0;}
.payment__shape-43 img{max-width:230px;}
.payment__shape-81 img{width:250px;}
.payment__shape-134 img{width:250px;}
.payment__shape-164{bottom:0;right:0}
}
@media (max-width: 991px) {
.payment__shape-31{position:relative;}
.payment__shape-81{position:relative;}
.payment__shape-132 img{max-width:340px;}
.payment__shape-133 img{max-width:240px;}
.payment__shape-165 img{max-width:200px;}
}
@media (max-width: 767px) {
.theBoxitem.smaller{min-height:auto;}
.payment__shape-2{position:relative;right:0;padding-bottom:0;top:30px;max-width: 250px;margin: auto;}
.payment__shape-21{max-width:160px;}
.payment__shape-22{position:relative;right:0;padding-bottom:0;top:30px}
.payment__shape-24{position:relative;margin:-30px}
.payment__shape-32{bottom:0;}
.payment__shape-32 img{max-width:220px;}
.payment__shape-33 img{right:1%;}
.payment__shape-41{position: relative;}
.payment__shape-41 img{max-width:200px;float: right;}
.payment__shape-42{position:relative;margin-bottom:-50px;left:0;}
.payment__shape-44{position:relative;right:0;}
.payment__shape-52 img{max-width:200px;}
.content5{padding-right:120px;}
.payment__shape-61{position:relative;margin-bottom:-50px;margin-top:-50px;float:right;right:-30px;}
.payment__shape-61 img{max-width:230px;}
.payment__shape-62 img{max-width:200px;}
.payment__shape-82 img{max-width:200px;}
.payment__shape-112{bottom:0;right:0;}
.payment__shape-112 img{max-width:240px;}
.payment__shape-122{right:0;}
.payment__shape-122 img{max-width:260px;}
.payment__shape-132{position:relative;position:relative;margin:-50px 0 -40px}
.payment__shape-133{position:relative;}
.payment__shape-134{position:relative;}
.payment__shape-164{position:relative;}
.payment__shape-165{position:relative;text-align: right;}
}
@media (max-width: 575px) {
.payment__shape-32{position:relative;}
.payment__shape-21{position:relative;margin-left:auto;margin-top:-30px;}
.payment__shape-33{top:0;}
.payment__shape-33 img{max-width:40px;right:0;}
.payment__shape-52{position:relative;margin-bottom:-50px}
.content5{padding-right:0;}
.payment__shape-62{position: relative;bottom:0;margin-bottom:-50px;margin-top:-40px;float:right;}
.payment__shape-72{position:relative;}
.payment__shape-72 img{width:150px;float:right;margin-top:-40px;}
.payment__shape-81 img{margin:-30px 0;}
.payment__shape-82 img{max-width:150px;}
.payment__shape-92{position:relative;text-align:right;bottom:0;margin-bottom:-20px;margin-top:-20px;}
.payment__shape-112{position:relative;float: right;margin:-40px 0;}
.payment__shape-122{position:relative;}
.payment__shape-122 img{max-width:260px;}
}


.payment__bg-color-2{background:linear-gradient(142.23deg,#FFF7F1 7.63%,#FAE9EF 99.01%),linear-gradient(142.23deg,#FFF7F1 7.63%,#FAE9EF 99.01%);border-radius:40px}
.payment__bg-color-3{background:linear-gradient(142.23deg,#F3F8FF 7.63%,#CEDBFF 99.01%);border-radius:40px}
.payment__bg-color-4{background:linear-gradient(142.23deg,#f0f6f9 7.63%,#c4efff 99.01%);border-radius:40px}
.payment__bg-color-5{background:linear-gradient(142.23deg,#f1ffec 7.63%,#d3fdc6 99.01%);border-radius:40px}
.payment__bg-color-6{background:linear-gradient(142.23deg,#f9f1eb 7.63%,#faecee 99.01%);border-radius:40px}
.payment__bg-color-7{background:linear-gradient(142.23deg,#ecf2ff 7.63%,#dde6ff 99.01%);border-radius:40px}
@media (max-width: 767px) {
.tp-account-bg{margin-bottom:60px}
}
.payment-method__space{padding-bottom:200px}
@media (max-width: 767px) {
.payment-method__space{padding-bottom:100px}
}
.payment-method__main-img{display:inline-block}
.payment-method__main-img img{border-radius:50%;box-shadow:0 20px 60px #0000001a;border-radius:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__title-box{padding-bottom:30px}
}
.payment-method__circle::after{position:absolute;content:"";width:7px;height:7px;background-color:var(--tp-theme-2);border-radius:50%;top:-3px;right:0}
.payment-method__circle.circle-1::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-2::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-3::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-4::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-5::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-6::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-7::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-8::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-9::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-10::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-11::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-12::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-13::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-14::after{animation:circle-animation 30s linear infinite}
.payment-method__circle.circle-15::after{left:0;animation:circle-animation-2 20s linear infinite}
.payment-method__circle.circle-16::after{animation:circle-animation 30s linear infinite}
.payment-method__main-circle{display:inline-block}
.payment-method__line-1{position:absolute;left:-150%;top:50%;transform:translate(-50%) rotate(-14deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:610px;background-color:var(--tp-theme-2)}
.payment-method__line-1 span{transform:translateY(-50%) rotate(14deg)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.payment-method__line-1{width:510px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.payment-method__line-1{width:380px;left:-68%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-1{width:250px;left:-35%;transform:translate(-50%) rotate(-18deg)}
.payment-method__line-1 span{transform:translateY(-50%) rotate(18deg)}
}
@media (max-width: 767px) {
.payment-method__line-1{width:140px;left:6%}
}
.payment-method__line-2{position:absolute;left:-9%;top:50%;transform:translate(-50%) rotate(-44deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:190px;background-color:var(--tp-theme-2)}
.payment-method__line-2 span{transform:translateY(-50%) rotate(44deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-2{width:250px;left:-35%;transform:translate(-50%) rotate(-72deg)}
.payment-method__line-2 span{transform:translateY(-50%) rotate(72deg)}
}
@media (max-width: 767px) {
.payment-method__line-2{width:140px;left:6%}
}
.payment-method__line-3{position:absolute;left:-74%;top:50%;transform:translate(-50%) rotate(-24deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:380px;background-color:var(--tp-theme-2)}
.payment-method__line-3 span{transform:translateY(-50%) rotate(24deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-3{width:250px;left:-35%;transform:translate(-50%) rotate(-51deg)}
.payment-method__line-3 span{transform:translateY(-50%) rotate(51deg)}
}
@media (max-width: 767px) {
.payment-method__line-3{width:140px;left:6%;transform:translate(-50%) rotate(-43deg)}
.payment-method__line-3 span{transform:translateY(-50%) rotate(43deg)}
}
.payment-method__line-4{position:absolute;left:-90%;top:50%;transform:translate(-50%) rotate(-2deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:430px;background-color:var(--tp-theme-2)}
.payment-method__line-4 span{transform:translateY(-50%) rotate(2deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-4{width:250px;left:-35%;transform:translate(-50%) rotate(-9deg)}
.payment-method__line-4 span{transform:translateY(-50%) rotate(9deg)}
}
@media (max-width: 767px) {
.payment-method__line-4{width:140px;left:6%}
}
.payment-method__line-5{position:absolute;left:-137%;top:50%;transform:translate(-50%) rotate(10deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:570px;background-color:var(--tp-theme-2)}
.payment-method__line-5 span{transform:translateY(-50%) rotate(-10deg)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.payment-method__line-5{width:380px;left:-68%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-5{width:250px;left:-35%;transform:translate(-50%) rotate(14deg)}
.payment-method__line-5 span{transform:translateY(-50%) rotate(-14deg)}
}
@media (max-width: 767px) {
.payment-method__line-5{width:140px;left:6%}
}
.payment-method__line-6{position:absolute;left:-63%;top:50%;transform:translate(-50%) rotate(26deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:350px;background-color:var(--tp-theme-2)}
.payment-method__line-6 span{transform:translateY(-50%) rotate(-26deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-6{width:250px;left:-35%;transform:translate(-50%) rotate(41deg)}
.payment-method__line-6 span{transform:translateY(-50%) rotate(-41deg)}
}
@media (max-width: 767px) {
.payment-method__line-6{width:140px;left:6%}
}
.payment-method__line-7{position:absolute;left:6%;top:50%;transform:translate(-50%) rotate(51deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:140px;background-color:var(--tp-theme-2)}
.payment-method__line-7 span{transform:translateY(-50%) rotate(-51deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-7{width:250px;left:-35%;transform:translate(-50%) rotate(63deg)}
.payment-method__line-7 span{transform:translateY(-50%) rotate(-63deg)}
}
@media (max-width: 767px) {
.payment-method__line-7{width:140px;left:6%}
}
.payment-method__line-8{position:absolute;left:1%;top:50%;transform:translate(-50%) rotate(130deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:160px;background-color:var(--tp-theme-2)}
.payment-method__line-8 span{transform:translateY(-50%) rotate(-130deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-8{width:250px;left:-35%;transform:translate(-50%) rotate(90deg)}
.payment-method__line-8 span{transform:translateY(-50%) rotate(-90deg)}
}
@media (max-width: 767px) {
.payment-method__line-8{width:140px;left:6%}
}
.payment-method__line-9{position:absolute;left:-73%;top:50%;transform:translate(-50%) rotate(150deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:380px;background-color:var(--tp-theme-2)}
.payment-method__line-9 span{transform:translateY(-50%) rotate(-150deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-9{width:250px;left:-35%;transform:translate(-50%) rotate(116deg)}
.payment-method__line-9 span{transform:translateY(-50%) rotate(-116deg)}
}
@media (max-width: 767px) {
.payment-method__line-9{width:140px;left:6%;transform:translate(-50%) rotate(99deg)}
.payment-method__line-9 span{transform:translateY(-50%) rotate(-99deg)}
}
.payment-method__line-10{position:absolute;left:-146%;top:50%;transform:translate(-50%) rotate(160deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:600px;background-color:var(--tp-theme-2)}
.payment-method__line-10 span{transform:translateY(-50%) rotate(-160deg)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.payment-method__line-10{width:380px;left:-68%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-10{width:250px;left:-35%;transform:translate(-50%) rotate(142deg)}
.payment-method__line-10 span{transform:translateY(-50%) rotate(-142deg)}
}
@media (max-width: 767px) {
.payment-method__line-10{width:140px;left:6%}
}
.payment-method__line-11{position:absolute;left:-89%;top:50%;transform:translate(-50%) rotate(170deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:430px;background-color:var(--tp-theme-2)}
.payment-method__line-11 span{transform:translateY(-50%) rotate(-170deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-11{width:250px;left:-35%;transform:translate(-50%) rotate(160deg)}
.payment-method__line-11 span{transform:translateY(-50%) rotate(-160deg)}
}
@media (max-width: 767px) {
.payment-method__line-11{width:140px;left:6%;transform:translate(-50%) rotate(148deg)}
.payment-method__line-11 span{transform:translateY(-50%) rotate(-148deg)}
}
.payment-method__line-12{position:absolute;left:-146%;top:50%;transform:translate(-50%) rotate(180deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:600px;background-color:var(--tp-theme-2)}
.payment-method__line-12 span{transform:translateY(-50%) rotate(-180deg)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.payment-method__line-12{width:560px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.payment-method__line-12{width:380px;left:-68%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-12{width:250px;left:-35%}
}
@media (max-width: 767px) {
.payment-method__line-12{width:140px;left:6%}
}
.payment-method__line-13{position:absolute;left:-45%;top:50%;transform:translate(-50%) rotate(190deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:300px;background-color:var(--tp-theme-2)}
.payment-method__line-13 span{transform:translateY(-50%) rotate(-190deg)}
.payment-method__line-13 img{box-shadow:0 10px 50px #2021241a;border-radius:50%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-13{width:250px;left:-35%;transform:translate(-50%) rotate(198deg)}
.payment-method__line-13 span{transform:translateY(-50%) rotate(-198deg)}
}
@media (max-width: 767px) {
.payment-method__line-13{width:140px;left:6%}
}
.payment-method__line-14{position:absolute;left:-129%;top:50%;transform:translate(-50%) rotate(199deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:550px;background-color:var(--tp-theme-2)}
.payment-method__line-14 span{transform:translateY(-50%) rotate(-199deg)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.payment-method__line-14{width:380px;left:-68%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-14{width:250px;left:-35%;transform:translate(-50%) rotate(215deg)}
.payment-method__line-14 span{transform:translateY(-50%) rotate(-215deg)}
}
@media (max-width: 767px) {
.payment-method__line-14{width:140px;left:6%}
}
.payment-method__line-15{position:absolute;left:-70%;top:50%;transform:translate(-50%) rotate(211deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:370px;background-color:var(--tp-theme-2)}
.payment-method__line-15 span{transform:translateY(-50%) rotate(-211deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-15{width:250px;left:-35%;transform:translate(-50%) rotate(236deg)}
.payment-method__line-15 span{transform:translateY(-50%) rotate(-236deg)}
}
@media (max-width: 767px) {
.payment-method__line-15{width:140px;left:6%;transform:translate(-50%) rotate(236deg)}
.payment-method__line-15 span{transform:translateY(-50%) rotate(-236deg)}
}
.payment-method__line-16{position:absolute;left:-3%;top:50%;transform:translate(-50%) rotate(228deg);text-align:center;display:inline-block;transform-origin:right center;height:1px;width:170px;background-color:var(--tp-theme-2)}
.payment-method__line-16 span{transform:translateY(-50%) rotate(-228deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.payment-method__line-16{width:250px;left:-35%;transform:translate(-50%) rotate(273deg)}
.payment-method__line-16 span{transform:translateY(-50%) rotate(-273deg)}
}
@media (max-width: 767px) {
.payment-method__line-16{width:140px;left:6%;transform:translate(-50%) rotate(276deg)}
.payment-method__line-16 span{transform:translateY(-50%) rotate(-273deg)}
}
.payment-method__line-1 span,.payment-method__line-2 span,.payment-method__line-3 span,.payment-method__line-4 span,.payment-method__line-5 span,.payment-method__line-6 span,.payment-method__line-7 span,.payment-method__line-8 span,.payment-method__line-9 span,.payment-method__line-10 span,.payment-method__line-11 span,.payment-method__line-12 span,.payment-method__line-13 span,.payment-method__line-14 span,.payment-method__line-15 span,.payment-method__line-16 span{position:absolute;left:-40px;top:50%}
.payment-method__line-1 span:hover img,.payment-method__line-2 span:hover img,.payment-method__line-3 span:hover img,.payment-method__line-4 span:hover img,.payment-method__line-5 span:hover img,.payment-method__line-6 span:hover img,.payment-method__line-7 span:hover img,.payment-method__line-8 span:hover img,.payment-method__line-9 span:hover img,.payment-method__line-10 span:hover img,.payment-method__line-11 span:hover img,.payment-method__line-12 span:hover img,.payment-method__line-13 span:hover img,.payment-method__line-14 span:hover img,.payment-method__line-15 span:hover img,.payment-method__line-16 span:hover img{transform:scale(1.1)}
.payment-method__wrapper{padding-top:170px;padding-bottom:150px}
@media (max-width: 767px) {
.payment-method__wrapper{padding-top:130px}
}
.tp-platform-text p{font-weight:400;font-size:17px;line-height:26px;color:#fffc;position:relative;padding-left:30px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-platform-text p{padding-left:0}
}
.tp-platform-text p::after{position:absolute;content:"";top:-4px;left:0;height:60px;width:1.5px;background:#ffffff1a}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-platform-text p::after{top:-15px}
}
.row-custom{display:flex;margin:0 -15px;padding-left:30px;padding-right:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row-custom{padding:0}
}
@media (max-width: 767px) {
.row-custom{flex-direction:column;width:100%;padding-left:0;padding-right:0}
}
.col-custom{flex:.4;width:90px;height:360px;background-size:cover;margin:15px;background:#3137D2;box-shadow:0 -3px 0 #F8FF35;border-radius:30px;padding:50px;transition:.3s;cursor:pointer}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.col-custom{padding:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-custom{padding:40px 25px}
}
@media (max-width: 767px) {
.col-custom{width:100%;padding:40px 30px}
}
.col-custom.active{flex:7}
.col-custom.active .tp-panel-item{display:none}
.col-custom.active .tp-panel-item-2{opacity:1;visibility:visible;transform:scale(1);transition-delay:.3s;transition:.3s}
.tp-platform-inner .col-custom{background:#F5F3F8;box-shadow:0 -3px 0 #6B14FA}
.tp-platform-inner .tp-panel-title{color:var(--colorblack)}
.tp-platform-inner .tp-panel-content span{color:var(--colorblack)}
.tp-platform-inner .tp-panel-content-2 span{color:var(--colorblack)}
.tp-platform-inner .tp-panel-title-2{color:var(--colorblack)}
.tp-platform-inner .tp-panel-content-2 p{color:var(--colorblack)}
.tp-panel-title{width:200px;transform:rotate(90deg) translate(90px,88px);font-weight:500;font-size:22px;line-height:20px;color:#FFF;opacity:.7;margin-bottom:0}
.tp-panel-title.child-one{transform:rotate(90deg) translate(80px,88px)}
.tp-panel-title.child-three{transform:rotate(90deg) translate(75px,88px)}
.tp-panel-title.child-four{transform:rotate(90deg) translate(88px,88px)}
.tp-panel-content{text-align:center}
.tp-panel-content span{font-weight:700;font-size:26px;line-height:28px;color:var(--whiteColor);margin-left:-7px}
.tp-panel-content-2 span{font-weight:700;font-size:60px;line-height:40px;color:var(--whiteColor);padding-bottom:80px;display:inline-block}
.tp-panel-content-2 p{font-weight:400;font-size:17px;line-height:26px;color:#fffc;margin-bottom:0}
.tp-panel-content-2 span{visibility:hidden;display:inline-block;opacity:0;transform:translateY(5px);transition-delay:.4s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.tp-panel-title-2{transform:translateY(5px);visibility:hidden;opacity:0;transition-delay:.2s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.tp-panel-content-2 p{transform:translateY(5px);visibility:hidden;opacity:0;transition-delay:.2s;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.col-custom.active .tp-panel-content-2 span{transform:translateY(0);visibility:visible;opacity:1;transition-delay:.3s}
.col-custom.active .tp-panel-title-2{transform:translateY(0);visibility:visible;opacity:1;transition-delay:.4s}
.col-custom.active .tp-panel-content-2 p{transform:translateY(0);visibility:visible;opacity:1;transition-delay:.4s}
.tp-panel-title-2{font-weight:600;font-size:30px;line-height:20px;color:var(--whiteColor);padding-bottom:15px}
.tp-panel-item-2{opacity:0;visibility:hidden;transform:scale(0.7)}
.tp-platform-img-box img{max-width:inherit;margin-left:-100px;animation:tptranslateX2 4s forwards infinite alternate}
.tp-platform-bg{background-size:cover;background-repeat:no-repeat;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-platform-section-box{margin-bottom:40px}
}
.tp-section-title-shape svg{position:absolute;bottom:-2px;left:60px;z-index:-1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-section-title-shape svg{left:33%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-section-title-shape svg{left:21%}
}
@media (max-width: 767px) {
.tp-section-title-shape svg{left:100px}
.tp-about__pt-pb{padding-top:40px;padding-bottom:100px}
}
.tp-about__main-img{padding-right:40px;animation:scale_up_down 3s infinite alternate both}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-about__main-img{padding-right:0}
}
.tp-about__main-img img{box-shadow:0 16px 20px 10px #01103d1a;border-radius:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about__img-wrapper{margin-bottom:150px}
}
@media (max-width: 767px) {
.tp-about__img-wrapper{margin-bottom:70px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-about__img-wrapper{margin-bottom:140px}
}
.tp-about__sub-img-1{position:absolute;bottom:-37%;left:42%;animation:tptranslateY2 4s forwards infinite alternate}
.tp-about__sub-img-1 img{box-shadow:10px 40px 40px #01103d0f -20px -20px 120px #01103d1f;border-radius:20px}
.tp-about__sub-img-2{position:absolute;top:-24%;left:5%;animation:tptranslateX2 4s forwards infinite alternate}
@media (max-width: 767px) {
.tp-about__sub-img-2{padding-top:80px}
}
.tp-about__sub-img-2 img{box-shadow:10px 40px 40px #01103d0f -20px -20px 120px #01103d1f;border-radius:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__sub-img-2{top:-35%;left:0}
}
.tp-about__sub-img-3{position:absolute;bottom:-27%;left:4%}
.tp-about__sub-img-3 img{height:170px;width:150px}
.tp-about__bg-shape{position:absolute;top:-41%;right:-4px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__bg-shape{right:0}
}
.tp-about__right{padding-left:100px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-about__right{padding-left:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__right{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-about__right{padding-left:0}
}
.tp-about__section-box{padding-bottom:20px}
.tp-about__section-box p{font-weight:400;font-size:18px;line-height:28px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px),only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-about__section-box p{display:none}
}
.tp-about__list{padding-bottom:45px}
.tp-about__list ul li{font-weight:500;font-size:16px;line-height:1.1;position:relative;padding-left:30px;margin-bottom:30px;color:var(--colorblack);list-style-type:none}
.tp-about__list ul li:last-child{margin-bottom:0}
.tp-about__list ul li i{position:absolute;top:0;left:0;height:20px;width:20px;line-height:20px;text-align:center;border-radius:50%;font-size:8px;color:var(--whiteColor);background-color:var(--colorred);font-weight:400}
.tp-security-section-wrapper{padding-left:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-security-section-wrapper{padding-left:55px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-security-section-wrapper{padding-left:0}
}
.tp-security-section-box p{font-weight:400;font-size:17px;line-height:26px;color:#ffffffb3;position:relative;margin-bottom:0;padding-left:30px}
.tp-security-section-box p::after{position:absolute;content:"";top:-4px;left:0;height:90px;width:1.5px;background:#ffffff1a}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-security-section-box p::after{top:-20px}
}
@media (max-width: 767px) {
.tp-security-section-box p::after{top:8px}
}
.tp-about-left-img{padding-left:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-about-left-img{padding-left:0;margin-bottom:70px}
}
@media (max-width: 767px) {
.tp-about-left-img{padding-left:0;margin-bottom:50px}
}
.tp-security-feature{margin-bottom:60px}
.tp-security-feature ul li{list-style-type:none;position:relative;padding-left:36px;font-weight:500;font-size:16px;line-height:22px;color:var(--whiteColor);margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-security-feature ul li br{display:none}
}
.tp-security-feature ul li:last-child{margin-bottom:0}
.tp-security-feature ul li i{position:absolute;top:0;left:0;height:22px;width:22px;border-radius:50%;background:#ffffff1a;text-align:center;line-height:22px;color:var(--whiteColor);font-size:10px}
.ab-brand-title{font-weight:700;font-size:36px;line-height:40px;color:#080829;padding-bottom:10px}
.ab-brand-item img{box-shadow:0 16px 32px #0000000f;border-radius:8px}
.ab-brand-border-bottom{border-bottom:1px solid #0808291a}
.ab-company-section-space{margin-bottom:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.ab-company-section-space{margin-bottom:30px}
}
@media (max-width: 767px) {
.ab-company-section-space{margin-bottom:20px}
}
.ab-company-section-text p{font-weight:400;font-size:17px;line-height:26px;color:#5F6168}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ab-company-section-text p{font-size:16px}
}
.ab-company-section-text p span{font-weight:400;font-size:20px;line-height:28px;color:#202124}
@media (max-width: 767px) {
.ab-company-section-text p span{font-size:18px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.ab-company-video{margin-bottom:40px}
}
@media (max-width: 767px) {
.ab-company-video{margin-bottom:40px}
}
.ab-company-video a{height:70px;width:70px;background-color:var(--coloryellow-2);text-align:center;line-height:70px;display:inline-block;border-radius:50%;color:var(--colorblack);font-size:18px;margin-right:20px;transition:.3s}
.ab-company-video a i{margin-left:5px}
.ab-company-video a:hover{background-color:var(--tp-theme-1);color:var(--whiteColor)}
.ab-company-video span{font-weight:500;font-size:18px;color:#000}
.ab-company-fun-fact span{font-weight:600;font-size:14px;letter-spacing:.04em;color:#B2B2B8;padding-bottom:10px;display:inline-block}
.ab-company-fun-fact h4{font-weight:700;font-size:44px;line-height:36px;color:#080829;padding-bottom:5px}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.ab-company-fun-fact h4{font-size:30px}
}
.ab-company-fun-fact h4 em{font-weight:400;font-size:30px;line-height:36px;color:#6B14FA;font-style:normal}
.ab-company-fun-fact p{font-weight:500;font-size:17px;line-height:14px;color:#5F6168}
.ab-company-fun-fact-wrap{border-right:1px solid #0808291a}
@media (max-width: 767px) {
.ab-company-fun-fact-wrap{border-right:0}
}
.ab-company-border-none{border-right:none}
.tp-team-inner-section .tp-team-section-box{margin-bottom:0}
@media (max-width: 767px) {
.tp-team-inner-section .tp-team-section-box{margin-bottom:20px}
}
.journey-grey-bg{height:310px;width:100%;position:absolute;top:0;left:0;z-index:-1}
.journey-slider-item{background-color:var(--whiteColor);box-shadow:0 14px 20px #08082914;border-radius:20px;padding:50px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.journey-slider-item{padding:45px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.journey-slider-item{padding:40px}
}
@media (max-width: 767px) {
.journey-slider-item{padding:30px}
}
.journey-slider-meta span{font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:#ABABB0;padding-bottom:10px;display:inline-block}
.journey-slider-title{font-weight:400;font-size:26px;line-height:1.3;color:#080829;padding-bottom:10px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.journey-slider-title{font-size:20px}
}
.journey-slider-content P{font-weight:400;font-size:16px;line-height:26px;color:#5F6168}
@media only screen and (min-width: 1600px) and (max-width: 1800px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.journey-slider-content P br{display:none}
}
.journey-slider-wrapper{margin-left:-100px;margin-right:-305px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.journey-slider-wrapper{margin-right:-200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.journey-slider-wrapper{margin-left:0;margin-right:0}
}
.journey-slider-wrapper .tp-scrollbar{background:#01103d29;height:2px;width:50%;position:relative;left:0;right:0;text-align:center;margin:auto}
.journey-slider-wrapper .swiper-scrollbar-drag{height:100%;width:100%;background:#202124;border-radius:4px;left:0;top:0}
.journey-slider-active{padding:60px 0}
.journey-stroke-text{position:absolute;top:25px;right:25px}
.journey-stroke-text h2{font-size:100px;background-clip:border-box;background:linear-gradient(-90deg,#0808291f 0%,#fff 91%);background:-webkit-linear-gradient(-90deg,#0808291f 0%,#fff 91%);background:-moz-linear-gradient(-90deg,#0808291f 0%,#fff 91%);background:-ms-linear-gradient(-90deg,#0808291f 0%,#fff 91%);-webkit-background-clip:text;-webkit-text-stroke:2px transparent;-webkit-text-fill-color:#fff;color:#fff}
.job-post-box{background:#F7F9FC;padding:23px 60px;border-radius:12px;transform:scaleX(0.9);transition:.6s;margin-bottom:12px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job-post-box{padding:20px}
}
@media (max-width: 767px) {
.job-post-box{padding:20px 30px}
}
.job-post-box:hover{background-color:var(--whiteColor);box-shadow:0 20px 50px #08082914;border-radius:12px;transform:scaleX(1);position:relative;z-index:9}
@media (max-width: 767px) {
.job-post-wrapper{padding-bottom:20px}
}
.job-post-category span{font-weight:600;font-size:22px;line-height:20px;color:#080829;display:inline-block}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job-post-category span{font-size:16px}
}
@media (max-width: 767px) {
.job-post-category span{padding-bottom:20px;font-size:18px;line-height:30px}
}
.job-post-time{margin-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job-post-time{margin-right:50px}
}
@media (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
.job-post-time{margin-right:30px}
}
.job-post-time span{font-weight:400;font-size:16px;color:#5F6168;margin-left:5px}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 992px) and (max-width: 1199px) {
.job-post-time span{font-size:14px}
}
.job-post-time span i{flex:0 0 auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job-post-location{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job-post-location{padding-left:30px}
}
.job-post-location span{font-weight:400;font-size:16px;color:#5F6168;margin-left:5px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job-post-location span{font-size:14px}
}
.tp-about-top-img{position:absolute;top:-30px;left:30px;right:0;text-align:center;animation:tpupdown .8s infinite alternate}
.tp-about-top-img-2{position:absolute;top:-6%;left:14%;mix-blend-mode:overlay}
.tp-platform-bg-shape{position:absolute;top:0;left:0;z-index:-1;background-color:var(--colorblue-2);opacity:.1;height:100%;width:100%}
.border-tb{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}
.tp-service__section-box p{font-size:18px;line-height:28px}
.tp-service__item{border:1px solid #01103d14;border-radius:30px;padding:50px 42px;transition:.3s}
.tp-service__item:hover{border:1px solid #E8EAF1;box-shadow:0 20px 30px #0106141a;border-radius:30px}
.tp-service__item:hover .tp-service__icon{animation:icon-bounce .8s 1}
.tp-service__icon{margin-bottom:25px}
.tp-service__title-sm{font-weight:700;font-size:22px;line-height:1.1;padding-bottom:5px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service__title-sm{font-size:20px}
}
.tp-service__content p{padding-bottom:7px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service__content p br{display:none}
}
.tp-service__link a{height:44px;width:44px;line-height:41px;border-radius:50%;background:#295dfb1a;display:inline-block;text-align:center;transition:.4s}
.tp-service__link a:hover{box-shadow:0 8px 20px #295dfb40 inset 0 0 0 30px #6865FF}
.tp-service__link a:hover svg{color:var(--whiteColor)}
.tp-service__link a svg{transition:.4s;color:var(--tp-theme-1)}
.tp-service__dashboard{background-repeat:no-repeat;overflow:hidden;max-height:500px;border-radius:30px;background-size:cover}
.tp-service__top-content{padding:57px 40px 20px}
.tp-service__top-content p{font-weight:500;font-size:15px;line-height:24px;color:var(--whiteColor);opacity:.7;padding-bottom:10px}
@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
.tp-service__top-content p br{display:none}
}
.tp-service__title-white{font-weight:700;font-size:30px;color:var(--whiteColor);line-height:1.2}
@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
.tp-service__title-white{font-size:26px}
.tp-service__title-white br{display:none}
}
.tp-service__dashdboard-sm-img{margin-right:-150px}
.tp-service__grey-shape{position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:-1}
@media (max-width: 767px) {
.tp-service-2__section-box{padding-bottom:40px}
}
.tp-service-2__section-box p{font-weight:400;font-size:18px;line-height:16px}
@media (max-width: 767px) {
.tp-service-2__section-box p{font-size:17px}
}
.tp-service-2__shape{position:absolute;top:-145px;left:0;width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__shape{top:-75px}
}
@media (max-width: 767px) {
.tp-service-2__shape{top:-53px}
}
.tp-service-2__shape img{width:100%}
.tp-service-2__user{padding-left:65px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__user{padding-left:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__user{padding-left:0;padding-right:65px;margin-top:50px}
}
@media (max-width: 767px) {
.tp-service-2__user{padding-left:0;padding-right:20px}
}
.tp-service-2__user span{font-weight:600;font-size:40px;line-height:24px;color:var(--colorblack);font-family:var(--font3);padding-bottom:16px;display:inline-block}
.tp-service-2__user span i{font-style:normal}
.tp-service-2__user p{font-weight:500;font-size:14px;line-height:14px}
@media (max-width: 767px) {
.tp-service-2__user p{font-size:10px}
}
.tp-service-2__user-shape{position:absolute;bottom:-18px;right:18px}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px),(max-width: 767px) {
.tp-service-2__user-shape{right:auto;left:0}
}
@media (max-width: 767px) {
.tp-service-2__user-shape svg{width:100%}
}
.tp-service-2__item-wrapper{min-height:280px;width:100%}
.tp-service-2__item-wrapper:hover .tp-service-2__bg-shape{transform:rotate(0)}
.tp-service-2__item-wrapper:hover .tp-service-2__item{box-shadow:#0a0a0a1a 0 100px 100px,#ffffff1a 0 0 0 .5px inset}
.tp-service-2__item-wrapper:hover .tp-service-2__text{transform:translateY(12px)}
.tp-service-2__item-wrapper:hover .tp-service-2__link{opacity:1;visibility:visible}
.tp-service-2__item{background:#ffffff4d;mix-blend-mode:normal;border:1px solid #fff3;box-shadow:0 30px 30px #010a0a1a inset 0 0 .5px #ffffff40;backdrop-filter:blur(20px);border-radius:20px;position:relative;height:280px;width:100%;padding:50px 30px 45px;transition:.3s}
.tp-service-2__bg-shape{background:linear-gradient(41.25deg,#B2D6F8 25.09%,#81E0F5 94.14%);border-radius:20px;position:absolute;top:0;left:0;right:20px;height:99%;width:100%;transform:rotate(-10deg);z-index:-1;transition:all .8s cubic-bezier(0.075,0.82,0.165,1) 0s}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service-2__bg-shape{transform:rotate(-4deg)}
}
.tp-service-2__title-sm{font-weight:600;font-size:22px;line-height:16px;color:var(--colorblack);font-family:var(--font3);padding-bottom:0;margin-bottom:11px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-2__title-sm{font-size:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__title-sm{font-size:17px}
}
.tp-service-2__link{font-weight:600;font-size:16px;line-height:16px;font-family:var(--font3);color:var(--colorblack);padding-top:5px;display:inline-block;opacity:0;visibility:hidden;transition:.3s;position:relative}
.tp-service-2__link::after{position:absolute;content:"";left:0;bottom:-2px;width:0;height:1px;background-color:var(--colorblack);transition:width .4s cubic-bezier(0.34,1.56,0.64,1)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-2__link{font-size:15px}
}
.tp-service-2__link i{margin-left:6px;position:relative;top:1px;transition:transform .3s cubic-bezier(0.25,1,0.5,1)}
.tp-service-2__link:hover{color:var(--colorblack)}
.tp-service-2__link:hover::after{width:100%}
.tp-service-2__link:hover i{transform:translateX(4px)}
.tp-service-2__color-2{background:linear-gradient(180deg,#B0F248 -9.62%,#6DD18A 100%)}
.tp-service-2__color-3{background:linear-gradient(24.55deg,#FF94C7 22.06%,#FFDBBA 92.53%)}
.tp-service-2__color-4{background:linear-gradient(25.41deg,#B67DFF 22.21%,#ADBFFF 91.18%)}
.tp-service-2__bottom-wrapper{min-height:230px}
.tp-service-2__feature-item{padding:50px 87px 35px;min-height:230px;background:linear-gradient(142.23deg,#FFF7F1 7.63%,#FAE9EF 99.01%),linear-gradient(142.23deg,#FFF7F1 7.63%,#FAE9EF 99.01%);border-radius:30px}
@media (max-width: 767px) {
.tp-service-2__feature-item{padding:20px}
}
.tp-service-2__bottom-bg-shape{position:absolute;position:absolute;top:-15px;left:-29px;z-index:-1}
.tp-service-2__text{transform:translateY(41px);transition:.3s}
.tp-service-2__feature-list ul li{list-style-type:none;font-weight:500;font-size:15px;color:#44464D;position:relative;padding-left:13px;width:25%;float:left;margin-bottom:14px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-2__feature-list ul li{font-size:12px;line-height:24px}
}
@media (max-width: 767px) {
.tp-service-2__feature-list ul li{font-size:12px;line-height:24px;width:50%}
}
.tp-service-2__feature-list ul li::after{position:absolute;top:9px;left:0;height:5px;width:5px;border-radius:50%;background-color:#44464D;content:""}
.tp-service-2__feature-title{font-weight:600;font-size:24px;line-height:1.1;font-family:var(--font3);padding-bottom:20px;margin-bottom:13px}
.tp-service-3-item{background-repeat:no-repeat;background-size:cover;padding:40px;border-radius:30px;overflow:hidden}
.tp-service-3-content span{font-weight:600;font-size:13px;line-height:12px;text-transform:uppercase;opacity:.7;color:var(--whiteColor);font-family:var(--font4);padding-bottom:10px;display:inline-block}
.tp-service-3-icon{margin-bottom:55px}
.tp-service-3-title-sm{font-weight:700;font-size:24px;line-height:32px;font-family:var(--font4);color:var(--whiteColor);padding-bottom:25px}
.tp-service-3-shape{position:absolute;right:0;bottom:0;z-index:-1}
.tp-service-sm-item{border:1px solid #E9EBF1;border-radius:20px;padding:45px;min-height:360px;overflow:hidden;transition:.3s}
.tp-service-sm-item:hover{box-shadow:0 8px 16px -2px #2021240f 0 16px 32px -2px #2021241a}
.tp-service-sm-item:hover .tp-service-sm-link{opacity:1;visibility:visible}
.tp-service-sm-item:hover .tp-service-sm-content{margin-bottom:0}
.tp-service-sm-item:hover .tp-service-sm-icon svg{color:#5B6CFF;width:45px}
.tp-service-sm-icon svg{transition:.3s;color:var(--colorblack)}
.tp-service-sm-content{margin-bottom:-47px;transition:.3s}
.tp-service-sm-content span{font-weight:700;font-size:11px;line-height:8px;letter-spacing:.03em;text-transform:uppercase;border:1px solid #2021241a;border-radius:100px;height:26px;line-height:24px;display:inline-block;padding:0 15px;margin-bottom:13px}
.tp-service-sm-title{font-family:var(--font4);font-weight:700;font-size:24px;line-height:30px;color:var(--colorblack);margin-bottom:0;padding-bottom:20px;transition:.3s}
.tp-service-sm-title a:hover{color:var(--tp-theme-1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-sm-title{font-size:22px;line-height:28px}
.tp-service-sm-title br{display:none}
}
@media (max-width: 767px) {
.tp-service-sm-title{font-size:18px;line-height:23px}
.tp-service-sm-title br{display:none}
}
.tp-service-sm-link{opacity:0;visibility:hidden;transition:.3s}
.tp-service-sm-link a{font-weight:600;font-size:16px;line-height:14px;color:var(--colorblack);font-family:var(--font4);transition:.3s}
.tp-service-sm-link a i{margin-left:4px;transition:.3s;position:relative;top:0}
.tp-service-sm-link a:hover{color:var(--tp-theme-1)}
.tp-service-sm-link a:hover i{animation:tfLeftToRight .4s forwards}
.tp-service-sm-link a span::before{content:"";height:1px;width:20px;background-color:var(--colorblack);display:inline-block}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-service__dashdboard-sm-img img{margin-left:140px;margin-top:34px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service-section-wrapper .tp-section-title-3{padding-bottom:20px}
.tp-service-section-wrapper{flex-wrap:wrap}
.tp-service-section-four{padding-bottom:30px}
}
.tp-service-sction-content p{font-weight:400;font-size:17px;line-height:26px;color:#fffc;position:relative;padding-left:27px;margin-bottom:0}
@media (max-width: 767px) {
.tp-service-sction-content p{padding-left:17px}
.tp-service-sction-content p br{display:none}
}
.tp-service-sction-content p::after{position:absolute;content:"";left:0;top:-2px;width:1.5px;height:60px;background-color:#ffffff1a}
@media (max-width: 767px) {
.tp-service-sction-content p::after{top:-4px}
}
.tp-service-4-item{padding:50px 40px;position:relative;border-radius:0 0 20px 20px;overflow:hidden}
.tp-service-4-item::before{position:absolute;top:0;left:0;height:4px;width:100%;background-color:var(--coloryellow-3);content:"";opacity:0;visibility:hidden;transition:.3s}
@media (max-width: 767px) {
.tp-service-4-item::before{opacity:1;visibility:visible}
}
.tp-service-4-item::after{position:absolute;top:0;left:0;height:0;width:100%;background:transparent;backdrop-filter:blur(6px);border-radius:0 0 20px 20px;transition:.4s;content:"";z-index:-1}
@media (max-width: 767px) {
.tp-service-4-item::after{background-color:#3137D2;height:100%}
}
.tp-service-4-item:hover::after{background-color:#3137D2;height:100%;animation:bounceRight 2s}
.tp-service-4-item:hover::before{opacity:1;visibility:visible}
.tp-service-4-item:hover .tp-service-4-content span{opacity:1;visibility:visible;transform:translateY(0px)}
.tp-service-4-item:hover .tp-service-4-content .tp-btn-service{background-color:var(--coloryellow-3);color:var(--colorblack);border-color:var(--coloryellow-3)}
.tp-service-4-title{font-weight:700;font-size:22px;line-height:32px;color:var(--whiteColor);padding-bottom:15px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-4-title{font-size:20px}
}
.tp-service-4-content span{font-weight:500;font-size:12px;line-height:11px;letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3;padding-bottom:10px;display:inline-block;opacity:0;visibility:hidden;transition:.3s;transform:translateY(-10px)}
.tp-service-4-icon{margin-bottom:60px;min-height:96px}
.tp-service-4-border-right{border-right:1px solid #ffffff1a;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service-4-border-right{border:0}
}
.tp-service-4-border-right::after{position:absolute;content:"";top:0;left:0;width:1px;height:30px;background:#F8FF35;animation:scroll1 15s infinite}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service-4-border-right::after{display:none}
}
.tp-service-4-border-right.service-border-trang-2::after{animation:scroll1 20s infinite}
.tp-service-4-border-right.service-border-trang-3::after{animation:scroll1 30s infinite}
.tp-service-4-border-top{border-top:1px solid #ffffff1a}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service-4-border-top{border:0}
}
.tp-service-shape-right{position:absolute;bottom:-22%;right:0}
.tp-service-area .container .row [class*=col-]:last-child{border-right:0}
.tp-service-area .container .row [class*=col-]:first-child::after{display:none}
.tp-service-five-section-box{padding-left:350px;padding-right:60px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-five-section-box{padding-left:170px;padding-right:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-five-section-box{padding-left:100px;padding-right:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-five-section-box{padding-left:30px;padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-five-section-box{text-align:center;padding:50px 0 50px 30px}
}
@media (max-width: 767px) {
.tp-service-five-section-box{text-align:center;padding:40px 0 40px 30px}
}
.tp-service-five-section-box p{font-weight:400;font-size:17px;line-height:26px;color:var(--whiteColor)}
@media (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-service-five-section-box p br{display:none}
}
.tp-service-five-wrapper{transform:translateY(50px);transition:.3s}
.tp-service-five-bg{width:50%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;z-index:-1}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-service-five-bg{width:100%}
}
.tp-service-five-item{padding:40px 60px;transition:.4s;position:relative}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-five-item{padding:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-five-item{padding:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-five-item{padding:20px}
}
@media (max-width: 767px) {
.tp-service-five-item{padding:30px}
}
.tp-service-five-item:hover{z-index:9}
.tp-service-five-item:hover .tp-service-five-wrapper{transform:translateY(0px)}
.tp-service-five-item:hover .tp-service-five-content p{opacity:1;visibility:visible}
.tp-service-five-item:hover .tp-service-five-btn a{transform:scale(1.2);background-color:var(--colorblue);color:var(--whiteColor)}
.tp-service-five-item:hover .tp-services-five-item-bg{transform:scale(1.05);box-shadow:0 16px 40px #2021241a}
.tp-service-five-item:hover .tp-services-five-item-bg .inner{transform:translate(-50%,50%) scale(1)}
.tp-service-five-item .tp-services-five-item-bg{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:50% 100%;box-shadow:none;transform:scale(1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition-property:all;transition-property:transform,box-shadow;overflow:hidden;background-color:#fff}
.tp-service-five-item .tp-services-five-item-bg .inner{display:block;width:230%;height:230%;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) scale(0);opacity:1;transition:transform .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.895,0.03,0.685,0.22);background-color:#F7F9FB}
.tp-service-five-content p{font-size:15px}
.tp-service-five-title-sm{font-weight:500;font-size:26px;line-height:33px;color:var(--colorblack);padding-bottom:5px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-service-five-title-sm{font-size:23px;line-height:30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-service-five-title-sm{font-size:19px;line-height:25px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-service-five-title-sm{font-size:22px;line-height:28px}
}
.tp-service-five-icon{margin-bottom:30px;width:60px;height:60px}
.tp-service-five-content p{color:#595B62;opacity:0;visibility:hidden;transition:.3s}
.tp-service-five-btn{position:relative;z-index:9}
.tp-service-five-btn a{height:55px;width:55px;box-shadow:0 1px 2px #2021241a;border-radius:50%;background-color:var(--whiteColor);display:inline-block;text-align:center;line-height:55px;color:var(--colorblack);font-weight:700;transition:.3s}
.tp-service-five-btn a:hover{background-color:var(--colorblue);color:var(--whiteColor)}
.tp-service-five-btn a:hover i{animation:tfLeftToRight .4s forwards}
.tp-services-five-item-bg-color .row [class*=col-]:first-child .tp-service-five-item .tp-services-five-item-bg{background-color:#F7F9FB}
.tp-services-five-item-bg-color .row [class*=col-]:first-child .tp-service-five-item .inner{background-color:#fff}
.tp-services-five-item-bg-color .row [class*=col-]:nth-child(4) .tp-service-five-item .tp-services-five-item-bg{background-color:#F7F9FB}
.tp-services-five-item-bg-color .row [class*=col-]:nth-child(4) .tp-service-five-item .inner{background-color:#fff}
@media only screen and (min-width: 1600px) and (max-width: 1800px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
.sv-details-space{padding-bottom:200px}
}
.sv-details-category{background:#F7F9FC;border-radius:20px;padding:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sv-details-category{padding:30px}
}
@media (max-width: 767px) {
.sv-details-category{padding:30px}
}
.sv-details-title-sm{font-weight:600;font-size:20px;line-height:16px;color:#000;padding-bottom:20px}
.sv-details-title{font-weight:700;font-size:40px;line-height:50px;letter-spacing:-.02em;color:#202124}
@media (max-width: 767px) {
.sv-details-title{font-size:35px}
}
.sv-details-category-list ul li{list-style-type:none;background:#FFF;box-shadow:0 1px 3px #20212414;border-radius:8px;transition:.5s;margin-bottom:1px}
.sv-details-category-list ul li:last-child{margin-bottom:0}
.sv-details-category-list ul li:hover{transform:scaleX(1.1)}
.sv-details-category-list ul li.active{transform:scaleX(1.1)}
.sv-details-category-list ul li.active a{color:var(--colorblue-3)}
.sv-details-category-list ul li.active a span::before{background-color:var(--colorblue-3)}
.sv-details-category-list ul li.active a i{color:var(--colorblue-3)}
.sv-details-category-list ul li a{font-weight:400;font-size:17px;color:#202124;display:block;display:flex;justify-content:space-between;transition:.3s;padding:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sv-details-category-list ul li a{font-size:15px}
}
.sv-details-category-list ul li a:hover{color:var(--colorblue-3)}
.sv-details-category-list ul li a:hover span::before{background-color:var(--colorblue-3)}
.sv-details-category-list ul li a:hover i{color:var(--colorblue-3)}
.sv-details-category-list ul li a span::before{content:"";height:4px;width:4px;background-color:var(--colorblack);border-radius:50%;transition:.3s;display:inline-block;margin-right:15px;transform:translateY(-4px)}
.sv-details-category-list ul li a i{font-size:20px;transition:.3s;transform:translateX(3px)}
.sv-details-social-link a{margin-right:25px;font-size:18px;color:#82868C;transition:.3s}
.sv-details-social-link a:hover{color:var(--colorblue-3)}
.sv-details-wrapper{padding-left:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sv-details-wrapper{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.sv-details-wrapper{padding-left:0}
}
.sv-details-thumb img{border-radius:20px}
.sv-details-title-box p{font-weight:400;font-size:17px;line-height:26px;color:#5F6168}
@media (max-width: 767px) {
.sv-details-title-box p{font-size:15px}
}
.sv-details-text-title{font-weight:700;font-size:24px;line-height:20px;color:#202124;padding-bottom:15px}
.sv-details-text ul li{list-style-type:none;position:relative;padding-left:35px;margin-bottom:10px}
.sv-details-text ul li p{font-weight:600;font-size:16px;line-height:26px;color:#202124;margin-bottom:0}
@media (max-width: 767px) {
.sv-details-text ul li p{font-size:15px}
}
.sv-details-text ul li p span{font-weight:400;font-size:16px;line-height:24px;color:var(--tp-text-body)}
.sv-details-text ul li i{height:20px;width:20px;text-align:center;line-height:20px;border-radius:50%;background:#14112514;font-size:10px;font-weight:400;color:var(--colorblack);position:absolute;top:5px;left:0}
.sv-details-text-2 p{font-weight:400;font-size:17px;line-height:26px;color:#5F6168}
@media (max-width: 767px) {
.sv-details-text-2 p{font-size:15px}
}
.tp-project__item{background-color:var(--whiteColor);border-radius:30px;overflow:hidden;transition:.3s}
@media (max-width: 767px) {
.tp-project__item{flex-wrap:wrap}
}
.tp-project__item:hover{box-shadow:0 16px 20px #01103d1a;border-radius:30px}
.tp-project__thumb{flex:0 0 auto}
@media (max-width: 767px) {
.tp-project__thumb{width:100%}
.tp-project__thumb img{width:100%}
.tp-project__meta{flex-wrap:wrap}
}
.tp-project__content{padding:0 50px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-project__content{padding:0 40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project__content{padding:0 40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__content{padding:0 30px}
}
@media (max-width: 767px) {
.tp-project__content{padding:20px}
}
.tp-project__brand-icon{margin-bottom:30px}
.tp-project__brand-icon img{width:100px;height:28px}
.tp-project__title-sm{font-weight:700;font-size:30px;padding-bottom:5px}
@media (max-width: 767px) {
.tp-project__title-sm{font-size:25px}
}
.tp-project__title-box p{border-bottom:1px solid #01103d14;padding-bottom:37px;margin-bottom:38px;padding-right:12px}
@media (max-width: 767px) {
.tp-project__title-box p{font-size:14px;padding-right:0;padding-bottom:30px;margin-bottom:30px}
}
.tp-project__author-info{margin-right:40px}
.tp-project__author-info span{font-weight:500;font-size:14px;color:var(--tp-grey-2);padding-bottom:8px;display:inline-block}
.tp-project__author-info h4{font-weight:500;font-size:16px;margin-bottom:0}
.tp-project__budget{margin-right:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project__budget{margin-right:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__budget{margin-right:60px}
}
@media (max-width: 767px) {
.tp-project__budget{margin-right:0}
}
.tp-project__budget span{font-weight:500;font-size:14px;color:var(--tp-grey-2);padding-bottom:8px;display:inline-block}
.tp-project__budget h4{font-weight:500;font-size:16px;margin-bottom:0}
.tp-project__link{margin-left:22px}
@media (max-width: 767px) {
.tp-project__link{margin-top:20px;margin-left:40px}
}
.tp-project__link a{height:44px;width:44px;line-height:41px;border-radius:50%;background:#295dfb1a;display:inline-block;text-align:center;transition:.4s}
.tp-project__link a svg{transition:.4s;color:var(--tp-theme-1)}
.tp-project__link a:hover{box-shadow:inset 0 0 0 30px #6865FF}
.tp-project__link a:hover svg{color:var(--whiteColor)}
.tp-project__slider-active{margin:0 -260px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-project__slider-active{margin:0 -450px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-project__slider-active{margin:0 -500px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-project__slider-active{margin:0;padding:0 30px}
}
@media (max-width: 767px) {
.tp-project__slider-active{margin:0;padding:0 15px}
}
.tp-project__slider-wrapper{padding-top:50px;padding-bottom:70px}
.tp-project__slider-section .tp-scrollbar{background:#01103d29;height:2px;width:50%;position:relative;left:0;right:0;text-align:center;margin:auto}
.inner-project{height:100%}
.inner-project-item{border:1px solid #F0F0F0;border-radius:20px;padding:10px;transition:.3s}
.inner-project-item:hover{box-shadow:0 10px 20px #01103d1a}
.inner-project-item:hover .inner-project-img img{border-radius:20px;transform:scale(1.2)}
.inner-project-img{margin-bottom:30px;border-radius:20px}
.inner-project-img img{border-radius:20px;width:100%;transition:.7s}
.inner-project-brand{position:absolute;bottom:0;left:0;padding:25px}
.inner-project-brand img{box-shadow:0 10px 10px #0616220f;backdrop-filter:blur(30px);border-radius:100px}
.inner-project-content{padding-left:20px}
.inner-project-content p{padding-bottom:10px}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inner-project-content p{font-size:14px;line-height:20px}
}
.inner-project-category-title{font-weight:500;font-size:12px;line-height:12px;letter-spacing:.06em;text-transform:uppercase;color:#9959FF;padding-bottom:15px;display:inline-block}
.inner-project-title{font-weight:700;font-size:26px;line-height:20px;color:#080829;padding-bottom:10px;transition:.3s}
.inner-project-title:hover{color:var(--colorblue-3)}
@media (max-width: 767px) {
.inner-project-title{font-size:20px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.inner-project-title{font-size:18px}
}
.portfolio-filter button{font-weight:600;font-size:14px;line-height:12px;color:#5F6168;border:1px solid #F0F0F0;border-radius:20px;margin:0 5px;transition:.3s;margin-bottom:15px}
.portfolio-filter button:hover{border-color:var(--colorblue-3)}
.portfolio-filter button span{padding:10px 30px;display:inline-block}
@media (max-width: 767px) {
.portfolio-filter button span{padding:10px 25px}
}
.portfolio-filter button.active{background-color:var(--colorblue-3);border-color:var(--colorblue-3);color:var(--whiteColor)}
.pd-solution-paragraph{padding-left:15px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-solution-paragraph{padding-left:0}
}
.pd-thumb{margin-top:-250px;position:relative;z-index:3}
.pd-thumb img{border-radius:30px}
.pd-details-social-box{position:sticky;top:50px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-details-social-box{margin-bottom:30px}
}
.pd-details-social-title{font-weight:500;font-size:15px;line-height:20px;color:#57575A;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-details-social-title br{display:none}
}
.pd-details-social{display:flex;flex-direction:column;align-items:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pd-details-social{padding-left:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-details-social{flex-direction:row}
}
.pd-details-social a{height:45px;width:45px;text-align:center;line-height:42px;border:1px solid #F0F0F0;border-radius:50%;display:inline-block;margin-bottom:8px;color:#9497A3}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-details-social a{margin-right:8px}
}
.pd-details-social a:hover{background-color:#600EE4;border-color:#600EE4;color:var(--whiteColor)}
.pd-details-wrapper{padding-right:169px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pd-details-wrapper{padding-right:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.pd-details-wrapper{padding-right:0}
}
.pd-details-title{font-weight:600;font-size:34px;color:#080829;padding-bottom:20px}
@media (max-width: 767px) {
.pd-details-title{font-size:30px}
}
.pd-details-info{padding-bottom:20px}
.pd-details-info p{font-weight:400;font-size:17px;line-height:28px;color:#5F6168}
@media (max-width: 767px) {
.pd-details-solution-img-box{flex-wrap:wrap}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pd-details-solution-img-box{flex-wrap:inherit}
}
.pd-details-solution-img{padding-bottom:60px}
@media (max-width: 767px) {
.pd-details-solution-img{margin-right:0}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pd-details-solution-img{margin:0 15px}
}
.pd-details-solution-img img{border-radius:30px}
.pd-details-overview{padding-bottom:50px}
.pd-details-overview ul{padding-bottom:40px}
.pd-details-overview ul li{font-weight:400;font-size:16px;line-height:36px;color:#5F6168;list-style-type:none;position:relative;padding-left:20px}
.pd-details-overview ul li::before{content:"";height:4px;width:4px;background-color:#5F6168;border-radius:50%;display:inline-block;transform:translateY(-3px);position:absolute;top:20px;left:0}
.tp-account-main-img{position:absolute;top:-70px;left:61px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-account-main-img{top:-2px;left:19px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-account-main-img{left:124px}
}
@media (max-width: 767px) {
.tp-account-main-img{top:-8px;left:9px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-account-main-img{top:-66px;left:23px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-account-section-box{margin-top:70px}
}
.tp-account-author{position:absolute;bottom:-6px;right:32%}
@media (max-width: 767px) {
.tp-account-author{bottom:-3px;right:14%}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-account-author{bottom:-3px;right:31%}
}
.tp-account-shape-1{position:absolute;top:-14px;left:-2%;animation:tpupdown .8s infinite alternate}
.tp-account-shape-2{position:absolute;bottom:-6px;right:2%;animation:moving 9s linear infinite}
.tp-account-step-wrapper{padding-left:40px;padding-right:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-account-step-wrapper{padding-right:0}
}
@media (max-width: 767px) {
.tp-account-step-wrapper{padding-left:0;padding-right:0}
}
.tp-account-item{padding-bottom:29px;margin-bottom:27px;border-bottom:1px solid var(--tp-border-1)}
.tp-account-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.tp-account-item span{font-weight:500;font-size:30px;color:var(--colorblack);margin-right:35px;min-width:40px}
@media (max-width: 767px) {
.tp-account-item span{margin-right:20px}
}
.tp-account-item p{margin-bottom:0;font-weight:500;font-size:20px;line-height:28px;font-family:var(--font3);color:var(--colorblack)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-account-item p{font-size:19px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-account-item p{font-size:18px}
.tp-account-item p br{display:none}
}
@media (max-width: 767px) {
.tp-account-item p{font-size:17px;line-height:23px}
.tp-account-item p br{display:none}
}
.tp-account-btn-box p{font-weight:500;font-size:13px;line-height:12px;color:var(--tp-grey-5)}
.tp-rank__feature{margin-bottom:50px}
.tp-rank__feature ul li{font-weight:500;font-size:16px;line-height:1.1;position:relative;padding-left:30px;margin-bottom:20px;color:var(--colorblack);list-style-type:none}
.tp-rank__feature ul li:last-child{margin-bottom:0}
.tp-rank__feature ul li i{position:absolute;top:0;left:0;height:20px;width:20px;line-height:20px;text-align:center;border-radius:50%;font-size:8px;color:var(--whiteColor);background-color:var(--colororange);font-weight:400}
.tp-rank__wrapper{padding-left:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-rank__wrapper{padding-left:5px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-rank__wrapper{margin-bottom:150px}
}
@media (max-width: 767px) {
.tp-rank__wrapper{padding-left:0;margin-bottom:70px}
}
.tp-rank__circle-shape-1{position:absolute;left:41%;bottom:-24%}
.tp-rank__circle-shape-2{position:absolute;left:51%;bottom:-35%}
.tp-rank__circle-shape-3{position:absolute;left:38%;bottom:-39%}
.tp-rank__circle-shape-4{position:absolute;left:48%;bottom:-29%}
.tp-rank__circle-shape-5{position:absolute;left:45%;bottom:-37%}
.tp-rank__circle-shape-6{position:absolute;left:43%;bottom:-31%}
.tp-rank__circle-shape-7{position:absolute;left:45%;bottom:-46%}
.tp-rank__bg-shape{position:absolute;top:-35px;right:65px;z-index:-1;transform:rotate(-12deg)}
.tp-rank__item{box-shadow:0 20px 40px #01103d24;background-color:var(--whiteColor);display:inline-block;text-align:center;border-radius:20px;max-width:150px;padding:55px 15px 30px;margin:0 -10px;transition:all 4s cubic-bezier(0.2,0.8,0.2,1) 0s!important}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-rank__item{margin:0 -12px}
}
@media (max-width: 767px) {
.tp-rank__item{margin:0;width:140px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-rank__item{width:120px}
}
.tp-rank__item:nth-child(2){transform:translateY(30px)}
@media (max-width: 767px) {
.tp-rank__item:nth-child(2){transform:translateY(0px)}
}
.tp-rank__item:nth-child(3){transform:translateY(70px)}
@media (max-width: 767px) {
.tp-rank__item:nth-child(3){transform:translateY(0px)}
}
.tp-rank__item.active{background:linear-gradient(16.46deg,#5956E9 11.15%,#9B99FF 99.48%);box-shadow:0 14px 20px #01103d1a;border-radius:20px}
.tp-rank__item.active .tp-rank__number i{color:var(--whiteColor);opacity:.3}
.tp-rank__item.active .tp-rank__number span{color:var(--whiteColor)}
.tp-rank__item.active .tp-rank__company span{background-color:var(--whiteColor);border-color:var(--whiteColor)}
.tp-rank__item.active .tp-rank__company-info a{color:var(--whiteColor)}
.tp-rank__item.active .tp-rank__company-info span{color:#fffc}
.tp-rank__item:hover{webkit-transform:translate(-20px,-30px);-ms-transform:translate(-20px,-30px);transform:translate(-20px,-30px);transition-delay:all 4s cubic-bezier(0.2,0.8,0.2,1) 0s!important}
.tp-rank__cup{position:absolute;top:-10px;left:0;right:0;text-align:center}
.tp-rank__cup span{height:25px;width:25px;line-height:17px;border-radius:50%;text-align:center;display:inline-block;background-color:var(--whiteColor);border:2px solid var(--tp-theme-1)}
.tp-rank__number{margin-bottom:40px;margin-left:-25px}
.tp-rank__number i{font-weight:400;font-size:24px;color:var(--colorblack);opacity:.3;margin-right:7px}
.tp-rank__number span{font-weight:500;font-size:66px;color:var(--colorblack);display:inline-block}
.tp-rank__company{margin-bottom:12px}
.tp-rank__company span{height:36px;width:36px;line-height:30px;border-radius:50%;display:inline-block;text-align:center;background-color:var(--whiteColor);border:1px solid #01103d1a}
.tp-rank__company-info a{font-weight:600;font-size:15px;color:var(--colorblack)}
.tp-rank__company-info span{font-weight:500;font-size:12px}
.tp-faq-img{position:absolute;bottom:-52%;left:33%;z-index:2}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-faq-img{bottom:4%;left:54%}
}
@media (max-width: 767px) {
.tp-faq-img{display:none}
}
.tp-faq-border-shape{position:absolute;bottom:9%;left:-21%}
.tp-faq-left-wrapper{padding-right:80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-faq-left-wrapper{padding-right:0;padding-bottom:100px}
}
@media (max-width: 767px) {
.tp-faq-left-wrapper{padding-right:0;margin-bottom:40px}
}
.tp-faq-section-box p{font-weight:400;font-size:18px;line-height:28px;font-family:var(--font3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-faq-section-box p br{display:none}
}
@media (max-width: 767px) {
.tp-faq-section-box p{font-size:16px}
.tp-faq-section-box p br{display:none}
}
.tp-inner-faq-box .tp-section-subtitle-2{border-bottom:0}
.cta-bg{background-repeat:no-repeat;background-size:cover;border-radius:40px;padding:70px 40px}
.cta-content p{font-weight:500;font-size:18px;line-height:26px;color:#fffc;font-family:var(--font3);padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta-content p br{display:none}
}
@media (max-width: 767px) {
.cta-content p{font-size:15px}
.cta-content p br{display:none}
}
.cta-grey-bg{height:170px;width:100%;position:absolute;bottom:0;z-index:-1}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-thumb-wrapper{margin-bottom:170px}
}
@media (max-width: 767px) {
.tp-card-thumb-wrapper{margin-bottom:40px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-card-thumb-wrapper{margin-bottom:170px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-space{padding-bottom:100px}
}
@media (max-width: 767px) {
.tp-card-space{padding-bottom:0}
}
.tp-card-main-img img{border-radius:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-main-img img{width:100%}
}
.tp-card-img-1{position:absolute;top:-53px;left:45px;animation:rotate2 15s linear infinite}
.tp-card-img-2{position:absolute;bottom:-57%;left:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-img-2{bottom:-37%}
}
.tp-card-img-3{position:absolute;top:-11%;right:57px;z-index:-1}
.tp-card-img-4{position:absolute;top:19%;right:28px;z-index:-1}
.tp-card-img-5{position:absolute;top:43%;right:19%;animation:tptranslateX2 5s forwards infinite alternate}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-img-5{top:55%}
}
@media (max-width: 767px) {
.tp-card-img-5{top:32%;right:-2%}
}
.tp-card-title-box{padding-left:70px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-card-title-box{padding-left:50px}
.tp-card-title-box br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-card-title-box{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-card-title-box{padding-left:0}
}
.tp-card-title-box p{font-weight:400;font-size:18px;line-height:28px;font-family:var(--font4);padding-bottom:17px}
@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.tp-card-title-box p br{display:none}
}
@media (max-width: 767px) {
.tp-card-title-box p{font-size:16px;line-height:25px}
.tp-card-title-box p br{display:none}
}
.tp-sales-space{padding-top:90px;padding-bottom:170px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-sales-space{padding-top:0}
.tp-sales-img-wrapper{margin-bottom:100px}
}
@media (max-width: 767px) {
.tp-sales-img-wrapper{margin-bottom:50px}
}
.tp-sales-section-box p{font-weight:400;font-size:18px;line-height:28px;font-family:var(--font4)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-sales-section-box p br{display:none}
}
@media (max-width: 767px) {
.tp-sales-section-box p{font-size:16px;line-height:25px}
.tp-sales-section-box p br{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-sales-main-thumb img{width:100%}
}
.tp-sales-feature ul{display:inline-block}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-sales-feature ul{margin-bottom:40px}
}
.tp-sales-feature ul li{position:relative;padding:8px 12px;list-style-type:none;clear:both;float:left;margin-bottom:17px}
.tp-sales-feature ul li:last-child{margin-bottom:0}
.tp-sales-feature ul li::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90.27deg,#FFB545 2.18%,#ffb54500 99.77%);opacity:.2;border-radius:30px}
.tp-sales-feature ul li.purple-2::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90.27deg,#625FFB 2.18%,#625ffb00 99.77%);opacity:.2;border-radius:30px}
.tp-sales-feature ul li.purple-2 span i{background-color:var(--tp-theme-1)}
.tp-sales-feature ul li.purple-2 span em{color:var(--tp-theme-1)}
.tp-sales-feature ul li.green-3::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90.27deg,#65CB7B 2.18%,#65cb7b00 99.77%);opacity:.2;border-radius:30px}
.tp-sales-feature ul li.green-3 span i{background-color:var(--colorgreen)}
.tp-sales-feature ul li.green-3 span em{color:var(--colorgreen)}
.tp-sales-feature ul li span{position:relative;padding-left:35px;z-index:2}
.tp-sales-feature ul li span i{height:22px;width:22px;line-height:22px;border-radius:50%;text-align:center;background-color:var(--coloryellow);color:var(--whiteColor);position:absolute;top:0;left:0}
.tp-sales-feature ul li span em{font-weight:600;font-size:16px;color:var(--coloryellow);font-family:var(--font4);font-style:normal}
@media (max-width: 767px) {
.tp-sales-feature ul li span em{font-size:14px}
}
.tp-sales-sub-img-1{position:absolute;bottom:14%;left:0;animation:tpupdown 1s infinite alternate}
.tp-sales-sub-img-1 img{filter:drop-shadow(0px 20px 40px #20212424);border-radius:20px}
.tp-sales-sub-img-2{position:absolute;bottom:-12%;right:-7%;z-index:-1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-sales-sub-img-2{right:-4%}
}
.tp-inner-font p{font-family:var(--font1)}
.tp-plan-space{padding-top:120px;padding-bottom:120px}
.tp-plan-section-box p{padding-right:10px}
@media (max-width: 767px) {
.tp-plan-section-box p{padding-right:0}
.tp-plan-section-box p br{display:none}
}
.tp-plan-img-box{margin-right:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-img-box{margin-right:10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-plan-img-box{margin-right:0}
}
.tp-plan-img-1 img{border-radius:30px;width:100%}
.tp-plan-img-2{position:absolute;top:18%;left:18%;z-index:1}
.tp-plan-img-3{position:absolute;top:11%;right:12%;animation:tptranslateX2 4s forwards infinite alternate}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-img-3{top:9%;right:7%}
}
.tp-plan-img-4{position:absolute;bottom:12%;right:13%;z-index:2;animation:tptranslateY2 4s forwards infinite alternate}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-img-4{bottom:3%;right:5%}
}
.tp-plan-img-5{position:absolute;bottom:33%;left:15%;z-index:2}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-img-5{left:12%;bottom:27%}
}
.tp-plan-img-5 img{box-shadow:0 20px 50px #20212424;border-radius:10px;animation:tptranslateX2 4s forwards infinite alternate}
.tp-plan-img-6{position:absolute;bottom:25%;left:20%;z-index:2}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-img-6{bottom:20%}
}
.tp-plan-img-6 img{box-shadow:0 -30px 50px #1d0c071a;border-radius:10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-plan-wrapper{margin-bottom:100px}
}
@media (max-width: 767px) {
.tp-plan-wrapper{margin-bottom:50px}
}
.tp-plan-feature ul li{list-style-type:none;margin-bottom:15px;position:relative;padding-left:35px;font-weight:400;font-size:17px;color:#595B62}
.tp-plan-feature ul li i{height:22px;width:22px;background-color:#14112514;border-radius:50%;text-align:center;line-height:22px;font-size:10px;color:var(--colorblack);position:absolute;top:0;left:0}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-plan-section-box{margin-bottom:40px}
}
.tp-plan-2-space{padding-bottom:120px}
.tp-plan-2-img-box{margin-left:95px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-plan-2-img-box{margin-left:10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-plan-2-img-box{margin-left:0}
}
.tp-plan-2-img-1 img{border-radius:30px;width:100%}
.tp-plan-2-img-2{position:absolute;top:26%;left:29%;z-index:2}
.tp-plan-2-img-2 img{border-radius:16px;box-shadow:0 20px 50px #20212424;border-radius:10px}
.tp-plan-2-img-3{position:absolute;top:13%;right:11%;animation:tptranslateY2 4s forwards infinite alternate}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-plan-2-img-3{top:13%;right:19%}
}
.tp-plan-2-img-3 img{border-radius:16px;box-shadow:0 20px 50px #20212424;border-radius:10px}
.tp-plan-2-img-4{position:absolute;bottom:23%;left:12%;animation:tptranslateY2 4s forwards infinite alternate}
@media (max-width: 767px) {
.tp-plan-2-img-4{bottom:8%;left:12%}
}
.tp-plan-2-img-4 img{border-radius:16px;box-shadow:0 20px 50px #20212424;border-radius:10px}
.tp-plan-2-img-5{position:absolute;bottom:18%;right:10%;animation:tptranslateX2 4s forwards infinite alternate}
.tp-plan-2-img-6{position:absolute;top:18%;left:18%}
.cta-five-bg{background-repeat:no-repeat;background-size:cover;margin-left:315px;margin-right:315px;border-radius:25px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.cta-five-bg{margin-right:150px;margin-left:150px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta-five-bg{margin-right:80px;margin-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta-five-bg{margin-right:30px;margin-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.cta-five-bg{margin-right:0;margin-left:0}
}
.cta-five-shape-1{position:absolute;right:17%;bottom:-6%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta-five-shape-1{right:9%}
}
.cta-five-shape-1 img{width:140px}
.cta-five-shape-2{position:absolute;left:-5%;bottom:-7%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta-five-shape-2{left:-2%}
}
.tp-blog-thumb{margin-bottom:30px;border-radius:30px}
.tp-blog-thumb img{border-radius:30px;width:100%;transition:transform .3s linear}
.tp-blog-thumb:hover img{transform:scale(1.1)}
.tp-blog-meta{margin-bottom:12px}
.tp-blog-category span{font-weight:700;font-size:12px;line-height:8px;letter-spacing:.04em;text-transform:uppercase;color:var(--colorblue);font-family:var(--font4);border:1px solid #5b6cff1a;border-radius:30px;display:inline-block;padding:8px 12px}
.tp-blog-date span{font-weight:500;font-size:14px;line-height:12px;color:#787B83;padding-left:12px;margin-left:12px;position:relative}
.tp-blog-date span::after{position:absolute;content:"";top:8px;left:0;height:4px;width:4px;border-radius:50%;background-color:#5F6168}
.tp-blog-title-box{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #E9EBF1}
.tp-blog-title-sm{font-weight:700;font-size:24px;line-height:32px;color:var(--colorblack);font-family:var(--font4)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog-title-sm{font-size:20px;line-height:28px}
.tp-blog-title-sm br{display:none}
}
@media (max-width: 767px) {
.tp-blog-title-sm{font-size:21px;line-height:29px}
.tp-blog-title-sm br{display:none}
}
.tp-blog-title-sm:hover{color:var(--tp-theme-1)}
.tp-blog-avata{margin-right:15px}
.tp-blog-author-info h5{font-weight:600;font-size:16px;line-height:16px;color:var(--colorblack);font-family:var(--font4);margin-bottom:3px}
.tp-blog-author-info span{font-weight:500;font-size:14px;line-height:16px;color:#787B83;font-family:var(--font4)}
.category-color-2 span{border-color:#ff9a0033;color:#FF9A00}
.category-color-3 span{border-color:#21b6411a;color:var(--colorgreen)}
.tp-blog-four-section-space{margin-bottom:60px}
.tp-blog-four-item{border:1px solid #ffffff1a;border-radius:30px}
.tp-blog-four-item:hover .tp-blog-four-img img{transform:scale(1.1) rotate(2deg)}
.tp-blog-four-img img{border-radius:20px 20px 0 0;transition:.6s}
.tp-blog-four-content-wrapper{padding:35px 40px 50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-blog-four-content-wrapper{padding:35px 30px 50px}
}
@media (max-width: 767px) {
.tp-blog-four-content-wrapper{padding:20px}
}
.tp-blog-four-meta{margin-bottom:25px}
.tp-blog-four-meta span.child-1{font-weight:600;font-size:14px;line-height:12px;text-transform:uppercase;color:var(--whiteColor);padding-right:15px;margin-right:15px;position:relative}
.tp-blog-four-meta span.child-1::after{position:absolute;top:3px;right:0;width:1px;height:15px;background-color:#fff3;content:""}
.tp-blog-four-meta span.child-2{font-weight:600;font-size:14px;line-height:12px;color:var(--whiteColor);opacity:.8}
.tp-blog-four-title-sm{font-weight:700;font-size:30px;line-height:30px;color:var(--whiteColor);padding-bottom:10px;transition:.3s;display:inline-block}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-blog-four-title-sm{font-size:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-blog-four-title-sm{font-size:20px;line-height:24px}
}
@media (max-width: 767px) {
.tp-blog-four-title-sm{font-size:19px;line-height:24px}
}
.tp-blog-four-title-sm:hover{color:var(--coloryellow-3)}
.tp-blog-four-info p{font-weight:400;font-size:18px;line-height:28px;color:#ffffffb3;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-blog-four-info p{font-size:16px;line-height:23px}
}
@media (max-width: 767px) {
.tp-blog-four-info p{font-size:16px;line-height:23px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-blog-four-section-box{margin-bottom:40px}
}
.blog-grid-slider-height{min-height:500px}
@media only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 576px) and (max-width: 767px) {
.blog-grid-slider-height{height:450px}
}
.blog-grid-slider-bg{background-repeat:no-repeat;background-size:cover;border-radius:30px;overflow:hidden;position:relative}
.blog-grid-slider-bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(269.88deg,#02061100 -0.76%,#01040a00 46.85%,#000000b8 99.9%,#000000b8 99.9%);filter:drop-shadow(0px 1px 3px #01103d1a);border-radius:20px}
.blog-grid-slider-wrapper{padding:30px 100px;position:relative;z-index:5}
@media (max-width: 767px) {
.blog-grid-slider-wrapper{padding:25px}
.blog-grid-slider-wrapper br{display:none}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-grid-slider-wrapper{padding:80px}
.blog-grid-slider-wrapper br{display:none}
}
.blog-grid-slider-meta{padding-bottom:13px}
.blog-grid-slider-meta span.child-one{font-weight:600;font-size:14px;line-height:12px;color:#202124;background-color:var(--whiteColor);padding:8px 20px;display:inline-block;border-radius:30px;margin-right:13px}
.blog-grid-slider-meta span.child-two{font-weight:500;font-size:14px;line-height:6px;color:#fffc}
.blog-grid-slider-title{font-weight:700;font-size:40px;line-height:50px;color:#FFF;padding-bottom:5px;transition:.3s}
.blog-grid-slider-title:hover{color:var(--coloryellow-3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-grid-slider-title{font-size:35px}
}
@media (max-width: 767px) {
.blog-grid-slider-title{font-size:26px;line-height:35px}
}
.blog-grid-slider-title-box p{font-weight:500;font-size:17px;line-height:26px;color:#ffffffb3;margin-bottom:35px}
.blog-grid-arrow button{font-size:20px}
.blog-grid-arrow .grid-next{position:absolute;top:50%;transform:translateY(-50%);left:-11px;z-index:9}
.blog-grid-arrow .grid-next i{transform:translateX(18px) translateY(3px)}
.blog-grid-arrow .grid-prev{position:absolute;top:50%;transform:translateY(-50%);right:-1px;z-index:9}
.blog-grid-arrow .grid-prev i{transform:translateX(32px) translateY(3px)}
@media (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__wrapper{padding-right:0;margin-bottom:50px}
}
.postbox__p-right{margin-right:20px}
@media (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__p-right{margin-right:0}
}
.postbox__thumb .play-btn{position:absolute;top:calc(50% - 20px);left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;height:90px;width:90px;background-color:var(--whiteColor);text-align:center;line-height:90px;color:var(--colorblack);border-radius:50%;animation:pulse 2s infinite}
.postbox__thumb .play-btn:hover{background-color:var(--colorblue-4);color:var(--whiteColor)}
.postbox__thumb img{border-radius:20px;margin-bottom:40px}
.postbox__audio{height:100%;width:100%}
.postbox__audio iframe{width:100%;height:100%;border:none}
.postbox__item-single:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.postbox__content p img{margin-bottom:30px;max-width:100%;border-radius:10px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.postbox__content p img{width:100%}
}
.postbox__content-single{padding-left:0;padding-right:0;border:none}
.postbox__title{color:var(--colorblack);line-height:1.3;font-weight:700;font-size:30px;color:#202124}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.postbox__title{font-size:33px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__title{font-size:28px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.postbox__title{font-size:33px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.postbox__title{font-size:30px}
.postbox__title br{display:none}
}
@media (max-width: 767px) {
.postbox__title{font-size:25px}
.postbox__title br{display:none}
}
.postbox__title a:hover{color:var(--colorblue-4)}
.postbox__meta{margin-bottom:20px}
.postbox__meta span{font-weight:500;font-size:14px;line-height:12px;color:#888;display:inline-block;margin-right:12px}
.postbox__meta span:first-child{padding:8px 12px;border:1px solid #F0F0F0;border-radius:20px}
.postbox__meta span:last-child{margin-right:0}
.postbox__meta span i{color:var(--tp-theme-1);margin-right:3px;font-weight:500}
.postbox__meta span:hover{color:var(--colorblue-4)}
.postbox__text{padding-right:30px}
.postbox__text img{max-width:100%}
.postbox__text p{font-size:17px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.postbox__text p{font-size:16px}
}
.postbox__text-single p{margin-bottom:15px}
.postbox__slider button{position:absolute;left:50px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1;font-size:30px;color:var(--whiteColor)}
.postbox__slider button.slick-next{left:auto;right:50px}
@media (max-width: 767px) {
.postbox__slider button.slick-next{right:10px}
.postbox__slider button{left:10px}
}
.postbox__comment ul li{margin-bottom:30px;padding-bottom:30px;list-style:none;border-bottom:1px solid var(--tp-border-1)}
.postbox__comment ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.postbox__comment ul li.children{margin-left:100px}
@media (max-width: 767px) {
.postbox__comment ul li.children{margin-left:0}
}
.postbox__comment ul-title{font-size:20px;font-weight:500;color:var(--colorblack);margin-bottom:40px;margin-right:20px}
.postbox__comment-title{font-weight:600;font-size:26px;line-height:18px;letter-spacing:-.02em;color:#202124;margin-bottom:40px}
.postbox__comment-avater img{width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.postbox__comment-name{margin-bottom:5px}
.postbox__comment-name h5{font-weight:600;font-size:16px;line-height:20px;color:var(--colorblack);padding-right:10px;margin-right:10px;position:relative}
.postbox__comment-name h5::after{content:"";height:4px;width:4px;background-color:var(--colorblack);display:inline-block;position:absolute;right:-1px;bottom:4px}
.postbox__comment-name span{font-weight:500;font-size:14px;line-height:18px;color:#888}
@media (max-width: 767px) {
.postbox__comment-text{margin-left:0;margin-top:15px}
}
.postbox__comment-text p{font-size:16px;margin-bottom:15px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__comment-text p{font-size:15px}
.postbox__comment-text p br{display:none}
}
@media (max-width: 767px) {
.postbox__comment-text p br{display:none}
}
.postbox__comment-reply{margin-top:10px}
.postbox__comment-reply a{display:inline-block;height:30px;line-height:27px;padding:0 18px;font-weight:500;font-size:13px;color:#202124;border:1px solid #F0F0F0;border-radius:20px;transition:.3s}
.postbox__comment-reply a:hover{color:var(--whiteColor);background:var(--colorblue-4);border-color:var(--colorblue-4)}
.postbox__comment-reply a:hover svg{color:var(--whiteColor)}
.postbox__comment-reply a svg{transform:translateY(-2px);margin-right:6px;color:#202124;transition:.3s}
.postbox__comment-agree{margin-bottom:30px}
.postbox__comment-agree .form-check-label{font-weight:500;font-size:14px;line-height:1.3;color:#87888A}
.postbox__comment-agree .form-check-input:checked{background-color:var(--colorblue-4);border-color:transparent}
.postbox__comment-agree .form-check-input:focus{box-shadow:none}
.postbox__comment-agree .form-check-input.form-check-input[type=checkbox]{border-radius:2px;margin-top:4px}
.postbox__tag span{font-size:20px;margin-bottom:17px;color:var(--colorblack);margin-right:30px;font-weight:500}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.postbox__social{margin-top:40px}
}
.postbox__social span{font-size:20px;color:var(--colorblack);font-weight:500}
.postbox__social a{font-size:15px;padding-left:30px}
.postbox__social a .tp-linkedin{color:#0E6BA1}
.postbox__social a .tp-pinterest{color:#D70220}
.postbox__social a .tp-facebook{color:#0E6BA1}
.postbox__social a .tp-twitter{color:#36B6ED}
@media (max-width: 767px) {
.postbox__navigation-more{flex-wrap:wrap}
}
.postbox__navigation-img{margin-right:15px}
.postbox__navigation-img img{border-radius:12px}
@media (max-width: 767px) {
.postbox__navigation-left{margin-bottom:30px}
}
.postbox__navigation-content a:hover span{color:var(--colorblue-4)}
.postbox__navigation-content span{font-weight:500;font-size:12px;line-height:12px;letter-spacing:.1em;text-transform:uppercase;color:#5F6168;padding-bottom:15px;display:inline-block;transition:.3s}
.postbox__navigation-content span i{margin-right:10px}
.postbox__navigation-content h5{font-weight:700;font-size:18px;line-height:16px;color:#202124;transition:.3s}
@media (max-width: 767px) {
.postbox__navigation-content h5{font-size:16px}
}
.postbox__navigation-content h5:hover{color:var(--colorblue-4)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__navigation-content h5{font-size:15px}
}
.postbox__navigation-right .postbox__navigation-img{margin-right:0;margin-left:15px}
.postbox__navigation-right .postbox__navigation-content span i{margin-right:0;margin-left:10px}
.blog-grid-inner .tp-blog-item{border:1px solid #F0F0F0;border-radius:30px;transition:.3s;background-color:var(--whiteColor)}
.blog-grid-inner .tp-blog-item:hover{border:1px solid #F0F0F0;box-shadow:0 10px 20px #01103d1a;border-radius:30px}
.blog-grid-inner .tp-blog-content{padding:30px}
@media (max-width: 767px) {
.blog-grid-inner .tp-blog-content{padding:25px}
}
.blog-grid-inner .tp-blog-thumb{margin-bottom:0;border-radius:20px 20px 0 0}
.blog-grid-inner .tp-blog-thumb img{border-radius:20px 20px 0 0}
.blog-grid-inner .tp-blog-title-box{margin-bottom:0;border-bottom:none}
.blog-grid-inner .tp-blog-title-sm{font-family:var(--font1)}
.blog-grid-inner .tp-blog-title-sm br{display:none}
.form-label-action.active .postbox__comment-input label{top:0;color:var(--colorblue-4);font-size:13px;font-weight:400}
.form-label-action.active .postbox__comment-input span{top:-14px;color:var(--colorblue-4);font-size:13px;font-weight:400}
.blog-grid-bg{position:relative}
.blog-grid-bg::after{content:"";position:absolute;top:0;left:0;background:linear-gradient(180deg,#f7f9fc00 0%,#F7F9FC 100%);transform:matrix(1,0,0,-1,0,0);height:50%;width:100%;display:inline-block;z-index:-1}
.postbox__comment-form-title{margin-bottom:30px;font-weight:600;font-size:26px;line-height:22px;letter-spacing:-.02em;color:var(--colorblack)}
@media (max-width: 767px) {
.postbox__comment-form-title{font-size:25px}
}
.postbox__social-wrapper{border-bottom:1px solid #ECEEF3;padding-bottom:40px;margin-bottom:40px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.postbox__comment-form{margin-bottom:50px}
}
.aproch-title{font-size:36px;margin-bottom:15px}
.approch-item{margin-bottom:65px}
.approch-item ul li{position:relative;padding-left:30px}
.approch-item ul li i{color:var(--tp-theme-2);font-size:14px;font-weight:600;position:absolute;top:5px;left:0}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.approch-thumb{margin-bottom:40px}
}
.approch-thumb img{border-radius:10px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.approch-thumb img{width:100%}
}
@media (max-width: 767px) {
.postbox__comment-box{flex-wrap:wrap}
}
.postbox__comment-info{flex:0 0 auto}
.rc__post ul li:not(:last-child){margin-bottom:15px}
.rc__post-thumb{flex:0 0 auto}
.rc__post-thumb img{border-radius:10px;width:75px;height:75px;flex:0 0 auto;object-fit:cover}
.rc__post-title{margin-bottom:6px;font-weight:500;font-size:14px;line-height:18px;color:var(--colorblack)}
.rc__post-title a:hover{color:var(--colorblue-4)}
.rc__meta span{font-size:12px;text-transform:uppercase;font-weight:500;color:#6A6A74}
.sidebar__wrapper{padding-left:10px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.sidebar__wrapper{padding-left:0}
}
.sidebar__widge-title-box{border-radius:14px 14px 0 0}
.sidebar__widget-content{padding:40px 30px}
@media (max-width: 767px) {
.sidebar__widget-content{padding:35px 25px}
}
.sidebar__widget{border:1px solid #E5E5E5;border-radius:14px}
.sidebar__widget-title{font-weight:600;font-size:18px;line-height:16px;color:var(--colorblack);padding:20px 0;margin:0 30px;border-bottom:1px solid #EDEDED}
.sidebar__widget:last-child-title{border-bottom:0}
.sidebar__widget ul li{list-style:none;margin-bottom:25px}
.sidebar__widget ul li:last-child{margin-bottom:0}
.sidebar__widget ul li a{font-weight:500;font-size:14px;line-height:12px;color:#5F6168;display:flex;justify-content:space-between}
.sidebar__widget ul li a:hover{color:var(--colorblue-4)}
.sidebar__widget ul li a i{font-size:18px;transform:translateY(2px);margin-right:10px}
.sidebar__search{position:relative}
.sidebar__search input{width:100%;height:60px;line-height:60px;padding:0 25px;text-transform:capitalize;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;-ms-border-radius:7px;border-radius:7px;border:0;outline:none;padding-right:60px;border:1px solid #E5E5E5;border-radius:14px}
@media (max-width: 767px) {
.sidebar__search input{padding-right:40px;padding-left:15px}
}
.sidebar__search input:focus{border-color:var(--colorblue-4)}
.sidebar__search input::placeholder{color:#777}
.sidebar__search button{position:absolute;top:0;right:0;height:100%;padding:0 24px;color:#fff;line-height:60px;-webkit-border-radius:0 7px 7px 0;-moz-border-radius:0 7px 7px 0;-o-border-radius:0 7px 7px 0;-ms-border-radius:0 7px 7px 0;border-radius:0 7px 7px 0;color:var(--colorblack)}
.sidebar__banner-content{position:absolute;bottom:0;right:0;z-index:1;background:var(--tp-theme-1)}
.sidebar__banner-content h4{padding:15px 20px;font-size:24px;color:var(--whiteColor);text-transform:uppercase;margin-bottom:0}
.tagcloud a{border:1px solid #F2F4F6;color:#8A879F;display:inline-block;line-height:1;padding:10px 25px;margin-bottom:8px;margin-right:8px;border-radius:30px;transition:.3s;font-weight:500;font-size:14px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tagcloud a{padding:8px 15px;font-size:13px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tagcloud a{padding:10px 15px;font-size:13px}
}
@media (max-width: 767px) {
.tagcloud a{padding:10px 15px;font-size:13px}
}
.tagcloud a:hover{background:var(--colorblue-4);color:var(--whiteColor);border-color:var(--colorblue-4)}
.tagcloud span{font-weight:600;font-size:16px;line-height:12px;color:#202124;margin-right:8px}
.basic-pagination ul{border:1px solid #EBEBEB;border-radius:100px;display:inline-block;padding:10px}
.basic-pagination ul li{display:inline-block}
.basic-pagination ul li a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;font-size:16px;font-weight:600;transition:.3s}
.basic-pagination ul li span{display:inline-block;transform:translateY(-4px)}
.basic-pagination ul li a.current{background:#F2F2F2;color:var(--colorblack)}
.basic-pagination ul li a:hover{background:#F2F2F2;border-color:#F2F2F2;color:var(--colorblack)}
.blog-grid-avata-box .tp-blog-author-info h5{font-weight:700;font-size:17px;line-height:16px;color:#FFF}
.blog-grid-avata-box .tp-blog-author-info span{font-weight:500;font-size:13px;line-height:16px;color:#ffffffb3}
.blog-details-title-box span{font-weight:600;font-size:14px;line-height:12px;color:#FFF;padding:8px 20px;border:1.5px solid #fff3;border-radius:20px;margin-bottom:10px;display:inline-block}
.blog-details-banner-title{font-weight:700;font-size:70px;line-height:1.1;letter-spacing:-.02em;color:#FFF;padding-bottom:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-details-banner-title{font-size:57px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-banner-title{font-size:50px}
}
@media (max-width: 767px) {
.blog-details-banner-title{font-size:45px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-details-banner-title{font-size:40px}
}
.blog-details-banner .tp-blog-author-info h5{font-weight:800;font-size:17px;line-height:16px;color:#FFF}
.blog-details-banner .tp-blog-author-info span{font-weight:600;font-size:13px;line-height:10px;color:#ffffffb3}
@media (max-width: 767px) {
.blog-details-social-box{margin-top:30px}
}
.blog-details-social-box a{height:42px;width:42px;line-height:40px;border-radius:50%;border:1.5px solid #fff3;border-radius:100px;display:inline-block;text-align:center;color:var(--whiteColor);margin-left:6px;transition:.3s}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-details-social-box a{height:35px;width:35px;line-height:33px;margin-left:0;font-size:13px}
}
@media (max-width: 767px) {
.blog-details-social-box a{margin-left:0;margin-right:6px}
}
.blog-details-social-box a:hover{background-color:var(--coloryellow-4);border-color:var(--coloryellow-4);color:var(--colorblack)}
.blog-details-big-img{margin-top:-200px;position:sticky;top:100px}
.blog-details-big-img img{border-radius:30px}
.postbox__details-checkmark{padding-bottom:40px}
.postbox__details-checkmark ul li{list-style-type:none;position:relative;padding-left:35px;margin-bottom:20px;font-weight:500;font-size:17px;line-height:1.2;color:#202124}
@media (max-width: 767px) {
.postbox__details-checkmark ul li{font-size:14px}
}
.postbox__details-checkmark ul li::last-child{margin-bottom:0}
.postbox__details-checkmark ul li i{height:20px;width:20px;background-color:var(--colorblack);color:var(--whiteColor);border-radius:50%;line-height:20px;text-align:center;font-size:10px;transform:translateX(2px);position:absolute;top:-2px;left:0}
.postbox__details-title{font-weight:700;font-size:34px;line-height:1.2;color:#080829;padding-bottom:10px}
.postbox__details-title-box p{font-weight:400;font-size:16px;line-height:28px;color:#5F6168}
.postbox__details-img-box{padding-bottom:20px}
.postbox__details-img-box span img{border-radius:20px;margin-bottom:20px}
.postbox__details-img-caption{font-weight:400;font-size:13px;line-height:10px;color:#87888A}
.postbox__details-img-caption span{font-weight:500;font-size:13px;line-height:10px;color:#5F6168}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.postbox__details-wrapper{padding-right:0}
}
.postbox__details-qoute{background:linear-gradient(90.21deg,#FAFAFA -0.62%,#fff0 18.02%);padding:40px 50px;border-left:3px solid var(--colorblue-4)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__details-qoute{padding:40px}
}
@media (max-width: 767px) {
.postbox__details-qoute{padding:30px}
}
.postbox__details-qoute blockquote{margin-bottom:0}
@media (max-width: 767px) {
.postbox__details-qoute blockquote{flex-wrap:wrap}
}
.postbox__details-qoute-icon svg{transform:translateY(5px);margin-right:30px}
@media (max-width: 767px) {
.postbox__details-qoute-icon svg{margin-bottom:20px}
}
.postbox__details-qoute-text P{font-weight:500;font-size:23px;line-height:34px;color:#202124}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__details-qoute-text P{font-size:21px}
}
@media (max-width: 767px) {
.postbox__details-qoute-text P{font-size:17px;line-height:26px}
}
.postbox__details-qoute-text span{font-weight:500;font-size:15px;line-height:14px;color:var(--colorblue-4)}
.postbox__details-qoute-text span::before{content:"";height:1px;width:16px;background-color:var(--colorblue-4);display:inline-block;transform:translateY(-4px);margin-right:10px}
.postbox__details-author-info-box{background-color:#F8F8F8;border-radius:14px;padding:50px 45px}
@media (max-width: 767px) {
.postbox__details-author-info-box{flex-wrap:wrap;padding:40px 30px}
}
.postbox__details-author-avata{flex:0 0 auto;margin-right:25px}
@media (max-width: 767px) {
.postbox__details-author-avata{margin-bottom:20px}
}
.postbox__details-author-avata img{flex:0 0 auto;border-radius:50%}
.postbox__details-author-title{font-weight:600;font-size:18px;line-height:16px;color:#202124}
.postbox__details-author-social a{height:36px;width:36px;border-radius:50%;text-align:center;line-height:38px;box-shadow:0 1px 1px #2021241f;display:inline-block;font-size:12px;margin-right:6px;transition:.3s;background-color:var(--whiteColor)}
.postbox__details-author-social a:hover{background-color:var(--colorblue-4);color:var(--whiteColor)}
.postbox__comment-input{position:relative}
.postbox__comment-input input:focus ~ .floating-label,.postbox__comment-input input:not(:focus):valid ~ .floating-label{top:0;left:20px;font-size:13px;font-weight:400;color:var(--colorblue-4);background-color:var(--whiteColor);padding:0 4px}
.postbox__comment-input textarea:focus ~ .floating-label-2,.postbox__comment-input textarea:not(:focus):valid ~ .floating-label-2{top:-9px;left:20px;font-size:13px;font-weight:400;color:var(--colorblue-4);background-color:var(--whiteColor);padding:0 4px}
.postbox__comment-input .eye-btn{position:absolute;top:50%;transform:translateY(-50%);right:20px;cursor:pointer}
.postbox__comment-input .eye-btn span{position:absolute;top:50%;right:0;transform:translateY(-50%)}
.postbox__comment-input .eye-btn .eye-on{transform:scale(0)}
.postbox__comment-input .eye-btn.open .eye-on{transform:scale(1) translateY(-50%)}
.postbox__comment-input .eye-btn.open .eye-off{transform:scale(0)}
.postbox__comment-input .inputText{border-radius:12px;padding:0 20px;font-size:14px;width:100%;height:55px;border:0;outline:0;font-weight:500;font-size:15px;color:#87888A;box-shadow:inset 0 0 0 1px #E5E5E5;transition:box-shadow .3s cubic-bezier(0.3,0,0,0.3);color:var(--colorblack)}
.postbox__comment-input .inputText:focus{box-shadow:0 1px 2px 1px #2021240f inset 0 0 0 2px #600EE4}
.postbox__comment-input .inputText.password{padding-right:55px}
.postbox__comment-input .textareaText{border-radius:12px;padding:20px;font-size:14px;width:100%;height:160px;resize:none;border:0;outline:0;font-weight:500;font-size:15px;color:#87888A;box-shadow:inset 0 0 0 1px #E5E5E5;transition:box-shadow .3s cubic-bezier(0.3,0,0,0.3);color:var(--colorblack)}
.postbox__comment-input .textareaText:focus{box-shadow:0 1px 2px 1px #2021240f inset 0 0 0 2px #600EE4}
.postbox__comment-input .floating-label{position:absolute;pointer-events:none;left:20px;top:50%;transform:translateY(-50%);transition:.2s ease all}
.postbox__comment-input .floating-label-2{position:absolute;pointer-events:none;left:20px;top:20px;transition:.2s ease all}
.tp-barnd-title-sm{font-weight:700;font-size:22px;line-height:30px;color:var(--whiteColor)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-barnd-title-sm{font-size:19px;line-height:28px}
}
@media (max-width: 767px) {
.tp-barnd-title-sm{font-size:17px;line-height:23px}
}
.tp-barnd-icon{margin-right:20px}
.tp-brand-item{text-align:center;padding:0 5px}
.tp-barnd-slider-active .slick-slide img{display:inline-block;width:100%}
.tp-barnd-slider-wrapper{padding:0 65px}
@media only screen and (min-width: 1200px) and (max-width: 1399px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-barnd-slider-wrapper{padding:0 80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-barnd-left-item{margin-bottom:25px}
}
.tp-barnd-slider-active button{height:60px;width:60px;border-radius:50%;border:1px solid var(--whiteColor);font-size:22px;font-weight:700;color:var(--whiteColor);text-align:center;line-height:56px;position:relative;transition:.3s}
@media (max-width: 767px) {
.tp-barnd-slider-active button{height:50px;width:50px;line-height:50px}
}
.tp-barnd-slider-active button::after{content:"";width:100%;height:100%;background-color:var(--whiteColor);position:absolute;top:0;left:0;border-radius:50%;z-index:3;transform:scale(0.2);opacity:0;visibility:hidden;transition:.3s}
.tp-barnd-slider-active button.slick-prev{position:absolute;left:-75px}
.tp-barnd-slider-active button.slick-prev i{position:relative;z-index:5;margin-left:-3px}
.tp-barnd-slider-active button.slick-next{position:absolute;right:-75px;top:0}
.tp-barnd-slider-active button.slick-next i{position:relative;z-index:5;margin-right:-3px}
.tp-barnd-slider-active button:hover{color:var(--colorblack)}
.tp-barnd-slider-active button:hover::after{opacity:1;visibility:visible;transform:scale(0.8)}
.tp-barnd-main-wrapper{padding:25px 0;position:relative}
.tp-barnd-main-wrapper::after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:#2329C1;transform:scale(1) perspective(300px) rotateX(-5deg);border-radius:14px;z-index:-1}
.tp-barnd-shape-1{position:absolute;top:0;left:-1%}
.tp-barnd-shape-2{position:absolute;top:0;right:-1%}
.tp-barnd-plr{padding:0 300px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-barnd-plr{padding:0 180px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-barnd-plr{padding:0 70px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-barnd-plr{padding:0 50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-barnd-plr{padding:0 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-barnd-plr{padding:0 30px}
}
@media (max-width: 767px) {
.tp-barnd-plr{padding:0 15px}
.tp-barnd-left-item{margin-bottom:10px}
}
.tp-brand-title-5{font-weight:500;font-size:20px;line-height:20px}
.barnd-slider-active-five .slick-slide{text-align:center}
.barnd-slider-active-five .slick-slide img{display:inline-block}
.tp-counter-wrapper{background:#ffffff08;box-shadow:0 20px 80px #070d2014;backdrop-filter:blur(5px);border-radius:100px;border:1px solid var(--whiteColor)}
@media (max-width: 767px) {
.tp-counter-space{padding-bottom:100px}
}
.tp-counter-item p{margin-bottom:0;font-family:var(--font4);font-weight:500;font-size:18px;line-height:20px;letter-spacing:.04em}
@media (max-width: 767px) {
.tp-counter-item p{font-size:16px}
}
.tp-counter-item h4{font-weight:400;font-size:40px;line-height:50px;font-style:normal;margin-bottom:0;font-family:var(--tp-ff-dm)}
.tp-counter-item h4 span{font-family:var(--tp-ff-dm);font-style:italic;font-weight:400;font-size:60px;line-height:50px;letter-spacing:-.02em}
@media (max-width: 767px) {
.tp-counter-item h4 span{font-size:45px}
}
.tp-counter-item h4 em{font-weight:400;font-size:60px;line-height:50px;font-style:italic;font-family:var(--tp-ff-dm)}
.tp-counter-shape-1{position:absolute;top:17%;left:16.5%;z-index:-1}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-counter-shape-1{left:9.5%}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-counter-shape-1{left:9.5%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-counter-shape-1{left:2.5%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-counter-shape-1{left:-.5%}
}
.tp-counter-shape-2{position:absolute;bottom:37%;right:36%;z-index:-1;animation:rotate2 10s linear infinite}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-counter-shape-2{top:-5%;left:22%}
}
.tp-counter-shape-3{position:absolute;top:-19%;right:21%;z-index:-1}
.tp-counter-shape-4{position:absolute;top:27%;left:18.5%;z-index:-1}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-counter-shape-4{right:12.5%}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-counter-shape-4{right:11.5%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-counter-shape-4{right:9.5%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-counter-shape-4{top:-12%;right:.5%}
}
.tp-counter-wrap{border-right:1px solid #EDEFF5;padding:40px 0}
@media (max-width: 767px) {
.tp-counter-wrap{margin-bottom:20px;border-right:none}
}
.tp-counter-wrapper .row [class*=col-]:last-child .tp-counter-wrap{border-right:0}
.tp-fun-fact-item h4{font-weight:700;font-size:50px;line-height:48px;color:var(--whiteColor);padding-right:20px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-fun-fact-item h4{font-size:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fun-fact-item h4{font-size:31px}
}
@media (max-width: 767px) {
.tp-fun-fact-item h4{font-size:35px}
}
.tp-fun-fact-item h4::after{position:absolute;top:-23px;left:-22px;height:100px;width:100px;border-radius:50%;background:linear-gradient(145.27deg,#ffffff1a 15.55%,#fff0 86.81%);content:""}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fun-fact-item h4::after{top:-15px;left:-22px;height:80px;width:80px}
}
@media (max-width: 767px) {
.tp-fun-fact-item h4::after{top:-17px;left:-10px;height:80px;width:80px}
}
.tp-fun-fact-item p{font-weight:500;font-size:16px;line-height:24px;color:#ffffffb3;margin-bottom:0}
@media (max-width: 767px) {
.tp-fun-fact-item p br{display:none}
}
.tp-fun-fact-space-1{padding-left:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-fun-fact-space-1{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fun-fact-space-1{padding-left:0}
}
@media (max-width: 767px) {
.tp-fun-fact-space-1{padding-left:0}
}
.tp-fun-fact-space-2{padding-left:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-fun-fact-space-2{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fun-fact-space-2{padding-left:0}
}
@media (max-width: 767px) {
.tp-fun-fact-space-2{padding-left:0}
}
.tp-fun-fact-space-3{padding-left:70px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-fun-fact-space-3{padding-left:35px}
}
@media (max-width: 767px) {
.tp-fun-fact-space-3{padding-left:0}
}
.tp-counter-br{border-right:1px solid #ffffff1a}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-counter-br{border:0}
}
.tp-fun-fact-area .container .row [class*=col-]:last-child{border-right:0}
.tp-vedio-bg{padding-top:265px;padding-bottom:265px;border-radius:20px;background-repeat:no-repeat}
@media (max-width: 767px) {
.tp-vedio-bg{padding-top:150px;padding-bottom:150px}
}
.tp-vedio-grey-bg{position:absolute;top:0;left:0;width:100%;height:310px;z-index:-1}
.tp-vedio-play-btn a{height:130px;width:130px;background-color:var(--coloryellow-3);text-align:center;line-height:130px;color:var(--colorblack);display:inline-block;border-radius:50%;font-size:25px}
@media (max-width: 767px) {
.tp-vedio-play-btn a{height:100px;width:100px;line-height:100px;font-size:18px}
}
.tp-vedio-play-btn a a{margin-left:10px}
.swiper-slide{transition:.3s}
.dragged .swiper-slide{transform:scale(0.97)}
.tp-fun-fact-2 .tp-fun-fact-item h4{color:var(--colorblack)}
.tp-fun-fact-2 .tp-fun-fact-item h4::after{background:linear-gradient(145.27deg,#8575e033 15.55%,#b9adff00 86.81%);border-radius:100px}
.tp-fun-fact-2 .tp-fun-fact-item p{color:var(--colorblack)}
.tp-fun-fact-2 .tp-counter-br{border-color:#1411251a}
.tp-fun-fact-title{font-weight:500;font-size:20px;line-height:24px}
.tp-vedio-wrap{text-align:center;margin:0 auto;cursor:none}
.tp-vedio-wrap video{height:600px;width:1290px;object-fit:cover;border-radius:30px;cursor:none}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-vedio-wrap video{width:1170px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-vedio-wrap video{width:960px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-vedio-wrap video{width:735px;height:450px}
}
@media (max-width: 767px) {
.tp-vedio-wrap video{width:300px;height:300px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-vedio-wrap video{width:545px;height:300px}
}
.cursor-outer{margin-left:-15px;margin-top:-15px;width:30px;height:30px;border:2px solid var(--colorblue-4);box-sizing:border-box;z-index:10000000;opacity:.5;transition:all .08s ease-out;cursor:none}
.mouseCursor{position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:50%;transform:translateZ(0);visibility:hidden;text-align:center;cursor:none}
.cursor-inner{margin-left:-3px;margin-top:-3px;width:6px;height:6px;z-index:10000001;background-color:var(--colorblue-4);transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out}
.cursor-inner a{color:#fff;line-height:100px;transform:scale(0);text-transform:uppercase;letter-spacing:1px;font-size:16px;margin-left:3px;opacity:0;visibility:hidden}
.cursor-inner.cursor-big{cursor:none}
.cursor-inner.cursor-big a{transform:scale(1);opacity:1;visibility:visible}
.mouseCursor.cursor-big{width:100px;height:100px;cursor:none;cursor:none}
.mouseCursor.cursor-big.cursor-outer{display:none}
.tp-cursor-point-area{cursor:none}
.tp-vedio-title{font-weight:500;font-size:60px;line-height:1.1;text-align:center;letter-spacing:-.02em;color:var(--colorblack)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-vedio-title{font-size:42px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-vedio-title{font-size:42px}
}
@media (max-width: 767px) {
.tp-vedio-title{font-size:38px}
.tp-vedio-sction-box{padding-bottom:40px}
}
.tp-integration-mlr{margin-left:310px;margin-right:310px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.tp-integration-mlr{margin-left:200px;margin-right:200px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-integration-mlr{margin-left:100px;margin-right:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-integration-mlr{margin-left:45px;margin-right:45px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-integration-mlr{margin-left:0;margin-right:0}
}
.tp-integration-slider-wrapper{border-radius:30px}
.tp-integration-section-space{margin-bottom:50px}
.tp-integration-wrapper{border-radius:30px;display:inline-block}
.tp-integration-subtitle{font-weight:500;font-size:18px;line-height:26px;color:var(--colorblue);margin-bottom:0}
.tp-integration-slider-active-2 .slick-slide{padding:0 10px}
.tp-integration-slider-item{background-color:var(--whiteColor);box-shadow:0 1px 3px #0308181a;border-radius:100px}
.tp-integration-slider-main.slick-slide{padding:15px 10px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-integration-btn{margin-top:30px}
}
.tp-intigration-five-space{padding-top:160px;padding-bottom:240px}
@media (max-width: 767px) {
.tp-intigration-five-space{padding-top:120px;padding-bottom:120px}
}
.tp-intigration-five-section-box p{padding-bottom:30px}
.tp-intigration-five-circle-img-1{position:absolute;top:0;left:0}
.tp-intigration-five-circle-img-1 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-2{position:absolute;top:66%;left:-8%}
.tp-intigration-five-circle-img-2 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-3{position:absolute;top:78%;left:5%}
.tp-intigration-five-circle-img-3 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-4{position:absolute;top:123%;left:-7%}
.tp-intigration-five-circle-img-4 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-5{position:absolute;top:103%;left:18%}
.tp-intigration-five-circle-img-5 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-6{position:absolute;top:103%;right:18%}
.tp-intigration-five-circle-img-6 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-7{position:absolute;top:-3%;right:7%}
.tp-intigration-five-circle-img-7 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-8{position:absolute;top:38%;right:6%}
.tp-intigration-five-circle-img-8 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-9{position:absolute;top:35%;right:-13%}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-intigration-five-circle-img-9{top:41%;right:-9%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-intigration-five-circle-img-9{top:70%;right:0}
}
.tp-intigration-five-circle-img-9 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-10{position:absolute;bottom:-43%;right:-4%}
.tp-intigration-five-circle-img-10 img{box-shadow:20px 30px 100px #050c1f1a;border-radius:50%}
.tp-intigration-five-circle-img-11{position:absolute;bottom:-34%;left:3%;z-index:-1;animation:moving 9s linear infinite}
.tp-intigration-five-circle-img-12{position:absolute;bottom:49%;left:7%;z-index:-1;animation:movingleftright1 infinite 18s}
.tp-intigration-five-circle-img-13{position:absolute;bottom:-42%;right:14%;animation:moving 9s linear infinite}
.tp-intigration-five-circle-img-14{position:absolute;bottom:21%;right:-11%;z-index:-1;animation:movingleftright1 infinite 18s}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-intigration-five-circle-img-14{bottom:13%;right:-6%}
}
.tp-feature-inner .tp-feature-five-wrapper .tp-feature-five-item{box-shadow:-1px -1px 4px #1411250a 0 1px 4px #2021240f}
.tp-testimonial__rating span{margin:0 5px}
.tp-testimonial__wrapper{background-color:var(--whiteColor);box-shadow:0 16px 20px #01103d1a;border-radius:30px}
.tp-testimonial__left-item{display:inline-block;padding:60px;background:linear-gradient(126.78deg,#706DFF 11.46%,#5956E9 90.23%);box-shadow:0 16px 20px #01103d1a;border-radius:30px 60px 0 30px}
@media (max-width: 767px) {
.tp-testimonial__left-item{padding:30px}
}
.tp-testimonial__bottom-img{position:absolute;bottom:0;right:10px}
.tp-testimonial__bottom-img img{mix-blend-mode:luminosity}
.tp-testimonial__content p{font-weight:600;font-size:24px;color:var(--whiteColor);line-height:1.5;padding-bottom:20px;padding-right:30px}
@media (max-width: 767px) {
.tp-testimonial__content p{font-size:15px}
}
.tp-testimonial__author-info span{font-weight:700;font-size:16px;line-height:20px;display:block;color:var(--whiteColor);padding-bottom:5px}
.tp-testimonial__author-info i{font-style:normal;font-weight:500;font-size:14px;line-height:12px;color:#ffffffb3}
.tp-testimonial__right-item{padding:75px 45px;height:100%}
@media (max-width: 767px) {
.tp-testimonial__right-item{padding:30px}
}
.tp-testimonial__logo{margin-bottom:20px}
.tp-testimonial__increase span{font-weight:700;font-size:60px;line-height:50px;color:var(--colorblack);padding-bottom:18px;display:inline-block}
@media (max-width: 767px) {
.tp-testimonial__increase span{font-size:50px}
}
.tp-testimonial__increase p{font-weight:500;font-size:18px;line-height:28px}
@media (max-width: 767px) {
.tp-testimonial__increase p{font-size:16px}
}
.tp-testimonial__link a{font-weight:600;font-size:15px;line-height:12px;color:var(--tp-theme-1)}
.tp-testimonial__link a svg{margin-left:7px}
.tp-testimonial__link a:hover svg{animation:tfLeftToRight .5s forwards}
.tp-testimonial__slider-active{margin:0 -55px}
.tp-testimonial__wrapper-main.slick-slide{padding:55px}
.tp-testimonial__img-item svg{display:inline-block;color:#8C87A6}
.tp-testimonial__img-item{text-align:center;cursor:pointer}
.tp-testimonial__img-active{padding:0 120px}
@media (max-width: 767px) {
.tp-testimonial__img-active{padding:0 30px}
}
.tp-testimonial__img-wrap.slick-current .tp-testimonial__img-item svg{color:var(--colorblack)}
.tp-testimonial-2-border-shape{position:absolute;top:0;left:0;width:100%;height:102%;z-index:-1}
.tp-testimonial-2-border-shape img{height:100%;width:100%}
.tp-testimonial-2-item{background:linear-gradient(239.18deg,#ffffff29 17.93%,#ffffff0a 81.51%);backdrop-filter:blur(20px);border-radius:20px;padding:60px 40px;transition:.4s}
.tp-testimonial-2-item:hover{box-shadow:0 20px 20px #1c093d33}
.tp-testimonial-2-star{margin-bottom:13px}
.tp-testimonial-2-star span{color:var(--coloryellow-2)}
.tp-testimonial-2-content p{font-weight:600;font-size:20px;line-height:28px;color:var(--whiteColor);margin-bottom:40px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-2-content p{font-size:19px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-2-content p{font-size:18px}
}
.tp-testimonial-2-author-info h5{font-weight:700;font-size:18px;line-height:20px;color:var(--whiteColor);font-family:var(--font3);margin-bottom:0}
.tp-testimonial-2-author-info span{font-weight:500;font-size:14px;line-height:20px;color:#ffffffb3;font-family:var(--font3)}
.tp-testimonial-2-img{margin-right:13px}
.tp-testimonial-2-img img{width:50px;height:50px}
.tp-testimonial-2-section{margin:0 -15px}
.tp-testimonial-2-slider-active .slick-slide{padding:40px 15px;padding-bottom:60px}
.tp-testimonial-2-slider-active .slick-dots{text-align:center}
.tp-testimonial-2-slider-active .slick-dots li{display:inline-block;margin:0 3px}
.tp-testimonial-2-slider-active .slick-dots li.slick-active button{background-color:var(--whiteColor);border-color:var(--whiteColor)}
.tp-testimonial-2-slider-active .slick-dots li button{height:12px;width:12px;border:1px solid #fff6;font-size:0;border-radius:50%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-rated-title-box .tp-section-title-3 br{display:none}
}
.tp-rated-shape-1{position:absolute;top:6%;right:7%;transform-origin:top right}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-rated-shape-1 img{width:60%}
}
.tp-rated-shape-2{position:absolute;top:22%;left:9%;-moz-animation:circle-animations 3s ease-in-out 1s forwards infinite alternate;-webkit-animation:circle-animations 3s ease-in-out 1s forwards infinite alternate;animation:circle-animations 3s ease-in-out 1s forwards infinite alternate}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-rated-shape-2{top:5%}
}
.tp-rated-bg{background-repeat:no-repeat;background-size:cover;margin-left:60px;margin-right:60px;border-radius:60px;height:980px;overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-rated-bg{margin-left:0;margin-right:0}
}
.tp-rated-icon{padding-bottom:20px}
.tp-rated-icon span{margin:0 4px}
@media (max-width: 767px) {
.author-rated{margin-bottom:60px}
}
.author-rated-wrapper{padding:0 70px;padding-bottom:50px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.author-rated-wrapper{padding:0 30px;padding-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.author-rated-wrapper{padding:0;padding-bottom:50px}
}
.author-rated p{font-weight:400;font-size:20px;line-height:26px;color:var(--whiteColor);margin-bottom:0;padding-bottom:25px}
@media (max-width: 767px) {
.author-rated p{padding-bottom:10px}
}
.author-rated-icon{padding-bottom:15px}
.author-rated-icon span{color:var(--coloryellow)}
.tp-testimonial-3-mlr{margin:0 60px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-testimonial-3-mlr{margin:0}
}
.tp-testimonial-3-bg{background-repeat:no-repeat;background-size:cover;border-radius:60px}
.tp-testimonial-3-slider-active{margin-left:-645px;margin-right:-380px}
@media only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3-slider-active{margin-right:-500px;margin-left:-700px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3-slider-active{margin-right:-800px;margin-left:-800px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-testimonial-3-slider-active{margin-right:0;margin-left:0}
}
.tp-testimonial-3-slider-active .slick-slide{padding:0 15px;padding-bottom:130px}
.tp-testimonial-3-item{background:linear-gradient(108.44deg,#ffffff1a 20.99%,#ffffff06 84.05%);border:2px solid #ffffff24;box-shadow:0 30px 60px #00000080;backdrop-filter:blur(8px);border-radius:30px;padding:30px;padding-left:65px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3-item{padding-left:40px}
}
@media (max-width: 767px) {
.tp-testimonial-3-item{flex-wrap:wrap;padding:20px}
}
.tp-testimonial-3-review{padding-bottom:22px}
.tp-testimonial-3-review span{color:var(--coloryellow)}
.tp-testimonial-3-content-box p{font-weight:600;font-size:26px;line-height:36px;color:var(--whiteColor);font-family:var(--font4);padding-bottom:35px;padding-right:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-3-content-box p{font-size:21px;line-height:31px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-3-content-box p{font-size:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-3-content-box p{font-size:20px;line-height:27px;padding-right:44px}
}
@media (max-width: 767px) {
.tp-testimonial-3-content-box p{padding-right:0;font-size:18px;line-height:26px;padding-bottom:15px}
}
.tp-testimonial-3-thumb{flex:0 0 auto}
@media (max-width: 767px) {
.tp-testimonial-3-thumb{flex:auto}
}
.tp-testimonial-3-thumb img{border-radius:20px;max-width:100%}
.tp-testimonial-3-sm-thumb{height:100%;width:60px;margin-right:20px}
.tp-testimonial-3-sm-thumb img{border-radius:10px}
@media (max-width: 767px) {
.tp-testimonial-3-author-info{margin-bottom:20px}
}
.tp-testimonial-3-author-info h5{font-weight:700;font-size:18px;line-height:16px;color:var(--whiteColor);font-family:var(--font4)}
.tp-testimonial-3-author-info span{font-weight:500;font-size:16px;line-height:16px;color:#fff9;font-family:var(--font4)}
@media (max-width: 767px) {
.tp-testimonial-3-author-info span{font-size:14px}
}
.tp-test-arrow{z-index:3}
.tp-test-arrow button{height:60px;width:60px;line-height:68px;border-radius:50%;color:var(--whiteColor);border:2px solid #ffffff29;margin-left:10px;transition:.4s;position:relative}
@media (max-width: 767px) {
.tp-test-arrow button{height:50px;width:50px;line-height:55px}
}
.tp-test-arrow button::after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border-radius:50%;background-color:var(--whiteColor);transform:scale(0.3);z-index:-1;opacity:0;visibility:hidden;transition:.3s}
.tp-test-arrow button:hover{color:var(--colorblack);border-color:var(--whiteColor)}
.tp-test-arrow button:hover::after{transform:scale(1.1);opacity:1;visibility:visible}
.tp-test-arrow button i{font-size:30px}
.tp-testimonial-five-section-space{margin-bottom:70px}
@media (max-width: 767px) {
.tp-testimonial-five-section-box{padding-bottom:20px}
}
.tp-testimonial-five-item{background-color:var(--whiteColor);border-radius:16px;overflow:hidden}
.tp-testimonial-five-wrapper{padding:30px 70px 30px 60px;background:#F7F9FB;border-radius:16px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-five-wrapper{padding:30px}
}
@media (max-width: 767px) {
.tp-testimonial-five-wrapper{padding:25px}
}
.tp-testimonial-five-avata{margin-right:20px}
.tp-testimonial-five-avata img{height:80px;width:80px;border-radius:50%}
.tp-testimonial-five-author-info h4{font-weight:700;font-size:24px;line-height:20px}
.tp-testimonial-five-author-info span{font-weight:400;font-size:16px;line-height:20px;color:#5F6168}
@media (max-width: 767px) {
.tp-testimonial-five-author-info span{font-size:14px}
}
.tp-testimonial-five-content{padding:40px 60px 50px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-five-content{padding:40px 40px 50px}
}
@media (max-width: 767px) {
.tp-testimonial-five-content{padding:25px}
}
.tp-testimonial-five-content p{font-weight:400;font-size:20px;line-height:32px;color:#5F6168;padding-right:30px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-testimonial-five-content p{padding-right:0;font-size:18px;line-height:29px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-testimonial-five-content p{font-size:17px;line-height:29px;padding-right:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-testimonial-five-content p{font-size:18px;line-height:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-testimonial-five-content p{font-size:16px;line-height:27px;padding-right:0}
}
@media (max-width: 767px) {
.tp-testimonial-five-content p{font-size:16px;line-height:26px;padding-right:0}
}
.testimonial-five-slider-active{margin:0 -420px;padding-bottom:60px}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.testimonial-five-slider-active{margin:0 -500px}
}
@media (max-width: 767px) {
.testimonial-five-slider-active{margin:0 15px}
}
.tp-testimonial-five-slider-section .tp-scrollbar{background:#fff3;height:2px;width:50%;position:relative;left:0;right:0;text-align:center;margin:auto}
.tp-testimonial-five-slider-section .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--whiteColor);box-shadow:0 0 6px #bbff5e4d;border-radius:4px;left:0;top:0}
.tp-testimonial-five-arrow button{height:55px;width:55px;background-color:var(--whiteColor);color:var(--colorblack);border-radius:50%;text-align:center;line-height:55px;font-weight:300;transition:.3s}
.tp-testimonial-five-arrow button:hover{background:#FFCE5A;box-shadow:0 1px 2px #2021241a;color:var(--colorblack);transform:scale(1.1)}
.tp-testimonial-five-arrow .test-prev{margin-left:10px}
@media (max-width: 767px) {
.tp-testimonial-five-section-box .tp-section-title-5{margin-bottom:20px}
}
.tp-price__pl-pr{margin:0 60px;background:linear-gradient(180deg,#F6F5FA 0.01%,#f6f5fa00 100%);border-radius:40px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-price__pl-pr{margin:0 15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-price__pl-pr{margin:0}
}
.tp-price__section-box p{font-size:18px}
.tp-price__item{background-color:var(--whiteColor);box-shadow:0 1px 0 #01103d1a 0 -20px 70px #01103d08;border-radius:30px;padding:50px 60px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-price__item{padding:35px 28px}
}
@media (max-width: 767px) {
.tp-price__item{padding:30px}
}
.tp-price__item:hover .tp-price__btn a{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}
.tp-price__item:hover .tp-price__btn a i{transform:translateY(2px);margin-left:10px}
.tp-price__item:hover .tp-price__btn span{transform:translateX(30px)}
.tp-price__item.active{background:linear-gradient(358.1deg,#5956E9 49.57%,#908DFF 107.48%);border-radius:30px}
.tp-price__item.active .tp-price__title-sm{color:var(--whiteColor)}
.tp-price__item.active .tp-price__title-box p{color:var(--whiteColor);border-color:#fff3}
.tp-price__item.active .tp-price__feature ul li{color:var(--whiteColor)}
.tp-price__item.active .tp-price__feature ul li svg path.price-path-2{color:#fff}
.tp-price__item.active .tp-price__feature ul li svg path.price-path-1{color:#fff}
.tp-price__item.active .tp-price__btn{background-color:var(--whiteColor);border-radius:30px}
.tp-price__item.active .tp-price__btn a{background-color:#18171F}
.tp-price__btn{overflow:hidden;position:relative}
.tp-price__btn span{transform:translateX(0px);transition:.3s}
.tp-price__btn a{position:absolute;top:0;left:0;width:100%;height:45px;border-radius:30px;background-color:var(--colorblue);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;opacity:0;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);visibility:hidden}
.tp-price__shape-1{position:absolute;top:-6px;right:-5px}
.tp-price__shape-2{position:absolute;top:-6px;right:-5px}
.tp-price__shape-3{position:absolute;top:-6px;right:-5px}
.tp-price__feature{margin-bottom:45px}
.tp-price__feature ul li{font-weight:600;font-size:14px;position:relative;padding-left:32px;margin-bottom:20px;list-style-type:none}
.tp-price__feature ul li.inactive span svg path.price-path-3{color:#D9DADC}
.tp-price__feature ul li.inactive span svg path.price-path-2{color:#D9DADC}
.tp-price__feature ul li.inactive span svg path.price-path-1{color:#D9DADC}
.tp-price__feature ul li:last-child{margin-bottom:0}
.tp-price__feature ul li span{position:absolute;top:0;left:0}
.tp-price__feature ul li span svg path.price-path-3{color:#FF94BA}
.tp-price__feature ul li span svg path.price-path-2{color:#6865FF}
.tp-price__feature ul li span svg path.price-path-1{color:#6865FF}
.tp-price__icon{padding-bottom:12px}
.tp-price__title-sm{font-weight:700;font-size:22px;padding-bottom:5px}
.tp-price__title-box p{font-weight:400;font-size:14px;line-height:14px;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #01103d1a}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-price__title-box p{font-size:13px;margin-bottom:30px;padding-bottom:30px}
}
.tp-price-header{padding-left:40px}
.tp-price-header-img{padding-bottom:20px}
.tp-price-header-content p{font-weight:500;font-size:14px;line-height:24px;color:#ffffffb3;margin-bottom:0}
.tp-price-header-content p span{font-weight:600;color:var(--whiteColor)}
.tp-price-top-item{width:33.33%;float:left;padding:40px 20px}
.tp-price-top-item.active{background:#ffffff0f;border-radius:20px 20px 0 0}
.tp-price-top-item.active .tp-btn-service{background-color:var(--coloryellow-3);color:var(--colorblack);border-color:var(--coloryellow-3);transition:.3s}
.tp-price-top-item.active .tp-btn-service:hover{background-color:var(--whiteColor);color:var(--colorblack);border-color:var(--whiteColor)}
.tp-price-top-tag-wrapper span{font-weight:700;font-size:16px;line-height:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--whiteColor);padding-bottom:10px;display:inline-block}
.tp-price-top-tag-wrapper p{font-weight:500;font-size:14px;line-height:22px;color:#ffffffb3;padding-bottom:10px}
.tp-price-top-title-wrapper h4{font-weight:600;font-size:50px;line-height:49px;color:#FFF;padding-bottom:8px}
.tp-price-top-title-wrapper h4 span{font-weight:500;font-size:18px;line-height:14px}
.tp-price-top-title-wrapper h4 em{font-style:normal;font-weight:500;font-size:18px;line-height:17px;color:#FFF;margin-right:5px;transform:translateY(-23px);display:inline-block}
.tp-price-top-title-wrapper p{font-weight:500;font-size:14px;line-height:14px;color:#ffffffb3;margin-bottom:0;padding-bottom:30px}
.tp-price-feature-wrapper{border:1px solid #ffffff24;border-radius:20px}
.tp-price-feature-box{border-radius:20px 0 0 20px;background:#ffffff0f}
.tp-price-feature-item{height:65px;line-height:65px;padding:0 40px;border-bottom:1px solid #ffffff24}
.tp-price-feature-item:last-child{border-bottom:0}
.tp-price-feature-item span{color:var(--whiteColor);font-weight:600;font-size:16px;line-height:14px;margin-right:5px}
.tp-price-feature-info-item{width:33.33%;float:left}
.tp-price-feature-info-item.active{background:#ffffff0f}
.tp-price-feature-info{height:65px;line-height:65px;padding:0 20px;border-bottom:1px solid #ffffff24}
.tp-price-feature-info:last-child{border-bottom:0}
.tp-price-feature-info span{font-weight:400;font-size:16px;line-height:14px;color:var(--whiteColor)}
.tp-price-feature-tooltip{background-color:var(--whiteColor);padding:10px 20px;border-radius:14px;position:absolute;bottom:25px;left:-30px;width:270px;opacity:0;visibility:hidden;transition:.3s}
.tp-price-feature-tooltip::after{position:absolute;content:"";left:35px;bottom:2px;width:18px;height:18px;background-color:var(--whiteColor);-webkit-transform:rotate(45deg) translateY(50%);-moz-transform:rotate(45deg) translateY(50%);-ms-transform:rotate(45deg) translateY(50%);-o-transform:rotate(45deg) translateY(50%);transform:rotate(45deg) translateY(50%)}
.tp-price-feature-tooltip p{margin-bottom:0;font-size:14px}
.tp-price-feature-tooltip-box{display:inline-block;cursor:pointer}
.tp-price-feature-tooltip-box:hover svg{color:var(--whiteColor)}
.tp-price-feature-tooltip-box:hover .tp-price-feature-tooltip{visibility:visible;opacity:1;bottom:45px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-price-table{overflow-x:scroll;scrollbar-color:#ffffff8f #ffffff24}
}
.tp-price-table-wrapper{width:1170px}
@media (max-width: 767px) {
.plan-section-box p br{display:none}
}
.tp-price__btn-box{display:inline-block}
.tp-price__btn-bg{background:#FFF;box-shadow:0 1px 1px #12142024;border-radius:50px;position:relative}
@media (max-width: 767px) {
.tp-price__btn-bg{transform:translateY(40px)}
}
.tp-price__btn-bg button{font-weight:700;font-size:14px;line-height:14px;color:#222;position:relative;z-index:999;padding:18px 30px;transition:.3s}
.tp-price__btn-bg button.active{color:var(--whiteColor)}
.tp-price__btn-bg button.monthly.active ~ .test{transform:translateX(0px)}
.tp-price__btn-bg button.yearly.active{transform:translateX(-10px)}
.test{position:absolute;transition:transform .2s ease-in-out;will-change:transform;width:100px;height:calc(100% - 8px);position:absolute;left:5px;top:4px;display:block;content:"";background:#6865FF;box-shadow:0 2px 2px -1px #5956e926 0 0 1px #5956e91a;border-radius:30px;transform:translateX(104px)}
.price-shape-line{position:absolute;right:35%;top:-18px;-webkit-animation:lineDash 90s linear infinite;animation:lineDash 90s linear infinite}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.price-shape-line{right:25%}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.price-shape-line{right:17%}
}
.price-offer-badge{height:50px;width:50px;background:linear-gradient(149deg,#FF4386 -12.19%,#413DFF 89.78%);box-shadow:0 1px 3px #4b08454d;display:inline-block;text-align:center;border-radius:50%;position:absolute;right:31%;top:-33px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.price-offer-badge{right:20%}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.price-offer-badge{right:11%}
}
.price-offer-badge span{color:var(--whiteColor);font-weight:800;font-size:11px;line-height:1.2;text-align:center;letter-spacing:-.02em;display:inline-block;margin-top:12px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-price__section-box .tp-section-title br{display:none}
}
.price-banner-title{font-weight:700;font-size:70px;line-height:1;letter-spacing:-.02em;color:#FFF;padding-bottom:22px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.price-banner-title{font-size:63px}
}
@media (max-width: 767px) {
.price-banner-title{font-size:48px;padding-bottom:12px}
}
.price-banner-title-box p{font-weight:500;font-size:17px;line-height:16px;color:#FFF;margin-bottom:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.price-banner-title-box p{font-size:14px}
}
.price-inner-white-bg{margin-top:-225px;background-color:var(--whiteColor);border-radius:40px 40px 0 0}
.price-inner-white-bg .tp-price-table-wrapper{padding-top:40px}
.price-inner-white-bg .tp-price-feature-wrapper{border-color:#EFF1F7}
.price-inner-white-bg .tp-price-feature-box{background:#F7F9FC}
.price-inner-white-bg .tp-price-feature-item{border-color:#EFF1F7}
.price-inner-white-bg .tp-price-feature-item span{color:var(--colorblack)}
.price-inner-white-bg .tp-price-feature-info{border-color:#EFF1F7}
.price-inner-white-bg .tp-price-feature-info span{color:var(--colorblack)}
.price-inner-white-bg .tp-price-feature-info-item.active{background:#F7F9FC}
.price-inner-white-bg .tp-price-header-content p{color:#5F6168}
.price-inner-white-bg .tp-price-header-content p span{color:#202124}
.price-inner-white-bg .tp-price-top-item.active{background:#F7F9FC}
.price-inner-white-bg .tp-price-top-item.active .tp-price-top-title-wrapper .tp-btn-service{background-color:var(--colorblue-4);color:var(--whiteColor);border-color:var(--colorblue-4)}
.price-inner-white-bg .tp-price-top-item.active .tp-price-top-title-wrapper .tp-btn-service:hover{background-color:var(--colorblack);color:var(--whiteColor)}
.price-inner-white-bg .tp-price-top-tag-wrapper span{color:var(--colorblack)}
.price-inner-white-bg .tp-price-top-tag-wrapper p{color:#5F6168}
.price-inner-white-bg .tp-price-top-title-wrapper h4{color:var(--colorblack)}
.price-inner-white-bg .tp-price-top-title-wrapper p{color:#5F6168}
.price-inner-white-bg .tp-price-top-title-wrapper .tp-btn-service{background-color:var(--colorblack);color:var(--whiteColor)}
.price-inner-white-bg .tp-price-top-title-wrapper .tp-btn-service:hover{background-color:var(--colorblue-4);color:var(--whiteColor);border-color:var(--colorblue-4)}
.price-inner-white-bg .tp-price-feature-tooltip{box-shadow:#64646f33 0 7px 29px 0}
.tp-price__btn-box{position:relative}
.tp-price__btn-box .tp-price__btn-line{position:absolute;right:-20px;top:-55px;animation:lineDash-2 90s linear infinite}
.tp-price__btn-box .tp-price__btn-offer-tag{height:50px;width:50px;border-radius:50%;background:linear-gradient(146.58deg,#FF96F9 11.28%,#C32BAC 43.24%);box-shadow:0 1px 3px #4b08454d;display:inline-block;text-align:center;position:absolute;top:-75px;right:-75px;z-index:2222}
.tp-price__btn-box .tp-price__btn-offer-tag span{font-weight:600;font-size:11px;letter-spacing:-.02em;color:var(--whiteColor);display:inline-block;text-align:center;transform:translateY(11px)}
.tp-price__btn-inner .tp-price__btn-bg .test{background-color:var(--colorblue-4)}
.pr-feature-wrapper{background:#F0F2F5;box-shadow:0 1px 2px #20212424;border-radius:20px 20px 0 0;padding:30px 40px;padding-right:0}
.pr-feature-head ul{padding-left:20px}
.pr-feature-head ul li{width:33.33%;float:left;text-align:center;list-style-type:none}
.pr-feature-title{font-weight:700;font-size:22px;line-height:1.1;color:var(--colorblack);margin-bottom:0}
.pr-feature-title-sm{font-weight:400;font-size:17px;line-height:1.1;color:var(--colorblack)}
.pr-feature-height{height:100px;padding:0 40px;padding-right:0}
.pr-feature-item h5{font-weight:700;font-size:15px;line-height:14px;text-transform:uppercase;color:#202124;padding-bottom:5px}
.pr-feature-bottom ul{text-align:center;padding-left:20px}
.pr-feature-bottom ul li{width:33.33%;float:left;list-style-type:none}
.pr-feature-bottom ul li span{font-weight:400;font-size:16px;line-height:14px;color:var(--colorblack)}
.pr-feature-bottom ul li i{height:26px;width:26px;border-radius:50%;color:var(--colorblue-4);font-size:12px;background:#600ee40f;line-height:29px}
.pr-feature-bottom ul li i.times{color:#5F6168;background-color:#EAEAEA;font-size:14px}
.pr-feature-wrapper-2 .pr-feature-height:nth-child(2n){background-color:#F7F9FC}
.pr-feature-item .tp-btn-service:hover{background-color:var(--colorblue-4);border-color:var(--colorblue-4)}
.pr-feature-item.active .tp-btn-service{background-color:var(--colorblue-4)}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.price-inner-white-bg{overflow-x:scroll;scrollbar-color:#ffffff8f #ffffff24}
.pr-feature-main{width:930px}
.pr-feature-box{overflow-x:scroll;scrollbar-color:#ffffff8f #ffffff24}
}
.tp-team-top-content p{font-weight:400;font-size:17px;line-height:26px;color:#fffc;position:relative;padding-left:30px}
@media (max-width: 767px) {
.tp-team-top-content p{margin-bottom:0}
.tp-team-top-content p br{display:none}
}
.tp-team-top-content p::after{position:absolute;content:"";top:-4px;left:0;height:60px;width:1.5px;background:#ffffff1a}
@media (max-width: 767px) {
.tp-team-top-content p::after{top:12px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tp-team-top-content p::after{top:-3px}
}
.tp-team-img{margin-bottom:30px}
.tp-team-img img{mix-blend-mode:luminosity}
.tp-team-title-sm{font-weight:700;font-size:22px;line-height:26px;color:var(--whiteColor)}
.tp-team-title-sm:hover{color:var(--coloryellow-3)}
.tp-team-content{margin-bottom:30px}
.tp-team-content span{font-weight:500;font-size:14px;line-height:14px;color:var(--whiteColor);opacity:.7}
.tp-team-social a{color:var(--whiteColor);opacity:.8;font-size:15px;height:40px;width:40px;border-radius:50%;text-align:center;line-height:40px;display:inline-block;position:relative;transition:.4s}
.tp-team-social a span{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0080FB;box-shadow:0 20px 40px #090b414d;border-radius:50%;z-index:-1;transform:scale(0.5);opacity:0;visibility:hidden;transition:.4s}
.tp-team-social a:hover{opacity:1}
.tp-team-social a:hover span{opacity:1;visibility:visible;transform:scale(1.2)}
.tp-team-border-right{border-right:1px solid #ffffff1a;position:relative}
.tp-team-border-right::after{position:absolute;bottom:0;right:-1px;width:1px;height:24px;background-color:var(--coloryellow-3);content:"";animation:scroll1 15s forwards infinite}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-team-border-right{border-right:0}
}
.tp-team-border-right.tp-border-after-2::after{animation:scroll1 20s infinite}
.tp-team-border-right.tp-border-after-3::after{animation:scroll1 30s infinite}
.tp-team-inner-title-color .tp-team-title-sm{color:var(--colorblack)}
.tp-team-inner-title-color .tp-team-title-sm:hover{color:var(--colorblue-3)}
.tp-team-social .icon-color-2 span{background:linear-gradient(225.09deg,#8000FF 6.72%,#D50087 54.13%,#FFD600 93.85%);box-shadow:0 20px 40px #090b414d}
.tp-team-social .icon-color-3 span{background:#1DA7FC;box-shadow:0 20px 40px #090b414d}
.tp-team-social .icon-color-4 span{background:#087AED;box-shadow:0 20px 40px #090b414d}
.tp-team-area .container .row .tp-team-border-right:last-child{border-right:0}
.tp-team-area .container .row .tp-team-border-right:last-child::after{display:none}
.tp-team-inner .container .row .team-inner-border-right:nth-child(4n){border-right:0}
.tp-team-inner .container .row .team-inner-border-right:nth-child(4n)::after{display:none}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-team-section-box{margin-bottom:40px}
}
.team-inner-border-right{border-right:1px solid #08082914;position:relative}
.team-inner-border-right::after{position:absolute;bottom:0;right:-1px;width:1px;height:24px;background-color:var(--tp-theme-1);content:"";animation:scroll1 15s forwards infinite}
.team-inner-border-right .tp-team-content span{color:#5F6168;opacity:.7}
.team-inner-border-right .tp-team-social a{color:#5F6168}
.team-inner-border-right .tp-team-social a:hover{color:var(--whiteColor)}
.tp-team-item{transition:.4s}
.tp-team-item .tp-team-img{background-color:#B2B6FF;border-radius:50%;width:180px;height:180px;margin-left:auto;margin-right:auto;overflow:hidden}
.tp-team-item .tp-team-img img{mix-blend-mode:luminosity;border-radius:100px;transform:translateY(15px)}
.tp-team-item:hover .tp-team-img img{mix-blend-mode:normal}
.team-details-wrapper{background:#F5F7FA;border-radius:30px;padding:60px 40px 70px}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.team-details-wrapper{padding:60px 25px}
}
.team-details-img img{border-radius:50%}
@media (max-width: 767px) {
.team-details-img-box{margin-bottom:40px}
}
.team-details-work-tag{background:#0B0416;border-radius:30px 30px 0 30px;display:inline-block;padding:10px 13px;transform:translateY(-15px)}
.team-details-work-tag span svg{margin-right:8px;color:var(--whiteColor)}
.team-details-work-tag span{font-weight:600;font-size:13px;line-height:14px;letter-spacing:-.02em;color:var(--whiteColor)}
.team-details-work-location span svg{margin-right:8px}
.team-details-work-location span{font-weight:600;font-size:13px;line-height:14px;letter-spacing:-.02em;color:#5F6168}
.team-details-client-title{font-weight:600;font-size:46px;line-height:36px;letter-spacing:-.02em;color:#202124;padding-bottom:20px}
@media (max-width: 767px) {
.team-details-client-title{font-size:38px}
.team-details-social-info{margin-bottom:20px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.team-details-social-info{margin-bottom:0}
}
.team-details-social-info a{height:36px;width:36px;border-radius:50%;text-align:center;line-height:36px;background-color:#FEFEFE;display:inline-block;font-size:12px;transition:.3s;margin-right:3px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-details-social-info a{margin-right:2px}
}
.team-details-social-info a:hover{background-color:var(--colorblue-3);color:var(--whiteColor)}
.team-details-contact-box{margin-bottom:40px}
@media (max-width: 767px) {
.team-details-contact-box{flex-wrap:wrap}
}
.team-details-personal-info{margin-left:7px}
@media (max-width: 767px) {
.team-details-personal-info{margin-left:0;margin-right:7px}
}
.team-details-personal-info a{background-color:#FEFEFE;padding:8px 20px;border-radius:30px;margin-right:7px}
.team-details-personal-info a svg{transform:translateY(-2px);margin-right:5px}
.team-details-expricence-box{padding-bottom:35px}
.team-details-expricence-box-1{margin-right:100px}
@media (max-width: 767px) {
.team-details-expricence-box-1{margin:0 20px}
}
.team-details-expricence-box-1 span{font-weight:400;font-size:14px;line-height:14px;color:#87888A;padding-bottom:10px;display:inline-block}
.team-details-expricence-box-1 em{font-weight:600;font-size:22px;line-height:14px;color:#202124;font-style:normal}
.team-details-skill h5{font-weight:400;font-size:14px;line-height:14px;color:#87888A;padding-bottom:10px}
.team-details-skill span{padding:10px 20px;background-color:var(--whiteColor);display:inline-block;border-radius:30px;font-weight:500;font-size:14px;line-height:12px;color:#5F6168;margin-right:5px;margin-bottom:10px}
.team-details-title{font-weight:600;font-size:30px;line-height:30px;color:#000;padding-bottom:10px}
.team-details-text{padding-bottom:10px}
.team-details-text p{font-weight:400;font-size:17px;line-height:28px;color:#5F6168;padding-right:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-details-text p{padding-right:0}
}
@media (max-width: 767px) {
.team-details-text p{padding-right:0;font-size:16px}
}
.team-details-feature-list ul{padding-bottom:30px;padding-left:30px}
@media (max-width: 767px) {
.team-details-feature-list ul{padding-left:0}
}
.team-details-feature-list ul li{list-style-type:none;position:relative;padding-left:20px;font-weight:400;font-size:17px;line-height:34px;color:#5F6168}
@media (max-width: 767px) {
.team-details-feature-list ul li{font-size:16px}
.team-details-feature-list ul li br{display:none}
}
.team-details-feature-list ul li::after{position:absolute;content:"";top:13px;left:0;height:7px;width:7px;border-radius:50%;background-color:#5F6168}
.team-details-feature-list p{font-weight:400;font-size:17px;line-height:28px;color:#5F6168}
@media (max-width: 767px) {
.team-details-feature-list p{font-size:16px}
}
.career-details-wrapper{padding-right:70px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career-details-wrapper{padding-right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career-details-wrapper{padding-right:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.career-details-wrapper{padding-right:0;margin-bottom:80px}
}
.career-details-title-box span{font-weight:600;font-size:14px;line-height:12px;color:#5F6168;border:1px solid #5f616833;border-radius:100px;padding:8px 20px;display:inline-block;margin-bottom:15px}
.career-details-title{font-weight:600;font-size:40px;line-height:30px;letter-spacing:-.02em;color:var(--colorblack);padding-bottom:20px}
@media (max-width: 767px) {
.career-details-title{font-size:30px}
}
.career-details-location-box{padding-bottom:40px;margin-bottom:50px;border-bottom:1px solid #2021241a}
.career-details-location-box span{font-weight:400;font-size:15px;line-height:14px;color:#5F6168;padding-right:15px;margin-right:15px;position:relative}
@media (max-width: 767px) {
.career-details-location-box span{font-size:14px;padding-right:10px;margin-right:10px}
}
.career-details-location-box span:last-child::after{display:none}
.career-details-location-box span::after{position:absolute;right:0;top:-2px;background:#2021241a;height:25px;width:1px;content:""}
.career-details-location-box span svg{transform:translateY(-3px);margin-right:8px}
.career-details-title-sm{font-weight:700;font-size:24px;line-height:24px;color:var(--colorblack);padding-bottom:10px}
.career-details-job-responsiblity p{font-weight:400;font-size:16px;line-height:26px;color:#5F6168}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career-details-job-responsiblity p{font-size:15px}
}
@media (max-width: 767px) {
.career-details-job-responsiblity p{font-size:15px}
}
.career-details-job-list ul li{position:relative;list-style-type:none;padding-left:30px;font-weight:400;font-size:16px;line-height:24px;color:#5F6168;padding-bottom:15px}
@media (max-width: 767px) {
.career-details-job-list ul li{font-size:15px}
.career-details-job-list ul li br{display:none}
}
.career-details-job-list ul li i{position:absolute;top:3px;left:0}
.career-details-title-xs{font-weight:600;font-size:17px;line-height:14px;color:var(--colorblack)}
.career-details-profile-box p{font-weight:400;font-size:15px;line-height:14px;color:#5F6168}
.parallax-main{overflow:hidden;border-radius:20px;width:100%;height:620px;background-color:red}
.parallax-img{min-height:1000px;margin-top:-300px}
.career-details-profile-box{padding-top:30px}
@media (max-width: 767px) {
.carrer-banner-img-item{margin-bottom:30px}
.job-section-box .tp-section-title br{display:none}
}
.carrer-banner-img-item img{border-radius:20px;width:100%}
.carrer-banner-space{margin-top:-280px;position:relative;z-index:3}
.postbox__select{display:inline-block;width:100%}
.postbox__select .nice-select{width:100%;border:1px solid #E5E5E5;border-radius:12px;height:55px;line-height:55px;padding:0 20px;position:relative}
.postbox__select .nice-select::after{border:none;background-color:transparent;transform:translateY(-45%);margin-top:0;right:20px;content:"\f107";font-family:"Font Awesome 5 Pro";transform-origin:center;color:var(--colorblack);font-weight:500;height:auto;width:auto;color:#5F6168}
.postbox__select .nice-select span{font-weight:500;font-size:15px;color:#5F6168}
.postbox__select .nice-select.open::after{transform:translateY(-45%) rotate(-180deg)}
.postbox__select .nice-select .list{width:100%}
.postbox__select .nice-select .list li:last-child{border-bottom:0}
.postbox__select .nice-select .selected{color:var(--colorblue-4);font-weight:600}
.postbox__authorization{margin-bottom:40px}
.postbox__authorization .switcher label{padding:0;display:flex;align-items:center;justify-content:space-between}
.postbox__authorization .switcher label *{font-weight:400;font-size:15px;line-height:20px;color:#5F6168;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.postbox__authorization .switcher label *{font-size:13px}
}
.postbox__authorization .switcher label * svg{position:absolute;top:0;left:0}
.postbox__authorization .switcher label .switcher-icon{position:relative;padding-left:25px;cursor:pointer}
.postbox__authorization .switcher label .switcher-icon svg{position:absolute;top:6px;left:0}
.postbox__authorization .switcher label input{display:none}
.postbox__authorization .switcher label input + span{position:relative;display:inline-block;width:50px;height:24px;background:#E6E8EB;border-radius:50px;transition:all .3s ease-in-out;cursor:pointer;flex:0 0 auto}
.postbox__authorization .switcher label input + span small{position:absolute;display:block;width:18px;height:18px;border-radius:50%;transition:all .3s ease-in-out;left:4px;top:3px;background:linear-gradient(180deg,#FFF 0%,#E7E2F0 100%);box-shadow:1px 2px 3px #1214204d}
.postbox__authorization .switcher label input:checked + span{background:var(--colorblue-4)}
.postbox__authorization .switcher label input:checked + span small{left:56%}
.career-border-bottom{border-bottom:1px solid #EBEBEB}
.postbox__resume label{width:100%;height:130px;border:2px dashed #C1C4CE;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.postbox__resume label span{background-color:#F3F3F3;border-radius:8px;padding:10px 20px;font-weight:500;font-size:14px;color:var(--colorblack)}
@media (max-width: 767px) {
.postbox__resume label span{padding:10px;font-size:12px}
}
.postbox__resume label span svg{margin-right:10px}
.career-details-social-box{text-align:center}
.career-details-social-box a{padding:15px 45px;display:inline-block;border:1px solid #EBEBEB;border-radius:12px;margin:0 3px;font-size:18px;font-weight:400}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career-details-social-box a{padding:15px 40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career-details-social-box a{padding:15px 30px}
}
@media (max-width: 767px) {
.career-details-social-box a{margin-bottom:10px}
}
.career-details-social-box a.facebook{color:#1B74E4;transition:.3s}
.career-details-social-box a.facebook:hover{background-color:#1B74E4;color:var(--whiteColor);border-color:#1B74E4}
.career-details-social-box a.twitter{color:#1D9BF0;transition:.3s}
.career-details-social-box a.twitter:hover{background-color:#1D9BF0;color:var(--whiteColor);border-color:#1D9BF0}
.career-details-social-box a.instagram{position:relative}
.career-details-social-box a.instagram i{background:linear-gradient(261.91deg,#B900B4 0%,#F50000 40%,#FFD723 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:.3s;font-weight:500;font-size:19px}
.career-details-social-box a.instagram .insta-bg{position:absolute;height:100%;width:100%;z-index:-1;top:0;left:0;background:linear-gradient(266.81deg,#D500BF -6.56%,#F80095 34.02%,#FF005D 60.87%,#FFC300 103.55%);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-radius:12px;opacity:0;visibility:hidden}
.career-details-social-box a.instagram:hover i{-webkit-text-fill-color:inherit;color:var(--whiteColor);position:relative;z-index:99}
.career-details-social-box a.instagram:hover .insta-bg{opacity:1;visibility:visible}
.career-details-social-box a.linkedin{color:#0A66C2;transition:.3s}
.career-details-social-box a.linkedin:hover{background-color:#0A66C2;color:var(--whiteColor);border-color:#0A66C2}
.postbox__apply-btn-border{position:relative}
.postbox__apply-btn-border::after{content:"";top:0;left:0;right:0;height:2px;width:100%;background-color:var(--colorblue-4);position:absolute;text-align:center;margin:0 auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career-details-hide-wrapper .postbox__comment-form{margin-bottom:0}
}
@media (max-width: 767px) {
.job-section-box p br{display:none}
}
.tp-platform-inner .tp-section-subtitle-4{color:var(--colorblue-4)}
.tp-platform-inner .tp-section-subtitle-4::before{background-color:var(--colorblue-4)}
.tp-platform-inner .tp-section-title-4{color:var(--colorblack)}
.tp-platform-inner .tp-platform-text p{color:var(--colorblack)}
.tp-error-ptb{padding-top:200px;padding-bottom:170px}
.tp-error-content-box{position:relative}
.tp-error-content-box span{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.tp-error-left-shape{position:absolute;top:0;left:0;z-index:-1}
.tp-error-header{border-bottom:1px solid #F2F2F2}
.tp-error-header .header-bottom__main-menu-4 nav ul li::after{background:linear-gradient(180deg,#20212400 0%,#20212408 100%);filter:drop-shadow(0px 2px 0px #FFC530)}
.tp-error-header .header-bottom__main-menu-4 nav ul li::before{background-color:#FFC530}
.tp-error-header .header-bottom__main-menu-4 nav ul li a{color:var(--colorblack)}
.error-title-sm{font-weight:700;font-size:44px;letter-spacing:-.02em;color:#202124;padding-bottom:10px}
.tp-error-text-box p{padding-bottom:20px}
.tp-security-slider-wrapper{position:relative}
.tp-security-slider-wrapper::after{position:absolute;content:"";left:0;right:0;top:-50px;width:1320px;height:230px;margin:0 auto;border-radius:30px;text-align:center;border:1px solid #ffffff1a;z-index:-1;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tp-security-slider-wrapper::after{width:1000px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-security-slider-wrapper::after{width:900px;height:200px}
}
@media (max-width: 767px) {
.tp-security-slider-wrapper::after{display:none}
}
.tp-security-wrapper{background:#3137D2;box-shadow:-3px 0 0 #F8FF35;border-radius:100px;padding:25px 40px;min-width:355px;height:110px;transition:.3s}
.tp-security-wrapper:hover{background-color:var(--coloryellow-3)}
.tp-security-wrapper:hover .tp-security-title-sm{color:var(--colorblue-2)}
.tp-security-wrapper:hover .tp-security-link a svg{color:var(--colorblue-2)}
.tp-security-title-sm{font-weight:600;font-size:22px;line-height:28px;color:var(--whiteColor);margin-bottom:0;transition:.3s}
.tp-security-img{margin-right:20px;width:70px}
.tp-security-link a svg{color:var(--whiteColor);transition:.3s}
.tp-security-main{padding:0 10px}
.tp-security-slider-active{margin:0 -50px}
@media (max-width: 767px) {
.tp-security-slider-active{margin:0}
}
.tp-security-slider__shape-1{position:absolute;top:-45%;left:14%}
.tp-contact-overlay{position:relative}
.tp-contact-overlay::after{position:absolute;background:linear-gradient(359.33deg,#0d5ce1e6 0.59%,#0d5ce100 99.43%);transform:matrix(1,0,0,-1,0,0);top:0;left:0;width:100%;height:100%;content:"";z-index:-1}
.tp-contact-glob-img{position:absolute;top:-11%;left:5%;animation:animationglob 30s cubic-bezier(1,0.99,0.03,0.01) infinite}
.tp-contact-info-box ul li{position:relative;padding-left:40px;margin-bottom:15px;list-style-type:none}
.tp-contact-info-box ul li:first-child a{font-weight:600;font-size:22px;line-height:16px;letter-spacing:-.06em;color:#FFF}
.tp-contact-info-box ul li:nth-child(2) svg{top:4px}
.tp-contact-info-box ul li:nth-child(3) svg{top:4px}
.tp-contact-info-box ul li a{font-weight:500;font-size:15px;line-height:22px;color:#fffc}
.tp-contact-info-box ul li svg{position:absolute;top:0;left:0}
.tp-contact-input-wrapper{background:#ffffff05;border:1px solid #ffffff1f;box-shadow:0 -1px 1px #0f38bf33 0 1px 1px #08124f33;backdrop-filter:blur(6px);border-radius:30px;padding:60px 50px}
@media (max-width: 767px) {
.tp-contact-input-wrapper{padding:30px 20px}
}
.tp-contact-input input{background:#ffffff14;border:2px solid #ffffff24;box-shadow:0 1px 1px #0c288533;border-radius:30px;padding:20px 30px;font-weight:500;font-size:15px;line-height:14px;color:var(--whiteColor);width:100%}
.tp-contact-input input::-webkit-input-placeholder{color:#ffffff8a}
.tp-contact-input input:-moz-placeholder{color:#ffffff8a}
.tp-contact-input input::-moz-placeholder{color:#ffffff8a}
.tp-contact-input input:-ms-input-placeholder{color:#ffffff8a}
.tp-contact-input input:focus{border-color:var(--whiteColor)}
.tp-contact-input textarea{margin-top:20px;width:100%;background:#ffffff14;border:2px solid #ffffff24;box-shadow:0 1px 1px #0c288533;border-radius:30px;padding:20px 30px;font-weight:500;font-size:15px;line-height:14px;color:var(--whiteColor);width:100%;resize:none;height:160px}
.tp-contact-input textarea:focus{border-color:var(--whiteColor)}
.tp-contact-input textarea::-webkit-input-placeholder{color:#ffffff8a}
.tp-contact-input textarea:-moz-placeholder{color:#ffffff8a}
.tp-contact-input textarea::-moz-placeholder{color:#ffffff8a}
.tp-contact-input textarea:-ms-input-placeholder{color:#ffffff8a}
.contact-info-title-box p{font-weight:400;font-size:16px;line-height:24px;color:#848587}
.tp-contact-shape{position:absolute;bottom:-1%;right:-8%}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.tp-contact-info-box{margin-bottom:50px}
}
.contact-inner-title-sm-wrap p{font-weight:400;font-size:16px;line-height:1.3;color:#5F6168}
.contact-inner-title-sm{font-weight:700;font-size:34px;line-height:40px;color:var(--colorblack)}
.contact-inner-wrapper{background:#F7F7F7;border-radius:100px;padding-left:25px}
@media (max-width: 767px) {
.contact-inner-wrapper{border-radius:30px;padding-left:0}
}
.contact-inner-wrapper .row [class*=col-]:last-child .contact-inner-item{border-right:0}
.contact-inner-item{padding:45px 50px;border-right:2px solid var(--whiteColor);height:100%}
@media (max-width: 767px) {
.contact-inner-item{flex-wrap:wrap;padding:30px 20px}
}
.contact-inner-img{margin-right:20px;flex:0 0 auto}
.contact-inner-img img{filter:drop-shadow(-10px 20px 20px #0d46554d)}
.contact-inner-img.contact-img-2 img{filter:drop-shadow(10px 20px 20px #643e0b33)}
.contact-inner-img.contact-img-3 img{filter:drop-shadow(-10px 20px 20px #4d0a4a40)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-inner-img{margin-right:10px}
}
.contact-inner-link a{font-weight:400;font-size:20px;line-height:16px;color:#5F6168}
@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
.contact-inner-link a{font-size:16px}
}
.contact-form-section-box p{font-weight:400;font-size:16px;line-height:26px;color:#5F6168}
@media (max-width: 767px) {
.contact-form-section-box p br{display:none}
}
.contact-form-social-item{padding-bottom:40px;border-bottom:1px solid #E5E5E5}
.contact-form-social-item a{height:36px;width:36px;border-radius:50%;text-align:center;line-height:34px;border:1px solid #E5E5E5;display:inline-block;font-size:14px;transition:.3s;margin-right:6px}
.contact-form-social-item a:hover{background-color:var(--colorblue-4);border-color:var(--colorblue-4);color:var(--whiteColor)}
.contact-form-section-img{position:absolute;top:-35px;right:50px}
@media (max-width: 767px) {
.contact-form-section-img{right:0}
}
.contact-form-right-warp{padding:0 70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-form-right-warp{padding:0 35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form-right-warp{padding:0}
}
@media (max-width: 767px) {
.contact-form-right-warp{padding:0}
}
.contact-form-right-warp .postbox__btn-box .submit-btn{border-radius:12px}
.contact-form-left{padding-left:50px;padding-right:20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.contact-form-left{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-form-left{padding-left:0;margin-bottom:80px}
}
@media (max-width: 767px) {
.contact-form-left{padding:0;margin-bottom:80px}
}
.contact-info-item{border:1px solid #E5E5E5;border-radius:12px;text-align:center;padding:55px 30px;overflow:hidden}
.contact-info-img{margin-bottom:35px;display:inline-block}
.contact-info-title-sm{font-weight:600;font-size:20px;line-height:16px;color:var(--colorblack);padding-bottom:6px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-info-title-box p br{display:none}
}
.contact-info-badge{position:absolute;top:4px;left:50%;transform:translateX(-50%)}
.contact-info-badge span{background:#6b14fa0f;border-radius:0 0 24px 24px;transform:matrix(1,0,0,-1,0,0);padding:8px 30px;font-weight:700;font-size:12px;line-height:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--colorblue-4)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-info-badge span{padding:8px 25px}
}
@media (max-width: 767px) {
.contact-info-badge span{padding:8px 20px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact-form-section-box .tp-section-title br{display:none}
}
.header-signin-ptb{padding:30px 55px}
@media (max-width: 767px) {
.header-signin-ptb{padding:15px 0}
}
.header-signin-bar button{height:60px;width:60px;border-radius:60px;text-align:center;line-height:60px;border:1px solid #EEE}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-signin-bar button{border-color:#fff3}
}
@media (max-width: 767px) {
.header-signin-bar button{border-color:#fff3;height:45px;width:45px;line-height:48px}
}
.header-signin-bar button i{position:relative;display:inline-block}
.header-signin-bar button span{height:2px;width:10px;background-color:var(--colorblack);border-radius:10px;display:block;transition:.4s;margin:3px auto;margin-left:auto;margin-right:inherit}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.header-signin-bar button span{background-color:var(--whiteColor)}
}
.header-signin-bar button span:nth-child(1){margin-right:auto;margin-left:0}
.header-signin-bar button span:nth-child(2){width:20px}
.header-signin-bar button span:nth-child(3){margin-left:auto}
.header-signin-bar button:hover span{width:20px}
.signin-banner-bg{padding:200px 75px;height:960px;width:575px;background-repeat:no-repeat;background-size:cover;flex:0 0 auto;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.signin-banner-bg{height:780px;padding:150px 75px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.signin-banner-bg{height:768px;padding:150px 75px;width:500px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.signin-banner-bg{height:768px;width:100%;padding:150px 75px}
}
@media (max-width: 767px) {
.signin-banner-bg{height:400px;width:100%;padding:150px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
.signin-banner-main-wrap{flex-wrap:wrap}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.signin-banner-from-wrap{padding:100px 0}
}
.signin-banner-img-box{padding-left:120px}
.signin-banner-img img{border-radius:20px}
.signin-banner-img.signin-img-1{animation:scale_up_down 3s infinite alternate both}
.signin-banner-img.signin-img-2{position:absolute;top:-50px;left:0;animation:tptranslateX2 4s forwards infinite alternate}
.signin-banner-img.signin-img-3{position:absolute;right:63px;bottom:-85px;animation:tptranslateY2 4s forwards infinite alternate}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.signin-banner-img.signin-img-3{right:31px}
}
.signin-banner-img.signin-img-4{position:absolute;bottom:-150px;left:0}
.signin-banner-title{font-weight:700;font-size:36px;line-height:46px;letter-spacing:-.02em;color:var(--whiteColor)}
@media (max-width: 767px) {
.signin-banner-title br{display:none}
}
.signin-banner-bottom-shape{position:absolute;bottom:-30px;right:0}
.signin-banner-from{width:100%;height:100%}
.signin-banner-from-wrap{width:470px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.signin-banner-from-wrap{width:410px}
}
@media (max-width: 767px) {
.signin-banner-from-wrap{width:100%;padding:60px 15px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.signin-banner-from-wrap{width:100%;padding:100px 15px}
}
.signin-banner-from-title{font-weight:700;font-size:28px;line-height:25px;color:var(--colorblack);padding-bottom:30px}
.signin-banner-login-browser{padding-bottom:15px}
.signin-banner-login-browser a{height:55px;padding:0 35px;border:1px solid #E5E5E5;border-radius:12px;display:inline-block;line-height:50px;font-weight:500;font-size:16px;color:var(--colorblack);margin-bottom:15px;margin-right:15px}
.signin-banner-from-subtitle{font-weight:400;font-size:14px;line-height:14px;color:#939498;padding-bottom:35px}
.signin-banner-from-subtitle::before{content:"";height:1px;width:150px;background-color:#E5E5E5;display:inline-block;transform:translateY(-4px);margin-right:18px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.signin-banner-from-subtitle::before{width:120px}
}
@media (max-width: 767px) {
.signin-banner-from-subtitle::before{width:60px}
}
.signin-banner-from-subtitle::after{content:"";height:1px;width:150px;background-color:#E5E5E5;display:inline-block;transform:translateY(-4px);margin-left:18px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.signin-banner-from-subtitle::after{width:120px}
}
@media (max-width: 767px) {
.signin-banner-from-subtitle::after{width:60px}
}
.signin-banner-form-remember .form-check label{font-weight:400;font-size:15px;line-height:14px;color:#7C7C7C}
.signin-banner-form-remember .postbox__comment-agree .form-check-input.form-check-input[type=checkbox]{border-radius:3px;margin-top:4px}
.signin-banner-form-remember .postbox__forget a{font-weight:400;font-size:15px;line-height:14px;color:var(--colorblack)}
.signin-banner-from-register a{font-weight:400;font-size:15px;line-height:14px;color:#7C7C7C}
.signin-banner-from-register a span{font-weight:500;font-size:15px;line-height:14px;color:var(--colorblue-4)}
.tp-contact-select .nice-select{background:#ffffff14;border:2px solid #ffffff24;box-shadow:0 1px 1px #0c288533;border-radius:30px;padding:0 30px;font-weight:500;font-size:15px;line-height:14px;width:100%;height:60px;line-height:55px;color:#ffffff8a;position:relative}
.tp-contact-select .nice-select.open{border:2px solid var(--whiteColor)}
.tp-contact-select .nice-select.open::after{transform:translateY(-45%) rotate(-180deg)}
.tp-contact-select .nice-select .option.selected{font-weight:600}
.tp-contact-select .nice-select::after{border:none;background-color:transparent;transform:translateY(-45%);margin-top:0;right:20px;content:"\f107";font-family:"Font Awesome 5 Pro";transform-origin:center;color:var(--whiteColor);font-weight:500;height:auto;width:auto;font-size:20px;font-weight:300;transition:.3s}
.tp-contact-select .nice-select ul{position:absolute;width:100%;top:100%;left:0;right:0;text-align:center;margin:0 auto;opacity:0;visibility:hidden;transition:.4s;padding:20px 0;background:#fff}
.tp-contact-select .nice-select ul li{color:var(--colorblack);margin-bottom:10px;font-weight:400;font-size:14px}
.tp-contact-select .nice-select ul li:last-child{margin-bottom:0}
.tp-contact-select .nice-select .option{line-height:1;min-height:0}
.tp-contact-select .nice-select.open ul{opacity:1;visibility:visible}
.tp-footer__widget-logo{display:inline-block}
@media (max-width: 767px) {
.tp-footer__widget-logo{margin-bottom:30px}
}
.tp-footer__top-text span{font-weight:400;font-size:20px;line-height:28px;color:#FFF}
.tp-footer__border-bottom{padding-bottom:50px;position:relative}
.tp-footer__border-bottom::after{content:"";height:1px;width:100%;background:linear-gradient(90deg,#fff0 0%,#FFF 48.44%,#ffffff27 99.99%,#fff0 100%);opacity:.2;bottom:0;left:0;position:absolute}
.tp-footer__border-bottom-4{padding-top:70px;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}
.tp-footer__icon-space{padding-top:3px}
.tp-footer__top-space{margin-top:60px;padding-bottom:40px;border-bottom:1px solid #ffffff1a}
.tp-footer__tp-border-bottom{border-bottom:1px solid #DFDFEA;padding-bottom:45px}
.tp-footer__input input{background-color:var(--whiteColor);border:none;height:60px;width:100%;border-radius:40px;padding-left:55px;padding-right:80px;font-weight:400;font-size:14px}
.tp-footer__input button{position:absolute;top:50%;right:6px;transform:translateY(-50%);height:50px;width:50px;line-height:50px;text-align:center;border-radius:50%;background-color:var(--colorred)}
.tp-footer__input button svg{color:var(--whiteColor);transform:rotate(-45deg);margin-left:2px;margin-top:0}
.tp-footer__input button:hover{box-shadow:inset 0 0 0 30px var(--tp-theme-1);background-color:transparent}
.tp-footer__input span{position:absolute;top:50%;left:25px;transform:translateY(-50%)}
.tp-footer__text p{font-weight:400;font-size:16px;color:var(--whiteColor);line-height:26px;padding-bottom:12px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tp-footer__text p{padding-right:10px}
.tp-footer__text p br{display:none}
}
.foo-title{font-weight:700;font-size:18px;color:var(--whiteColor);padding-bottom:25px}
.tp-footer__social a{height:40px;width:40px;line-height:36px;border-radius:50%;font-size:14px;text-align:center;color:var(--tp-grey-2);border:1.5px solid #ffffff26;display:inline-block;margin-right:10px;transform:scale(1);transition:.3s}
.tp-footer__social a:hover{background-color:var(--tp-theme-1);border-color:var(--tp-theme-1);color:var(--whiteColor);transform:scale(1.1)}
.footlist li{list-style-type:none;margin-bottom:20px}
.footlist li :last-child{margin-bottom:0}
.footlist li a{font-weight:600;font-size:14px;color:#f5f5fa99;transition:.3s}
.footlist li a:hover{color:var(--whiteColor);margin-left:5px}
.tp-footer__contact-info a{font-weight:500;font-size:14px;line-height:24px;font-family:var(--font3)}
.tp-footer__contact-info ul li{position:relative;list-style-type:none;padding-left:35px;margin-bottom:18px}
.tp-footer__contact-info ul li:last-child{margin-bottom:0}
.tp-footer__contact-info ul li:first-child a{font-weight:500;font-size:20px}
.tp-footer__contact-info ul li span{position:absolute;top:0;left:0}
.tp-footer__contact-info ul li a{font-weight:500;font-size:14px;line-height:20px;color:#F5F5FA}

.qrcode{flex:0 0 auto;transition:.3s}
.qrcode:hover{box-shadow:#64646f33 0 7px 29px 0}

.tp-footer__social-3 h4{font-weight:600;font-size:18px;line-height:16px;color:#202124;padding-bottom:10px}
.tp-footer__social-3 a{height:44px;width:44px;border-radius:40px;display:inline-block;text-align:center;line-height:43px;transition:.3s;margin-left:6px;background-color:var(--whiteColor);box-shadow:0 1px 3px #0307161a}
.tp-footer__social-3 a i{color:#82868C;transition:.3s}
.tp-footer__social-3 a i.fa-instagram{font-size:16px;transform:translateX(1px)}
.tp-footer__social-3 a:hover{background-color:#5B6CFF;border-radius:100px;color:var(--whiteColor)}
.tp-footer__social-3 a:hover i{color:var(--whiteColor)}
.tp-footer__social-4 a{color:var(--whiteColor);opacity:.8;font-size:15px;height:40px;width:40px;border-radius:50%;text-align:center;line-height:40px;display:inline-block;position:relative;transition:.4s}
.tp-footer__social-4 a i{color:var(--whiteColor)}
.tp-footer__social-4 a::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:linear-gradient(225.09deg,#8000FF 6.72%,#D50087 54.13%,#FFD600 93.85%);box-shadow:0 20px 40px #090b414d;border-radius:50%;z-index:-1;transform:scale(0.5);opacity:0;visibility:hidden;transition:.4s}
.tp-footer__social-4 a:hover{opacity:1;visibility:visible}
.tp-footer__social-4 a:hover::after{opacity:1;visibility:visible;transform:scale(1.2)}
.footer-col-4{padding-left:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
.footer-col-4{padding-left:0}
}
.tp-footer-bottom-shape{position:absolute;bottom:0;left:0;z-index:-1}
.footer-widget-2 .tp-footer__contact-info a{padding-bottom:20px;display:inline-block}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-widget-2 .tp-footer__contact-info a{font-size:15px}
.footer-widget-2 .tp-footer__contact-info a br{display:none}
}
.footer-widget-2 .tp-footer__contact-info ul li{margin-bottom:0}
.footer-widget-2 .tp-footer__contact-info ul li span{position:absolute;top:0;left:0}
.footer-widget-2 .tp-footer__contact-info ul li a{font-weight:500;font-size:15px;line-height:20px;color:var(--tp-text-body);font-family:var(--font3)}
.footer-widget-2 .tp-footer__contact-info ul li a.first-child{font-weight:500;font-size:20px}
.footer-widget-2 .foo-title{color:var(--colorblack);font-size:20px;font-family:var(--font3)}
.footer-widget-2 .footlist li{position:relative;padding-left:13px;margin-bottom:15px}
.footer-widget-2 .footlist li a{font-weight:500;font-size:15px;font-family:var(--font3);color:var(--tp-text-body);transition:.3s;position:relative}
.footer-widget-2 .footlist li a:hover{color:var(--colorblack)}
.footer-widget-2 .footlist li a:hover::before{width:100%;right:auto;left:0}
.footer-widget-2 .footlist li a::before{content:"";position:absolute;bottom:-1px;right:0;left:auto;height:1px;width:0;background-color:var(--colorblack);transition:.7s;display:inline-block;box-shadow:0 4px 12px #01103d24;border-radius:6px}
.footer-widget-2 .footlist li::after{position:absolute;top:10px;left:0;height:4px;width:4px;border-radius:50%;background-color:var(--tp-text-body);content:""}
.footer-col-2-2{padding-left:60px}
@media (max-width: 767px) {
.footer-col-2-2{padding-left:0}
}

.footer-col-3-2{padding-left:75px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-col-3-2{padding-left:60px}
}
@media (max-width: 767px) {
.footer-col-3-2{padding-left:0}
}
.footer-col-3-4{padding-left:40px}
@media (max-width: 767px) {
.footer-col-3-4{padding-left:0}
}

.fooSocial a{box-shadow:0 1px 2px #01103d24;border-radius:10px;background-color:var(--whiteColor);height:38px;width:38px;text-align:center;line-height:34px;display:inline-block;font-size:15px;transition:.3s;margin-right:5px}
.fooSocial a svg{fill:var(--grey-1);}
.fooSocial a:hover{background-color:var(--colorblack);color:var(--whiteColor)}
.fooSocial a:hover svg{fill:var(--whiteColor)}

.tp-copyright__text span{font-weight:500;font-size:15px;line-height:12px;color:#f5f5fa99;display:inline-block}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tp-copyright__text span{font-size:13px}
}
@media (max-width: 767px) {
.tp-copyright__text span{font-size:12px;margin-bottom:20px}
}
.tp-copyright__text span a{color:var(--colorred)}
.copyright__lang span{line-height:0}
.copyright__lang > ul > li{position:relative;list-style:none}
.copyright__lang > ul > li > a{display:flex;align-items:center;height:32px;padding:0 5px 0 15px;border-radius:30px;font-weight:400;font-size:12px;color:var(--whiteColor);background:#d9d9d91a;line-height:0}
.copyright__lang > ul > li > a i{height:20px;width:20px;line-height:22px;border-radius:50%;font-size:14px;font-weight:400;margin-left:15px;text-align:center;color:var(--colorblack);background-color:var(--whiteColor);display:inline-block}
.copyright__lang > ul > li > a i::before{transform:translateX(0.6px);display:inline-block}
.copyright__lang-submenu{position:absolute;bottom:140%;left:0;width:120px;background:var(--whiteColor);z-index:9;box-shadow:0 30px 70px 6px #0b064614;padding:15px 20px;border-radius:4px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.copyright__lang-submenu li{list-style:none;margin-bottom:15px}
.copyright__lang-submenu li:last-child{margin-bottom:0}
.copyright__lang-submenu li a:hover{color:var(--colorred)}
.copyright__lang-submenu.open{bottom:100%;opacity:1;visibility:visible}
.copyright__text-2 span{color:var(--tp-text-body);font-family:var(--font3)}
.copyright__text-2 span a{color:var(--colorblack)}
.tp-copyright__text-3 span{color:var(--tp-text-body);font-family:var(--font4)}
.tp-copyright__text-3 span a{color:var(--colorblack)}
.tp-copyright__text-4 span{color:#fff9}
.tp-copyright__text-4 span a{color:var(--coloryellow-3)}
.copyright__lang-2{background-color:var(--whiteColor);box-shadow:0 1px 2px #01103d24;border-radius:10px}
.copyright__lang-2 ul li a{font-family:var(--font3);color:var(--tp-text-body);font-weight:500;font-size:13px}
.copyright__lang-2 ul li a i{margin-left:5px}
@media (max-width: 767px) {
.fooSocial{margin-bottom:20px}
.tp-footer__top-text{margin-bottom:30px}
}
.tp-browser-bg-shape{width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
.footer-slide-item{box-shadow:0 1px 3px #0307161a;border-radius:40px;display:inline-block;background-color:var(--whiteColor);height:50px;line-height:50px;padding:0 20px}
.footer-slide-item i{height:24px;width:24px;border-radius:50%;line-height:24px;text-align:center;border:1.5px solid #595b6233;color:#595B62;font-weight:400;margin-right:5px;font-size:12px}
.footer-slide-item span{font-weight:500;font-size:18px;line-height:18px;color:#595B62;font-family:var(--font4)}
.footer-slide-wrapper{padding:30px 10px}
.footer-slide-active{margin:0 -100px}
.footer-widget-4 .foo-title{font-weight:700;font-size:22px;line-height:16px}
.footer-widget-4 .footlist li{width:50%;float:left}
.footer-widget-4 .footlist li a{font-weight:500;font-size:16px;color:#FFF;transition:.3s}
@media (max-width: 767px) {
.footer-widget-4 .footlist li a{font-size:15px}
}
.footer-widget-4 .footlist li a:hover{color:var(--coloryellow-3)}
.footer-widget-4 p{font-weight:500;font-size:13px;line-height:16px;color:#ffffff80;padding-bottom:10px}
.footer-widget-4 p a{text-decoration:underline}
.footer-widget-4 .tp-footer__input button{background-color:var(--coloryellow-3)}
.footer-widget-4 .tp-footer__input button svg{color:var(--colorblue-2);transition:.3s}
.footer-widget-4 .tp-footer__input button:hover{box-shadow:none;color:var(--colorblack)}
.footer-widget-4 .tp-footer__input button:hover svg{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.footer-col-4-1{padding-right:40px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-col-4-1{padding-right:0}
}
@media (max-width: 767px) {
.footer-col-4-1{padding-right:0}
}
.footer-col-4-2{padding-left:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.footer-col-4-2{padding-left:20px}
}
@media (max-width: 767px) {
.footer-col-4-2{padding-left:0}
}
.footer-col-4-3{padding-left:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-col-4-3{padding-left:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-col-4-3{padding-left:0;margin-left:-21px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
.footer-col-4-3{padding-left:0}
}
@media (max-width: 767px) {
.footer-col-4-3{padding-left:0}
}
.footer-subtitle-3{font-weight:600;font-size:13px;line-height:12px;color:#ffffffb3;padding-bottom:10px}
.tp-footer__shape-1{position:absolute;left:5%;top:5%;animation:tpupdown .8s infinite alternate}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-footer__shape-1{position:absolute;left:2%;top:-40%}
}
.tp-footer__shape-2{position:absolute;right:16%;bottom:-9%}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tp-footer__shape-2{position:absolute;right:3%;bottom:-9%}
}
.tp-footer__widget-inner ul li a{position:relative}
.tp-footer__widget-inner ul li a::after{content:"";position:absolute;bottom:0;right:0;left:auto;height:1px;width:0;background-color:#5138EE;transition:.7s;display:inline-block;box-shadow:0 4px 12px #01103d24;border-radius:6px}
.tp-footer__widget-inner ul li a:hover{color:#5138EE}
.tp-footer__widget-inner ul li a:hover::after{width:100%;right:auto;left:0}
.tp-footer__input-inner .tp-footer__input input{box-shadow:none;border:1px solid #0808291a}
.tp-footer__input-inner .tp-footer__input button{background:#5138EE}
.tp-footer__input-inner .foo-title{color:#202124}
.tp-footer__input-inner .tp-footer__social-3 h4{padding-bottom:8px;margin-bottom:0}
.tp-footer__input-inner .tp-footer__social-3 a{transition:.3s;box-shadow:none;width:inherit;height:inherit;margin-right:20px;background:none}
.tp-footer__input-inner .tp-footer__social-3 a:hover{background-color:inherit}
.tp-footer__input-inner .tp-footer__social-3 a:hover i{color:#5138EE}
.tp-footer__input-inner .tp-footer__contact-info ul li a.first-child{font-family:var(--font4)}
.tp-footer__input-inner .tp-footer__contact-info ul li a{font-family:var(--font4)}
.footer-black-bg{position:absolute;top:0;left:0;right:0;width:100%;margin:0 auto;height:100%;text-align:center;background-color:var(--colorblack);z-index:-1}
.tp-footer__app img{transition:.3s;display:block;border-radius:10px}
.tp-footer__app img:hover{box-shadow:#64646f33 0 7px 29px 0}
.footer-widget-5 .tp-footer__input{box-shadow:none}
.footer-widget-5 .tp-footer__input input{background:#F7F9FB;box-shadow:none;border-radius:40px;border:none}
.footer-widget-5 .tp-footer__social-3 a{transition:.3s;box-shadow:none;width:inherit;height:inherit;margin-right:20px;background:none}
.footer-widget-5 .tp-footer__social-3 a:hover i{color:var(--colorblue-3)}
.tp-footer-style-2 .copyright__lang-submenu li a:hover{color:#57B639}
.tp-footer-style-2 .footer-widget-2 .tp-footer__contact-info ul li a:hover{color:var(--colorblack)}
.tp-footer-subscribe-input-box{position:relative}
.tp-footer-subscribe-input-box button{position:absolute;top:0;right:0;font-size:18px;color:#060931;width:60px;height:60px;border-radius:0 30px 30px 0;background-color:#F8FF35}
.tp-footer-subscribe-input-box button svg{-webkit-transform:translateY(-2px) rotate(-45deg);-moz-transform:translateY(-2px) rotate(-45deg);-ms-transform:translateY(-2px) rotate(-45deg);-o-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg);transition:all .3s ease}
.tp-footer-subscribe-input-box button:hover svg{-webkit-transform:translateY(-2px) rotate(0deg);-moz-transform:translateY(-2px) rotate(0deg);-ms-transform:translateY(-2px) rotate(0deg);-o-transform:translateY(-2px) rotate(0deg);transform:translateY(-2px) rotate(0deg)}
.tp-footer-subscribe-input{position:relative}
.tp-footer-subscribe-input span{color:#fff;position:absolute;top:50%;left:26px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.tp-footer-subscribe-input span svg{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}
.tp-footer-subscribe-input input{width:100%;background:#ffffff24;border:1px solid #ffffff1a;box-shadow:0 1px 1px #0c288533;border-radius:30px;height:60px;padding-left:55px;padding-right:70px;color:var(--whiteColor)}
.tp-footer-subscribe-input input::-webkit-input-placeholder{color:#fff9}
.tp-footer-subscribe-input input:-moz-placeholder{color:#fff9}
.tp-footer-subscribe-input input::-moz-placeholder{color:#fff9}
.tp-footer-subscribe-input input:-ms-input-placeholder{color:#fff9}
.footer-widget-5 .tp-footer__social-3 h4{margin-bottom:0}
.footer-widget-5 .tp-footer__input button{background:#FFCE5A;border-radius:100px;line-height:0;color:var(--colorblack)}
.footer-widget-5 .tp-footer__input button svg{color:inherit}
.footer-widget-5 .tp-footer__input button:hover{color:var(--whiteColor)}
.footer-widget-5 .tp-footer__contact-info p{font-weight:500}


.modal-content{background-color:rgba(214, 255, 241, 0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:2px solid rgba(255,255,255,.8);}
@media (min-width:992px){
.modalsikaka .modal-dialog{max-width:900px;}
.modalsikaka .modal-md.modal-dialog{max-width:700px;}
}
@media (min-width:768px) and(max-width:991px){
.modalsikaka .modal-dialog{width:760px !important;}
.modalsikaka .modal-md.modal-dialog{max-width:650px;}
}

.modalsikaka{background:rgba(233, 255, 227, 0.3);z-index:10000!important;}
.modalsikaka .btn-green{height:58px;}
.modalsikaka .form-control{box-shadow:none;border-radius:10px;}
.modalsikaka .form-control[readonly]{background:#fff;}
.modalsikaka .close{position: absolute;right:15px;opacity:1;color: var(--main-color3);font-size:40px;font-weight:500;line-height:1;top:0;border:0;background:none;z-index:3;padding:3px;}
.modalsikaka .close.white{color:var(--whiteColor);}
.modal textarea.form-control{height:120px;resize:none;}
.modal .kamalhain .miornot{display:none}

@media(min-width:768px){
.modal .kamalhain .diffonmod{max-width: 50%;}
}
.cpointer{cursor:pointer;}
.capp{position:relative}.capp input{padding-right:65px!important}.capp span{position:absolute;right:0;top:50%;transform:translateY(-50%)}