@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.intl-tel-input{position:relative; }.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input ul.country-list {list-style:none;padding:0;margin:0;}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width:500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc; list-style:none;}.intl-tel-input .country-list li.country {list-style:none;}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{vertical-align:middle}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:13px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(//www.logicrays.us/wp-content/plugins/country-phone-field-contact-form-7/assets/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-image:url(//www.logicrays.us/wp-content/plugins/country-phone-field-contact-form-7/assets/img/flags@2x.png)}}.iti-flag.np{background-color:transparent}.country-select{position:relative; }.country-select *{-webkit-box-sizing:border-box;box-sizing:border-box}.country-select .hide{display:none}.country-select .v-hide{visibility:hidden}.country-select input,.country-select input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.country-select .flag-dropdown{position:absolute;top:0;bottom:0;right:0;padding:1px}.country-select .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.country-select .selected-flag .flag{position:absolute;top:0;bottom:0;margin:auto}.country-select .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.country-select .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.country-select ul.country-list{	list-style:none;padding:0;margin:0;}.country-select .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.2);box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll}.country-select .country-list .flag{display:inline-block;width:20px;margin-right:6px}@media (max-width:500px){.country-select .country-list{white-space:normal}}.country-select .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc; list-style:none;}.country-select .country-list .country{padding:5px 10px}.country-select .country-list li.country{list-style:none;}.country-select .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.country-select .country-list .country-name,.country-select .country-list .flag{vertical-align:middle}.country-select.inside input,.country-select.inside input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.country-select.inside .flag-dropdown{right:auto;left:0}.country-select.inside .selected-flag{width:46px}.country-select.inside .flag-dropdown:hover{cursor:pointer}.country-select.inside .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,.05)}.country-select.inside input[disabled]+.flag-dropdown:hover,.country-select.inside input[readonly]+.flag-dropdown:hover{cursor:default}.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}.country-select .flag{height:15px;-webkit-box-shadow:0 0 1px 0 #888;box-shadow:0 0 1px 0 #888;background-image:url(//www.logicrays.us/wp-content/plugins/country-phone-field-contact-form-7/assets/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0;width:20px}.country-select .flag.be{width:18px}.country-select .flag.ch{width:15px}.country-select .flag.mc{width:19px}.country-select .flag.ne{width:18px}.country-select .flag.np{width:13px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.country-select .flag{background-image:url(//www.logicrays.us/wp-content/plugins/country-phone-field-contact-form-7/assets/img/flags@2x.png);background-size:5630px 15px}}.country-select .flag.ac{height:10px;background-position:0 0}.country-select .flag.ad{height:14px;background-position:-22px 0}.country-select .flag.ae{height:10px;background-position:-44px 0}.country-select .flag.af{height:14px;background-position:-66px 0}.country-select .flag.ag{height:14px;background-position:-88px 0}.country-select .flag.ai{height:10px;background-position:-110px 0}.country-select .flag.al{height:15px;background-position:-132px 0}.country-select .flag.am{height:10px;background-position:-154px 0}.country-select .flag.ao{height:14px;background-position:-176px 0}.country-select .flag.aq{height:14px;background-position:-198px 0}.country-select .flag.ar{height:13px;background-position:-220px 0}.country-select .flag.as{height:10px;background-position:-242px 0}.country-select .flag.at{height:14px;background-position:-264px 0}.country-select .flag.au{height:10px;background-position:-286px 0}.country-select .flag.aw{height:14px;background-position:-308px 0}.country-select .flag.ax{height:13px;background-position:-330px 0}.country-select .flag.az{height:10px;background-position:-352px 0}.country-select .flag.ba{height:10px;background-position:-374px 0}.country-select .flag.bb{height:14px;background-position:-396px 0}.country-select .flag.bd{height:12px;background-position:-418px 0}.country-select .flag.be{height:15px;background-position:-440px 0}.country-select .flag.bf{height:14px;background-position:-460px 0}.country-select .flag.bg{height:12px;background-position:-482px 0}.country-select .flag.bh{height:12px;background-position:-504px 0}.country-select .flag.bi{height:12px;background-position:-526px 0}.country-select .flag.bj{height:14px;background-position:-548px 0}.country-select .flag.bl{height:14px;background-position:-570px 0}.country-select .flag.bm{height:10px;background-position:-592px 0}.country-select .flag.bn{height:10px;background-position:-614px 0}.country-select .flag.bo{height:14px;background-position:-636px 0}.country-select .flag.bq{height:14px;background-position:-658px 0}.country-select .flag.br{height:14px;background-position:-680px 0}.country-select .flag.bs{height:10px;background-position:-702px 0}.country-select .flag.bt{height:14px;background-position:-724px 0}.country-select .flag.bv{height:15px;background-position:-746px 0}.country-select .flag.bw{height:14px;background-position:-768px 0}.country-select .flag.by{height:10px;background-position:-790px 0}.country-select .flag.bz{height:14px;background-position:-812px 0}.country-select .flag.ca{height:10px;background-position:-834px 0}.country-select .flag.cc{height:10px;background-position:-856px 0}.country-select .flag.cd{height:15px;background-position:-878px 0}.country-select .flag.cf{height:14px;background-position:-900px 0}.country-select .flag.cg{height:14px;background-position:-922px 0}.country-select .flag.ch{height:15px;background-position:-944px 0}.country-select .flag.ci{height:14px;background-position:-961px 0}.country-select .flag.ck{height:10px;background-position:-983px 0}.country-select .flag.cl{height:14px;background-position:-1005px 0}.country-select .flag.cm{height:14px;background-position:-1027px 0}.country-select .flag.cn{height:14px;background-position:-1049px 0}.country-select .flag.co{height:14px;background-position:-1071px 0}.country-select .flag.cp{height:14px;background-position:-1093px 0}.country-select .flag.cr{height:12px;background-position:-1115px 0}.country-select .flag.cu{height:10px;background-position:-1137px 0}.country-select .flag.cv{height:12px;background-position:-1159px 0}.country-select .flag.cw{height:14px;background-position:-1181px 0}.country-select .flag.cx{height:10px;background-position:-1203px 0}.country-select .flag.cy{height:13px;background-position:-1225px 0}.country-select .flag.cz{height:14px;background-position:-1247px 0}.country-select .flag.de{height:12px;background-position:-1269px 0}.country-select .flag.dg{height:10px;background-position:-1291px 0}.country-select .flag.dj{height:14px;background-position:-1313px 0}.country-select .flag.dk{height:15px;background-position:-1335px 0}.country-select .flag.dm{height:10px;background-position:-1357px 0}.country-select .flag.do{height:13px;background-position:-1379px 0}.country-select .flag.dz{height:14px;background-position:-1401px 0}.country-select .flag.ea{height:14px;background-position:-1423px 0}.country-select .flag.ec{height:14px;background-position:-1445px 0}.country-select .flag.ee{height:13px;background-position:-1467px 0}.country-select .flag.eg{height:14px;background-position:-1489px 0}.country-select .flag.eh{height:10px;background-position:-1511px 0}.country-select .flag.er{height:10px;background-position:-1533px 0}.country-select .flag.es{height:14px;background-position:-1555px 0}.country-select .flag.et{height:10px;background-position:-1577px 0}.country-select .flag.eu{height:14px;background-position:-1599px 0}.country-select .flag.fi{height:12px;background-position:-1621px 0}.country-select .flag.fj{height:10px;background-position:-1643px 0}.country-select .flag.fk{height:10px;background-position:-1665px 0}.country-select .flag.fm{height:11px;background-position:-1687px 0}.country-select .flag.fo{height:15px;background-position:-1709px 0}.country-select .flag.fr{height:14px;background-position:-1731px 0}.country-select .flag.ga{height:15px;background-position:-1753px 0}.country-select .flag.gb{height:10px;background-position:-1775px 0}.country-select .flag.gd{height:12px;background-position:-1797px 0}.country-select .flag.ge{height:14px;background-position:-1819px 0}.country-select .flag.gf{height:14px;background-position:-1841px 0}.country-select .flag.gg{height:14px;background-position:-1863px 0}.country-select .flag.gh{height:14px;background-position:-1885px 0}.country-select .flag.gi{height:10px;background-position:-1907px 0}.country-select .flag.gl{height:14px;background-position:-1929px 0}.country-select .flag.gm{height:14px;background-position:-1951px 0}.country-select .flag.gn{height:14px;background-position:-1973px 0}.country-select .flag.gp{height:14px;background-position:-1995px 0}.country-select .flag.gq{height:14px;background-position:-2017px 0}.country-select .flag.gr{height:14px;background-position:-2039px 0}.country-select .flag.gs{height:10px;background-position:-2061px 0}.country-select .flag.gt{height:13px;background-position:-2083px 0}.country-select .flag.gu{height:11px;background-position:-2105px 0}.country-select .flag.gw{height:10px;background-position:-2127px 0}.country-select .flag.gy{height:12px;background-position:-2149px 0}.country-select .flag.hk{height:14px;background-position:-2171px 0}.country-select .flag.hm{height:10px;background-position:-2193px 0}.country-select .flag.hn{height:10px;background-position:-2215px 0}.country-select .flag.hr{height:10px;background-position:-2237px 0}.country-select .flag.ht{height:12px;background-position:-2259px 0}.country-select .flag.hu{height:10px;background-position:-2281px 0}.country-select .flag.ic{height:14px;background-position:-2303px 0}.country-select .flag.id{height:14px;background-position:-2325px 0}.country-select .flag.ie{height:10px;background-position:-2347px 0}.country-select .flag.il{height:15px;background-position:-2369px 0}.country-select .flag.im{height:10px;background-position:-2391px 0}.country-select .flag.in{height:14px;background-position:-2413px 0}.country-select .flag.io{height:10px;background-position:-2435px 0}.country-select .flag.iq{height:14px;background-position:-2457px 0}.country-select .flag.ir{height:12px;background-position:-2479px 0}.country-select .flag.is{height:15px;background-position:-2501px 0}.country-select .flag.it{height:14px;background-position:-2523px 0}.country-select .flag.je{height:12px;background-position:-2545px 0}.country-select .flag.jm{height:10px;background-position:-2567px 0}.country-select .flag.jo{height:10px;background-position:-2589px 0}.country-select .flag.jp{height:14px;background-position:-2611px 0}.country-select .flag.ke{height:14px;background-position:-2633px 0}.country-select .flag.kg{height:12px;background-position:-2655px 0}.country-select .flag.kh{height:13px;background-position:-2677px 0}.country-select .flag.ki{height:10px;background-position:-2699px 0}.country-select .flag.km{height:12px;background-position:-2721px 0}.country-select .flag.kn{height:14px;background-position:-2743px 0}.country-select .flag.kp{height:10px;background-position:-2765px 0}.country-select .flag.kr{height:14px;background-position:-2787px 0}.country-select .flag.kw{height:10px;background-position:-2809px 0}.country-select .flag.ky{height:10px;background-position:-2831px 0}.country-select .flag.kz{height:10px;background-position:-2853px 0}.country-select .flag.la{height:14px;background-position:-2875px 0}.country-select .flag.lb{height:14px;background-position:-2897px 0}.country-select .flag.lc{height:10px;background-position:-2919px 0}.country-select .flag.li{height:12px;background-position:-2941px 0}.country-select .flag.lk{height:10px;background-position:-2963px 0}.country-select .flag.lr{height:11px;background-position:-2985px 0}.country-select .flag.ls{height:14px;background-position:-3007px 0}.country-select .flag.lt{height:12px;background-position:-3029px 0}.country-select .flag.lu{height:12px;background-position:-3051px 0}.country-select .flag.lv{height:10px;background-position:-3073px 0}.country-select .flag.ly{height:10px;background-position:-3095px 0}.country-select .flag.ma{height:14px;background-position:-3117px 0}.country-select .flag.mc{height:15px;background-position:-3139px 0}.country-select .flag.md{height:10px;background-position:-3160px 0}.country-select .flag.me{height:10px;background-position:-3182px 0}.country-select .flag.mf{height:14px;background-position:-3204px 0}.country-select .flag.mg{height:14px;background-position:-3226px 0}.country-select .flag.mh{height:11px;background-position:-3248px 0}.country-select .flag.mk{height:10px;background-position:-3270px 0}.country-select .flag.ml{height:14px;background-position:-3292px 0}.country-select .flag.mm{height:14px;background-position:-3314px 0}.country-select .flag.mn{height:10px;background-position:-3336px 0}.country-select .flag.mo{height:14px;background-position:-3358px 0}.country-select .flag.mp{height:10px;background-position:-3380px 0}.country-select .flag.mq{height:14px;background-position:-3402px 0}.country-select .flag.mr{height:14px;background-position:-3424px 0}.country-select .flag.ms{height:10px;background-position:-3446px 0}.country-select .flag.mt{height:14px;background-position:-3468px 0}.country-select .flag.mu{height:14px;background-position:-3490px 0}.country-select .flag.mv{height:14px;background-position:-3512px 0}.country-select .flag.mw{height:14px;background-position:-3534px 0}.country-select .flag.mx{height:12px;background-position:-3556px 0}.country-select .flag.my{height:10px;background-position:-3578px 0}.country-select .flag.mz{height:14px;background-position:-3600px 0}.country-select .flag.na{height:14px;background-position:-3622px 0}.country-select .flag.nc{height:10px;background-position:-3644px 0}.country-select .flag.ne{height:15px;background-position:-3666px 0}.country-select .flag.nf{height:10px;background-position:-3686px 0}.country-select .flag.ng{height:10px;background-position:-3708px 0}.country-select .flag.ni{height:12px;background-position:-3730px 0}.country-select .flag.nl{height:14px;background-position:-3752px 0}.country-select .flag.no{height:15px;background-position:-3774px 0}.country-select .flag.np{height:15px;background-position:-3796px 0;background-color:transparent}.country-select .flag.nr{height:10px;background-position:-3811px 0}.country-select .flag.nu{height:10px;background-position:-3833px 0}.country-select .flag.nz{height:10px;background-position:-3855px 0}.country-select .flag.om{height:10px;background-position:-3877px 0}.country-select .flag.pa{height:14px;background-position:-3899px 0}.country-select .flag.pe{height:14px;background-position:-3921px 0}.country-select .flag.pf{height:14px;background-position:-3943px 0}.country-select .flag.pg{height:15px;background-position:-3965px 0}.country-select .flag.ph{height:10px;background-position:-3987px 0}.country-select .flag.pk{height:14px;background-position:-4009px 0}.country-select .flag.pl{height:13px;background-position:-4031px 0}.country-select .flag.pm{height:14px;background-position:-4053px 0}.country-select .flag.pn{height:10px;background-position:-4075px 0}.country-select .flag.pr{height:14px;background-position:-4097px 0}.country-select .flag.ps{height:10px;background-position:-4119px 0}.country-select .flag.pt{height:14px;background-position:-4141px 0}.country-select .flag.pw{height:13px;background-position:-4163px 0}.country-select .flag.py{height:11px;background-position:-4185px 0}.country-select .flag.qa{height:8px;background-position:-4207px 0}.country-select .flag.re{height:14px;background-position:-4229px 0}.country-select .flag.ro{height:14px;background-position:-4251px 0}.country-select .flag.rs{height:14px;background-position:-4273px 0}.country-select .flag.ru{height:14px;background-position:-4295px 0}.country-select .flag.rw{height:14px;background-position:-4317px 0}.country-select .flag.sa{height:14px;background-position:-4339px 0}.country-select .flag.sb{height:10px;background-position:-4361px 0}.country-select .flag.sc{height:10px;background-position:-4383px 0}.country-select .flag.sd{height:10px;background-position:-4405px 0}.country-select .flag.se{height:13px;background-position:-4427px 0}.country-select .flag.sg{height:14px;background-position:-4449px 0}.country-select .flag.sh{height:10px;background-position:-4471px 0}.country-select .flag.si{height:10px;background-position:-4493px 0}.country-select .flag.sj{height:15px;background-position:-4515px 0}.country-select .flag.sk{height:14px;background-position:-4537px 0}.country-select .flag.sl{height:14px;background-position:-4559px 0}.country-select .flag.sm{height:15px;background-position:-4581px 0}.country-select .flag.sn{height:14px;background-position:-4603px 0}.country-select .flag.so{height:14px;background-position:-4625px 0}.country-select .flag.sr{height:14px;background-position:-4647px 0}.country-select .flag.ss{height:10px;background-position:-4669px 0}.country-select .flag.st{height:10px;background-position:-4691px 0}.country-select .flag.sv{height:12px;background-position:-4713px 0}.country-select .flag.sx{height:14px;background-position:-4735px 0}.country-select .flag.sy{height:14px;background-position:-4757px 0}.country-select .flag.sz{height:14px;background-position:-4779px 0}.country-select .flag.ta{height:10px;background-position:-4801px 0}.country-select .flag.tc{height:10px;background-position:-4823px 0}.country-select .flag.td{height:14px;background-position:-4845px 0}.country-select .flag.tf{height:14px;background-position:-4867px 0}.country-select .flag.tg{height:13px;background-position:-4889px 0}.country-select .flag.th{height:14px;background-position:-4911px 0}.country-select .flag.tj{height:10px;background-position:-4933px 0}.country-select .flag.tk{height:10px;background-position:-4955px 0}.country-select .flag.tl{height:10px;background-position:-4977px 0}.country-select .flag.tm{height:14px;background-position:-4999px 0}.country-select .flag.tn{height:14px;background-position:-5021px 0}.country-select .flag.to{height:10px;background-position:-5043px 0}.country-select .flag.tr{height:14px;background-position:-5065px 0}.country-select .flag.tt{height:12px;background-position:-5087px 0}.country-select .flag.tv{height:10px;background-position:-5109px 0}.country-select .flag.tw{height:14px;background-position:-5131px 0}.country-select .flag.tz{height:14px;background-position:-5153px 0}.country-select .flag.ua{height:14px;background-position:-5175px 0}.country-select .flag.ug{height:14px;background-position:-5197px 0}.country-select .flag.um{height:11px;background-position:-5219px 0}.country-select .flag.us{height:11px;background-position:-5241px 0}.country-select .flag.uy{height:14px;background-position:-5263px 0}.country-select .flag.uz{height:10px;background-position:-5285px 0}.country-select .flag.va{width:15px;height:15px;background-position:-5307px 0}.country-select .flag.vc{height:14px;background-position:-5324px 0}.country-select .flag.ve{height:14px;background-position:-5346px 0}.country-select .flag.vg{height:10px;background-position:-5368px 0}.country-select .flag.vi{height:14px;background-position:-5390px 0}.country-select .flag.vn{height:14px;background-position:-5412px 0}.country-select .flag.vu{height:12px;background-position:-5434px 0}.country-select .flag.wf{height:14px;background-position:-5456px 0}.country-select .flag.ws{height:10px;background-position:-5478px 0}.country-select .flag.xk{height:15px;background-position:-5500px 0}.country-select .flag.ye{height:14px;background-position:-5522px 0}.country-select .flag.yt{height:14px;background-position:-5544px 0}.country-select .flag.za{height:14px;background-position:-5566px 0}.country-select .flag.zm{height:14px;background-position:-5588px 0}.country-select .flag.zw{height:10px;background-position:-5610px 0}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited { }
a:hover,
a:focus,
a:active { }
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}html{scroll-behavior:smooth}.slidingVertical span{animation:topToBottom 18s linear 0s infinite;-ms-animation:topToBottom 18s linear infinite 0s;-webkit-animation:topToBottom 18s linear 0s infinite;color:#fff;opacity:0;overflow:hidden;position:absolute}.slidingVertical span:nth-child(2){animation-delay:3s;-ms-animation-delay:3s;-webkit-animation-delay:3s}.slidingVertical span:nth-child(3){animation-delay:6s;-ms-animation-delay:6s;-webkit-animation-delay:6s}.slidingVertical span:nth-child(4){animation-delay:9s;-ms-animation-delay:9s;-webkit-animation-delay:9s}.slidingVertical span:nth-child(5){animation-delay:12s;-ms-animation-delay:12s;-webkit-animation-delay:12s}.slidingVertical span:nth-child(6){animation-delay:15s;-ms-animation-delay:15s;-webkit-animation-delay:15s}@-moz-keyframes topToBottom{0%{opacity:0}2%{opacity:0;-webkit-transform:translateY(-30px)}5%{opacity:1;-webkit-transform:translateY(0)}17%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:0;-webkit-transform:translateY(30px)}80%{opacity:0}to{opacity:0}}@-webkit-keyframes topToBottom{0%{opacity:0}2%{opacity:0;-webkit-transform:translateY(-30px)}5%{opacity:1;-webkit-transform:translateY(0)}17%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:0;-webkit-transform:translateY(30px)}80%{opacity:0}to{opacity:0}}@-ms-keyframes topToBottom{0%{opacity:0}2%{opacity:0;-webkit-transform:translateY(-30px)}5%{opacity:1;-webkit-transform:translateY(0)}17%{opacity:1;-webkit-transform:translateY(0)}20%{opacity:0;-webkit-transform:translateY(30px)}80%{opacity:0}to{opacity:0}}.rotate-img{animation:rotationimg 20s linear infinite}@keyframes rotationimg{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.text-scroll-left{animation:scrollText 20s linear infinite}@keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.text-scroll-right{animation:scrollTextRight 20s linear infinite}@keyframes scrollTextRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.outline-title{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}[data-aos][data-aos][data-aos-duration="4000"],body[data-aos-duration="4000"] [data-aos]{transition-duration:4s}.video-sec{padding:80px 0}.mockup{z-index:3;text-align:center;font-size:0;perspective:2400px;perspective-origin:50% 100%;opacity:0;transition:opacity .5s}.mockup,.mockup .part{display:inline-block;position:relative}.mockup .part{transform-style:preserve-3d;transform-origin:50% 100%;transition:1.5s}.mockup .part .top{position:absolute;top:0;left:0;transform-origin:50% 0;transform:translateZ(-11px) rotateX(90deg);transition:1.5s}.mockup .part .bottom{position:absolute;top:0;left:0;transform-origin:50% 0;transform:translateZ(0) rotateX(90deg)}.mockup .part .cover{position:relative}.mockup .part.top{transform:translateZ(0) rotateX(0deg)}.mockup img,.mockup svg{display:block;max-width:100%;backface-visibility:hidden;width:900px}@media (min-width:768px) and (max-width:1024px){.mockup img,.mockup svg{width:600px}}.mockup .video{display:block;position:absolute;top:8%;left:4%;width:92%;border-radius:6px;backface-visibility:hidden;transform:translateZ(1px);bottom:15%}.mockup .part.bottom{position:absolute;top:0;left:0;transform:translateZ(0) rotateX(-90deg)}.mockup.loaded{opacity:1}.mockup.loaded .part .top{transform:translateZ(-11px) rotateX(90deg) scale(1)}@media(max-width:768px){.mockup{perspective:7000px}.video-sec{padding-bottom:30px}}:root{--size:120;--coefficient:1px;--timeline:3s;--delay:0.65s;--rotation-y:-4;--rotation-x:8;--color-one:#3a0ca3;--color-two:#4361ee;--color-three:#4cc9f0}.loader{--depth:var(--size);--color:var(--color-one,#8338ec);width:calc(var(--depth)*var(--coefficient));aspect-ratio:1;transform-origin:50% 50%;animation:squish-squosh var(--timeline) var(--delay) infinite;margin-left:auto}.spinner{animation:spin var(--timeline) var(--delay) infinite}.jumper{animation:jump var(--timeline) var(--delay) infinite}@keyframes squish-squosh{0%,50%,60%{scale:1 1 1}10%,35%{scale:.5 .8 .5}25%{scale:.5 .9 .5}70%{scale:1 1 1}80%{scale:1 1 1}90%,to{scale:1.2 1.2 1.2}}@keyframes fade{0%,10%,40%,50%,60%,to{opacity:1}25%{opacity:.5}}@keyframes jump{0%,10%,35%,50%{translate:0 0}25%{translate:0 -100%}}.cuboid{width:100%;height:100%;position:relative}@media (min-width:1200px) and (max-width:1500px){.container{max-width:1170px!important}}.tooltip{position:relative}.tooltip:after,.tooltip:before{display:block;opacity:0;pointer-events:none;position:absolute}.tooltip:after{border-right:6px solid transparent;border-top:6px solid #272727;border-left:6px solid transparent;content:"";height:0;top:0;left:10px;width:0}.tooltip:before{background:#272727;border-radius:2px;color:#fff;content:attr(data-title);font-size:14px;padding:6px 10px;right:0;bottom:36px;width:220px;text-transform:capitalize;font-weight:300}@media (max-width:767px){.tooltip:before{right:inherit}ul li:last-child .tooltip:before{right:0}.eye{width:80px;height:100px}}.tooltip.expand:after,.tooltip.expand:before{transform:scale3d(.2,.2,1);transition:all .5s ease-in-out}.tooltip.expand:hover:after,.tooltip.expand:hover:before{opacity:1;transform:scaleX(1)}.tooltip.expand:hover:after{transition:all .4s ease-in-out .2s}li{cursor:pointer;display:inline-block;padding:0 10px}@media (min-width:1024px){#navbar-collapse{display:block!important}}.eye{display:flex;width:110px;height:140px;margin:0 2.6rem;align-items:center;position:relative;z-index:10}.plane-icon{left:100px}#svg_layer,.plane-icon{position:absolute;top:100px}#svg_layer{fill:none;max-width:1325px;left:330px}.footer-clutch{background-color:#fff;display:inline-block;max-width:220px;padding:15px;margin-top:30px;border-radius:5px}.site-loader{inset:0; height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#030303;position:fixed;z-index:101010}.site-loader img{border-radius:30px;max-width:130px;width:100%}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:1;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:1;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2)}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2)}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

html, body {
-webkit-text-size-adjust: 100%;
}
html,
body {
overflow-x: hidden !important; 
}
.scroll-top,
a {
-webkit-transition: .3s
}
*,
.mega-menu li,
.mega-menu-2 li,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
img,
ol,
p,
ul,
video {
margin: 0;
padding: 0
}
.line,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
img,
li,
p,
video {
position: relative
}
.line-3,
.line::after,
.line::before {
width: 1px;
height: 100%;
background: var(--white-4);
content: "";
top: 0
}
#switcher_close,
.logo-light,
.logo-secondary,
.scroll-top {
display: none
} body{
font-family: Kanit, sans-serif ;
}
body.page-id-71{
font-family: ui-sans-serif,
system-ui,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji" !important;
}
body.postid-70{
font-family: Kanit, sans-serif !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a,
.sales-service__hero .service__hero-right-2 .title .span-2 {
padding-left: 180px
}
.header__inner,
.service__area .sec-title-wrapper,
.service__item-6 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.content a,
a {
text-decoration: none
}
.about8__content,
.dir-rtl .hero__area-15 .swiper-container {
float: right
}
:root {
--primary: #c9f31d;
--secondary: #2c2c2c;
--black: #000;
--black-2: #121212;
--black-3: #555;
--black-4: #1d1d1d;
--black-5: #343434;
--black-6: #262626;
--black-7: #555555;
--black-13: #666;
--white: #fff;
--white-2: #efefef;
--white-3: #e9e9e9;
--white-4: #f0f0f0;
--white-5: #fbfbfb;
--white-6: #d7d7d7;
--gray: #c2c2c2;
--gray-2: #999;
--gray-3: #a8a8a8;
--gray-4: #f6f6f6;
--gray-5: #bbb;
--gray-6: #2b2b2b;
--gray-7: #b9b9b9;
--gray-8: #8E8E8E;
--gray-9: #aaa;
--gray-10: #7c7c7c;
--gray-11: #D9D9D9;
--gray-12: #383838;
--gray-13: #ccc;
--gray-14: #dfdfdf;
--gray-15: #C0C0C0;
--pink: #FAEDE9;
--pink-2: #FF9776;
--pink-3: #F3ECEC;
--pink-4: #FFFAF0;
--pink-5: #E0E3CC;
--bg-line: #1e1e1e;
--d-gray: #6A6A6A;
--d-black: #1A1A1A;
--d-black-2: #171717;
--d-black-3: #1A1A1A;
--pink-6: #EEE5DC;
--purple: #D9DBEB;
--purple-2: #CCCEDE;
--green: #81C3A3;
--green-2: #DCE4E0;
--white-6: #d7d7d7;
--white-7: #B7B7C5;
--black-14: #323438;
--lime: #745EFF;
--lime-2: #5547F5;
--gray-16: #6B6B6B;
--gray-17: #F7F7FC;
--gray-18: #999999;
--gray-20: #D7D7D7;
--gray-21: #F2F2F8;
--gray-22: #FCFCFE;
--gray-23: #ECECF3;
--gray-24: #ECECF4;
--gray-25: #D3D3D3;
--white-6: #d7d7d7;
--white-7: #B7B7C5;
--black-14: #323438;
--black-15: #2C2C2C;
--lime: #745EFF;
--lime-2: #5547F5;
--gray-16: #6B6B6B;
--gray-17: #F7F7FC;
--gray-18: #999999;
--gray-20: #D7D7D7;
--gray-21: #F2F2F8;
--gray-22: #FCFCFE;
--gray-23: #ECECF3;
--gray-24: #ECECF4
}
@font-face {
font-family: newYork;
src: url(https://wealcoder.com/assets/fonts/newyork/FontsFree-Net-NewYork.ttf);
font-weight: 400
}
.pb-100 {
padding-bottom: 100px
}
.pb-110 {
padding-bottom: 110px
}
.pb-120 {
padding-bottom: 120px
}
.pb-130 {
padding-bottom: 130px
}
.pb-140 {
padding-bottom: 140px
}
.pb-150 {
padding-bottom: 150px
}
.pb-200 {
padding-bottom: 200px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.pb-100,
.pb-110,
.pb-120,
.pb-130,
.pb-140,
.pb-150,
.pb-200 {
padding-bottom: 90px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pb-100,
.pb-110,
.pb-120,
.pb-130,
.pb-140,
.pb-150,
.pb-200 {
padding-bottom: 80px
}
}
.pt-42 {
padding-top: 40px
}
.pt-100 {
padding-top: 100px
}
@media only screen and (max-width:767px) {
.pb-100,
.pb-110,
.pb-120,
.pb-130,
.pb-140,
.pb-150,
.pb-200 {
padding-bottom: 60px
}
.pt-100 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-100 {
padding-top: 80px
}
}
.pt-110 {
padding-top: 110px
}
@media only screen and (max-width:767px) {
.pt-110 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-110 {
padding-top: 80px
}
}
.pt-120 {
padding-top: 120px
}
@media only screen and (max-width:767px) {
.pt-120 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-120 {
padding-top: 80px
}
}
.hero__right-6,
.pt-130 {
padding-top: 130px
}
@media only screen and (max-width:767px) {
.pt-130 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-130 {
padding-top: 80px
}
}
.pt-140 {
padding-top: 140px
}
@media only screen and (max-width:767px) {
.pt-140 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-140 {
padding-top: 80px
}
}
.pt-150,
.section_title_wrapper .title_right {
padding-top: 150px
}
@media only screen and (max-width:767px) {
.pt-150 {
padding-top: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.pt-150 {
padding-top: 80px
}
}
.sp-x {
padding-left: 100px;
padding-right: 100px
}
.mt-60 {
margin-top: 60px
}
.ht-200 {
padding-top: 200px
}
@-webkit-keyframes wcRotate {
0%,
100% {
-webkit-transform: rotate(0) scale(1.1);
transform: rotate(0) scale(1.1)
}
50% {
-webkit-transform: rotate(5deg) scale(1.17);
transform: rotate(5deg) scale(1.17)
}
}
@keyframes wcRotate {
0%,
100% {
-webkit-transform: rotate(0) scale(1.1);
transform: rotate(0) scale(1.1)
}
50% {
-webkit-transform: rotate(5deg) scale(1.17);
transform: rotate(5deg) scale(1.17)
}
}
@-webkit-keyframes wcBubble {
0%,
100% {
scale: 1
}
50% {
scale: 1.5
}
}
@keyframes wcBubble {
0%,
100% {
scale: 1
}
50% {
scale: 1.5
}
}
@-webkit-keyframes wcZoom {
0%,
100% {
scale: 1
}
50% {
scale: .5
}
}
@keyframes wcZoom {
0%,
100% {
scale: 1
}
50% {
scale: .5
}
}
@-webkit-keyframes wcSlideBottom {
0%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
}
@keyframes wcSlideBottom {
0%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
}
@-webkit-keyframes reveal {
to {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
}
@keyframes reveal {
to {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
}
@-webkit-keyframes wcfadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes wcfadeUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes wcSpinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
html {
scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
z-index: 1
}
li {
list-style: none;
z-index: 1
}
a {
transition: .3s;
z-index: 1
}
button {
background-color: #fff0;
border: 0
}
p {
font-style: normal;
line-height: 1.5;
font-weight: 400;
font-size: 16px;
color: var(--black-3);
z-index: 1
}
iframe,
img,
video {
z-index: 1
}
.line-3,
.line::after,
.line::before,
.shape {
position: absolute
}
.line::before {
left: 0
}
.line::after {
left: calc(50% - 1px)
}
.line-3 {
right: 0
}
.shape {
left: -90px;
bottom: -350px
}
.shape .primary {
width: 54px;
height: 56px;
background-color: var(--primary);
margin-top: -37px;
margin-left: 24px
}
.shape .secondary {
width: 53px;
height: 56px;
background-color: var(--secondary)
}
.pos-inherit {
position: inherit
}
.sec-title-wrapper {
position: relative;
z-index: 9
}
.scroll-top {
width: 50px;
height: 50px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9991;
border-radius: 100px;
color: var(--white);
background: var(--white);
transition: .3s;
mix-blend-mode: exclusion
}
.scroll-top i {
font-size: 18px;
color: var(--black-2)
}
.scroll-top:hover {
color: var(--gray-2)
}
.font-20 {
font-size: 20px !important
}
.wc-btn-black,
.wc-btn-light,
.wc-btn-pink,
.wc-btn-primary,
.wc-btn-secondary {
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;
width: 170px;
height: 170px;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
text-transform: capitalize;
color: var(--black-3);
border: 1px solid var(--gray);
border-radius: 100%;
position: relative;
overflow: hidden;
-webkit-transition: .3s;
transition: .3s
}
.sec-title,
.sec-title-16,
.sec-title-2,
.sec-title-3,
.sec-title-8 {
font-weight: 500
}
.wc-btn-black:hover,
.wc-btn-light:hover,
.wc-btn-pink:hover,
.wc-btn-primary:hover,
.wc-btn-secondary:hover {
color: #fff;
border: 1px solid var(--black)
}
.wc-btn-black:hover span,
.wc-btn-light:hover span,
.wc-btn-pink:hover span,
.wc-btn-primary:hover span,
.wc-btn-secondary:hover span {
width: 350px;
height: 350px
}
.wc-btn-black i,
.wc-btn-light i,
.wc-btn-pink i,
.wc-btn-primary i,
.wc-btn-secondary i {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
padding-left: 5px
}
.wc-btn-black span,
.wc-btn-light span,
.wc-btn-pink span,
.wc-btn-primary span,
.wc-btn-secondary span {
position: absolute;
content: "";
width: 20px;
height: 20px;
left: 0;
top: 0;
background-color: #000;
z-index: -1;
border-radius: 100%;
-webkit-transition: .7s;
transition: .7s;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.wc-btn-light,
.wc-btn-pink,
.wc-btn-secondary {
border: 1px solid var(--secondary);
color: var(--gray-2)
}
.wc-btn-pink:hover {
border-color: var(--pink-2)
}
.wc-btn-pink span {
background-color: var(--pink-2)
}
.wc-btn-light:hover {
border-color: var(--white)
}
.header__area-2 .main-dropdown,
.wc-btn-light span {
background-color: var(--white)
}
.sec-title-16 span::after,
.wc-btn-black span {
background-color: var(--black-2)
}
.wc-btn-black:hover {
color: var(--white);
border-color: var(--black-2)
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child,
.offcanvas__menu-wrapper.mean-container .mean-nav>ul>li:last-child>a {
border-bottom: 1px solid var(--black-4)
}
#btn_wrapper,
.btn_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 250px;
width: 250px;
border-radius: 100%;
margin-left: -40px
}
.btn-item,
.solution__shape img {
position: absolute
}
.about_btn::before,
.sec-title-16 span::after {
position: absolute;
width: 100%;
content: "";
left: 0
}
.about_btn {
font-size: 20px !important;
position: relative
}
.about_btn::before {
height: 1px;
bottom: -10px;
background-color: var(--black-7)
}
.sec-title {
font-size: 60px;
line-height: 1;
color: var(--black-2)
}
.sec-title-2 {
font-size: 120px;
line-height: .9;
color: var(--black-2)
}
.sec-title-3,
.sec-title-4 {
line-height: 1;
color: var(--black-2)
}
.sec-title-3 {
font-size: 130px
}
.sec-title-4 {
font-size: 150px;
text-transform: uppercase
}
.sec-title-4 span {
font-family: newYork;
padding-left: 298px;
display: block
}
.sec-title-4 img {
margin-top: -30px;
-webkit-animation: 3s linear infinite wcSpinner;
animation: 3s linear infinite wcSpinner
}
.sec-title-5 {
padding-left: 98px
}
.sec-title-7 {
padding-left: 185px
}
.sec-title-8 {
font-size: 130px;
line-height: 1;
color: var(--black-2);
text-transform: uppercase
}
.sec-title-8 a {
font-family: newYork;
text-transform: capitalize
}
.sec-title-16 {
font-size: 120px;
line-height: .9;
color: var(--black-2);
text-indent: 120px
}
.sec-title-16 span {
color: var(--black-2);
font-family: newYork;
position: relative
}
.sec-title-16 span::after {
height: 2px;
bottom: 10px
}
.sec-sub-title {
font-weight: 400;
font-size: 18px;
line-height: 1.2;
color: var(--black-3);
padding-bottom: 15px;
text-transform: capitalize
}
.hero-title {
font-weight: 500;
font-size: 80px;
line-height: 1;
color: var(--black)
}
.title-line {
overflow: hidden
}
@media (min-width:1200px) {
.img-anim {
overflow: hidden;
position: relative;
width: 100%;
height: 565px
}
.img-anim img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto
}
}
.dis_port_4 {
max-width: 300px;
text-indent: 90px;
margin-left: 100px;
margin-top: 40px;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black-3)
}
.section_title_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 130px 50px 0
}
.main-dropdown,
.main-dropdown .sub-dropdown {
width: 300px;
padding: 15px 0;
background-color: var(--black-2);
z-index: 9;
opacity: 0;
visibility: hidden;
position: absolute
}
.section_title_wrapper .title_right__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.section_title_wrapper .title_right__inner__left {
margin-right: 60px
}
.section_title_wrapper .title_right__inner__left span {
font-weight: 400;
font-size: 12px;
line-height: 1.7;
text-align: right;
color: var(--black-3);
display: inline-block;
position: relative
}
.section_title_wrapper .title_right__inner__left span::before {
content: "";
position: absolute;
right: 80px;
top: 50%;
background-color: #d9d9d9;
width: 1090px;
height: 1px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.sec-title-2,
.sec-title-3 {
font-size: 100px
}
.section_title_wrapper .title_right__inner__left span::before {
width: 600px
}
}
.logos_wrapper li,
.section_title_wrapper .title_right__inner__right ul li {
margin-bottom: 10px
}
.section_title_wrapper .title_right__inner__right ul li a {
font-size: 18px;
color: var(--black-13);
text-transform: capitalize
}
.section_title_wrapper .title_right__inner__right ul li a:hover {
letter-spacing: 1px;
color: var(--black-2)
}
.main-menu-4>li,
.main-menu>li {
display: inline-block;
margin: 0 38px
}
.main-menu-3>li.has-megamenu,
.main-menu-4>li.has-megamenu,
.main-menu>li.has-megamenu {
position: static
}
.main-menu-4>li:hover .main-dropdown,
.main-menu-4>li:hover .mega-menu,
.main-menu-4>li:hover .mega-menu-2,
.main-menu>li:hover .main-dropdown,
.main-menu>li:hover .mega-menu,
.main-menu>li:hover .mega-menu-2 {
top: 75px;
opacity: 1;
visibility: visible
}
.main-menu-4>li>a,
.main-menu>li>a {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 16px;
color: var(--white);
padding: 29px 0;
outline: 0;
text-transform: capitalize;
-webkit-transform: translateY(var(--y)) translateZ(0);
transform: translateY(var(--y)) translateZ(0);
-webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s
}
.main-menu-3>li>a,
.main-menu-4>li>a {
color: var(--black-2)
}
.main-menu-4>li>a .menu-text,
.main-menu>li>a .menu-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
text-shadow: 0 16px 0 var(--white)
}
.main-menu-3>li>a .menu-text span,
.main-menu-4>li>a .menu-text span,
.main-menu>li>a .menu-text span {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
-webkit-transform: translateY(var(--m)) translateZ(0);
transform: translateY(var(--m)) translateZ(0)
}
.cat_links li a .menu-text span:first-child,
.main-menu-3>li>a .menu-text span:first-child,
.main-menu-4>li>a .menu-text span:first-child,
.main-menu>li>a .menu-text span:first-child {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}
.main-menu-3>li>a .menu-text span:nth-child(2),
.main-menu-4>li>a .menu-text span:nth-child(2),
.main-menu>li>a .menu-text span:nth-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.cat_links li a .menu-text span:nth-child(3),
.main-menu-3>li>a .menu-text span:nth-child(3),
.main-menu-4>li>a .menu-text span:nth-child(3),
.main-menu>li>a .menu-text span:nth-child(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s
}
.main-menu-3>li>a .menu-text span:nth-child(4),
.main-menu-4>li>a .menu-text span:nth-child(4),
.main-menu>li>a .menu-text span:nth-child(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s
}
.cat_links li a .menu-text span:nth-child(5),
.main-menu-3>li>a .menu-text span:nth-child(5),
.main-menu-4>li>a .menu-text span:nth-child(5),
.main-menu>li>a .menu-text span:nth-child(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s
}
.main-menu-3>li>a .menu-text span:nth-child(6),
.main-menu-4>li>a .menu-text span:nth-child(6),
.main-menu>li>a .menu-text span:nth-child(6) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s
}
.cat_links li a .menu-text span:nth-child(7),
.main-menu-3>li>a .menu-text span:nth-child(7),
.main-menu-4>li>a .menu-text span:nth-child(7),
.main-menu>li>a .menu-text span:nth-child(7) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s
}
.main-menu-3>li>a .menu-text span:nth-child(8),
.main-menu-4>li>a .menu-text span:nth-child(8),
.main-menu>li>a .menu-text span:nth-child(8) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s
}
.cat_links li a .menu-text span:nth-child(9),
.main-menu-3>li>a .menu-text span:nth-child(9),
.main-menu-4>li>a .menu-text span:nth-child(9),
.main-menu>li>a .menu-text span:nth-child(9) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s
}
.main-menu-3>li>a .menu-text span:nth-child(10),
.main-menu-4>li>a .menu-text span:nth-child(10),
.main-menu>li>a .menu-text span:nth-child(10) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s
}
.cat_links li a .menu-text span:nth-child(11),
.main-menu-3>li>a .menu-text span:nth-child(11),
.main-menu-4>li>a .menu-text span:nth-child(11),
.main-menu>li>a .menu-text span:nth-child(11) {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s
}
.main-menu-3>li>a .menu-text span:nth-child(12),
.main-menu-4>li>a .menu-text span:nth-child(12),
.main-menu>li>a .menu-text span:nth-child(12) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s
}
.cat_links li a .menu-text span:nth-child(13),
.main-menu-3>li>a .menu-text span:nth-child(13),
.main-menu-4>li>a .menu-text span:nth-child(13),
.main-menu>li>a .menu-text span:nth-child(13) {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s
}
.main-menu-3>li>a .menu-text span:nth-child(14),
.main-menu-4>li>a .menu-text span:nth-child(14),
.main-menu>li>a .menu-text span:nth-child(14) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s
}
.cat_links li a .menu-text span:nth-child(15),
.main-menu-3>li>a .menu-text span:nth-child(15),
.main-menu-4>li>a .menu-text span:nth-child(15),
.main-menu>li>a .menu-text span:nth-child(15) {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s
}
.main-menu-3>li>a .menu-text span:nth-child(16),
.main-menu-4>li>a .menu-text span:nth-child(16),
.main-menu>li>a .menu-text span:nth-child(16) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s
}
.cat_links li a .menu-text span:nth-child(17),
.main-menu-3>li>a .menu-text span:nth-child(17),
.main-menu-4>li>a .menu-text span:nth-child(17),
.main-menu>li>a .menu-text span:nth-child(17) {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s
}
.main-menu-3>li>a .menu-text span:nth-child(18),
.main-menu-4>li>a .menu-text span:nth-child(18),
.main-menu>li>a .menu-text span:nth-child(18) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s
}
.cat_links li a .menu-text span:nth-child(19),
.main-menu-3>li>a .menu-text span:nth-child(19),
.main-menu-4>li>a .menu-text span:nth-child(19),
.main-menu>li>a .menu-text span:nth-child(19) {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s
}
.main-menu-3>li>a .menu-text span:nth-child(20),
.main-menu-4>li>a .menu-text span:nth-child(20),
.main-menu>li>a .menu-text span:nth-child(20) {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.cat_links li a .menu-text span:nth-child(21),
.main-menu-3>li>a .menu-text span:nth-child(21),
.main-menu-4>li>a .menu-text span:nth-child(21),
.main-menu>li>a .menu-text span:nth-child(21) {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s
}
.main-menu-3>li>a .menu-text span:nth-child(22),
.main-menu-4>li>a .menu-text span:nth-child(22),
.main-menu>li>a .menu-text span:nth-child(22) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s
}
.cat_links li a .menu-text span:nth-child(23),
.main-menu-3>li>a .menu-text span:nth-child(23),
.main-menu-4>li>a .menu-text span:nth-child(23),
.main-menu>li>a .menu-text span:nth-child(23) {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.main-menu-3>li>a .menu-text span:nth-child(24),
.main-menu-4>li>a .menu-text span:nth-child(24),
.main-menu>li>a .menu-text span:nth-child(24) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
.cat_links li a .menu-text span:nth-child(25),
.main-menu-3>li>a .menu-text span:nth-child(25),
.main-menu-4>li>a .menu-text span:nth-child(25),
.main-menu>li>a .menu-text span:nth-child(25) {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s
}
.main-menu-3>li>a .menu-text span:nth-child(26),
.main-menu-4>li>a .menu-text span:nth-child(26),
.main-menu>li>a .menu-text span:nth-child(26) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s
}
.cat_links li a .menu-text span:nth-child(27),
.main-menu-3>li>a .menu-text span:nth-child(27),
.main-menu-4>li>a .menu-text span:nth-child(27),
.main-menu>li>a .menu-text span:nth-child(27) {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s
}
.main-menu-3>li>a .menu-text span:nth-child(28),
.main-menu-4>li>a .menu-text span:nth-child(28),
.main-menu>li>a .menu-text span:nth-child(28) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}
.cat_links li a .menu-text span:nth-child(29),
.main-menu-3>li>a .menu-text span:nth-child(29),
.main-menu-4>li>a .menu-text span:nth-child(29),
.main-menu>li>a .menu-text span:nth-child(29) {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s
}
.main-menu-3>li>a .menu-text span:nth-child(30),
.main-menu-4>li>a .menu-text span:nth-child(30),
.main-menu>li>a .menu-text span:nth-child(30) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s
}
.cat_links li a .menu-text span:nth-child(31),
.main-menu-3>li>a .menu-text span:nth-child(31),
.main-menu-4>li>a .menu-text span:nth-child(31),
.main-menu>li>a .menu-text span:nth-child(31) {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s
}
.main-menu-3>li>a .menu-text span:nth-child(32),
.main-menu-4>li>a .menu-text span:nth-child(32),
.main-menu>li>a .menu-text span:nth-child(32) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}
.cat_links li a .menu-text span:nth-child(33),
.main-menu-3>li>a .menu-text span:nth-child(33),
.main-menu-4>li>a .menu-text span:nth-child(33),
.main-menu>li>a .menu-text span:nth-child(33) {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s
}
.cat_links li a .menu-text span:nth-child(34),
.main-menu-3>li>a .menu-text span:nth-child(34),
.main-menu-4>li>a .menu-text span:nth-child(34),
.main-menu>li>a .menu-text span:nth-child(34) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s
}
.cat_links li a .menu-text span:nth-child(35),
.main-menu-3>li>a .menu-text span:nth-child(35),
.main-menu-4>li>a .menu-text span:nth-child(35),
.main-menu>li>a .menu-text span:nth-child(35) {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s
}
.cat_links li a .menu-text span:nth-child(36),
.main-menu-3>li>a .menu-text span:nth-child(36),
.main-menu-4>li>a .menu-text span:nth-child(36),
.main-menu>li>a .menu-text span:nth-child(36) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s
}
.cat_links li a .menu-text span:nth-child(37),
.main-menu-3>li>a .menu-text span:nth-child(37),
.main-menu-4>li>a .menu-text span:nth-child(37),
.main-menu>li>a .menu-text span:nth-child(37) {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s
}
.cat_links li a .menu-text span:nth-child(38),
.main-menu-3>li>a .menu-text span:nth-child(38),
.main-menu-4>li>a .menu-text span:nth-child(38),
.main-menu>li>a .menu-text span:nth-child(38) {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s
}
.cat_links li a .menu-text span:nth-child(39),
.main-menu-3>li>a .menu-text span:nth-child(39),
.main-menu-4>li>a .menu-text span:nth-child(39),
.main-menu>li>a .menu-text span:nth-child(39) {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s
}
.cat_links li a .menu-text span:nth-child(40),
.main-menu-3>li>a .menu-text span:nth-child(40),
.main-menu-4>li>a .menu-text span:nth-child(40),
.main-menu>li>a .menu-text span:nth-child(40) {
-webkit-transition-delay: 2s;
transition-delay: 2s
}
.cat_links li a .menu-text span:nth-child(41),
.main-menu-3>li>a .menu-text span:nth-child(41),
.main-menu-4>li>a .menu-text span:nth-child(41),
.main-menu>li>a .menu-text span:nth-child(41) {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s
}
.cat_links li a .menu-text span:nth-child(42),
.main-menu-3>li>a .menu-text span:nth-child(42),
.main-menu-4>li>a .menu-text span:nth-child(42),
.main-menu>li>a .menu-text span:nth-child(42) {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s
}
.cat_links li a .menu-text span:nth-child(43),
.main-menu-3>li>a .menu-text span:nth-child(43),
.main-menu-4>li>a .menu-text span:nth-child(43),
.main-menu>li>a .menu-text span:nth-child(43) {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s
}
.cat_links li a .menu-text span:nth-child(44),
.main-menu-3>li>a .menu-text span:nth-child(44),
.main-menu-4>li>a .menu-text span:nth-child(44),
.main-menu>li>a .menu-text span:nth-child(44) {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s
}
.cat_links li a .menu-text span:nth-child(45),
.main-menu-3>li>a .menu-text span:nth-child(45),
.main-menu-4>li>a .menu-text span:nth-child(45),
.main-menu>li>a .menu-text span:nth-child(45) {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s
}
.cat_links li a .menu-text span:nth-child(46),
.main-menu-3>li>a .menu-text span:nth-child(46),
.main-menu-4>li>a .menu-text span:nth-child(46),
.main-menu>li>a .menu-text span:nth-child(46) {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.cat_links li a .menu-text span:nth-child(47),
.main-menu-3>li>a .menu-text span:nth-child(47),
.main-menu-4>li>a .menu-text span:nth-child(47),
.main-menu>li>a .menu-text span:nth-child(47) {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s
}
.cat_links li a .menu-text span:nth-child(48),
.main-menu-3>li>a .menu-text span:nth-child(48),
.main-menu-4>li>a .menu-text span:nth-child(48),
.main-menu>li>a .menu-text span:nth-child(48) {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s
}
.cat_links li a .menu-text span:nth-child(49),
.main-menu-3>li>a .menu-text span:nth-child(49),
.main-menu-4>li>a .menu-text span:nth-child(49),
.main-menu>li>a .menu-text span:nth-child(49) {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s
}
.cat_links li a:hover,
.main-menu-3>li>a:hover,
.main-menu-4>li>a:hover,
.main-menu>li>a:hover {
--y: -4px
}
.cat_links li a:hover span,
.main-menu-3>li>a:hover span,
.main-menu-4>li>a:hover span,
.main-menu>li>a:hover span {
--m: calc(16px * -1)
}
.main-menu-3 {
text-align: center
}
.main-menu-3>li {
display: inline-block;
padding: 0 40px;
margin: 0
}
.main-menu-3>li:hover .main-dropdown,
.main-menu-3>li:hover .mega-menu,
.main-menu-3>li:hover .mega-menu-2 {
top: 80px;
opacity: 1;
visibility: visible
}
.main-menu-3>li>a {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 16px;
padding: 27px 0;
outline: 0;
text-transform: capitalize;
-webkit-transform: translateY(var(--y)) translateZ(0);
transform: translateY(var(--y)) translateZ(0);
-webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s
}
.mega-menu li a,
.mega-menu-2 li a,
.menu-heading {
font-size: 20px;
text-transform: capitalize;
font-weight: 500
}
.main-menu-3>li>a .menu-text,
.main-menu-4>li>a .menu-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
text-shadow: 0 16px 0 var(--black-2)
}
.main-menu-4>li>a .menu-text span {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s, -webkit-transform .4s;
-webkit-transform: translateY(var(--m)) translateZ(0);
transform: translateY(var(--m)) translateZ(0)
}
.main-menu .mega-menu li a,
.main-menu .mega-menu-2 li a,
.main-menu-4 .mega-menu li a,
.main-menu-4 .mega-menu-2 li a,
.mega-menu li a:not([href]):not([class]),
.mega-menu-2 li a:not([href]):not([class]) {
color: var(--white)
}
.main-dropdown {
left: 0;
top: 85px;
text-align: left;
-webkit-transition: .3s;
transition: .3s
}
.main-dropdown .sub-dropdown {
left: 100%;
top: 0;
text-align: left;
-webkit-transition: .3s;
transition: .3s
}
.main-dropdown li {
display: block;
margin: 0;
padding: 0
}
.contact_wrap:hover .link,
.main-dropdown li:hover .sub-dropdown {
opacity: 1;
visibility: visible
}
.main-dropdown li a {
color: var(--white);
display: block;
padding: 10px 20px;
text-transform: capitalize
}
.main-dropdown li a .menu-text,
.mega-menu li a .menu-text,
.mega-menu-2 li a .menu-text {
text-shadow: 0 16px 0 var(--white)
}
.main-dropdown li a:hover,
.mega-menu li a:hover,
.mega-menu-2 li a:hover {
letter-spacing: 1px
}
.mega-menu,
.mega-menu-2 {
position: absolute;
width: 100%;
left: 0;
top: 90px;
z-index: 9;
background-color: var(--black-2);
text-align: left;
padding: 40px 200px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-gap: 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: .2s;
transition: .2s
}
.mega-menu li a,
.mega-menu-2 li a {
color: var(--white);
padding: 10px;
margin-bottom: 10px
}
.mega-menu li a:not([href]):not([class]):hover,
.mega-menu-2 li a:not([href]):not([class]):hover {
letter-spacing: 0;
background-color: #fff0
}
.mega-menu li ul,
.mega-menu-2 li ul {
text-align: left
}
.mega-menu li ul li,
.mega-menu-2 li ul li {
display: block;
margin: 0
}
.mega-menu li ul li a,
.mega-menu-2 li ul li a {
font-weight: 400;
font-size: 16px;
padding: 10px 12px;
display: block;
margin-bottom: 0;
text-transform: capitalize
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.modal-containe{
padding-top: 20px;
}
#btn_wrapper,
.btn_wrapper {
width: 220px;
height: 220px;
margin-left: -25px
}
.sec-title {
font-size: 50px
}
.sec-title-2 {
font-size: 90px
}
.sec-title-3 {
font-size: 100px
}
.sec-title-4 {
font-size: 120px
}
.sec-title-16 {
font-size: 100px;
text-indent: 90px
}
.hero-title {
font-size: 60px
}
.section_title_wrapper .title_right__inner__left span::before {
width: 500px
}
.mega-menu,
.mega-menu-2 {
padding: 40px 100px
}
.mega-menu li ul li a,
.mega-menu-2 li ul li a {
padding: 6px 12px
}
}
.mega-menu-2 {
width: 1160px;
padding: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr)
}
.menu-heading {
color: var(--white);
padding-bottom: 10px
}
.offcanvas__menu-wrapper.mean-container,
.service__list-6 {
padding-top: 160px
}
.offcanvas__menu-wrapper.mean-container .mean-nav>ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important
}
.offcanvas__menu-wrapper.mean-container .mean-nav {
background: 0 0;
margin-top: 0
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
width: 100%;
padding: 20px 0 20px 100px;
font-weight: 400;
font-size: 80px;
line-height: 1;
color: var(--white);
text-transform: capitalize;
border-top: 1px solid var(--black-4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: 0;
-webkit-transform: translateY(var(--y)) translateZ(0);
transform: translateY(var(--y)) translateZ(0);
-webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
text-shadow: 0 80px 0 var(--white)
}
.cat_links li a .menu-text span,
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span {
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s;
-webkit-transform: translateY(var(--m)) translateZ(0);
transform: translateY(var(--m)) translateZ(0)
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:first-child {
-webkit-transition-delay: 33.3333333ms;
transition-delay: 33.3333333ms
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(2) {
-webkit-transition-delay: 0.0666666667s;
transition-delay: 0.0666666667s
}
.cat_links li a .menu-text span:nth-child(2),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(4) {
-webkit-transition-delay: 0.1333333333s;
transition-delay: 0.1333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(5) {
-webkit-transition-delay: 0.1666666667s;
transition-delay: 0.1666666667s
}
.cat_links li a .menu-text span:nth-child(4),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(7) {
-webkit-transition-delay: 0.2333333333s;
transition-delay: 0.2333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(8) {
-webkit-transition-delay: 0.2666666667s;
transition-delay: 0.2666666667s
}
.cat_links li a .menu-text span:nth-child(6),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(9) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(10) {
-webkit-transition-delay: 0.3333333333s;
transition-delay: 0.3333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(11) {
-webkit-transition-delay: 0.3666666667s;
transition-delay: 0.3666666667s
}
.cat_links li a .menu-text span:nth-child(8),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(12) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(13) {
-webkit-transition-delay: 0.4333333333s;
transition-delay: 0.4333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(14) {
-webkit-transition-delay: 0.4666666667s;
transition-delay: 0.4666666667s
}
.cat_links li a .menu-text span:nth-child(10),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(15) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(16) {
-webkit-transition-delay: 0.5333333333s;
transition-delay: 0.5333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(17) {
-webkit-transition-delay: 0.5666666667s;
transition-delay: 0.5666666667s
}
.cat_links li a .menu-text span:nth-child(12),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(18) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(19) {
-webkit-transition-delay: 0.6333333333s;
transition-delay: 0.6333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(20) {
-webkit-transition-delay: 0.6666666667s;
transition-delay: 0.6666666667s
}
.cat_links li a .menu-text span:nth-child(14),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(21) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(22) {
-webkit-transition-delay: 0.7333333333s;
transition-delay: 0.7333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(23) {
-webkit-transition-delay: 0.7666666667s;
transition-delay: 0.7666666667s
}
.cat_links li a .menu-text span:nth-child(16),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(24) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(25) {
-webkit-transition-delay: 0.8333333333s;
transition-delay: 0.8333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(26) {
-webkit-transition-delay: 0.8666666667s;
transition-delay: 0.8666666667s
}
.cat_links li a .menu-text span:nth-child(18),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(27) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(28) {
-webkit-transition-delay: 0.9333333333s;
transition-delay: 0.9333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(29) {
-webkit-transition-delay: 0.9666666667s;
transition-delay: 0.9666666667s
}
.cat_links li a .menu-text span:nth-child(20),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(30) {
-webkit-transition-delay: 1s;
transition-delay: 1s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(31) {
-webkit-transition-delay: 1.0333333333s;
transition-delay: 1.0333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(32) {
-webkit-transition-delay: 1.0666666667s;
transition-delay: 1.0666666667s
}
.cat_links li a .menu-text span:nth-child(22),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(33) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(34) {
-webkit-transition-delay: 1.1333333333s;
transition-delay: 1.1333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(35) {
-webkit-transition-delay: 1.1666666667s;
transition-delay: 1.1666666667s
}
.cat_links li a .menu-text span:nth-child(24),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(36) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(37) {
-webkit-transition-delay: 1.2333333333s;
transition-delay: 1.2333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(38) {
-webkit-transition-delay: 1.2666666667s;
transition-delay: 1.2666666667s
}
.cat_links li a .menu-text span:nth-child(26),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(39) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(40) {
-webkit-transition-delay: 1.3333333333s;
transition-delay: 1.3333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(41) {
-webkit-transition-delay: 1.3666666667s;
transition-delay: 1.3666666667s
}
.cat_links li a .menu-text span:nth-child(28),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(42) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(43) {
-webkit-transition-delay: 1.4333333333s;
transition-delay: 1.4333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(44) {
-webkit-transition-delay: 1.4666666667s;
transition-delay: 1.4666666667s
}
.cat_links li a .menu-text span:nth-child(30),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(45) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(46) {
-webkit-transition-delay: 1.5333333333s;
transition-delay: 1.5333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(47) {
-webkit-transition-delay: 1.5666666667s;
transition-delay: 1.5666666667s
}
.cat_links li a .menu-text span:nth-child(32),
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(48) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(49) {
-webkit-transition-delay: 1.6333333333s;
transition-delay: 1.6333333333s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover {
--y: -0px;
background-color: #fff0
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover span {
--m: calc(80px * -1)
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
width: 60px;
height: 96px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 300;
border: none !important
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
background: var(--secondary);
opacity: 1
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
border-top: 1px solid var(--black-4)
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
font-size: 24px;
text-transform: capitalize;
border-top: none !important;
padding: 20px 0 20px 150px;
-webkit-transition: .3s;
transition: .3s
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a:hover {
letter-spacing: 1px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 40px
}
.offcanvas__menu-wrapper.mean-container .mean-bar {
padding: 0;
background: 0 0
}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
display: none !important
}
.header__area-2 .main-dropdown li a,
.header__area-2 .mega-menu li a,
.header__area-2 .mega-menu li a:not([href]):not([class]),
.header__area-2 .mega-menu-2 li a,
.header__area-2 .mega-menu-2 li a:not([href]):not([class]) {
color: var(--black-2)
}
.header__area-2 .main-dropdown li a:hover,
.header__area-2 .mega-menu li a:hover,
.header__area-2 .mega-menu-2 li a:hover {
letter-spacing: 1px
}
.header__area-2 .main-dropdown li a .menu-text,
.header__area-2 .mega-menu li a .menu-text,
.header__area-2 .mega-menu-2 li a .menu-text {
text-shadow: 0 16px 0 var(--black-2)
}
.header__area-2 .main-dropdown .sub-dropdown,
.header__area-2 .mega-menu,
.header__area-2 .mega-menu-2 {
background-color: var(--white)
}
.modal__close {
background: var(--secondary);
color: var(--white);
width: 30px;
height: 30px;
border: none;
border-radius: 100%;
font-size: 18px;
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
z-index: 9;
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
}
.modal__close:hover {
color: var(--primary)
}
.modal__close-2 {
background-color: #fff0;
color: var(--black-3);
width: 30px;
height: 30px;
border: none;
font-size: 24px;
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s
}
.modal__close-2:hover {
color: var(--black-2)
}
.modal__application {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / .5);
opacity: 0;
visibility: hidden;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: visibility 0s linear .25s, opacity .25s, -webkit-transform .25s;
transition: visibility 0s linear .25s, opacity .25s, transform .25s, -webkit-transform .25s;
z-index: 9991
}
.modal__apply {
padding: 100px 50px;
max-width: 1130px;
height: 96vh;
margin: 2vh auto 0;
overflow-y: auto;
position: relative;
background-color: var(--white)
}
.modal__apply .wc-btn-black,
.modal__apply .wc-btn-light,
.modal__apply .wc-btn-pink,
.modal__apply .wc-btn-primary,
.modal__apply .wc-btn-secondary {
width: 120px;
height: 120px
}
.modal__apply .form-top {
text-align: center;
padding-bottom: 50px
}
.modal__apply .form-top img {
margin-bottom: 40px
}
.modal__apply .form-top p {
font-size: 18px;
color: var(--black-2);
border: 1px solid var(--black-3);
border-radius: 30px;
display: inline-block;
padding: 5px 35px;
margin-top: 20px
}
.modal__apply .input-apply textarea:focus,
.modal__apply .input-apply-2 input:focus {
border: 1px solid var(--black-3)
}
.modal__apply .input-apply {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 90px 2.2fr;
grid-template-columns: 1fr 2.2fr;
grid-gap: 90px;
margin-bottom: 20px
}
.modal__apply .input-apply-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 4fr;
grid-template-columns: 1fr 4fr;
grid-gap: 50px;
margin-bottom: 20px
}
.cursor,
.cursor-testi.play::after,
.modal__apply .form-btn-2 {
display: -webkit-box;
display: -ms-flexbox
}
.modal__apply .input-apply p,
.modal__apply .input-apply-2 p {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black)
}
.modal__apply .input-apply-2 input {
width: 100%;
border: 1px solid var(--white-4);
outline: 0;
padding: 15px;
-webkit-transition: .3s;
transition: .3s
}
.modal__apply .input-apply textarea {
width: 100%;
height: 125px;
border: 1px solid var(--white-4);
outline: 0;
padding: 15px;
-webkit-transition: .3s;
transition: .3s
}
.modal__apply .form-btn button {
margin-left: auto;
margin-top: 30px;
background-color: #fff0;
z-index: 1
}
.modal__apply .form-btn-2 {
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 20px;
margin-top: 20px
}
.modal__apply .form-btn-2 button {
background-color: #fff0;
z-index: 1
}
.modal-show {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: visibility linear, opacity .25s, -webkit-transform .25s;
transition: visibility linear, opacity .25s, transform .25s, -webkit-transform .25s
}
.cursor {
position: fixed;
left: 0;
pointer-events: none;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: var(--white);
background: var(--black-2);
text-transform: capitalize;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 100px;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999;
opacity: 0;
mix-blend-mode: hard-light;
-webkit-transition: .3s;
transition: .3s
}
.cursor1,
.cursor2 {
-webkit-transform: translate(-50%, -50%);
mix-blend-mode: difference
}
.cursor.large {
width: 180px;
height: 180px;
text-align: center;
font-size: 19px;
font-weight: 400
}
.cursor1 {
position: fixed;
width: 40px;
height: 40px;
border: 1px solid var(--primary);
border-radius: 50%;
left: 0;
top: 0;
pointer-events: none;
transform: translate(-50%, -50%);
-webkit-transition: .15s;
transition: .15s;
z-index: 999
}
.cursor-testi,
.cursor2 {
position: fixed;
border-radius: 50%;
top: 0;
z-index: 999;
left: 0;
pointer-events: none
}
.offcanvas__logo,
.offcanvas__social {
border-bottom: 1px solid var(--black-4)
}
.cursor-testi.hide,
.cursor1.hide,
.cursor2.hide {
opacity: 0;
visibility: hidden
}
.cursor2 {
width: 8px;
height: 8px;
background-color: var(--primary);
transform: translate(-50%, -50%);
-webkit-transition: .2s;
transition: .2s
}
.cursor2.circle {
width: 60px;
height: 60px
}
.cursor-testi {
width: 80px;
height: 80px;
background-color: var(--black-2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: .2s;
transition: .2s
}
.cursor-testi.play {
width: 100px;
height: 100px;
mix-blend-mode: unset;
background-color: var(--black-2)
}
.header__area-3.sticky-3,
.hero__area-3.start-video .sec-sub-title::after {
background-color: var(--white)
}
.cursor-testi.play::after {
position: absolute;
content: "Play";
color: var(--white);
width: 100%;
height: 100%;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.switcher__area {
position: relative;
direction: ltr
}
.header__inner,
.switcher__icon button {
display: -webkit-box;
display: -ms-flexbox
}
.switcher__icon {
position: fixed;
width: 50px;
height: 50px;
background: var(--white);
right: 0;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999;
-webkit-transition: .3s;
transition: .3s;
mix-blend-mode: exclusion
}
.switcher__icon button {
font-size: 24px;
color: var(--black-2);
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
-webkit-transition: .3s;
transition: .3s
}
.switcher__btn button,
.switcher__btn select {
font-size: 14px;
line-height: 1.5;
background: #2b2b2f;
text-transform: capitalize
}
.switcher__icon button:hover {
color: var(--gray-2)
}
.switcher__btn button.active,
.switcher__btn button:hover,
.switcher__title {
color: var(--white)
}
.switcher__icon button#switcher_open {
-webkit-animation: 5s linear infinite wcSpinner;
animation: 5s linear infinite wcSpinner
}
.switcher__items {
width: 280px;
padding: 50px 30px;
background: var(--black-2);
position: fixed;
right: -280px;
top: 40%;
z-index: 99;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .3s;
transition: .3s
}
.switcher__items .wc-col-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px
}
.switcher__item {
margin-bottom: 30px
}
.switcher__item:nth-child(2) {
margin-bottom: 0
}
.switcher__item:last-child {
margin-bottom: 0;
display: none
}
.switcher__title {
font-weight: 500;
font-size: 20px;
line-height: 1.5;
text-transform: capitalize;
padding-bottom: 10px
}
.switcher__btn button {
display: inline-block;
font-weight: 500;
color: var(--gray-2);
border-radius: 4px;
padding: 10px 15px
}
.header__support p,
.offcanvas__close button:hover,
.offcanvas__contact li a:hover,
.offcanvas__links ul li a:hover,
.offcanvas__social ul li a:hover {
color: var(--gray-2)
}
.switcher__btn select {
font-weight: 400;
color: var(--gray-2);
width: 100%;
border: none;
padding: 9px 10px;
border-radius: 4px;
outline: 0;
cursor: pointer
}
.header__area {
position: fixed;
width: 100px;
height: 100%;
left: 0;
top: 0;
z-index: 9991;
border-right: 1px solid rgb(240 240 240 / .07);
mix-blend-mode: exclusion;
-webkit-transition: .5s;
transition: .5s
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.offcanvas__menu-wrapper.mean-container {
padding-top: 142px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
font-size: 60px;
padding-left: 60px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 76px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-left: 90px
}
.header__area {
width: 62px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.offcanvas__menu-wrapper.mean-container {
padding-top: 93px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
font-size: 48px;
padding-left: 50px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 64px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-left: 80px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
padding-left: 120px
}
.modal__apply .input-apply,
.modal__apply .input-apply-2 {
-ms-grid-columns: 1fr 30px 2fr;
grid-template-columns: 1fr 2fr;
grid-gap: 30px
}
.header__area {
width: 62px
}
}
.header__area button {
display: block;
margin-top: -58px;
padding: 20px
}
.header__area-2,
.header__area-7 {
padding: 3px 0;
position: fixed;
width: 100%;
top: 0;
z-index: 99
}
.header__area-3 {
position: fixed;
width: 100%;
top: 0;
z-index: 9999
}
.header__area-3.sticky-3 {
border-bottom: 1px solid var(--white-2)
}
.header__inner {
padding: 50px 0 20px;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
position: relative;
z-index: 9
}
.header__inner-2,
.header__inner-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 150px auto 150px;
grid-template-columns: 150px auto 150px;
padding: 0 30px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.pt-100,
.pt-110,
.pt-120,
.pt-130,
.pt-140,
.pt-150 {
padding-top: 90px
}
.sp-x {
padding-left: 30px;
padding-right: 30px
}
.ht-200 {
padding-top: 180px
}
.scroll-top {
bottom: 80px
}
#btn_wrapper,
.btn_wrapper {
width: 190px;
height: 190px;
margin-left: -10px
}
.sec-title {
font-size: 45px
}
.sec-title-2 {
font-size: 72px
}
.sec-title-3 {
font-size: 80px
}
.sec-title-4,
.sec-title-8 {
font-size: 100px
}
.sec-title-5 {
font-size: 120px;
line-height: 8.3rem
}
.sec-title-16 {
font-size: 90px;
text-indent: 60px
}
.hero-title {
font-size: 60px
}
.dis_port_4 {
text-indent: 50px;
margin-left: 60px;
margin-top: 20px
}
.section_title_wrapper {
padding: 110px 30px 0
}
.section_title_wrapper .title_right__inner__left span::before {
width: 300px
}
.main-menu-4>li,
.main-menu>li {
margin: 0 19px
}
.main-menu-3>li {
padding: 25px 0
}
.offcanvas__menu-wrapper.mean-container {
padding-top: 93px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
font-size: 40px;
padding-left: 30px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 57px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-left: 60px;
font-size: 24px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
padding-left: 40px
}
.modal__apply {
max-width: 960px
}
.modal__apply .input-apply,
.modal__apply .input-apply-2 {
-ms-grid-columns: 1fr 30px 2fr;
grid-template-columns: 1fr 2fr;
grid-gap: 30px
}
.header__area {
padding: 0 15px;
width: 100%;
height: auto
}
.header__area button {
margin-top: 0
}
.header__inner {
padding: 10px 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(12, 1fr)
}
.header__inner-2,
.header__inner-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sp-x {
padding-left: 30px;
padding-right: 30px
}
.ht-200 {
padding-top: 160px
}
.shape {
left: 200%;
bottom: 0
}
.scroll-top {
right: 10px;
bottom: 60px
}
#btn_wrapper,
.btn_wrapper {
width: 180px;
height: 180px;
margin-left: -5px
}
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
width: 170px;
height: 170px
}
.service__top-btn #btn_wrapper .btn-item,
.service__top-btn .btn_wrapper .btn-item {
top: 0;
left: 0
}
.sec-title {
font-size: 36px
}
.sec-title-2,
.sec-title-3 {
font-size: 60px
}
.sec-title-4 {
font-size: 80px
}
.sec-title-4 img {
max-width: 90px
}
.sec-title-8 {
font-size: 72px
}
.sec-title-16 {
text-indent: 60px;
font-size: 72px
}
.hero-title {
font-size: 48px
}
.dis_port_4 {
text-indent: 30px;
margin-left: 20px;
margin-top: 20px
}
.section_title_wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section_title_wrapper .title_right {
padding-top: 100px
}
.section_title_wrapper .title_right__inner__left span::before {
width: 90px
}
.offcanvas__menu-wrapper.mean-container {
padding-top: 60px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
font-size: 30px;
padding-left: 20px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 46px;
width: 40px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
font-size: 20px;
padding: 15px 0 15px 30px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 25px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
padding-left: 30px
}
.modal__apply {
max-width: 720px
}
.modal__apply .input-apply,
.modal__apply .input-apply-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 10px;
margin-bottom: 30px
}
.modal__apply .input-apply textarea {
height: 90px
}
.header__area {
padding: 0 15px;
width: 100%;
height: auto
}
.header__area button {
margin-top: 0
}
.header__inner {
padding: 10px 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(12, 1fr)
}
.header__inner-2,
.header__inner-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px
}
}
@media only screen and (max-width:767px) {
.sp-x {
padding-left: 10px;
padding-right: 10px
}
.ht-200 {
padding-top: 130px
}
.shape {
left: 70%;
bottom: 0
}
.g-0 {
padding-right: 15px;
padding-left: 15px
}
.main-menu-3,
.sec-title-4 img,
.section_title_wrapper .title_right__inner__left span::before,
.switcher__area {
display: none
}
.banner-main-wrapper br{
display: block;
}
.scroll-top {
right: 5px;
bottom: 55px
}
.wc-btn-primary {
width: 130px;
height: 130px
}
.wc-btn-black,
.wc-btn-light,
.wc-btn-pink,
.wc-btn-primary,
.wc-btn-secondary {
padding: 30px
}
#btn_wrapper,
.btn_wrapper {
height: 175px;
width: 175px;
margin-left: -2.5px
}
.about_btn {
font-size: 18px !important
}
.sec-title {
font-size: 32px
}
.sec-title-2 {
font-size: 45px
}
.sec-title-3,
.sec-title-4 {
font-size: 48px
}
.sec-title-4 span,
.sec-title-5 {
padding-left: 0
}
.sec-title-8 {
font-size: 60px
}
.sec-title-16 {
text-indent: 20px;
font-size: 48px
}
.sec-title-16 span::after {
bottom: 0
}
.hero-title {
font-size: 36px
}
.dis_port_4 {
margin-left: 20px;
text-indent: 30px;
margin-top: 20px
}
.section_title_wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 120px 15px 0
}
.section_title_wrapper .title_right {
padding-top: 50px
}
.offcanvas__menu-wrapper.mean-container {
padding-top: 40px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
font-size: 20px;
padding-left: 15px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 36px;
width: 36px;
padding: 11px 12px 13px !important
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
font-size: 18px;
padding: 15px 0 15px 30px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 23px
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
padding-left: 30px
}
.modal__close {
right: -5px;
top: -5px
}
.modal__close-2 {
right: 20px;
top: 15px
}
.modal__apply {
padding: 50px 20px;
margin-top: 0;
height: 100vh
}
.modal__apply .input-apply,
.modal__apply .input-apply-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 10px;
margin-bottom: 30px
}
.modal__apply .input-apply textarea {
height: 90px
}
.header__area {
padding: 0 15px;
width: 100%;
height: auto
}
.header__area button {
margin-top: 0
}
.header__inner {
padding: 5px 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(12, 1fr)
}
.header__inner-2,
.header__inner-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 15px
}
}
.header__inner-3 {
padding: 10px 50px
}
.header__nav-2 {
text-align: right
}
.portfolio__big,
.react_border,
.roll__slide,
.rollslide_wrap,
.work8__btn {
text-align: center
}
.header__nav-icon-2,
.header__nav-icon-3,
.header__nav-icon-7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%
}
.header__nav-icon-2 .menu-icon-2::after {
position: absolute;
content: "";
width: 180px;
height: 180px;
right: -60px;
top: -60px;
border: 1px solid var(--black-4);
border-radius: 100%;
-webkit-transition: .3s;
transition: .3s
}
.header__nav-icon-3 .search-icon {
padding-top: 3px;
padding-right: 50px;
position: relative;
font-size: 18px
}
.header__nav-icon-3 .search-icon::after {
position: absolute;
content: "";
width: 1px;
height: 20px;
right: 25px;
top: 5px;
background-color: var(--white-2)
}
.header__nav-icon-3 #search_close {
display: none;
padding-right: 55px
}
.header__nav-icon-3 img {
margin-top: -5px
}
.header__nav-icon-7 .menu-icon-2::after {
position: absolute;
content: "";
width: 180px;
height: 180px;
right: -60px;
top: -60px;
border: 1px solid var(--gray);
border-radius: 100%;
-webkit-transition: .3s;
transition: .3s
}
.header__search,
.offcanvas__area {
position: fixed;
-webkit-transition: .3s;
visibility: hidden
}
.header__search {
width: 300px;
right: 60px;
top: 90px;
padding: 15px;
background-color: var(--white-4);
border-radius: 3px;
z-index: 99991;
opacity: 0;
transition: .3s
}
.header__search.open-search {
opacity: 1;
visibility: visible;
top: 70px
}
.header__search input {
width: 100%;
padding: 10px;
border: 1px solid var(--white-2);
border-radius: 5px;
outline: 0;
font-size: 16px;
font-weight: 400
}
.header__logo-2,
.hero__area-2 .sec-title-wrapper,
.offcanvas__close button {
display: -webkit-box;
display: -ms-flexbox
}
.header__support p {
width: 215px;
font-weight: 300;
font-size: 15px;
line-height: 1.3;
text-align: right;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.header__support p a {
display: inline-block;
font-weight: 500;
font-size: 20px;
line-height: 1.3;
color: var(--white)
}
.header__logo-2 {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.sticky-2 .header__nav-icon-2 .menu-icon-2::after,
.sticky-7 .header__nav-icon-7 .menu-icon-2::after {
width: 100px;
height: 100px;
right: -20px;
top: -30px
}
.sticky-2 .header__logo-5 img,
.sticky-2 .header__nav-icon-5 {
-webkit-filter: invert(1);
filter: invert(1)
}
.offcanvas__area {
background-color: var(--black-2);
width: 100%;
height: 100vh;
left: 0;
top: 0;
z-index: 9999;
opacity: 0;
transition: .3s
}
.offcanvas__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.9fr 3fr 1.3fr;
grid-template-columns: 0.9fr 3fr 1.3fr;
height: 100%
}
.offcanvas__left {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0.5fr 2.1fr 1fr;
grid-template-rows: 0.5fr 2.1fr 1fr;
border-right: 1px solid var(--black-4)
}
.offcanvas__mid {
overflow: hidden;
overflow-y: auto
}
.offcanvas__mid::-webkit-scrollbar {
width: 5px
}
.offcanvas__mid::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px var(--black);
box-shadow: inset 0 0 5px var(--black);
border-radius: 10px
}
.offcanvas__mid::-webkit-scrollbar-thumb {
background: var(--primary);
border-radius: 10px
}
.hero__about,
.hero__area-2,
.hero__area-3::after,
.hero__area-3::before,
.hero__text-2 {
background-repeat: no-repeat
}
.offcanvas__right {
background-color: var(--black-4);
padding: 0 50px;
position: relative
}
.offcanvas__right .shape-1 {
position: absolute;
bottom: 0;
left: 125px
}
.offcanvas__right .shape-2 {
position: absolute;
bottom: 90px;
right: 110px
}
.offcanvas__logo {
padding: 55px 0 55px 50px
}
.offcanvas__social {
padding-left: 50px;
padding-top: 220px
}
.offcanvas__contact h3,
.offcanvas__social .social-title {
font-weight: 500;
font-size: 24px;
line-height: 1.5;
color: var(--white);
padding-bottom: 20px
}
.offcanvas__social ul li {
padding-bottom: 2px
}
.offcanvas__social ul li a {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--white)
}
.offcanvas__links {
padding-left: 50px;
padding-top: 110px
}
.offcanvas__links ul li {
padding-bottom: 2px
}
.offcanvas__links ul li a {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--white)
}
.offcanvas__close {
position: absolute;
right: 40px;
top: 30px
}
#hero_texture,
.contact_wrap,
.hero__area,
.hero__area-2,
.hero__area-3,
.hero__inner-3,
.offcanvas__search form {
position: relative
}
.offcanvas__close button {
font-size: 30px;
width: 60px;
height: 60px;
color: var(--white);
background: #232323;
border-radius: 100%;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: .3s;
transition: .3s
}
.hero__area-3 .intro-title .video-title.close-video-title,
.hero__plane img {
display: none
}
.offcanvas__search {
padding-top: 190px;
padding-bottom: 140px
}
.offcanvas__search input {
color: #585858;
font-size: 14px;
font-weight: 400;
width: 100%;
padding: 20px 45px 20px 20px;
border-radius: 30px;
border: 1px solid #3c3c3c;
background-color: #fff0;
outline: 0
}
.offcanvas__search input::-webkit-input-placeholder {
opacity: 1;
color: #585858
}
.offcanvas__search input::-moz-placeholder {
opacity: 1;
color: #585858
}
.offcanvas__search input:-ms-input-placeholder {
opacity: 1;
color: #585858
}
.offcanvas__search input::-ms-input-placeholder {
opacity: 1;
color: #585858
}
.offcanvas__search input::placeholder {
opacity: 1;
color: #585858
}
.offcanvas__search button {
color: var(--white);
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 100%;
border-radius: 0 100% 100% 0
}
.offcanvas__contact li {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--white);
padding-bottom: 7px;
max-width: 260px
}
.hero__content .experience p,
.hero__text-2 p,
.hero__text-3 p {
line-height: 1.4;
font-size: 18px
}
.offcanvas__contact li a {
color: var(--white)
}
.hero__area {
background-color: var(--black);
overflow: hidden
}
.hero__area::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgb(0 0 0 / .8)
}
.hero__area .hero1_bg {
position: absolute;
bottom: 0;
z-index: 0;
left: 0;
width: 100%;
height: auto;
-webkit-animation: 18s linear infinite wcRotate;
animation: 18s linear infinite wcRotate
}
.hero__area-2 {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/bg/lines.png);
background-size: cover;
background-color: var(--black-2);
overflow: hidden
}
.hero__area-2 .hero2-shape {
position: absolute;
left: 30%;
top: 41%;
max-width: 41%;
overflow: hidden
}
.hero__area-2 .hero2-shape img,
.work8 img {
max-width: 100%
}
.hero__area-2 .sec-title-3 {
color: var(--white);
padding-right: 30px
}
.hero__area-2 .sec-title-3:last-child {
text-align: right;
padding-top: 110px;
padding-right: 0;
margin-top: 30px
}
.hero__area-2 .sec-title-wrapper {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.hero__area-2 .sec-title-wrapper .bg-shape {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/10.png);
background-repeat: no-repeat;
background-position: right top
}
.hero__area-3 {
padding-top: 190px;
padding-bottom: 125px;
overflow: hidden
}
.hero__area-3::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/5.png);
background-position: left;
z-index: -1
}
.hero__area-3 .sec-sub-title,
.hero__area-3 .sec-title {
z-index: 2;
color: var(--black-2);
font-weight: 600;
text-transform: uppercase
}
.hero__area-3::after {
position: absolute;
content: "";
width: 50px;
height: 50px;
right: 50px;
top: 140px;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/6.png);
background-position: right top
}
.hero__area-3 .hero3-img {
position: absolute;
bottom: 0;
right: 0
}
.hero__area-3 .hero3-img-anim {
overflow: hidden;
position: relative;
width: 350px;
height: 100%
}
.hero__area-3 .hero3-img-anim img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 150%;
margin-left: auto;
margin-right: auto
}
.hero__area-3 .sec-title-wrapper {
display: inline-block;
position: unset
}
.hero__area-3 .sec-sub-title {
font-size: 24px;
position: relative;
display: inline-block;
padding-right: 30px;
padding-bottom: 0
}
.hero__area-3 .sec-sub-title::after {
position: absolute;
content: "";
width: 90px;
height: 1px;
left: 100%;
top: 12px;
background-color: var(--black-2)
}
.hero__area-3 .sec-title {
font-size: 306px;
line-height: .82
}
.hero__area-3 .title-right,
.hero__arrow-icon {
position: absolute;
right: 0
}
.hero__area-3 .wrapper {
--clip-path: circle(65px at left);
--clip-path-hover: circle(70px at left);
--clip-path-clicked: circle(100vw at left);
--duration: .4s;
--timing-function: ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999
}
.hero__area-3 .video-info {
width: 300px;
position: relative;
left: 500px;
top: -115px;
height: 200px
}
.hero__area-3 .video {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
-webkit-transition: -webkit-clip-path var(--duration) var(--timing-function);
transition: -webkit-clip-path var(--duration) var(--timing-function);
transition: clip-path var(--duration) var(--timing-function);
transition: clip-path var(--duration) var(--timing-function), -webkit-clip-path var(--duration) var(--timing-function);
position: relative;
top: 55px;
left: 100px
}
.hero__area-3 .video::before {
position: absolute;
top: -20px;
left: -20px;
width: 40px;
height: 40px;
background: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/icon/play-icon.png) 0 0/100%;
content: "";
z-index: 999999999999
}
.hero__area-3 .video video {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: auto;
width: auto;
height: auto
}
.hero__area-3 .intro-title {
position: relative;
left: 175px;
top: 70px
}
.hero__area-3 .intro-title .video-title {
font-size: 16px;
text-transform: uppercase;
line-height: 1.3
}
.hero__area-3 .intro-title .video-title span {
display: block;
font-size: 18px
}
.hero__area-3 #video_check {
width: 200px;
height: 200px;
margin: auto;
position: absolute;
left: 0;
top: 0;
right: 0;
border-radius: 40px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
z-index: 9999999
}
.hero__area-3 #video_check:focus {
outline: 0
}
.hero__area-3 #video_check:hover~.text::after,
.hero__area-3 #video_check:hover~.text>span::after,
.hero__area-3 #video_check:hover~.video {
-webkit-clip-path: var(--clip-path-hover);
clip-path: var(--clip-path-hover)
}
.hero__area-3 #video_check:hover~.text::before {
--r: 25px;
--opacity: 1
}
.hero__area-3 #video_check:checked {
width: 100%;
height: 100%;
border-radius: 0;
top: 0;
left: 0;
bottom: 0
}
.hero__area-3 #video_check:checked~.video {
-webkit-clip-path: var(--clip-path-clicked);
clip-path: var(--clip-path-clicked)
}
.hero__area-3 #video_check:checked~.text {
--opacity: 0;
-webkit-transition: opacity .3s var(--timing-function);
transition: opacity .3s var(--timing-function)
}
.hero__area-3 #video_check:checked~.text::after,
.hero__area-3 #video_check:checked~.text>span::after {
-webkit-clip-path: var(--clip-path-clicked);
clip-path: var(--clip-path-clicked)
}
.hero__area-3.start-video .hero3-img {
opacity: 0
}
.hero__area-3.start-video .hero__text-3 p,
.hero__area-3.start-video .intro-title .video-title,
.hero__area-3.start-video .sec-sub-title,
.hero__area-3.start-video .sec-title {
color: var(--white-4)
}
.hero__area-4 {
padding-top: 110px;
height: 100%
}
.hero__area-10 {
height: 100vh;
padding: 90px 30px 0
}
.hero__content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
position: absolute;
pointer-events: none;
left: 0;
top: 0;
z-index: 1
}
.hero__content-wrapper .text {
mix-blend-mode: difference;
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px)
}
.hero__plane {
width: 100%;
height: 100vh
}
.hero__inner-2 {
padding: 220px 100px 0
}
.hero__inner-3 .scroll-down,
.work8:nth-child(5) {
margin-top: 100px
}
.hero__inner-3 .scroll-down button {
border: 1px solid var(--gray-3);
padding: 25px 10px;
border-radius: 30px;
-webkit-animation: 7s linear infinite wcSlideBottom;
animation: 7s linear infinite wcSlideBottom
}
.hero__content a,
.hero__link {
border-bottom: 1px solid var(--white);
overflow: hidden
}
.hero__text-2 {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/icon/7.png);
background-position: 64% 58%;
padding-left: 32%;
-webkit-transform: translateY(-30%);
transform: translateY(-30%)
}
.hero__text-2 p {
max-width: 330px;
font-weight: 400;
color: var(--white);
padding-bottom: 5px
}
.hero__text-3 {
max-width: 320px;
padding-top: 90px;
position: relative;
z-index: 9
}
.hero__content {
padding-top: 200px;
padding-bottom: 80px;
position: relative;
z-index: 1
}
.hero__content a {
display: inline-block;
max-width: 300px;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
color: var(--white);
padding-bottom: 15px;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.hero__content a:hover i {
-webkit-transform: translate(20px, -20px) rotate(-45deg);
transform: translate(20px, -20px) rotate(-45deg)
}
.hero__content a:hover span::after,
.hero__link:hover i {
-webkit-transform: translate(20px, -20px) rotate(-45deg)
}
.hero__content a:hover span::after {
opacity: 1;
visibility: visible;
transform: translate(20px, -20px) rotate(-45deg)
}
.hero__content a span {
position: absolute;
top: 0;
right: 0
}
.hero__content a span i {
-webkit-transform: translate(0, 0) rotate(-45deg);
transform: translate(0, 0) rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
.hero__content a span::after,
.hero__link span i {
-webkit-transform: translate(0, 0) rotate(-45deg)
}
.hero__content a span::after {
position: absolute;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
left: -20px;
bottom: -20px;
transform: translate(0, 0) rotate(-45deg);
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s
}
.client__section__title span,
.gallary12__content__title span,
.hero10__content__title span,
.hero9_title span,
.nominated_title_7,
.part.showed h2 span,
.portfolio__title-11 span,
.portfolio__title-12 span,
.rollslide_title span,
.rollslide_title-1 span,
.showcase4__content h2 span,
.showcase__title-16 span,
.tech_title span,
.video_text .video_title_7,
.work8__content__title span {
font-family: newYork
}
.hero__content .experience {
position: absolute;
right: 30px;
bottom: 70px
}
.hero__content .experience .title {
font-weight: 400;
font-size: 50px;
line-height: 1.3;
color: var(--white)
}
.hero__content .experience p {
font-weight: 400;
color: var(--white)
}
.hero__link span::after,
.service__link p::after {
font-weight: 900;
opacity: 0;
visibility: hidden;
font-family: "Font Awesome 6 Free"
}
.hero__title {
font-weight: 500;
font-size: 150px;
line-height: 1;
color: var(--white);
margin-top: 55px;
position: relative
}
.hero__title::after {
position: absolute;
content: "Pro";
width: 70px;
height: 45px;
right: -80px;
top: 70px;
border: 2px solid var(--white);
border-radius: 15px;
font-weight: 600;
font-size: 24px;
line-height: 1.3;
color: var(--white);
text-align: center;
padding-top: 4px
}
.hero__title-wrapper {
max-width: 990px;
position: relative;
margin-bottom: 105px
}
.hero__sub-title {
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: var(--gray-3);
max-width: 410px;
position: absolute;
right: 60px;
bottom: 15px
}
.hero__link,
.hero__sub-title span,
.roll__area-2 .roll__slide h2 {
color: var(--white)
}
.hero__about {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/about/about-bg.png);
background-position: top right;
overflow: hidden
}
.hero__about-content {
padding-top: 170px
}
.hero__about-content .hero-title {
padding-bottom: 60px
}
.hero__about-info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 2.5fr 30px 2.5fr;
grid-template-columns: 1fr 2.5fr 2.5fr;
padding-bottom: 80px;
grid-gap: 30px
}
.choose-wrapper,
.hero__about-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.hero__about-text p {
font-size: 18px;
line-height: 1.4;
padding-left: 80px
}
.hero__about-video {
margin-bottom: -10px;
height: 800px
}
.hero__about-video iframe,
.hero__about-video video,
.video__area img {
width: 100%;
height: auto
}
.hero__about-row {
position: inherit;
margin-right: -310px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.offcanvas__right {
padding: 0 30px
}
.offcanvas__right .shape-1 {
left: 20px
}
.hero__area-2 .sec-title-3:last-child {
padding-top: 90px
}
.hero__area-3 {
padding-top: 160px;
padding-bottom: 110px
}
.hero__area-3 .hero3-img {
max-width: 1000px
}
.hero__area-3 .sec-title {
font-size: 260px
}
.hero__area-10 {
padding: 120px 30px 0
}
.hero__text-2 {
padding-left: 30%;
-webkit-transform: translateY(-30%);
transform: translateY(-30%)
}
.hero__text-3 {
-webkit-transform: translateY(-30%);
transform: translateY(-30%)
}
.hero__content {
padding-top: 80px;
padding-bottom: 50px
}
.hero__about-video {
height: 700px
}
.hero__about-row {
margin-right: -50px
}
}
.hero__link {
display: inline-block;
max-width: 300px;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
padding-bottom: 15px;
position: absolute;
top: 190px;
-webkit-transition: .3s;
transition: .3s
}
.hero__link:hover i {
transform: translate(20px, -20px) rotate(-45deg)
}
.hero__link:hover span::after {
opacity: 1;
visibility: visible;
-webkit-transform: translate(20px, -20px) rotate(-45deg);
transform: translate(20px, -20px) rotate(-45deg)
}
.hero__link span {
position: absolute;
top: 0;
right: 0
}
.hero__link span i {
transform: translate(0, 0) rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
.hero__link span::after,
.service__link p i {
-webkit-transform: translate(0, 0) rotate(-45deg)
}
.hero__link span::after {
position: absolute;
content: "\f061";
left: -20px;
bottom: -20px;
transform: translate(0, 0) rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
#hero_canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.hero__content-8 {
padding-top: 80px
}
.hero__content-8 .discription {
padding-top: 40px;
font-size: 18px;
max-width: 330px
}
.hero__content-8 .scroll-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 300px auto;
grid-template-columns: 300px auto
}
.hero__content-8 .scroll-down {
position: relative;
padding-left: 100px;
margin-top: 30px
}
.hero__content-8 .scroll-down span {
position: absolute;
left: 105px;
top: -45px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 14px;
text-transform: uppercase
}
.hero__content-8 .scroll-down img {
-webkit-animation: 3s infinite wcSlideBottom;
animation: 3s infinite wcSlideBottom
}
.portfolio__big {
padding-bottom: 395px
}
.portfolio__big img {
margin-top: -90px
}
.portfolio__big-inner {
background-position: center center;
background-size: cover;
height: calc(100vh - 80px);
width: 600px;
overflow: hidden;
margin: -100px auto 0
}
.portfolio__big-inner img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.bodypadding {
padding: 110px 100px
}
.bodypadding-2 {
padding: 120px 50px
}
.roll__area {
background-color: var(--primary);
padding: 31px 10px
}
.roll__area-2 {
padding: 31px 10px;
background-color: var(--black-2)
}
.roll__area-3 .roll__slide h2,
.rollslide_title,
.rollslide_title-1 {
color: var(--black-2)
}
.roll__area-3 {
padding: 31px 10px;
background-color: var(--pink-2)
}
.roll__wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear
}
.roll__slide h2 {
font-weight: 400;
font-size: 26px;
line-height: 1.1;
text-transform: uppercase;
color: var(--black)
}
.contact_wrap .link {
position: absolute;
left: 50%;
top: 50%;
font-size: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 160px;
height: 160px;
background: var(--black-2);
border-radius: 100%;
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;
color: var(--white);
text-transform: capitalize;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
transition: .5s
}
.about__content p,
.rollslide_title:hover {
color: var(--black-3)
}
.rollslide_wrap {
overflow: hidden;
margin-bottom: -10px
}
.rollslide_title {
font-size: 250px;
line-height: 1;
-webkit-transition: .3s;
transition: .3s;
text-transform: uppercase
}
.rollslide_title-1 {
font-size: 245px;
line-height: .75;
text-transform: uppercase
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.offcanvas__body {
-ms-grid-columns: 1.2fr 3fr 1.5fr;
grid-template-columns: 1.2fr 3fr 1.5fr
}
.offcanvas__right {
padding: 0 30px
}
.offcanvas__right .shape-1 {
left: 0
}
.offcanvas__logo {
padding: 30px 0 30px 50px
}
.offcanvas__social {
padding-left: 50px;
padding-top: 30px
}
.offcanvas__links {
padding-left: 30px;
padding-top: 30px
}
.offcanvas__search {
padding-top: 140px;
padding-bottom: 60px
}
.hero__area-2 .hero2-shape {
top: 37%;
left: 33%;
max-width: 36%
}
.hero__area-2 .sec-title-3:last-child {
padding-top: 90px
}
.hero__area-3 {
padding-top: 140px;
padding-bottom: 110px
}
.hero__area-3 .hero3-img {
max-width: 1000px
}
.hero__area-3 .sec-title {
font-size: 260px
}
.hero__area-10 {
padding: 100px 30px 0
}
.hero__inner-2 {
padding: 140px 100px 0
}
.hero__text-2 {
padding-left: 20%
}
.hero__text-2 p {
max-width: 380px
}
.hero__text-3 {
padding-top: 50px
}
.hero__content {
padding-top: 80px;
padding-bottom: 50px
}
.hero__content img {
max-width: 120px
}
.hero__title {
font-size: 100px;
line-height: .9
}
.hero__title::after {
right: -30px;
top: 35px
}
.hero__title-wrapper {
max-width: 700px
}
.hero__sub-title {
bottom: -10px;
right: -30px
}
.hero__about-video {
height: 650px
}
.hero__about-row {
margin-right: -150px
}
.portfolio__big {
padding-bottom: 200px
}
.rollslide_title-1 {
font-size: 160px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.header__inner-3 {
padding: 20px
}
.header__nav-2,
.logo-primary {
display: none
}
.header__nav-icon {
grid-column: -1
}
.header__search.open-search {
top: 85px
}
.header__support {
-ms-grid-column: 11;
grid-column: 11/11;
-ms-grid-row: 1;
grid-row: 1
}
.header__support p {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.logo-secondary {
display: block
}
.offcanvas__body {
-ms-grid-columns: 1.2fr 2fr 1.5fr;
grid-template-columns: 1.2fr 2fr 1.5fr
}
.offcanvas__right {
padding: 0 30px
}
.offcanvas__right .shape-1 {
left: 0
}
.offcanvas__logo {
padding: 30px 0 30px 15px
}
.offcanvas__social {
padding-left: 30px;
padding-top: 50px
}
.offcanvas__links {
padding-left: 30px;
padding-top: 40px
}
.offcanvas__search {
padding-top: 140px;
padding-bottom: 60px
}
.hero__area-2 .hero2-shape {
top: 32%;
left: 31%;
max-width: 40%
}
.hero__area-2 .sec-title-3:last-child {
padding-top: 50px
}
.hero__area-3 {
padding-bottom: 100px
}
.hero__area-3 .hero3-img {
max-width: 800px
}
.hero__area-3 .sec-title {
font-size: 180px
}
.hero__area-3 .video-info {
left: 200px;
top: -50px
}
.hero__area-10 {
padding: 100px 20px 0
}
.hero__inner-2 {
padding: 120px 50px 60px
}
.hero__inner-3 .scroll-down {
margin-top: 40px
}
.hero__text-2 {
padding-left: 15%;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
.hero__text-2 p {
padding-bottom: 30px
}
.hero__text-3 {
padding-top: 20px
}
.hero__content {
padding-top: 120px
}
.hero__title {
font-size: 100px;
line-height: .9
}
.hero__title::after {
right: 60px;
top: 35px
}
.hero__title-wrapper {
max-width: 800px;
margin-bottom: 20px
}
.hero__sub-title {
bottom: -10px
}
.hero__about-info {
-ms-grid-columns: 1fr 30px 2.5fr 30px 2fr;
grid-template-columns: 1fr 2.5fr 2fr
}
.hero__about-text p {
padding-left: 20px
}
.hero__about-video {
height: 600px
}
.hero__about-row {
margin-right: -150px
}
.hero__content-8 {
padding-top: 50px
}
.hero__content-8 .scroll-down {
padding-left: 120px
}
.hero__content-8 .scroll-down img {
max-height: 100px
}
.portfolio__big {
padding-bottom: 120px
}
.portfolio__big img {
margin-top: 90px
}
.portfolio__big-inner {
margin-top: 50px
}
.rollslide_title-1 {
font-size: 120px
}
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.rollslide_title-1 {
font-size: 150px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.header__inner-3 {
padding: 20px
}
.header__nav-2,
.logo-primary {
display: none
}
.header__nav-icon {
grid-column: -1
}
.header__search.open-search {
top: 85px
}
.header__support {
-ms-grid-column: 11;
grid-column: 11/11;
-ms-grid-row: 1;
grid-row: 1
}
.header__support p {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.logo-secondary {
display: block
}
.offcanvas__body {
-ms-grid-columns: 1.2fr 2.3fr 1.8fr;
grid-template-columns: 1.2fr 2.3fr 1.8fr
}
.offcanvas__right {
padding: 0 15px
}
.offcanvas__right .shape-1 {
left: 0
}
.offcanvas__right .shape-2 {
right: 30px
}
.offcanvas__logo {
padding: 30px 0 30px 15px
}
.offcanvas__social {
padding-left: 15px;
padding-top: 50px
}
.offcanvas__contact h3,
.offcanvas__social .social-title {
font-size: 20px
}
.offcanvas__social ul li {
padding-bottom: 5px
}
.offcanvas__contact li,
.offcanvas__social ul li a {
font-size: 16px
}
.offcanvas__links {
padding-left: 15px;
padding-top: 40px
}
.offcanvas__search {
padding-top: 140px;
padding-bottom: 60px
}
.offcanvas__search input {
padding: 15px 40px 15px 15px
}
.hero__area-2 .hero2-shape {
left: 30%;
top: 34%;
max-width: 40%
}
.hero__area-2 .sec-title-3 {
padding-top: 7px
}
.hero__area-2 .sec-title-3:last-child {
padding-top: 40px
}
.hero__area-3 {
padding-top: 140px
}
.hero__area-3 .hero3-img {
max-width: 760px
}
.hero__area-3 .sec-title {
font-size: 130px
}
.hero__area-3 .wrapper {
display: none
}
.hero__area-3 .video-info {
left: 280px;
top: -235px
}
.hero__area-10 {
padding: 100px 20px 0
}
.hero__inner-2 {
padding: 160px 30px 60px
}
.hero__inner-3 .scroll-down {
margin-top: 0
}
.hero__inner-3 .scroll-down button {
border-color: var(--white)
}
.hero__inner-3 .scroll-down button img {
-webkit-filter: invert(1);
filter: invert(1)
}
.hero__text-2 {
padding-left: 5%;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
.hero__text-2 p {
padding-bottom: 40px
}
.hero__text-3 {
padding-bottom: 80px;
padding-top: 20px
}
.hero__content {
padding-top: 125px
}
.hero__content img {
max-width: 120px
}
.hero__content .experience {
bottom: 60px
}
.hero__title {
font-size: 80px
}
.hero__title::after {
right: 95px;
top: 30px
}
.hero__title-wrapper {
margin-bottom: 50px
}
.hero__sub-title {
font-size: 16px;
bottom: -10px;
right: 30px
}
.hero__about-info {
-ms-grid-columns: 1fr 20px 2.5fr 20px 1fr;
grid-template-columns: 1fr 2.5fr 1fr;
grid-gap: 20px;
padding-bottom: 70px
}
.hero__about-text p {
padding-left: 0
}
.hero__about-video {
height: 470px
}
.hero__about-row {
margin-right: -120px
}
.hero__content-8 {
padding-top: 50px
}
.hero__content-8 .discription {
padding-top: 20px
}
.hero__content-8 .scroll-down {
padding-left: 120px
}
.hero__content-8 .scroll-down img {
max-height: 100px
}
.portfolio__big {
padding-bottom: 120px
}
.contact_wrap,
.portfolio__big img {
margin-top: 60px
}
.portfolio__big-inner {
margin-top: 50px
}
.bodypadding {
padding: 70px 20px
}
.rollslide_title-1 {
font-size: 90px
}
}
.rollslide_title span {
font-weight: 400
}
@media only screen and (max-width:767px) {
.header__inner-3 {
padding: 20px 15px
}
.header__nav-2,
.header__support,
.logo-primary,
.offcanvas__left,
.offcanvas__right {
display: none
}
.header__nav-icon {
grid-column: -1
}
.header__search {
right: 10px;
top: 100px
}
.header__search.open-search {
top: 85px
}
.header__support p {
-webkit-transform: rotate(0);
transform: rotate(0)
}
.logo-secondary {
display: block
}
.offcanvas__body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.offcanvas__mid {
margin-top: 75px
}
.offcanvas__close {
right: 15px;
top: 15px
}
.offcanvas__close button {
font-size: 24px;
width: 48px;
height: 48px
}
.hero__area-2 .hero2-shape {
left: 5%;
top: 30%;
max-width: 90%
}
.hero__area-2 .sec-title-3 {
padding-bottom: 40px;
padding-right: 75px
}
.hero__area-2 .sec-title-3:last-child {
padding-top: 0
}
.hero__area-2 .sec-title-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.hero__area-3 {
padding-top: 130px;
padding-bottom: 0
}
.hero__area-3 .hero3-img {
position: unset
}
.hero__area-3 .sec-sub-title {
padding-bottom: 15px
}
.hero__area-3 .sec-title {
font-size: 90px
}
.hero__area-3 .wrapper,
.hero__inner-3 .scroll-down {
display: none
}
.hero__area-4 {
padding-top: 60px
}
.hero__area-10 {
padding: 100px 15px 0
}
.hero__inner-2 {
padding: 120px 15px 60px
}
.hero__text-2 {
padding-left: 0;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.hero__text-2 p {
padding-bottom: 40px
}
.hero__text-3 {
padding-bottom: 30px
}
.hero__content {
padding-top: 150px
}
.hero__content img {
max-width: 60px
}
.hero__content .experience {
position: unset
}
.hero__title,
.rollslide_title,
.rollslide_title-1 {
font-size: 48px
}
.hero__title::after {
right: 0;
top: -40px
}
.hero__title-wrapper {
margin-bottom: 0
}
.hero__sub-title {
position: unset;
padding-top: 15px
}
.hero__about-content {
padding-top: 250px
}
.hero__about-content .hero-title {
padding-bottom: 30px
}
.hero__about-info,
.portfolio__big {
padding-bottom: 60px
}
.hero__about-text {
grid-column: 1/-1;
-ms-grid-row: 1;
grid-row: 1;
margin-bottom: 20px
}
.hero__about-text p {
padding-left: 0
}
.hero__about-video {
height: auto
}
.hero__about-row {
margin-right: calc(-.5 * var(--bs-gutter-x))
}
.hero__content-8 {
padding-top: 80px;
text-align: center
}
.hero__content-8 .discription {
padding-top: 30px;
padding-bottom: 30px;
max-width: 100%
}
.hero__content-8 .scroll-wrapper {
display: block
}
.hero__content-8 .scroll-down {
display: none
}
.portfolio__big img {
margin-top: 0
}
.portfolio__big-inner {
margin-top: 10px
}
.bodypadding,
.bodypadding-2 {
padding: 30px 15px
}
.about__area-2 {
background-size: 0
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.rollslide_title {
font-size: 100px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.rollslide_title {
font-size: 120px
}
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
.rollslide_title {
font-size: 180px
}
}
.about__area {
overflow: hidden;
background-color: var(--white)
}
.about__area-2,
.about__area-3 {
background-color: var(--black-2);
background-repeat: no-repeat
}
.about__area .sec-title {
max-width: 770px;
position: relative;
z-index: 9
}
.about__area-2 {
overflow: hidden;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/2.png);
background-position: 0 31%
}
.about__area-2 .sec-title {
color: var(--white)
}
.about__area-2 .sec-title-wrapper {
max-width: 770px;
padding-bottom: 70px
}
.about__area-2 .sec-text {
max-width: 440px
}
.about__area-2 .sec-text p {
font-size: 18px;
line-height: 1.4;
color: var(--gray-2)
}
.about__area-2 .sec-text-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
gap: 215px
}
.about__area-2 #btn_wrapper,
.about__area-2 .btn_wrapper {
margin-left: 0;
margin-right: -40px;
margin-top: -50px
}
.about__area-3 {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/7.png);
background-position: 100% 30%;
position: relative
}
.about__area-3::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 60%;
bottom: 0;
background-color: var(--black-5)
}
.about__area-3 .sec-sub-title,
.about__area-3 .sec-title {
color: var(--white);
text-transform: uppercase;
background-color: var(--black-2)
}
.about__area-3 .sec-title {
padding-bottom: 40px
}
.about__area-3 .sec-sub-title {
padding-top: 45px
}
.about__area-3 .sec-text p {
max-width: 410px;
font-size: 18px;
line-height: 1.4;
color: var(--gray-2);
padding-bottom: 22px
}
.about__area-3 .sec-text-wrapper {
padding-left: 210px;
padding-top: 45px
}
.about__area-8 .about-sub-right {
color: var(--black-7);
padding-bottom: 10px
}
.service__area .sec-sub-title,
.service__area .sec-title,
.service__item:hover .service a,
.service__item:hover .service__link p,
.service__item:hover .service__number span,
.service__item:hover .service__title,
.service__top-text p span {
color: var(--white)
}
.about__title-wrapper {
padding-left: 190px;
padding-bottom: 60px
}
.sales-service__hero .service__hero-right-2 .title span,
.service__area-6 {
padding-left: 100px
}
.about__content {
padding-top: 65px;
position: relative;
z-index: 1
}
.about__content p {
max-width: 440px;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
margin-bottom: 60px
}
.about__content-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 80px 1.8fr;
grid-template-columns: 1fr 1.8fr;
grid-gap: 80px
}
.section_wrapper,
.work8:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox
}
.about__img img {
width: 100%;
overflow: hidden
}
.about__img-right {
position: absolute;
right: 0;
top: 280px
}
.about__img-right img {
width: auto
}
.about__img-2 {
max-width: 1720px;
margin: 0 auto 140px;
overflow: hidden;
max-height: 800px
}
.about__img-2 img {
width: 100%
}
.about__img-3 {
overflow: hidden;
position: relative;
width: calc(100% - 85px);
height: 770px
}
.about__img-3 img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
height: 110%;
margin-left: auto;
margin-right: auto;
width: 100%
}
.portfolio__item {
-webkit-transform: perspective(4000px) rotateX(90deg);
transform: perspective(4000px) rotateX(90deg)
}
.section_wrapper {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: capitalize;
position: relative;
margin-top: -25px;
margin-bottom: 60px
}
.section_wrapper::before {
content: "";
position: absolute;
bottom: 48%;
left: 60px;
height: 1px;
width: calc(100% - 60px);
background-color: var(--gray-11)
}
.react_border {
position: relative;
height: 50px;
width: 50px;
line-height: 50px;
display: inline-block;
background-color: #fff0;
border: 1px solid var(--gray-11);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.react_border span {
font-weight: 400;
font-size: 16px;
color: var(--black-2);
display: inline-block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.about8__title {
text-indent: 105px;
font-weight: 500;
font-size: 80px;
line-height: 1;
text-transform: uppercase;
color: var(--black-2)
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.about__area-2 {
background-position: 0 40%
}
.about__area-3 .sec-text-wrapper {
padding-left: 160px
}
.about8__title {
font-size: 72px
}
.service__area-6 {
padding-left: 70px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.about__area-2 {
background-position: 0 37%
}
.about__area-3 .sec-text-wrapper {
padding-left: 160px
}
.about__img-3 {
overflow: hidden;
position: relative;
width: calc(100% - 40px);
height: 660px
}
.about__img-3 img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto
}
.about8__title {
font-size: 60px
}
}
.about8__title a,
.tech_title a {
color: var(--black-2);
font-family: newYork;
position: relative
}
.about8__title a::after,
.tech_title a::after {
position: absolute;
content: "";
width: 100%;
height: 2px;
left: 0;
bottom: 10px;
background-color: var(--black-2)
}
.about8__content p {
line-height: 1.3;
max-width: 515px;
text-indent: 65px;
font-size: 24px;
margin-bottom: 60px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.about__area-2 {
background-position: 0 39%
}
.about__area-2 .sec-title-wrapper {
max-width: 600px
}
.about__area-2 .sec-text-wrapper {
gap: 50px
}
.about__area-3::after {
left: 55%
}
.about__area-3 .pt-140 {
padding-top: 100px
}
.about__area-3 .sec-text-wrapper {
padding-left: 65px;
padding-top: 0
}
.about__content p {
max-width: 90%
}
.about__content-wrapper {
grid-gap: 30px
}
.about__img-right img {
display: none
}
.about__img-2 {
margin-bottom: 35px
}
.about__img-3 {
width: 100%;
height: unset
}
.about__img-3 img {
position: unset;
height: auto
}
.about8__title {
font-size: 48px
}
.about8__content p {
font-size: 20px
}
}
.workitems {
display: -ms-grid;
display: grid;
grid-gap: 50px;
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (min-width:768px) and (max-width:991px) {
.about__area .sec-title {
max-width: 660px
}
.about__area-2 {
background-position: -15% 47%
}
.about__area-2 .sec-text-wrapper {
gap: 50px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.about__area-2 #btn_wrapper,
.about__area-2 .btn_wrapper {
margin-left: auto;
margin-right: 0;
margin-top: -20px
}
.about__area-3 .pt-140 {
padding-top: 90px
}
.about__area-3 .sec-sub-title {
padding-top: 0
}
.about__area-3 .sec-text-wrapper {
padding-left: 0;
padding-top: 0
}
.about__title-wrapper {
padding-left: 0
}
.about__content {
padding-top: 5px
}
.about__content p {
margin-bottom: 30px
}
.about__content-wrapper {
-ms-grid-columns: 1fr 30px 1.5fr;
grid-template-columns: 1fr 1.5fr;
grid-gap: 30px
}
.about__img-right {
position: relative;
top: 30px;
right: unset
}
.about__img-right img {
display: none
}
.about__img-2 {
margin-bottom: 22px
}
.about__img-3 {
width: 100%;
height: unset
}
.about__img-3 img {
position: unset;
height: auto
}
.about8__title {
font-size: 40px
}
.about8__title a::after {
bottom: 3px
}
.about8__content p {
font-size: 18px;
margin-bottom: 30px
}
.workitems {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.work8 {
margin-bottom: 50px
}
}
.work8:nth-child(2) {
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 100px
}
.work8:nth-child(3),
.work8:nth-child(6) {
display: -webkit-box;
display: -ms-flexbox
}
.work8:nth-child(3) {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.work8:nth-child(4) {
margin-left: 50px;
margin-bottom: 100px
}
.work8:nth-child(6) {
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.work8__title {
width: 320px;
margin-bottom: 120px;
padding-top: 90px;
margin-left: 440px
}
.work8__title p {
font-size: 18px;
text-indent: 65px;
font-weight: 400;
color: var(--black-2)
}
.work8__content p,
.work8__content__title {
font-weight: 500;
text-transform: uppercase
}
.work8__content {
padding-top: 30px
}
.work8__content p {
font-size: 14px;
line-height: 22px;
color: var(--black-3)
}
.work8__content__title {
font-size: 24px;
line-height: 1;
color: var(--black-2);
padding-bottom: 5px
}
.work8__btn {
margin-top: 115px;
margin-bottom: 160px
}
.about__area-8 {
padding-bottom: 170px
}
.sales-service__hero .image-4 {
bottom: 40px !important;
left: 80px !important
}
.sales-service__hero .service__hero-right-2 .title {
font-size: 80px
}
.sales-service__hero .service__hero-right-2 p {
max-width: 56%;
margin-left: 220px
}
.job__area,
.service__area {
background-color: var(--black-2);
overflow: hidden
}
.service__area a:first-child .service__item {
border-top: 1px solid var(--secondary)
}
.service__area .sec-title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.service__area-2 {
background-color: var(--pink)
}
.service__area-2 .sec-text p {
font-size: 18px;
line-height: 1.4;
color: var(--black-2);
max-width: 410px
}
.counter__area,
.portfolio__detail,
.service__area-3,
.service__detail {
overflow: hidden
}
.service__area-3 .sec-title {
padding-bottom: 40px;
text-transform: uppercase;
background-color: var(--white)
}
.service__area-3 .sec-title-wrapper {
position: relative;
padding-left: 330px
}
.service__area-3 .sec-title-wrapper::after {
position: absolute;
content: "";
left: 40%;
top: 0;
width: 1px;
height: 100%;
background-color: var(--white-2)
}
.service__area-3 .sec-title-wrapper p {
padding-top: 70px;
padding-bottom: 60px;
max-width: 410px;
font-size: 18px;
line-height: 1.4;
margin-left: 220px
}
.service__area-3 .sec-sub-title {
padding-top: 50px;
text-transform: uppercase;
background-color: var(--white)
}
.service__area-6 {
background-color: var(--black-2)
}
.service__area-6 .inherit-row {
margin-left: -180px
}
#main,
.counter__wrapper,
.service__area-6 .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.service__area-6 .left-content {
width: 20%
}
.service__area-6 .right-content {
width: 40%;
padding-left: 80px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.service__area-6 .inherit-row {
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.service__area-6 .right-content {
padding-left: 40px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.work8__title {
margin-bottom: 90px;
padding-top: 70px
}
.service__area-6 .inherit-row {
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.service__area-6 .right-content {
padding-left: 0
}
}
.service__area-6 .mid-content {
width: 40%;
height: 100vh;
position: relative
}
.service__area-6 .mid-content .service__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.service__area-6 .mid-content .service__image img {
width: auto;
height: 100vh;
object-fit: cover
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.workitems {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.work8 {
margin-bottom: 50px
}
.work8__title {
margin-left: 165px;
margin-bottom: 90px;
padding-top: 60px
}
.work8__btn {
margin-top: 60px;
margin-bottom: 120px
}
.about__area-8 {
padding-bottom: 90px
}
.service__area.pb-150 {
padding-bottom: 100px
}
.service__area-3 .sec-title-wrapper {
padding-left: 200px
}
.service__area-3 .sec-title-wrapper::after {
left: 30%
}
.service__area-3 .sec-title-wrapper p {
margin-left: 120px;
padding-top: 30px;
padding-bottom: 0
}
.service__area-3 .sec-sub-title {
padding-top: 5px
}
.service__area-6 {
padding-top: 100px;
padding-left: 88px;
padding-bottom: 40px
}
.service__area-6 .inherit-row {
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.service__area-6 .left-content {
width: 35%;
padding-left: 50px;
display: none
}
.service__area-6 .right-content {
width: 100%;
padding-left: 0
}
.service__area-6 .mid-content {
display: none
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.work8__title {
margin-left: 40px;
margin-bottom: 90px;
padding-top: 60px
}
.work8__btn {
margin-top: 60px;
margin-bottom: 120px
}
.about__area-8,
.service__area.pb-150 {
padding-bottom: 90px
}
.service__area-3 .sec-title {
padding-bottom: 0
}
.service__area-3 .sec-title-wrapper {
padding-left: 100px
}
.service__area-3 .sec-title-wrapper::after {
left: 30%
}
.service__area-3 .sec-title-wrapper p {
margin-left: 120px
}
.service__area-3 .sec-sub-title {
padding-top: 0
}
.service__area-6 {
padding-top: 90px;
padding-left: 0
}
.service__area-6 .inherit-row {
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.service__area-6 .left-content {
width: 30%;
display: none
}
.service__area-6 .right-content {
width: 100%;
padding-left: 20px
}
.service__area-6 .mid-content {
display: none
}
}
.service__area-6 .mid-content #img1 {
opacity: 1;
visibility: visible
}
@media screen and (max-width:767px) {
.service__area-6 .mid-content {
display: none
}
.service__area-6 .right-content {
padding-left: 0
}
}
.service__top-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.service__top-text p {
max-width: 505px;
color: var(--gray-2);
font-weight: 300;
font-size: 20px;
line-height: 1.4
}
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
margin-left: auto;
margin-right: -40px
}
.portfolio__btn,
.service__list-wrapper {
margin-top: 40px
}
.service__img {
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
position: absolute;
-webkit-transform: rotate(0) translateX(-100px);
transform: rotate(0) translateX(-100px)
}
.about__area-7,
.hero__area-10 .hero10_activition,
.hero__area-6,
.hero_layer_9,
.hover_8_wrap,
.hover_wrap,
.line_4,
.portfolio__slider-3,
.service__hero-left-2,
.service__hero-left-work,
.service__img-3,
.service__item-2,
.service__item-3,
.single__thumb {
position: relative
}
.service__img.active {
opacity: 1;
-webkit-transform: rotate(15deg) translateX(60px) translateY(30px);
transform: rotate(15deg) translateX(60px) translateY(30px)
}
.service__img-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.service__img-wrapper span {
position: absolute;
width: 175px;
height: 70px;
background-color: var(--primary);
bottom: 0;
left: 0;
-webkit-transform: rotate(-26deg) translate(-100%, -100%);
transform: rotate(-26deg) translate(-100%, -100%);
-webkit-transition: .3s 0.2s;
transition: .3s 0.2s;
z-index: 1
}
.service__img-wrapper span.current {
-webkit-transform: rotate(-26deg) translate(120px, -100%);
transform: rotate(-26deg) translate(120px, -100%)
}
.service__img-3 img {
top: -95px;
position: absolute;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}
.service__img-6 img {
max-width: 100%
}
.service__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.7fr 2fr 2.5fr 1fr;
grid-template-columns: 0.7fr 2fr 2.5fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 35px 0;
border-bottom: 1px solid var(--secondary);
-webkit-transition: .3s;
transition: .3s
}
.service__item:hover .service__link p i {
-webkit-transform: translate(60px, -60px) rotate(-45deg);
transform: translate(60px, -60px) rotate(-45deg)
}
.service__item:hover .service__link p::after {
opacity: 1;
visibility: visible;
-webkit-transform: translate(20px, -20px) rotate(-45deg);
transform: translate(20px, -20px) rotate(-45deg)
}
.service__item-2::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: -90px;
top: 0;
background-color: var(--black-2)
}
.service__item-2:nth-child(3n+1)::before {
position: unset
}
.service__item-2 img {
margin-bottom: 40px
}
.service__item-2 p {
color: var(--black-2);
padding-bottom: 25px
}
.service__item-2 ul li {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--black-2)
}
.service__item-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30% 45% 25%;
grid-template-columns: 30% 45% 25%;
border-bottom: 1px solid var(--white-2);
padding: 55px 0 50px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.service__top-text p {
font-size: 18px
}
.service__img {
max-width: 260px
}
.service__item-3 {
-ms-grid-columns: 30% 50% 20%;
grid-template-columns: 30% 50% 20%
}
}
.service__item-3:first-child {
border-top: 1px solid var(--white-2)
}
.service-v5 .portfolio__service-item,
.service-v5.portfolio__service .sec-text,
.service-v5.portfolio__service .sec-text p,
.service-v5.portfolio__service .sec-title,
.service__item-3:hover .service__hover-3 {
opacity: 1
}
.service__item-6 {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.hero__area-10 .swiper-button-next:after,
.hero__area-10 .swiper-button-prev:after,
.hero__area-10 .swiper-rtl .swiper-button-next:after,
.hero__area-10 .swiper-rtl .swiper-button-prev:after,
.service__item-6 .image-tab {
display: none
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
margin-right: -10px
}
.service__img {
max-width: 200px
}
.service__img-wrapper {
display: none
}
.service__img-wrapper span {
bottom: 260px;
height: 40px;
width: 120px
}
.service__item {
gap: 30px
}
.service__item-2::before {
left: -40px
}
.service__item-3 {
-ms-grid-columns: 30% 50% 20%;
grid-template-columns: 30% 50% 20%;
padding: 30px 0
}
.service__item-6 {
height: auto;
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset;
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 30px 3fr;
grid-template-columns: 2fr 3fr;
grid-column-gap: 30px;
margin-bottom: 60px
}
.service__item-6 .image-tab {
display: block
}
.service__item-6 .image-tab img {
width: 100%
}
}
.counter__item,
.service__btn-3 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.service__item-6 p {
max-width: 550px;
font-size: 18px;
line-height: 1.4;
color: var(--gray-2);
padding-bottom: 30px
}
.service__number span,
.service__title {
font-size: 28px;
color: var(--gray-2);
font-weight: 400
}
.service__item-6 ul {
display: flex;
flex-direction: column;
padding-bottom: 80px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__top-text p {
font-size: 16px
}
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
margin-right: 0
}
.service__items-6 {
padding-top: 0
}
.service__item-2::before {
left: -20px
}
.service__item-3 {
-ms-grid-columns: 30% 2% 40% 2% 24%;
grid-template-columns: 30% 40% 24%;
gap: 2%;
padding: 50px 0
}
.service__item-6 {
height: auto;
padding-bottom: 80px
}
.service__item-6 ul {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
}
@media only screen and (max-width:767px) {
.about__area-2 .sec-title-wrapper,
.about__area-3 .sec-text p {
padding-bottom: 50px
}
.about__area-2 .sec-text {
padding-bottom: 40px
}
.about__area-2 .sec-text-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px
}
.about__area-3::after,
.service__area-3 .sec-title-wrapper::after {
width: 0
}
.about__area-3 .sec-text-wrapper {
padding-left: 0;
padding-top: 15px
}
.about__title-wrapper,
.service__area-3 .sec-title-wrapper {
padding-left: 0
}
.about__content {
padding-top: 50px
}
.about__content p,
.section_wrapper {
margin-bottom: 30px
}
.about__content-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 0
}
.about__img-right {
position: relative;
top: 30px;
right: unset
}
.about__img-2 {
margin-bottom: 0
}
.about__img-3 {
width: 100%;
height: unset
}
.about__img-3 img {
position: unset;
height: auto
}
.section_wrapper::before {
left: 48px;
width: calc(100% - 48px)
}
.react_border {
height: 40px;
width: 40px;
line-height: 36px
}
.about8__title {
font-size: 36px;
text-indent: 50px
}
.about8__title a::after {
bottom: 3px
}
.about8__content p {
font-size: 18px;
margin-bottom: 30px;
line-height: 1.5
}
.workitems {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.work8:nth-child(2) {
margin-top: 0
}
.work8:nth-child(4),
.work8:nth-child(5) {
margin: 0
}
.work8__title {
margin-bottom: 40px;
margin-left: 20px;
padding-top: 40px
}
.work8__content {
padding-top: 20px
}
.work8__btn {
margin-top: 50px;
margin-bottom: 50px
}
.work__area-8 {
margin-bottom: 50px
}
.about__area-8 {
padding-bottom: 80px
}
.service__area-2 {
padding-bottom: 70px
}
.service__area-2 .sec-text {
padding-bottom: 30px
}
.service__area-3 .sec-title-wrapper p {
margin-left: 0;
padding-top: 0;
padding-bottom: 0
}
.service__area-3 .sec-sub-title {
padding-top: 0
}
.service__area-6 {
padding-bottom: 0;
padding-left: 0
}
.service__area-6 .inherit-row {
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.service__area-6 .content-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.service__area-6 .left-content {
display: none
}
.service__area-6 .right-content {
width: 100%;
padding-left: 0
}
.service__top-text p {
font-size: 18px;
margin: 30px 0
}
.service__top-btn #btn_wrapper,
.service__top-btn .btn_wrapper {
margin-right: 0;
margin-left: 0
}
.service__items-6 {
padding-top: 60px
}
.service__item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 25px 0 10px
}
.service__item-2 img {
margin-bottom: 20px
}
.service__item-3 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 40px 0
}
.service__item-6 {
height: auto;
padding-bottom: 50px
}
.service__item-6 ul {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding-bottom: 20px
}
.service__title {
padding: 10px 0 20px
}
.service__title br {
display: none
}
}
.service__item-6 ul li {
display: inline-block;
cursor: auto;
padding-bottom: 10px;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--white);
padding-left: 0;
}
.service__hover-3 {
width: 300px;
height: 400px;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position-x: 75%;
opacity: 0;
-webkit-transition: opacity .3s, -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
transition: opacity .3s, transform .7s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
margin: -200px 0 0 -150px;
overflow: hidden;
pointer-events: none
}
.service__number span {
line-height: 1.2;
-webkit-transition: .3s;
transition: .3s
}
.service__title {
display: block;
line-height: 1.3
}
.service__title:hover {
color: var(--white)
}
.service__title-2,
.service__title-3 {
font-weight: 500;
font-size: 36px;
line-height: 1.3;
color: var(--black-2);
padding-bottom: 25px
}
.service__title-3 {
text-transform: uppercase
}
.menu-text-pp,
.service__title-3:hover {
color: var(--black-2)
}
.service__list .active .service__link p,
.service__list .active .service__number span,
.service__list .active .service__title,
.service__list-6 li.active a,
.service__title-6 {
color: var(--white)
}
.scroll-top-2:hover,
.service__link p,
.service__text p {
color: var(--gray-2)
}
.service__title-6 {
font-weight: 500;
font-size: 40px;
line-height: 1.1;
padding-bottom: 20px
}
.service__text {
max-width: 320px
}
.service__link {
text-align: right;
overflow: hidden
}
.choose-title-wrapper,
.counter__item p,
.counter__item-2 {
text-align: center
}
.service__link p {
display: inline-block;
font-size: 48px
}
.service__link p i {
transform: translate(0, 0) rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
.service__link p::after {
position: absolute;
content: "\f061";
left: -20px;
bottom: -20px;
-webkit-transform: translate(0, 0) rotate(-45deg);
transform: translate(0, 0) rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
.service__btn-2 a {
color: var(--black-2);
border-color: var(--black-2)
}
.service__btn-2#btn_wrapper,
.service__btn-2.btn_wrapper {
margin: 100px auto 0
}
.service__btn-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1
}
.service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
width: 200px;
height: 200px;
margin-right: -15px
}
.service__list-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 120px 1fr 120px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 120px
}
.service__list-3 {
padding-top: 70px;
position: relative
}
.service__list-6 li {
padding-bottom: 20px;
}
.service__list-6 li a {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--gray-2);
display: block;
width: 100%;
position: relative
}
.service__content-3 {
max-width: 340px;
position: relative;
z-index: 1
}
.service__content-3 p {
font-size: 18px;
line-height: 1.4;
color: var(--black-2)
}
.service__content-3 ul {
padding-top: 20px;
position: relative;
z-index: 1
}
.scroll-top-2 i,
.service__content-3 ul li {
font-size: 18px;
color: var(--black-2)
}
.service3__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover
}
.service3__img-wrap {
width: 20vw;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
visibility: hidden;
padding-bottom: 25vw
}
.service__detail .sec-title {
max-width: 630px;
font-size: 36px;
line-height: 1.3;
padding-bottom: 90px
}
.service__detail-circle {
position: relative;
z-index: 1
}
.service__detail-circle span {
position: relative;
display: block;
width: 136px;
height: 136px;
background-color: var(--primary);
border-radius: 100%
}
.service__detail-circle span::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
left: calc(50% - 3px);
top: calc(50% - 3px);
background-color: var(--black-2);
border-radius: 100%
}
.service__detail-circle span::after {
position: absolute;
content: "";
width: 170px;
height: 2px;
left: 50%;
top: calc(50% - 1px);
background-color: var(--black-2);
border-radius: 100%
}
.service__detail-img {
padding-right: 1px;
position: relative;
margin-bottom: 60px;
z-index: 9
}
.service__detail-img img {
width: 100%
}
.service__detail-img img.sd-shape {
width: auto;
position: absolute;
bottom: -15px;
right: 20px
}
.service__detail-content {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 80px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 80px
}
.service__detail-content p {
font-size: 18px;
line-height: 1.4
}
.service-v4.pb-150 {
padding-bottom: 0
}
.service-v5 .portfolio__service-item {
margin-bottom: 25px
}
.service-v5.portfolio__service .sec-title {
text-indent: 0
}
.service__list-6 li a.active {
color: red;
-webkit-transition: .2s;
transition: .2s
}
.service__area-6 .mid-content .service__image:first-child {
z-index: 9
}
.service__image:nth-child(2) {
z-index: 8
}
.service__image:nth-child(3) {
z-index: 7
}
.service__image:nth-child(4) {
z-index: 6
}
.service__image:nth-child(5) {
z-index: 5
}
.service__image:nth-child(6) {
z-index: 4
}
.service__image:nth-child(7) {
z-index: 3
}
.service__image:nth-child(8) {
z-index: 2
}
.service__image:nth-child(9) {
z-index: 1
}
.service__hero-2 {
padding-top: 150px;
padding-bottom: 150px;
background-color: #000;
background-position: top center;
background-repeat: no-repeat;
position: relative;
overflow: hidden
}
.service__hero-2 .hero1_bg {
position: absolute;
bottom: 0;
z-index: 0;
left: 0;
width: 100%;
height: auto;
-webkit-animation: 18s linear infinite wcRotate;
animation: 18s linear infinite wcRotate
}
.service__hero-2::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgb(0 0 0 / .8)
}
.service__hero-2 .shape-1 {
position: absolute;
width: 132px;
height: auto;
right: 165px;
top: 275px
}
.service__hero-inner-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2.8fr 1.2fr;
grid-template-columns: 2.8fr 1.2fr
}
.expertise-banner-bg .service__hero-inner-2 {
-ms-grid-columns: 1fr 3fr;
grid-template-columns: 1fr 3fr
}
.service__hero-left-2 img {
margin-bottom: 15px
}
.service__hero-left-work img.image-1 {
position: relative;
margin-bottom: -50px;
margin-left: -130px;
z-index: 11
}
.service__hero-left-2 .image-1,
.service__hero-left-2 .image-3 {
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
.service__hero-left-2 .image-2 {
-webkit-transform: translateX(62px);
transform: translateX(62px)
}
.service__hero-left-2 .image-4 {
position: absolute;
left: 318px;
bottom: 80px
}
.service__hero-left-work .image-4 {
position: absolute;
left: 190px;
bottom: -45px
}
.service__hero-left-work img.image-3 {
margin-top: -135px;
margin-left: -160px
}
.service__hero-left-work img.image-2 {
margin-left: -110px
}
.service__hero-right-2 .title {
font-weight: 500;
font-size: 80px;
line-height: 1;
text-transform: capitalize;
padding-bottom: 40px;
padding-top: 80px;
padding-left: 20px
}
.service__hero-right-2 .title span {
display: block;
padding-left: 170px
}
.service__hero-right-2 p {
font-size: 18px;
max-width: 340px;
margin-left: 350px
}
.service__hero-right-2 .scroll {
margin-left: 350px;
margin-top: 95px;
-webkit-animation: 5s linear infinite wcSlideBottom;
animation: 5s linear infinite wcSlideBottom
}
.counter__area-3 .sec-sub-title {
font-weight: 500;
color: var(--black);
text-transform: uppercase;
padding-bottom: 150px
}
.counter__area-3 .counter__number {
color: var(--black-2);
font-weight: 400;
padding-bottom: 10px
}
.counter__wrapper-2 {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.counter__wrapper-3,
.portfolio__slide-2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.counter__wrapper-3 {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.counter__item {
width: 380px;
height: 380px;
border: 1px solid var(--white-2);
border-radius: 100%;
margin-left: -67px;
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.counter__item:first-child {
margin-left: 0
}
.counter__item p {
font-size: 20px
}
.counter__item-2 p {
font-size: 20px;
line-height: 1.3
}
.counter__item-3 {
padding-bottom: 80px
}
.counter__item-3 p {
font-size: 20px
}
.counter__number {
font-weight: 300;
font-size: 100px;
line-height: 1.1;
color: var(--secondary)
}
.choose-title,
.research__area .sec-sub-title,
.research__tools li a {
color: var(--black);
font-weight: 500;
text-transform: uppercase
}
.counter__img-3 {
margin-top: 80px
}
.portfolio__area-2 .sec-title-wrapper,
.portfolio__text {
text-align: center
}
.counter__img-3 img {
width: 100%
}
.choose-title {
font-size: 200px;
line-height: 1
}
.research__area {
background-color: var(--pink-3);
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/8.png);
background-repeat: no-repeat;
background-position: 200px calc(100% - 150px)
}
.portfolio__area,
.portfolio__area-3 {
background-color: var(--black-2)
}
.research__area .sec-title {
text-transform: uppercase;
padding-bottom: 50px
}
.research__area .sec-title-wrapper {
padding-right: 80px;
padding-bottom: 100px
}
.research__area .sec-title-wrapper p {
max-width: 360px;
font-size: 18px;
line-height: 1.4;
color: var(--black-2);
margin-left: 80px
}
.research__area .sec-sub-title {
padding-bottom: 140px
}
.research__tools,
.solution__mid {
padding-left: 80px
}
.research__tools li {
display: inline-block
}
.research__item,
.research__number span {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center
}
.research__tools li a {
display: block;
font-size: 14px;
line-height: 1.5;
border: 1px solid var(--black);
border-radius: 30px;
padding: 2px 15px
}
.mixtup_btn .wc-btn:hover,
.research__tools li a:hover {
color: var(--white);
background-color: var(--black-2)
}
.research__item {
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 30px;
padding-bottom: 50px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.research__item,
.service__item-6 ul {
padding-bottom: 30px
}
.service__list-6 {
padding-top: 80px
}
.service__hero-left-2 .image-1,
.service__hero-left-2 .image-3 {
-webkit-transform: translateX(-40px);
transform: translateX(-40px)
}
.counter__area-3 .sec-title-wrapper {
padding-top: 120px
}
.counter__area-3 .sec-sub-title {
padding-bottom: 60px
}
.counter__item-3 {
padding-bottom: 0
}
.counter__img-3 {
margin-top: 0;
text-align: right
}
.counter__img-3 img {
width: 80%
}
.research__area {
background-position: 20px calc(100% - 230px)
}
.research__area .sec-sub-title {
padding-bottom: 50px
}
}
.research__item:nth-child(odd) {
padding-left: 100px
}
.research__item p {
max-width: 255px;
color: var(--black-2)
}
.research__number span {
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 400;
font-size: 48px;
line-height: 1.1;
text-transform: uppercase;
color: var(--black-2);
width: 190px;
height: 190px;
border: 3px solid;
border-radius: 100%
}
.research__title {
font-weight: 500;
font-size: 26px;
line-height: 1.4;
text-transform: uppercase;
color: var(--black-2);
padding-bottom: 15px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.counter__area-3 .sec-sub-title,
.service__item-6 p,
.service__item-6 ul {
padding-bottom: 20px
}
.service__item-6 p{
font-size: 16px;
}
.service__item-6 ul li {
font-size: 16px;
padding-bottom: 5px
}
.service__title-6 {
font-size: 32px
}
.service__list-6 {
padding-top: 80px
}
.service__list-6 li {
padding-bottom: 18px
}
.service__list-6 li a {
line-height: 1.4;
font-size: 16;
}
.service__detail-content {
grid-gap: 40px
}
.service__hero-2 .shape-1 {
right: 100px;
top: 180px
}
.counter__area-3 .sec-title-wrapper {
padding-top: 120px
}
.counter__item {
margin-left: -60px;
width: 330px;
height: 330px
}
.counter__item-3 {
padding-bottom: 0
}
.counter__img-3 {
margin-top: 0;
text-align: right
}
.counter__img-3 img {
width: 75%
}
.choose-title {
font-size: 160px;
margin-top: -100px
}
.research__area {
background-position: 20px calc(100% - 220px)
}
.research__area.pt-150 {
padding-top: 130px
}
.research__area .sec-title {
padding-bottom: 20px
}
.research__area .sec-title-wrapper {
padding-right: 40px;
padding-bottom: 50px
}
.research__area .sec-sub-title {
padding-bottom: 40px
}
.research__item {
padding-bottom: 15px
}
.research__item:nth-child(odd) {
padding-left: 80px
}
.research__number span {
width: 160px;
height: 160px
}
.research__title {
padding-bottom: 5px
}
}
.client__name-3 {
font-weight: 500;
font-size: 28px;
line-height: 1.3;
text-transform: uppercase;
color: var(--black-2);
padding-top: 50px;
padding-bottom: 10px
}
.client__role-3,
.portfolio__slide-2 .btn-common:hover {
color: var(--black-3)
}
.client__role-3 {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase
}
.portfolio__text {
font-size: 150px;
font-weight: 500;
color: var(--white);
text-transform: uppercase;
padding: 120px 0 50px;
opacity: 1
}
.portfolio__area {
position: relative;
overflow: hidden
}
.portfolio__area-2 {
overflow: hidden;
position: relative
}
.portfolio__area-2::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 84.6%;
top: 0;
background: var(--white-4);
z-index: 9
}
.portfolio__area-2 .swiper-slide-active .sec-title {
-webkit-animation: 1s .5s forwards wcfadeUp;
animation: 1s .5s forwards wcfadeUp
}
.portfolio__area-2 .swiper-slide-active p {
-webkit-animation: 1s .7s forwards wcfadeUp;
animation: 1s .7s forwards wcfadeUp
}
.portfolio__area-2 .swiper-slide-active .btn-common-wrap {
-webkit-animation: 1s .9s forwards wcfadeUp;
animation: 1s .9s forwards wcfadeUp
}
.portfolio__area-2 .sec-title-wrapper .sec-text {
font-size: 24px;
max-width: 410px;
text-align: left
}
.portfolio__area-2 .sec-title-3 {
font-weight: 400;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/1.png);
background-repeat: no-repeat;
background-position: 70% 25px;
display: inline-block;
padding-bottom: 120px;
padding-right: 320px
}
.portfolio__area-2 .sec-title-3 span {
display: block;
padding-left: 450px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.service__item-6 ul {
padding-bottom: 40px
}
.service__title-6 {
font-size: 32px;
padding-top: 15px
}
.service__btn-2#btn_wrapper,
.service__btn-2.btn_wrapper {
margin-top: 80px
}
.service__list-2 {
gap: 100px 60px
}
.service__list-6 {
padding-top: 60px;
position: sticky;
top: 40px
}
.service__content-3 {
padding-left: 30px
}
.service__detail-content {
grid-gap: 30px
}
.service-v2.pt-110,
.service-v3.pt-130,
.service-v4 .pt-130,
.service-v5.pt-140 {
padding-top: 150px
}
.service__hero-2 {
padding-bottom: 100px
}
.service__hero-2 .shape-1 {
right: 30px;
top: 200px;
width: 100px
}
.service__hero-left-2 img {
max-width: 200px
}
.service__hero-left-2 .image-1,
.service__hero-left-2 .image-3 {
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
.service__hero-left-2 .image-4 {
left: 278px
}
.service__hero-right-2 .title {
font-size: 55px;
padding-top: 30px
}
.service__hero-right-2 .title span {
padding-left: 120px
}
.service__hero-right-2 p {
margin-left: 200px
}
.service__hero-right-2 .scroll {
margin-left: 300px
}
.counter__area .pt-150 {
padding-top: 100px
}
.counter__area-3 {
background-color: var(--pink-4);
padding: 100px 0
}
.counter__area-3 .sec-sub-title {
display: none
}
.counter__item {
margin-left: -25px;
width: 259px;
height: 259px
}
.counter__number {
font-size: 72px
}
.counter__img-3 {
margin-top: 0
}
.choose-title {
font-size: 48px
}
.research__area {
background-position: 20px calc(100% - 100px);
padding-bottom: 50px
}
.research__area.pt-150 {
padding-top: 70px
}
.research__area .sec-title {
font-size: 40px
}
.research__area .sec-title-wrapper {
padding-bottom: 40px;
padding-right: 20px
}
.research__area .sec-title-wrapper p {
margin-left: 0
}
.research__area .sec-sub-title {
display: none
}
.research__tools {
padding-left: 0;
padding-bottom: 60px
}
.research__item:nth-child(odd) {
padding-left: 50px
}
.research__number span {
width: 160px;
height: 160px
}
.portfolio__text {
font-size: 110px
}
.portfolio__area-2 .sec-title-3 {
background-size: 260px;
background-position: 70% 20px;
padding-right: 200px;
padding-bottom: 90px
}
.portfolio__area-2 .sec-title-3 span {
padding-right: 0;
padding-left: 300px
}
}
.portfolio__area-3 .sec-sub-title {
text-transform: uppercase;
color: var(--white)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__item-6 ul {
padding-bottom: 50px;
-ms-grid-columns: 240px auto;
grid-template-columns: 240px auto
}
.service__title-2,
.service__title-3 {
font-size: 24px;
padding-bottom: 20px
}
.service__detail .sec-title,
.service__title-6 {
font-size: 30px
}
.service__btn-2#btn_wrapper,
.service__btn-2.btn_wrapper {
margin-top: 80px
}
.service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
margin-left: auto;
margin-right: 0
}
.service__list-2 {
gap: 90px 30px
}
.service__list-6 {
padding-top: 60px;
position: sticky;
top: 60px
}
.service__list-6 li {
padding-bottom: 20px
}
.service__list-6 li a {
font-size: 20px
}
.service__detail-content {
grid-gap: 30px
}
.service-v2.pt-110,
.service-v3.pt-130,
.service-v4 .pt-130,
.service-v5.pt-140 {
padding-top: 130px
}
.service__hero-2 {
padding-bottom: 90px
}
.service__hero-2 .shape-1 {
max-width: 80px;
right: 10px;
top: 200px
}
.service__hero-left-2 img {
max-width: 150px
}
.service__hero-left-2 .image-1,
.service__hero-left-2 .image-3 {
-webkit-transform: translateX(-25px);
transform: translateX(-25px)
}
.service__hero-left-2 .image-4 {
left: 225px;
bottom: 50px
}
.service__hero-right-2 .title {
font-size: 44px;
padding-bottom: 30px;
padding-top: 30px;
padding-left: 0
}
.service__hero-right-2 .title span {
padding-left: 90px
}
.service__hero-left-work img.image-2 {
margin-left: -40px
}
.service__hero-right-2 p {
margin-left: 90px
}
.service__hero-left-work img.image-3 {
margin-top: -100px;
margin-left: -90px;
max-width: 150px
}
.service__hero-left-work .image-4 {
left: 80px;
max-width: 140px
}
.service__hero-left-work img.image-1 {
margin-left: -90px;
max-width: 90px
}
.service__hero-right-2 .scroll {
margin-left: 220px;
margin-top: 60px
}
.counter__area-3 {
background-color: var(--pink-4);
padding: 90px 0
}
.counter__area-3 .sec-sub-title {
display: none
}
.counter__item {
margin-left: -27px;
width: 200px;
height: 200px
}
.counter__item p {
font-size: 18px;
line-height: 1.2
}
.counter__item-3 {
padding-bottom: 0
}
.counter__number {
font-size: 48px
}
.counter__img-3 {
margin-top: 0
}
.choose-title {
font-size: 40px
}
.research__area {
padding-bottom: 40px;
background-position: 0 210px;
background-size: 100px
}
.research__area.pt-150 {
padding-top: 60px
}
.research__area .sec-title {
padding-bottom: 30px
}
.research__area .sec-title-wrapper {
padding-bottom: 40px
}
.research__area .sec-title-wrapper p {
max-width: 100%
}
.research__area .sec-sub-title {
display: none
}
.research__tools {
padding-bottom: 60px
}
.portfolio__text {
font-size: 90px
}
.portfolio__area-2 .sec-title-3 {
background-size: 200px;
background-position: 95% 0;
padding-right: 100px;
padding-bottom: 90px
}
.portfolio__area-2 .sec-title-3 span {
padding-right: 0;
padding-left: 150px
}
.portfolio__area-3 .sec-sub-title {
padding-bottom: 50px
}
}
.portfolio__area-3 .swiper-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px
}
.portfolio__area-3 .swiper-btn div {
font-size: 20px;
color: var(--white);
border: 1px solid var(--white);
width: 50px;
height: 50px;
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;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9;
opacity: 0;
visibility: hidden
}
@media (max-width:1365px) {
.contact_wrap .link {
width: 130px;
height: 130px;
opacity: 1;
visibility: visible
}
.portfolio__area-3 .swiper-btn div {
opacity: 1;
visibility: visible;
top: calc(50% - 100px)
}
}
.portfolio__area-3 .swiper-btn div:hover {
color: var(--black-2);
background-color: var(--white)
}
.portfolio__area-3 .swiper-btn div.pp-prev {
left: 26px
}
.portfolio__area-3 .swiper-btn div.pp-next {
right: 0
}
.portfolio__area-3 .swiper-pagination {
width: 120px;
left: 370px;
top: 0;
bottom: unset;
font-weight: 400;
font-size: 60px;
line-height: 1;
color: var(--white)
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.portfolio__area-3 .swiper-pagination {
left: 300px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.portfolio__area-3 .swiper-pagination {
left: 180px
}
}
@media only screen and (max-width:767px) {
.portfolio__area-2,
.service__title-2,
.service__title-3 {
padding-bottom: 15px
}
.service__title-3 {
display: block;
font-size: 30px;
padding-bottom: 20px
}
.service__title-6 {
font-size: 30px
}
.service__btn-2#btn_wrapper,
.service__btn-2.btn_wrapper {
margin: 60px 0 0
}
.service__btn-3 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 30px
}
.service__btn-3 #btn_wrapper,
.service__btn-3 .btn_wrapper {
margin-left: -15px
}
.service__list-2 {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 60px
}
.service__list-3 {
padding-top: 40px
}
.service__list-6 {
padding-top: 60px
}
.service__list-6 li {
padding-bottom: 20px
}
.service__list-6 li a {
font-size: 20px
}
.service3__img-wrap {
display: none;
position: unset
}
.service__detail .sec-title {
font-size: 30px;
padding-bottom: 30px
}
.service__detail-circle {
display: none
}
.service__detail-img {
margin-top: 30px
}
.service__detail-img img.sd-shape {
right: 5px;
bottom: -30px
}
.service__detail-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 30px
}
.service-v2.pt-110,
.service-v3.pt-130,
.service-v4 .pt-130 {
padding-top: 120px
}
.service-v5.pt-140 {
padding-top: 120px;
padding-bottom: 40px
}
.service__hero-2 {
padding-bottom: 60px
}
.service__hero-2 .shape-1 {
width: 75px;
right: 6px;
top: 130px
}
.service__hero-inner-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.service__hero-left-2 {
-ms-grid-row: 2;
grid-row: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px
}
.service__hero-left-2 img {
max-width: 160px;
margin: 0
}
.service__hero-left-2 .image-1,
.service__hero-left-2 .image-2,
.service__hero-left-2 .image-3 {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.service__hero-left-2 .image-4 {
position: unset
}
.service__hero-right-2 {
-ms-grid-row: 1;
grid-row: 1
}
.service__hero-right-2 .title {
font-size: 44px;
padding-bottom: 20px;
padding-top: 0;
padding-left: 0
}
.service__hero-right-2 .title span {
padding-left: 60px
}
.service__hero-right-2 p {
font-size: 16px;
margin-left: 0
}
.expertise-banner-bg .service__hero-inner-2 {
grid-template-columns: auto;
padding: 0 15px
}
.service__hero-right-2 .scroll {
margin-left: 65px;
margin-top: 40px
}
.counter__area-3 {
background-color: var(--pink-4);
padding: 60px 0
}
.counter__area-3 .sec-sub-title {
display: none
}
.counter__wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px 10px
}
.counter__wrapper-2 {
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 50px
}
.counter__wrapper-3 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 50px 40px
}
.counter__item {
margin-left: 0;
width: 160px;
height: 160px
}
.counter__item p {
font-size: 16px;
line-height: 1.3;
padding: 0 7px
}
.counter__item-3 {
padding-bottom: 0;
text-align: center
}
.counter__item-3 p {
line-height: 1.2
}
.choose-title,
.counter__number {
font-size: 40px
}
.research__area {
background-size: 0
}
.research__area .sec-title-wrapper {
padding-right: 0;
padding-bottom: 40px;
text-align: center
}
.research__area .sec-title-wrapper p {
margin: 0 auto
}
.research__area .sec-sub-title {
display: none
}
.research__list {
padding-bottom: 35px
}
.research__tools {
padding-left: 0;
padding-bottom: 40px;
text-align: center
}
.research__item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.research__item:nth-child(odd) {
padding-left: 0
}
.research__number span {
width: 130px;
height: 130px;
font-size: 36px
}
.portfolio__text {
font-size: 45px;
padding: 50px 0
}
.portfolio__area-2::after {
z-index: unset
}
.portfolio__area-2 .sec-title-wrapper {
text-align: left
}
.portfolio__area-2 .sec-title-wrapper .sec-text {
font-size: 20px
}
.portfolio__area-2 .sec-title-3 {
background-size: 150px;
background-position: 60% 0;
padding-left: 0;
padding-bottom: 45px;
padding-right: 0
}
.portfolio__area-2 .sec-title-3 span {
padding-right: 0;
padding-left: 85px
}
.portfolio__area-3 .sec-sub-title {
padding-bottom: 45px
}
.portfolio__area-3 .swiper-pagination {
left: -22px;
padding-top: 10px
}
}
.portfolio__area-3 .swiper-pagination-total {
font-size: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: -50px
}
.contact__form_contact,
.portfolio__area-6 .zi-9 {
position: relative;
z-index: 9
}
.portfolio__area-6 .sec-title {
font-size: 120px;
padding-bottom: 20px
}
.portfolio__area-6 .sec-title-wrapper {
position: sticky;
top: 130px
}
.portfolio__area-6 .sec-title-wrapper p {
font-size: 18px;
line-height: 1.4;
padding-left: 110px;
position: relative
}
.portfolio__area-6 .sec-title-wrapper p::before {
position: absolute;
content: "";
width: 80px;
height: 1px;
background-color: var(--black-2);
left: 0;
top: 8px
}
.portfolio__area-6 .sec-sub-title {
font-size: 24px;
padding-bottom: 0
}
.portfolio__slider-2 {
position: relative;
height: 100vh
}
.portfolio__slider-2::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 50%;
top: 0;
background: var(--white-4);
z-index: 9
}
.portfolio__slider-2-pagination .swiper-pagination-bullets {
left: calc(100% - 135px);
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfolio__slider-2-pagination .swiper-pagination-bullet {
display: block;
margin: 15px 10px !important;
width: 50px;
height: 50px;
background: 0 0;
border: 1px solid #d6d6d6;
opacity: 1;
position: relative;
-webkit-transition: .3s;
transition: .3s
}
.portfolio__slider-2-pagination .swiper-pagination-bullet::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
left: 50%;
top: 50%;
border-radius: 50px;
background-color: #d6d6d6;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.portfolio__slider-2-pagination .swiper-pagination-bullet-active,
.portfolio__slider-2-pagination .swiper-pagination-bullet:hover {
border-color: var(--black-2)
}
.portfolio__slider-2-pagination .swiper-pagination-bullet-active::after,
.portfolio__slider-2-pagination .swiper-pagination-bullet:hover::after {
background-color: var(--black-2)
}
.hero10:hover::after,
.portfolio__nitem.active .pitem-bg,
.portfolio__slider-3:hover .swiper-btn div {
opacity: 1;
visibility: visible
}
.portfolio__slide-2 {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--white)
}
.portfolio__slide-2 .sec-title {
line-height: 1.1;
padding-bottom: 30px;
padding-left: 10px;
opacity: 0
}
.portfolio__slide-2 .sec-title a {
color: var(--black-2);
text-transform: capitalize
}
.portfolio__slide-2 .sec-title span {
display: block;
padding-left: 60px;
position: relative
}
.portfolio__slide-2 .sec-title span::before {
position: absolute;
content: "";
width: 60px;
height: 1px;
left: -10px;
top: 50%;
background-color: var(--black-2)
}
.portfolio__slide-2 .slide-img {
padding-right: 15px
}
.portfolio__slide-2 .slide-img img {
width: 100%
}
.pl-100,
.portfolio__slide-2 .slide-content,
.portfolio__wrapper-6 {
padding-left: 100px
}
.portfolio__slide-2 p {
max-width: 330px;
font-size: 18px;
line-height: 1.4;
padding-bottom: 50px;
opacity: 0
}
.portfolio__slide-2 .btn-common {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--black-2)
}
.portfolio-v4 .sec-title-2,
.portfolio__date,
.portfolio__info p,
.portfolio__slide-3 a:hover span,
.portfolio__title,
.portfolio__title-3,
.portfolio__title-6 {
color: var(--white)
}
.portfolio__slide-2 .btn-common i {
padding-left: 5px
}
.part h2,
.part p,
.portfolio__page .contact__form,
.portfolio__page .contact__text,
.portfolio__slide-2 .btn-common-wrap {
opacity: 0
}
.portfolio__slide-3 {
text-align: right;
padding-right: 110px
}
.portfolio__slide-3 a {
display: block;
color: var(--white)
}
.portfolio__item {
padding-bottom: 30px;
position: fixed;
top: 0;
left: 0;
z-index: 9;
scale: .5;
opacity: 0
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
.portfolio__item {
max-width: 70%;
margin: 0 auto
}
}
.portfolio__item:nth-child(2n) {
top: 50%
}
.portfolio__item:hover .portfolio__info {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.portfolio__item .img-box {
height: 100%
}
.portfolio__item img {
width: 100%
}
.portfolio__item-6 {
position: relative;
padding-bottom: 80px;
overflow: hidden
}
.portfolio__item-6 img {
max-width: 100%
}
.portfolio__item-6:hover .portfolio__content-6 {
right: 0;
opacity: 1;
visibility: visible
}
.portfolio__info {
width: 175px;
padding: 15px;
border-radius: 5px;
background-color: var(--black);
position: absolute;
right: 0;
bottom: 50px;
z-index: 1;
-webkit-transform: translateX(60px);
transform: translateX(60px);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
visibility: hidden
}
.portfolio__info p {
font-weight: 400;
font-size: 12px;
line-height: 1.3
}
.portfolio__title {
font-weight: 500;
font-size: 16px;
line-height: 1.3;
padding-bottom: 3px
}
.portfolio__title-3 {
font-weight: 500;
font-size: 180px;
line-height: 1;
text-transform: uppercase;
text-align: left;
padding-top: 80px;
position: absolute;
z-index: 5;
opacity: 0
}
.portfolio__title-3 span {
display: block;
padding-left: 200px
}
.portfolio__title-6 {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
padding-bottom: 5px
}
.portfolio__date {
font-weight: 400;
font-size: 14px;
line-height: 1.3
}
.portfolio__list-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
gap: 0 30px;
position: relative;
margin-bottom: 0
}
.portfolio__list-6 {
overflow-x: hidden;
overflow: hidden
}
.portfolio__pagination-6 {
padding-top: 430px;
padding-left: 110px;
font-weight: 300;
font-size: 19px;
line-height: 1.1;
color: var(--black-3);
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.portfolio__detail-info,
.portfolio__detail-text .fonts ul {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.portfolio__current {
font-weight: 300;
font-size: 60px;
line-height: 1.1;
color: var(--black)
}
.portfolio__btn#btn_wrapper,
.portfolio__btn.btn_wrapper {
margin: 0 auto
}
.portfolio__content-6 {
position: absolute;
top: 0;
right: 5%;
background-color: var(--black-2);
z-index: 9;
padding: 20px 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s
}
.portfolio__detail img {
width: 100%
}
.portfolio__detail-top .sec-title {
font-size: 120px
}
.portfolio__detail-info {
height: 100%;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.portfolio__detail-info ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 80px auto;
grid-template-columns: auto auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 25px 80px
}
.portfolio__detail-info ul li {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: var(--gray-8);
text-transform: capitalize
}
.portfolio__detail-info ul li a,
.portfolio__detail-info ul li span {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--black-3);
text-transform: capitalize
}
.portfolio__detail-thumb {
overflow: hidden;
position: relative;
width: 100%;
height: 70vh
}
.portfolio__detail-thumb img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 130%;
margin-left: auto;
margin-right: auto
}
.portfolio__detail-title {
max-width: 350px;
font-weight: 500;
font-size: 36px;
line-height: 1.1;
color: var(--black-2)
}
.portfolio-v5 .pb-100,
.portfolio__detail-text,
.portfolio__hero {
padding-bottom: 60px
}
.portfolio__detail-text p {
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: var(--black-3);
padding-bottom: 15px
}
.portfolio__detail-text li {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black-2);
padding-bottom: 5px
}
.portfolio__detail-text .fonts {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 70px 3.5fr;
grid-template-columns: 2fr 3.5fr;
gap: 70px;
padding-top: 60px;
padding-bottom: 85px
}
.portfolio__detail-text .fonts img {
width: auto
}
.portfolio__detail-text .fonts ul {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.portfolio__detail-text .fonts ul li {
font-weight: 500;
text-transform: capitalize;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr
}
.portfolio__detail-text .fonts ul .regular {
font-weight: 400;
color: var(--gray-9)
}
.portfolio__detail-text .fonts ul .medium {
color: var(--gray-10)
}
.portfolio__detail-text .fonts ul .semibold {
color: var(--black-3)
}
.portfolio__detail .block-thumb {
overflow: hidden;
position: relative;
width: 100%;
height: 65vh;
z-index: 9;
margin-bottom: 20px
}
.portfolio__detail .block-thumb img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto
}
.portfolio__detail .block-gallery {
overflow: hidden
}
.portfolio__detail .block-gallery img {
width: 50%;
float: left;
padding-bottom: 20px
}
.portfolio__detail .block-gallery img:nth-child(odd) {
padding-right: 10px
}
.btn-started i,
.btn-together i,
.btn-view i,
.portfolio__detail .block-gallery img:nth-child(2n) {
padding-left: 10px
}
.portfolio__detail .block-img-text {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1.3fr;
grid-template-columns: 1fr 1fr 1.3fr;
grid-gap: 20px
}
.portfolio__detail .block-img-text p,
.portfolio__detail-btns,
.portfolio__project .pp-slide-thumb,
.showcase4__content {
display: -webkit-box;
display: -ms-flexbox
}
.portfolio__detail .block-img-text p {
font-size: 18px;
line-height: 1.4;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 60px
}
@media only screen and (max-width:1199px) {
.service__hero-left-2.portfolio-detail-hero-img img {
max-width: 100%
}
}
.portfolio__detail .block-content {
position: relative;
z-index: 1
}
.portfolio__detail-btns {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfolio__detail-btns a {
margin: 0 -10px
}
.portfolio-v5.portfolio__project {
padding: 0
}
.portfolio-v5.portfolio__project .pp-next,
.portfolio-v5.portfolio__project .pp-prev,
.portfolio-v5.portfolio__project .pp-slide-thumb,
.portfolio-v5.portfolio__project .pp-slider-wrapper {
opacity: 1
}
.swiper-slide-active .portfolio__title-3 {
-webkit-animation: 1s .7s forwards wcfadeUp;
animation: 1s .7s forwards wcfadeUp
}
.bg_image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh
}
.circle-pagination,
.circle-pagination-2 {
width: 90px !important;
bottom: unset !important
}
.bg_image::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / .5);
z-index: 2;
content: ""
}
.bg_image img {
width: 120%
}
.row_bottom {
margin-top: 80vh
}
@keyframes wcSpinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
from {
-webkit-transform: rotate(0turn);
transform: rotate(0turn)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.portfolio__hero {
position: relative
}
.portfolio__hero .title {
font-weight: 600;
font-size: 230px;
line-height: .9;
text-align: center;
text-transform: uppercase;
color: var(--black-2);
opacity: 0
}
.portfolio__hero .title.shape-circle {
position: relative;
opacity: 0
}
.portfolio__hero .title.shape-circle::after {
position: absolute;
content: "";
width: 62px;
height: 62px;
right: -50px;
top: 75px;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/13.png);
background-repeat: no-repeat;
background-position: right;
-webkit-animation: 3s linear infinite wcSpinner;
animation: 3s linear infinite wcSpinner
}
.portfolio__hero .title.text-stroke {
-webkit-text-stroke: 1px var(--black-2);
color: #fff0;
margin: 0 -140px;
opacity: 0
}
.portfolio__hero .pp-thumb {
max-width: 100%;
position: absolute;
bottom: 0;
left: 14%
}
.portfolio__hero .btn-wrapper {
text-align: center;
position: relative;
z-index: 9;
margin-top: 30px
}
.portfolio__hero-area {
overflow: hidden;
position: relative;
padding-top: 200px;
background-color: var(--pink-6)
}
.portfolio__hero-area::after {
position: absolute;
content: "";
width: 100px;
height: 100px;
left: 80px;
bottom: 50px;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/15.png);
background-repeat: no-repeat;
-webkit-animation: 3s linear infinite wcZoom;
animation: 3s linear infinite wcZoom
}
.portfolio__about::after,
.portfolio__project::after {
position: absolute;
width: 200px;
font-weight: 700;
color: rgb(0 0 0 / .03);
right: 0;
line-height: 1;
text-transform: uppercase
}
.portfolio__about {
background-color: var(--purple);
position: relative;
overflow: hidden
}
.portfolio__about::after {
content: "ABOUT";
height: 100%;
top: -60px;
font-size: 250px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr
}
.portfolio__about-left {
position: relative;
height: 100%
}
.portfolio__about-left img {
position: absolute;
right: 100px;
bottom: 0;
opacity: 0
}
.portfolio__about .about-row {
margin-top: 150px;
border-top: 1px solid var(--purple-2);
border-bottom: 1px solid var(--purple-2)
}
.portfolio__about .sec-title {
max-width: 715px;
text-transform: uppercase;
opacity: 0
}
.portfolio__about .sec-title span {
display: block;
padding-left: 120px;
position: relative
}
.portfolio__about .sec-title span::before {
position: absolute;
content: "";
width: 90px;
height: 1px;
left: 0;
top: 30px;
background-color: var(--black-2)
}
.portfolio__about .sec-text p {
font-size: 18px;
line-height: 1.4;
color: var(--black-2);
padding-bottom: 70px;
opacity: 0
}
.portfolio__project {
padding: 60px 0;
position: relative;
overflow: hidden;
background-color: var(--white)
}
.portfolio__project::after {
content: "work";
height: 100%;
top: -100px;
font-size: 250px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr
}
.portfolio__project .pp-title {
font-weight: 500;
font-size: 18px;
line-height: 1.5;
text-transform: uppercase;
color: var(--black);
opacity: 0
}
.portfolio__project .pp-slider-wrapper {
padding-left: 200px;
padding-right: 100px;
position: relative;
opacity: 0;
z-index: 1
}
.portfolio__project .pp-slide {
overflow: hidden;
padding: 80px 0 80px 80px
}
.portfolio__project .pp-slide-img {
background-color: var(--green);
max-width: 470px;
max-height: 650px
}
.portfolio__project .pp-slide-img img {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
max-width: 100%
}
.portfolio__project .swipper-btn {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
text-transform: uppercase;
color: var(--black-2);
position: relative
}
.portfolio__project .pp-prev {
position: absolute;
top: calc(50% - 12px);
right: 0;
z-index: 9;
opacity: 0
}
.portfolio__project .pp-prev::after {
position: absolute;
content: "";
width: 50px;
height: 1px;
top: 13px;
left: -55px;
background-color: var(--black-2)
}
.portfolio__project .pp-next {
position: absolute;
top: calc(50% - 12px);
left: 60px;
z-index: 9;
opacity: 0
}
.portfolio__project .pp-next::after {
position: absolute;
content: "";
width: 50px;
height: 1px;
top: 13px;
left: 45px;
background-color: var(--black-2)
}
.portfolio__project .pp-slide-title {
font-weight: 500;
font-size: 36px;
line-height: 1.3;
text-align: right;
text-transform: uppercase;
color: var(--black-2)
}
.content,
.portfolio__service .ps-btn,
.portfolio__slide-7 {
text-align: center
}
.portfolio__project .pp-slide-thumb {
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 300px;
margin-left: auto;
opacity: 0
}
.portfolio__project .pp-slide-thumb p {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
text-align: right;
text-transform: uppercase;
color: var(--black-3);
padding-top: 15px
}
.portfolio__project-thumbs {
height: 100%;
margin-right: -150px
}
.portfolio__service {
background-color: var(--green-2);
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/17.png);
background-repeat: no-repeat;
background-position: bottom right
}
.portfolio__service .sec-title {
max-width: 350px;
text-indent: 80px;
text-transform: uppercase;
opacity: 0
}
.portfolio__service .sec-text {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/14.png);
background-repeat: no-repeat;
background-position: 0 80px;
opacity: 0
}
.portfolio__service .sec-text p {
max-width: 320px;
font-size: 18px;
line-height: 1.4;
color: var(--black-13);
padding-top: 150px;
opacity: 0
}
.portfolio__service-list {
padding-top: 62px
}
.portfolio__service-item {
padding: 40px;
border: 1.3px solid var(--black-2);
border-radius: 21px;
position: relative;
-webkit-transition: .3s;
transition: .3s;
opacity: 0
}
.portfolio__service-item::after {
position: absolute;
content: "";
width: 23px;
height: 76px;
right: -2px;
top: calc(50% - 38px);
background: var(--black-2);
-webkit-transition: .3s;
transition: .3s;
border-radius: 15px 0 0 15px
}
.content p,
.portfolio__service-item:hover .ps-title,
.portfolio__service-item:hover ul li,
.showcase5_bottom span {
color: var(--white)
}
.portfolio__service-item:hover::after {
width: calc(100% + 1px);
height: calc(100% + 1px);
right: -1px;
top: 0;
border-radius: 15px
}
.portfolio__service-item .ps-title {
font-weight: 500;
font-size: 24px;
line-height: 1.5;
text-transform: uppercase;
color: var(--black-2);
padding-bottom: 20px;
-webkit-transition: .3s;
transition: .3s
}
.dir-rtl .header__nav-icon-3 .search-icon,
.portfolio__service-item ul {
padding-left: 50px
}
.portfolio__service-item ul li {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--black-2);
-webkit-transition: .3s;
transition: .3s
}
.portfolio__service .ps-btn a {
font-weight: 300;
font-size: 18px;
line-height: 1.5;
color: var(--black-2);
border: 1.3px solid var(--black-2);
border-radius: 35px;
display: inline-block;
padding: 10px 40px;
margin-top: 70px;
opacity: 0
}
.portfolio__service .ps-btn a strong {
font-weight: 400;
text-transform: capitalize
}
.portfolio-section {
height: 100vh
}
.portfolio__page .swiper-slide-active .contact__form,
.portfolio__page .swiper-slide-active .pf-contact ul li,
.portfolio__page .swiper-slide-active .portfolio__project .pp-slide-thumb,
.portfolio__page .swiper-slide-active .portfolio__service-item,
.portfolio__page .swiper-slide-active .pp-prev,
.portfolio__page .swiper-slide-active .title {
-webkit-animation: 1s .6s forwards wcfadeUp;
animation: 1s .6s forwards wcfadeUp
}
.portfolio__page .swiper-slide-active .pf-title,
.portfolio__page .swiper-slide-active .pp-title,
.portfolio__page .swiper-slide-active .sec-title,
.portfolio__page .swiper-slide-active .shape-circle {
-webkit-animation: 1s .2s forwards wcfadeUp;
animation: 1s .2s forwards wcfadeUp
}
.portfolio__page .swiper-slide-active .contact__text,
.portfolio__page .swiper-slide-active .pf-contact h3,
.portfolio__page .swiper-slide-active .portfolio__about-left img,
.portfolio__page .swiper-slide-active .portfolio__project .pp-slider-wrapper,
.portfolio__page .swiper-slide-active .portfolio__service .sec-text,
.portfolio__page .swiper-slide-active .pp-next,
.portfolio__page .swiper-slide-active .sec-text p,
.portfolio__page .swiper-slide-active .text-stroke {
-webkit-animation: 1s .4s forwards wcfadeUp;
animation: 1s .4s forwards wcfadeUp
}
.portfolio__page .swiper-slide-active .pf-social h3,
.portfolio__page .swiper-slide-active .ps-btn a {
-webkit-animation: 1s .8s forwards wcfadeUp;
animation: 1s .8s forwards wcfadeUp
}
.portfolio__page .swiper-slide-active .pf-social ul li {
-webkit-animation: 1s 1s forwards wcfadeUp;
animation: 1s 1s forwards wcfadeUp
}
@media (max-width:1300px) {
.portfolio__main-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.portfolio-section {
height: auto
}
.swiper-slide .contact__form,
.swiper-slide .pf-contact ul li,
.swiper-slide .portfolio__project .pp-slide-thumb,
.swiper-slide .portfolio__service-item,
.swiper-slide .pp-prev,
.swiper-slide .title {
-webkit-animation: 1s .6s forwards wcfadeUp;
animation: 1s .6s forwards wcfadeUp
}
.swiper-slide .pf-title,
.swiper-slide .pp-title,
.swiper-slide .sec-title,
.swiper-slide .shape-circle {
-webkit-animation: 1s .2s forwards wcfadeUp;
animation: 1s .2s forwards wcfadeUp
}
.swiper-slide .contact__text,
.swiper-slide .pf-contact h3,
.swiper-slide .portfolio__about-left img,
.swiper-slide .portfolio__project .pp-slider-wrapper,
.swiper-slide .portfolio__service .sec-text,
.swiper-slide .pp-next,
.swiper-slide .sec-text p,
.swiper-slide .text-stroke {
-webkit-animation: 1s .4s forwards wcfadeUp;
animation: 1s .4s forwards wcfadeUp
}
.swiper-slide .pf-social h3,
.swiper-slide .ps-btn a {
-webkit-animation: 1s .8s forwards wcfadeUp;
animation: 1s .8s forwards wcfadeUp
}
.swiper-slide .pf-social ul li {
-webkit-animation: 1s 1s forwards wcfadeUp;
animation: 1s 1s forwards wcfadeUp
}
}
.circle-pagination {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.circle-pagination.left {
left: 50px !important
}
.circle-pagination.right {
left: calc(100% - 135px) !important
}
.circle-pagination button.swiper-pagination-bullet {
position: relative;
width: auto;
height: auto;
margin: 10px 0 !important;
background-color: #fff0;
border-radius: 50%;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
border: 1px solid rgb(0 0 0 / .3)
}
.hero10,
.img-box img {
-webkit-transition: .5s
}
.circle-pagination .swiper-pagination-bullet span {
position: absolute;
width: 6px;
height: 6px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--black-2);
border-radius: 100%
}
.circle-pagination .circle-progress {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 50px;
height: 50px
}
.circle-pagination .circle-origin {
fill: #fff0;
stroke: var(--black-2);
stroke-width: 1;
stroke-linecap: round;
stroke-dasharray: 156px;
stroke-dashoffset: 156px
}
.circle-pagination .swiper-pagination-bullet-active .circle-origin {
-webkit-animation: 5s backwards progress;
animation: 5s backwards progress
}
@-webkit-keyframes progress {
0% {
stroke-dashoffset: 156px
}
90% {
stroke-dashoffset: 0
}
100% {
stroke-dashoffset: -156px
}
}
@keyframes progress {
0% {
stroke-dashoffset: 156px
}
90% {
stroke-dashoffset: 0
}
100% {
stroke-dashoffset: -156px
}
}
.circle-pagination-2 {
top: 50%;
left: 30px !important;
-webkit-transform: translateY(-45%);
transform: translateY(-45%)
}
.circle-pagination-2 .swiper-pagination-bullet {
width: 50px;
height: 50px;
background-color: #fff0;
border: 1px solid var(--black-2);
position: relative;
margin: 10px 0 !important
}
.circle-pagination-2 .swiper-pagination-bullet::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
background-color: var(--black-2);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100%
}
.solution__img-1::after,
.solution__img-2::after {
top: 0;
border: 1px solid var(--white-6);
z-index: -1;
position: absolute;
width: 100%;
content: ""
}
.img-box {
position: relative;
width: 100%;
height: 500px;
overflow: hidden
}
.img-box img {
position: absolute;
top: 0;
left: 0;
width: auto;
height: 100%;
transition: .5s;
background-size: cover
}
.img-box img:first-child {
-webkit-transform: translatex(50%) scalex(2);
transform: translatex(50%) scalex(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px)
}
.img-box:hover img:nth-child(2) {
-webkit-transform: translatex(-50%) scalex(2);
transform: translatex(-50%) scalex(2);
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px)
}
.img-box:hover img:first-child {
-webkit-transform: translatex(0) scalex(1);
transform: translatex(0) scalex(1);
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
.row.reset-grid {
--bs-gutter-x: 60px
}
.solution__area {
padding-left: 100px;
position: relative
}
.solution__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.3fr 1.7fr 1fr;
grid-template-columns: 1.3fr 1.7fr 1fr
}
.solution__mid p {
max-width: 580px;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: var(--black-3);
padding-left: 190px;
position: relative
}
.hero__area-10 .swiper-button-next.hero_next:hover,
.hero__area-10 .swiper-button-prev.hero_prev:hover,
.solution__btm li,
.solution__title {
color: var(--black-2)
}
.solution__mid p::before {
position: absolute;
content: "";
width: 140px;
height: 1px;
left: 0;
top: 10px;
background-color: var(--black-2)
}
.solution__right {
padding-top: 260px
}
.solution__title {
font-weight: 600;
font-size: 150px;
line-height: 1;
padding-top: 280px;
padding-bottom: 20px
}
.solution__img-1 {
display: inline-block;
position: relative
}
.solution__img-1::after {
height: calc(100% + 10px);
left: 40px;
border-radius: 0 0 290px 230px
}
.solution__img-2,
.solution__img-3 {
position: relative;
float: right;
margin-top: 60px
}
.solution__img-2::after {
height: 100%;
right: 30px;
border-radius: 200px
}
.solution__img-3::after {
position: absolute;
content: "";
width: calc(100% + 20px);
height: 100%;
right: 0;
top: -30px;
border: 1px solid var(--white-6);
border-radius: 280px 0 0 200px;
z-index: -1
}
.dir-rtl .accordion-button,
.dir-rtl .portfolio__area-2 .sec-title-wrapper .sec-text,
.dir-rtl .portfolio__title-3,
.dir-rtl li,
.solution__btm ul {
text-align: right
}
.solution__btm li {
display: inline;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
padding-right: 40px;
position: relative
}
.solution__btm li:last-child {
padding-right: 0
}
.solution__btm li::after {
position: absolute;
content: "";
width: 5px;
height: 5px;
left: -20px;
top: 12px;
background-color: var(--black-2)
}
.solution__btm li:first-child::after {
position: unset
}
.solution__shape .shape-1 {
left: 80%;
top: 25%
}
.solution__shape .shape-2 {
left: 10%;
top: 75%
}
.solution__shape .shape-3 {
left: 33%;
top: 45%
}
.solution__shape .shape-4 {
left: 72%;
top: 70%
}
.solution__shape .shape-5 {
top: 42%;
left: 68%;
z-index: -1
}
.header__area-9 {
position: absolute;
left: 0;
right: 0;
z-index: 9
}
.buttons,
.content {
position: absolute;
z-index: 99
}
.content {
color: #fff;
bottom: 120px;
left: 50px;
font-size: .8em;
text-transform: uppercase
}
.hero9_title {
font-size: 80px;
font-weight: 500;
margin-bottom: 30px
}
.hero9_title span {
position: relative;
padding-left: 30px
}
.hero9_title span::before {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -20%;
height: 2px;
width: 70px;
background-color: var(--white)
}
.content a {
color: rgb(227 227 227 / .78);
border-bottom: 1px solid currentColor
}
.content a:hover {
padding-bottom: 1px
}
.buttons {
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.buttons button {
border: none;
background: url(https://raw.githubusercontent.com/Rajacharles/GSAP-Fullscreen-Slider/master/images/down-arrow.png) center no-repeat;
width: 10px;
height: 30px;
display: block;
margin: 20px 0;
padding: 0 15px;
-webkit-transition-duration: .6s;
transition-duration: .6s
}
.buttons button.next {
-webkit-transform: scaleY(-1);
transform: scaleY(-1)
}
.buttons button.next:active {
-webkit-transform: scaleY(-1) translateY(8px);
transform: scaleY(-1) translateY(8px)
}
.buttons button.prev:active {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
#main .part {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.hero__area-10 .swiper-button-next.hero_next,
.hero__area-10 .swiper-button-prev.hero_prev {
top: unset;
color: var(--black-3);
-webkit-box-pack: justify;
position: absolute;
text-transform: uppercase
}
#main .part .section img {
width: 100vw;
height: 100vh;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: var(--x);
pointer-events: none
}
.section {
display: block;
width: 100%;
height: 100%
}
.part:first-child h2 {
display: block;
top: 45% !important;
left: 49% !important;
position: absolute;
z-index: 9999999999999 !important;
width: 500px;
background: 0 0;
height: 400px
}
#header_10 {
position: static;
background: 0 0
}
.hero__area-10 .swiper.hero10_activition {
padding-bottom: 110px
}
.hero__area-10 .swiper-button-prev.hero_prev {
bottom: 40px;
width: 85px;
left: 0;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: .3s;
transition: .3s
}
.hero__area-10 .swiper-button-prev.hero_prev:hover img {
margin-left: 10px
}
.hero__area-10 .swiper-button-prev.hero_prev img {
-webkit-transition: .3s;
transition: .3s;
max-width: 100%
}
.hero__area-10 .swiper-button-next.hero_next {
bottom: 40px;
right: 0;
width: 85px;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: .3s;
transition: .3s
}
.hero__area-10 .swiper-button-next.hero_next:hover img {
margin-right: 10px
}
.hero__area-10 .swiper-button-next.hero_next img {
-webkit-transition: .3s;
transition: .3s;
max-width: 100%
}
.hero__area-10 .increase-dash {
font-size: 6px;
width: 90px;
background: var(--black);
height: 1px;
color: #1c1d20
}
.hero__area-10 .hero10_activition .swiper-pagination-current {
position: relative;
display: inline-block;
width: 22px
}
.hero__area-10 .hero10_activition .swiper-pagination-current::before {
content: "0";
position: absolute;
left: -5px
}
.hero__area-10 .hero10_activition .swiper-pagination-total {
position: relative;
display: inline-block;
width: 48px
}
.hero__area-10 .hero10_activition .swiper-pagination-total::before {
content: "0";
position: absolute;
left: 8px
}
.hero__area-10 .hero10_activition .swiper-pagination {
color: var(--black);
width: 190px;
left: 50%;
bottom: 50px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.hero10 {
position: relative;
overflow: hidden;
z-index: 2;
transition: .5s
}
.hero10::after,
.hero10__content {
-webkit-transition: .5s;
position: absolute
}
.hero10::after {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .5s;
background: rgb(0 0 0 / .3)
}
.hero10:hover .hero10__content i {
opacity: 1;
-webkit-transform: translateY(-50px) rotate(-45deg);
transform: translateY(-50px) rotate(-45deg)
}
.hero10:hover .hero10__content__name,
.hero10:hover .hero10__content__title {
opacity: 1;
-webkit-transform: translateY(-50px);
transform: translateY(-50px)
}
.hero10:hover .hero10__thumb img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.hero10__thumb img {
width: 100%;
-webkit-transition: 5s;
transition: 5s;
-webkit-transform: scale(1);
transform: scale(1)
}
.hero10__content {
color: var(--white);
left: 40px;
z-index: 9;
bottom: 0;
transition: .5s
}
.hero10__content i {
color: var(--white);
font-size: 24px;
margin-bottom: 35px;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}
.hero10__content__title {
font-weight: 500;
font-size: 45px;
line-height: 1;
text-transform: uppercase;
color: var(--white);
opacity: 0;
-webkit-transition: .5s 0.1s;
transition: .5s 0.1s;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
.btn-together,
.hero10__content__name {
-webkit-transition: .5s;
text-transform: uppercase
}
.hero10__content__title span {
display: block;
font-weight: 400
}
.hero10__content__name {
color: var(--white);
font-size: 14px;
font-weight: 500;
margin-bottom: 7px;
display: inline-block;
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
transition: .5s
}
@media (max-width:1365px) {
.portfolio__area-3 .swiper-btn div.pp-next {
right: -24px
}
.hero__area-10 .swiper-button-prev.hero_prev img,
.hero__area-10 .swiper-button-prev.hero_prev:hover img {
margin-left: 0
}
.hero__area-10 .swiper-button-next.hero_next img,
.hero__area-10 .swiper-button-next.hero_next:hover img {
margin-right: 0
}
.hero10__content i {
opacity: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.hero10__content__title {
font-size: 36px;
opacity: 1
}
.hero10__content__name {
opacity: 1
}
}
.hero10__content__date {
font-size: 14px;
font-weight: 500;
color: var(--white)
}
.logo17,
.showcase4 {
margin-bottom: 90px
}
.showcase4 .showcase5_content {
position: absolute;
bottom: 50px;
left: 50px;
color: var(--white)
}
.showcase4__thumb {
display: inline-block;
overflow: hidden;
position: relative;
width: 100%;
height: 500px
}
.showcase4__thumb img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 130%;
margin-left: auto;
margin-right: auto
}
.showcase4__content {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px
}
.showcase4__content h2 {
color: var(--black-2);
font-size: 24px;
line-height: 1;
font-weight: 500;
text-transform: uppercase
}
.showcase4__content h2 span {
color: var(--black-2);
padding-left: 35px;
position: relative
}
.showcase4__content h2 span::before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 30px;
background-color: var(--black-13)
}
.showcase4__content h2 span.before_content_two {
padding-left: 65px;
color: var(--white)
}
.showcase4__content h2 span.before_content_two::before {
width: 55px;
background-color: var(--white)
}
.showcase4__content span {
text-transform: uppercase;
color: var(--black-13)
}
.plr-50 {
padding: 0 50px
}
.work12__title {
margin: 0 0 80px auto
}
.hero__area-12 {
overflow: hidden;
height: 100%;
padding: 100px 30px 0
}
.hero__area-12 .swiper-horizontal>.swiper-pagination-bullets,
.hero__area-12 .swiper-pagination-bullets.swiper-pagination-horizontal,
.hero__area-12 .swiper-pagination-custom,
.hero__area-12 .swiper-pagination-fraction {
bottom: 81px;
left: 0;
width: 100%
}
.hero__area-12 .swiper-pagination-bullet-active {
outline: #121212 solid 1px;
outline-offset: 4px;
background: #121212
}
.hero__area-15 .gallary__thumb,
.showcase__content-16 .bg {
background-size: cover;
background-position: center;
height: 100%
}
.hero__area-12 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.hero__area-12 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 11px
}
.hero__area-12 .gallery-slider {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 80px
}
.hero__area-12 .gallery-thumbs {
position: absolute;
width: 300px;
height: 100%;
top: 0;
right: 0
}
.hero__area-12 .gallery-thumbs .swiper-slide-active {
opacity: 1
}
.hero__area-12 .gallery-thumbs .swiper-slide img {
width: 150px
}
.hero__area-12 .gallery-slider .swiper-slide {
width: auto
}
.gallary12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: center
}
.gallary12__thumb {
height: 575px;
max-width: 865px
}
.gallary12__thumb img {
width: 100%;
height: inherit;
-o-object-fit: cover;
object-fit: cover
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet {
margin: 10px !important
}
.portfolio__pagination-6 {
padding-top: 330px
}
.portfolio__hero .title {
font-size: 180px
}
.portfolio__project .pp-slide-img {
max-width: 430px;
max-height: 600px
}
.portfolio__project-thumbs {
margin-right: -50px
}
.portfolio__main-wrapper .pp-title-wrap {
-webkit-transform: translateY(40px);
transform: translateY(40px)
}
.circle-pagination-2 {
left: 0 !important;
width: 63px !important
}
.solution__mid {
padding-left: 50px
}
.solution__mid p {
padding-left: 110px;
max-width: 480px
}
.solution__mid p::before {
width: 100px
}
.solution__title {
font-size: 98px;
padding-top: 200px
}
.solution__img-1 img {
max-width: 400px
}
.solution__img-3 img {
max-width: 360px
}
.hero__area-10 .swiper-button-next.hero_next,
.hero__area-10 .swiper-button-prev.hero_prev {
bottom: 25px
}
.hero__area-10 .hero10_activition .swiper-pagination {
bottom: 30px
}
.showcase4__thumb {
height: 400px
}
.gallary12__thumb {
max-width: 850px
}
}
.gallary12__content {
text-transform: uppercase;
-ms-flex-preferred-size: 28%;
flex-basis: 28%;
opacity: 0;
-webkit-transition: .7s;
transition: .7s
}
.gallary12__content img {
display: block;
text-align: left;
margin-bottom: 40px
}
.gallary12__content__title {
font-size: 60px;
color: var(--black-2)
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet {
margin: 10px !important
}
.portfolio__title-3 {
font-size: 130px
}
.portfolio__title-3 span {
padding-left: 120px
}
.portfolio__pagination-6 {
padding-top: 130px
}
.portfolio-v5 .pb-100 {
padding-bottom: 0
}
.portfolio__hero .title {
font-size: 160px
}
.portfolio__hero .title.shape-circle::after {
top: 60px
}
.portfolio__hero .pp-thumb {
max-width: 780px;
left: 17%
}
.portfolio__about::after {
font-size: 230px;
top: 0
}
.portfolio__about .about-row {
margin-top: 60px
}
.portfolio__about .sec-text p {
padding-bottom: 50px
}
.portfolio__project {
padding-top: 120px
}
.portfolio__project::after {
top: -60px;
font-size: 230px
}
.portfolio__project .pp-slider-wrapper {
padding-left: 160px
}
.portfolio__project .pp-slide {
padding: 80px 0 80px 120px
}
.portfolio__project .pp-slide-img {
max-width: 330px;
max-height: 450px
}
.portfolio__project-thumbs {
margin-right: -50px
}
.portfolio__service .sec-text {
background-position: 0 20px
}
.portfolio__service .sec-text p {
padding-top: 60px
}
.portfolio__service .ps-btn a {
margin-top: 50px
}
.circle-pagination-2 {
left: 0 !important
}
.img-box {
height: 425px
}
.row.reset-grid {
--bs-gutter-x: 40px
}
.solution__mid p {
padding-left: 80px
}
.solution__mid p::before {
width: 70px
}
.solution__title {
padding-top: 150px;
font-size: 75px
}
.solution__img-1 img,
.solution__img-3 img {
max-width: 300px
}
.hero10__thumb {
height: 470px
}
.showcase4__thumb {
height: 400px
}
.gallary12__thumb {
height: 520px;
max-width: 750px
}
.gallary12__content {
-ms-flex-preferred-size: 32%;
flex-basis: 32%
}
.gallary12__content__title {
font-size: 48px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.portfolio__slider-2-pagination .swiper-pagination-bullets {
left: calc(100% - 60px)
}
.portfolio__slider-2-pagination .swiper-pagination-bullet {
width: 30px;
height: 30px;
margin: 10px !important
}
.portfolio__slide-2 .slide-content {
padding-left: 60px
}
.portfolio__slide-3 {
padding-right: 0
}
.portfolio__slide-3 img {
width: 60%
}
.portfolio__info {
opacity: 1;
visibility: visible;
right: 45px
}
.portfolio__title-3 {
font-size: 120px
}
.portfolio__about .sec-title span,
.portfolio__title-3 span {
padding-left: 100px
}
.portfolio__pagination-6 {
padding-top: 180px
}
.portfolio__detail-top .pt-110 {
padding-top: 140px
}
.portfolio__detail-top .sec-title {
font-size: 90px
}
.portfolio__detail-thumb {
overflow: hidden;
width: 100%;
height: auto;
position: unset
}
.portfolio__detail-thumb img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
.portfolio__detail-text .fonts {
-ms-grid-columns: 1fr 30px 2fr;
grid-template-columns: 1fr 2fr;
gap: 30px;
padding-bottom: 30px
}
.portfolio__detail-text .fonts img {
width: 100%
}
.portfolio__detail .block-img-text p {
padding-left: 0
}
.portfolio-v2.pt-150,
.portfolio-v3 .pt-100,
.portfolio-v4 .pt-100,
.portfolio-v5 .pt-100 {
padding-top: 150px
}
.portfolio-v5 .pb-100 {
padding-bottom: 0
}
.portfolio-v5.portfolio__project .line {
padding-top: 70px
}
.portfolio__hero .title {
font-size: 140px
}
.portfolio__hero .title.shape-circle::after {
right: -10px;
top: 35px
}
.portfolio__hero .pp-thumb {
max-width: 600px
}
.portfolio__project::after {
font-size: 200px
}
.portfolio__project .pp-slider-wrapper {
padding-left: 160px
}
.portfolio__project .pp-slide {
padding: 60px
}
.portfolio__project .pp-slide-title {
font-size: 30px
}
.portfolio__project-thumbs {
margin-right: -20px
}
.portfolio__service .sec-title {
text-indent: 40px;
max-width: 400px
}
.portfolio__service .sec-text {
background-size: 100%;
background-position: 0 40px
}
.portfolio__service .sec-text p {
padding-top: 100px
}
.portfolio__service-item ul {
padding-left: 30px
}
.circle-pagination.right {
left: calc(100% - 90px) !important
}
.circle-pagination-2 {
left: 0 !important
}
.img-box {
height: 340px
}
.row.reset-grid {
--bs-gutter-x: 30px
}
.solution__mid {
padding-left: 20px
}
.solution__mid p {
padding-left: 50px
}
.solution__mid p::before {
width: 40px
}
.solution__title {
padding-top: 150px;
font-size: 72px
}
.solution__img-1 {
margin-left: 30px
}
.solution__img-1 img {
max-width: 240px
}
.solution__img-3 img {
max-width: 220px
}
.hero10__thumb {
height: 470px
}
.showcase4 {
margin-bottom: 50px
}
.showcase4__thumb {
height: unset
}
.showcase4__thumb img {
position: unset;
height: auto
}
.gallary12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.gallary12__thumb {
height: 460px;
max-width: 560px
}
.gallary12__content {
-ms-flex-preferred-size: 30%;
flex-basis: 30%
}
.gallary12__content__title {
font-size: 36px
}
}
.gallary12__content__name {
color: var(--black-2)
}
.title_right.w-300 {
width: 300px
}
.showcase5_title {
font-size: 80px !important;
margin-bottom: 20px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__area-3 .swiper-pagination,
.portfolio__project .pp-next {
left: 0
}
.portfolio__area-6 .line,
.portfolio__hero-area {
padding-top: 160px
}
.portfolio__area-6 .sec-title-wrapper p {
padding-left: 60px;
padding-right: 30px
}
.portfolio__area-6 .sec-title-wrapper p::before {
width: 50px
}
.portfolio__slider-2-pagination .swiper-pagination-bullets {
left: calc(100% - 45px)
}
.portfolio__slider-2-pagination .swiper-pagination-bullet {
width: 25px;
height: 25px;
margin: 5px !important
}
.portfolio__slide-2 .slide-content {
padding-left: 0;
padding-right: 60px
}
.portfolio__slide-3 {
padding-right: 0
}
.portfolio__slide-3 img {
width: 60%
}
.portfolio__detail .block-img-text p,
.portfolio__wrapper-6 {
padding-left: 0
}
.portfolio__item-6 {
padding-bottom: 50px
}
.portfolio__info {
opacity: 1;
visibility: visible;
right: 45px
}
.portfolio__hero .title,
.portfolio__title-3 {
font-size: 100px
}
.portfolio__title-3 span {
padding-left: 80px
}
.portfolio__pagination-6 {
padding-top: 180px;
padding-left: 60px
}
.portfolio__detail-top .sec-title {
font-size: 72px;
padding-top: 90px
}
.portfolio__detail-info ul {
-ms-grid-columns: 1fr 50px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 20px 50px
}
.portfolio__detail-thumb {
overflow: hidden;
width: 100%;
height: auto;
position: unset
}
.portfolio__detail-thumb img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
.portfolio__detail-title {
font-size: 30px
}
.portfolio__detail-text .fonts {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 30px;
padding-top: 40px;
padding-bottom: 0
}
.portfolio__detail .block-thumb {
overflow: hidden;
position: relative;
width: 100%;
height: auto
}
.portfolio__detail .block-thumb img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
.portfolio-v2.pt-150,
.portfolio-v3 .pt-100,
.portfolio-v4 .pt-100,
.portfolio-v5 .pt-100 {
padding-top: 130px
}
.portfolio-v5 .pb-100 {
padding-bottom: 0
}
.portfolio-v5.portfolio__project .line {
padding-top: 60px
}
.portfolio__hero .title.shape-circle::after {
top: 12px;
right: 0
}
.portfolio__hero .pp-thumb {
max-width: 500px;
left: 10%
}
.portfolio__hero .btn-wrapper {
margin-top: 200px
}
.portfolio__about::after {
font-size: 200px
}
.portfolio__about-left img {
right: 0;
max-width: 180px
}
.portfolio__about .about-row {
margin-top: 60px
}
.portfolio__about .sec-title {
padding-bottom: 40px
}
.portfolio__about .sec-title span::before {
top: 20px
}
.portfolio__project::after {
font-size: 180px;
top: -50px
}
.portfolio__project .pp-slider-wrapper {
padding-left: 40px;
padding-right: 40px
}
.portfolio__project .pp-slide {
padding: 50px
}
.portfolio__project .pp-slide-title {
font-size: 24px
}
.portfolio__project-thumbs {
margin-right: -10px
}
.portfolio__service .sec-title {
text-indent: 40px
}
.portfolio__service .sec-text {
background-position: 0 30px;
background-size: 100%
}
.portfolio__service .sec-text p {
padding-top: 70px
}
.portfolio__service-item {
padding: 20px
}
.portfolio__service-item .ps-title {
font-size: 20px;
line-height: 1.3
}
.portfolio__service-item ul {
padding-left: 10px
}
.circle-pagination.right {
left: calc(100% - 80px) !important
}
.circle-pagination button.swiper-pagination-bullet {
margin: 5px 0 !important
}
.img-box {
height: auto
}
.row.reset-grid {
--bs-gutter-x: 20px
}
.solution__area {
padding-left: 10px;
padding-top: 150px
}
.solution__wrapper {
grid-template-columns: repeat(12, 1fr)
}
.solution__left {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7
}
.solution__mid {
padding-left: 0;
grid-column: 7/-1;
-ms-grid-row: 1;
grid-row: 1;
padding-right: 10px;
}
.solution__mid p {
padding-left: 50px
}
.solution__mid p::before {
width: 40px
}
.solution__right {
padding-top: 0;
grid-column: 1/-1;
-ms-grid-row: 2;
grid-row: 2;
padding-bottom: 30px
}
.solution__title {
padding-top: 60px;
font-size: 60px
}
.solution__img-1 img,
.solution__img-3 img {
max-width: 260px
}
.hero10__thumb {
height: 470px
}
.showcase4 {
margin-bottom: 50px
}
.showcase4__thumb {
height: unset
}
.showcase4__thumb img {
position: unset;
height: auto
}
.gallary12__thumb {
height: 380px;
max-width: 570px
}
.gallary12__content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px
}
.gallary12__content img {
margin-bottom: 20px
}
.gallary12__content__title {
font-size: 30px
}
.gallary12__content__title br {
display: none
}
.showcase5_title {
font-size: 30px !important;
margin-bottom: 20px
}
}
.showcase5_bottom {
padding-left: 38px;
position: relative;
z-index: 2
}
@media only screen and (max-width:767px) {
.portfolio__area-6 .line {
padding-top: 0
}
.portfolio__area-6 .sec-title-wrapper p {
padding-left: 60px
}
.hero__area-10 .increase-dash,
.portfolio__area-6 .sec-title-wrapper p::before {
width: 50px
}
.portfolio__slider-2::after {
z-index: unset
}
.portfolio__slider-2-pagination {
display: none
}
.portfolio__slide-2,
.solution__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.portfolio__slide-2 .slide-img,
.portfolio__slide-3 {
padding-right: 0
}
.portfolio__slide-2 .slide-content {
padding: 30px 15px 50px
}
.portfolio__about-left,
.portfolio__slide-2 p {
padding-bottom: 30px
}
.portfolio__slide-3 img {
width: 100%
}
.portfolio__wrapper-6 {
padding-left: 0;
padding-top: 180px
}
.portfolio__item:nth-child(2n) {
top: 0
}
.portfolio__about .sec-text p,
.portfolio__item-6 {
padding-bottom: 50px
}
.portfolio__info {
opacity: 1;
visibility: visible;
right: 60px
}
.portfolio__title-3 {
font-size: 60px;
padding-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfolio__title-3 span {
padding-left: 60px
}
.portfolio__list-1 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 0
}
.portfolio__pagination-6 {
padding-top: 80px;
padding-left: 0
}
.portfolio__detail-top .sec-title {
font-size: 60px;
padding-bottom: 50px;
padding-top: 90px
}
.portfolio__detail-info ul {
grid-gap: 20px 50px
}
.portfolio__detail-thumb {
overflow: hidden;
width: 100%;
height: auto;
position: unset
}
.portfolio__detail-thumb img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
.portfolio__detail-title {
max-width: 500px;
padding-bottom: 30px
}
.portfolio__detail-text .fonts {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 30px;
padding-top: 40px;
padding-bottom: 0
}
.portfolio__detail .block-thumb {
overflow: hidden;
position: relative;
width: 100%;
height: auto
}
.portfolio__detail .block-thumb img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
.portfolio__detail .block-img-text {
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr)
}
.portfolio__detail .block-img-text p {
grid-column: 1/-1;
padding-left: 0
}
.portfolio-v2.pt-150,
.portfolio-v4 .pt-100,
.portfolio-v5 .pt-100 {
padding-top: 130px
}
.portfolio-v3 .pt-100 {
padding-top: 120px
}
.portfolio-v5 .pb-100 {
padding-bottom: 0
}
.portfolio-v5.portfolio__project .line,
.solution__right {
padding-top: 60px
}
.portfolio__service .ps-btn a,
.row_bottom {
margin-top: 30px
}
.portfolio__hero {
padding-bottom: 40px
}
.portfolio__hero .title {
font-size: 52px
}
.portfolio__hero .title.shape-circle::after {
top: -60px;
right: 0
}
.portfolio__hero .pp-thumb {
left: 0
}
.portfolio__hero .btn-wrapper {
margin-top: 120px
}
.portfolio__hero-area {
padding-top: 160px
}
.portfolio__hero-area::after {
left: 0;
bottom: 45px
}
.circle-pagination,
.portfolio__about-left img {
display: none
}
.portfolio__about .about-row {
margin-top: 60px;
border: none
}
.portfolio__about .sec-title span {
padding-left: 0
}
.portfolio__about .sec-title span::before {
width: 0
}
.portfolio__project::after {
font-size: 180px
}
.portfolio__project .pp-slider-wrapper {
padding-left: 0;
padding-right: 0
}
.portfolio__project .pp-slide {
padding: 60px
}
.portfolio__project .pp-prev {
top: 95%
}
.portfolio__project .pp-next {
top: 95%;
left: 0
}
.portfolio__project .pp-slide-title {
font-size: 24px
}
.portfolio__project-thumbs {
margin-right: 0;
margin-top: 30px
}
.portfolio__service .sec-title {
text-indent: 20px
}
.portfolio__service .sec-text {
background-position: 0 30px;
background-size: 100%
}
.portfolio__service .sec-text p {
padding-top: 70px
}
.hero10__content i,
.portfolio__service-item {
margin-bottom: 20px
}
.portfolio__service-item ul {
padding-left: 20px
}
.img-box {
height: auto
}
.solution__area {
padding-left: 15px;
padding-right: 15px;
padding-top: 90px
}
.solution__mid {
padding-left: 0;
-ms-grid-row: 1;
grid-row: 1
}
.solution__mid p {
padding-left: 80px;
padding-bottom: 50px
}
.solution__mid p::before {
width: 70px
}
.solution__title {
padding-top: 30px;
font-size: 36px
}
.solution__img-1 img,
.solution__img-3 img {
max-width: 300px
}
.solution__img-1::after {
left: 20px
}
.solution__btm {
padding-top: 40px
}
.solution__btm li {
padding-right: 30px
}
.about8,
.showcase4 {
margin-bottom: 40px
}
.hero__area-10 .swiper-button-next.hero_next,
.hero__area-10 .swiper-button-prev.hero_prev {
width: 75px
}
.hero__area-10 .hero10_activition .swiper-pagination-current {
margin-left: 22px
}
.hero__area-10 .hero10_activition .swiper-pagination {
width: 160px
}
.hero10__thumb {
height: 70vh
}
.hero10__content__title {
font-size: 30px
}
.showcase4__thumb {
height: unset
}
.showcase4__thumb img {
position: unset;
height: auto
}
.showcase4__content br {
display: block
}
.gallary12__thumb {
max-width: 100%;
height: 55vh
}
.gallary12__content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px
}
.gallary12__content img {
margin-bottom: 20px
}
.gallary12__content__title {
font-size: 24px
}
.showcase5_title {
font-size: 20px !important;
margin-bottom: 20px
}
.section_title_wrapperr {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
}
.showcase5__content img {
margin-bottom: 35px
}
.showcase5__content p {
font-weight: 400;
font-size: 32px;
line-height: 1.3;
text-align: center;
color: var(--black-3);
position: relative;
padding-bottom: 190px
}
.showcase5__content p::after {
position: absolute;
content: "";
width: 1px;
height: 100px;
bottom: 0;
left: 50%;
background-color: var(--black-2)
}
.logos_wrapper li a {
text-transform: capitalize;
color: var(--black-2);
font-weight: 500
}
.hero__area-15 {
padding: 0 30px;
overflow: hidden
}
.hero__area-15::before {
content: "";
display: table
}
.hero__area-15::after {
content: "";
display: table;
clear: both
}
.hero__area-15 .swiper-container {
width: calc(100% - 160px);
height: calc(100vh - 120px);
float: left;
-webkit-transition: opacity .6s, -webkit-transform .3s;
transition: opacity .6s, transform .3s, -webkit-transform .3s
}
.hero__area-15 .main-slider {
padding-top: 160px
}
.hero__area-15 .main-slider .swiper-image {
width: 100%;
height: 100%
}
.hero__area-15 .main-slider .swiper-pagination {
bottom: 60px
}
.hero__area-15 .main-slider .swiper-pagination-bullet {
margin: 0 10px;
width: 6px;
height: 6px
}
.hero__area-15 .main-slider .swiper-pagination-bullet-active {
outline: 1px solid var(--black-2);
background: var(--black-2);
outline-offset: 6px
}
.contact__area-6,
.hero__area-15 .swiper-slide,
.job__detail,
main {
overflow: hidden
}
.hero__area-15 .swiper-slide.swiper-slide-active .gallary__thumb {
background-color: #fff0
}
.hero__area-15 .swiper-slide.swiper-slide-active .gallary12__content {
opacity: 1
}
.hero__area-15 .gallary__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
background-color: rgb(0 0 0 / .6);
background-blend-mode: hue;
-webkit-transition: .5s ease-out;
transition: .5s ease-out;
padding: 10px 20px;
color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
text-transform: uppercase
}
.hero__area-15 .swiper-container.thumb-slider {
width: 160px;
overflow: hidden;
height: calc(100vh - 220px);
margin-top: 120px
}
.hero__area-15 .swiper-container.thumb-slider .swiper-slide {
cursor: pointer
}
.hero__area-15 .gallary12 {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset
}
.showcase__top-16 {
padding: 200px 30px 65px
}
.showcase__top-16 .title-right {
max-width: 296px;
margin-left: auto;
padding-top: 50px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.hero__area-15 .main-slider .swiper-pagination {
bottom: -40px
}
.showcase__top-16 {
padding: 160px 30px 65px
}
.showcase__top-16 .title-right {
padding-top: 40px
}
}
.showcase__top-16 .title-right p {
font-size: 18px
}
.showcase__content-16 a {
position: relative;
display: inline-block
}
.showcase__content-16 img {
width: 100%;
height: 100vh;
-o-object-fit: cover;
object-fit: cover
}
.showcase__title-16 {
font-weight: 500;
font-size: 80px;
line-height: 1;
text-transform: uppercase;
color: var(--white);
padding-bottom: 35px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.hero__area-15 .swiper-container {
height: calc(100vh - 80px)
}
.hero__area-15 .main-slider {
padding-top: 120px
}
.hero__area-15 .main-slider .swiper-pagination {
bottom: -40px
}
.hero__area-15 .swiper-container.thumb-slider {
width: 130px;
margin-top: 110px;
height: calc(100vh - 180px)
}
.showcase__top-16 {
padding: 160px 30px 65px
}
.showcase__title-16 {
font-size: 60px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.showcase5__content p {
font-size: 30px
}
.hero__area-15 .swiper-container {
width: calc(100% - 130px)
}
.hero__area-15 .main-slider {
padding-top: 120px
}
.hero__area-15 .main-slider .swiper-pagination {
bottom: -40px
}
.hero__area-15 .swiper-container.thumb-slider {
width: 130px;
margin-top: 100px;
height: calc(100vh - 180px)
}
.showcase__top-16 {
padding: 160px 30px 65px
}
.showcase__title-16 {
font-size: 48px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.section_title_wrapperr {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.showcase5__content p {
font-size: 24px
}
.hero__area-15 .swiper-container {
height: calc(100vh - 60px);
width: calc(100% - 90px)
}
.hero__area-15 .main-slider {
padding-top: 100px
}
.hero__area-15 .main-slider .swiper-pagination {
bottom: -40px
}
.hero__area-15 .swiper-container.thumb-slider {
width: 90px;
margin-top: 110px;
height: calc(100vh - 180px)
}
.hero__area-15 .gallary12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.showcase__top-16 {
padding: 160px 30px 60px
}
.showcase__info-16 {
bottom: 30px
}
.showcase__title-16 {
font-size: 36px
}
}
.showcase__title-16 span {
display: inline-block;
text-indent: 100px;
position: relative
}
.showcase__title-16 span::before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 2px;
width: 70px;
background-color: var(--white)
}
.showcase__sub-title-16 {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
color: var(--white);
padding-left: 100px;
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.showcase5__content p {
font-size: 20px;
padding-bottom: 100px
}
.showcase5__content p::after {
height: 50px
}
.hero__area-15 {
padding: 0 15px
}
.hero__area-15 .swiper-container {
width: 100%;
height: calc(100vh - 60px)
}
.hero__area-15 .main-slider {
padding-top: 120px
}
.hero__area-15 .main-slider .swiper-pagination {
bottom: -40px
}
.hero__area-15 .swiper-container.thumb-slider {
width: 100%;
margin-top: 30px;
height: 200px;
display: none
}
.hero__area-15 .gallary12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.showcase__top-16 {
padding: 140px 30px 40px
}
.showcase__info-16 {
bottom: 20px;
left: 20px
}
.showcase__title-16 {
font-size: 30px;
padding-bottom: 10px
}
.showcase__title-16 br {
display: block
}
.showcase__title-16 span {
text-indent: 30px
}
.showcase__title-16 span::before {
width: 20px
}
.showcase__sub-title-16 {
padding-left: 30px
}
.video7_layer .video-container video {
height: 300px
}
}
.showcase_info {
display: block;
overflow: hidden;
width: 100%;
position: relative;
z-index: 9999;
background-color: var(--white);
margin-bottom: -3px
}
.showcase__info-16 {
position: absolute;
bottom: 30%;
left: 50px
}
.showcase__image-16 {
overflow: hidden;
height: 100vh
}
.showcase__content-16 {
position: relative;
height: 100vh;
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
}
.showcase__content-16 .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
background-attachment: fixed;
background-repeat: no-repeat
}
.wc-tilt {
display: inline-block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.overlay_text,
.video_text {
display: -webkit-box;
display: -ms-flexbox;
position: absolute
}
.wc-tilt-2 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.video_text {
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 540px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
right: 100px;
z-index: -2;
bottom: 60px
}
.video_text::before {
content: "";
position: absolute;
bottom: -23%;
left: 0;
height: 1px;
width: 100%;
background: rgb(255 255 255 / .5)
}
.overlay_text h4,
.video_text__left {
margin-right: 30px
}
.video_text .video_title_7 {
font-size: 20px;
color: var(--white)
}
.video_text .video_dis_7 {
font-size: 18px;
color: var(--white);
text-indent: 30px
}
.nominated_title_7 {
font-weight: 400;
font-size: 100px;
color: var(--white)
}
.contactrow {
padding-left: 450px
}
.nominateparagraph {
max-width: 440px;
margin: auto
}
.nominateparagraph p {
font-size: 18px;
text-indent: 60px
}
.overlay_text {
display: flex;
top: 75px;
left: 80px;
z-index: 9;
color: var(--white);
font-size: 14px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--white);
padding-bottom: 30px
}
.tech_title {
font-weight: 400;
font-size: 80px;
line-height: 1;
color: var(--black-2);
padding-bottom: 45px;
text-transform: uppercase
}
.single_dis {
font-weight: 400;
font-size: 24px;
line-height: 1.5;
color: var(--black-3)
}
.single__thumb img {
max-width: 100%
}
.portfolio__item-4 img,
.single__thumb video {
width: 100%
}
.single__thumb .video-frame {
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 100%;
-webkit-filter: brightness(25);
filter: brightness(25)
}
.error__content::after,
.error__content::before {
width: 38px;
height: 38px;
background-repeat: no-repeat;
content: "";
position: absolute
}
.single__thumb .shape-2 {
position: absolute;
bottom: -30px;
left: 60%
}
.single__thumb .svgstar {
position: absolute;
left: 25%;
top: 18%
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.single__thumb .svgstar {
left: 24%;
top: 15%
}
}
.client__area-8 {
background-color: var(--black-2);
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/essential-img/bg-axtra.png);
padding-top: 150px;
padding-bottom: 140px
}
.client__area-8 .section_wrapper::before {
background-color: #313131
}
.client__area-8 .about-sub-right {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--white);
padding-bottom: 10px
}
.client__area-8 .react_border {
border-color: #313131
}
.client__area-8 .react_border span {
letter-spacing: 1px;
font-weight: 400;
font-size: 16px;
color: var(--white);
display: inline-block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.client__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
margin-bottom: 110px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.client__logo,
.job__item {
-webkit-box-align: center
}
.client__section__title {
color: var(--white);
font-size: 80px;
line-height: 1;
text-transform: uppercase
}
.client__section__dis {
max-width: 240px;
color: var(--gray-2);
font-size: 18px;
line-height: 1.5
}
.client__logo {
display: -ms-grid;
display: grid;
grid-gap: 120px 60px;
-ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr;
grid-template-columns: repeat(6, 1fr);
-ms-flex-align: center;
align-items: center
}
.client__logo img {
max-width: 100%
}
.job__area .sec-title {
color: var(--white)
}
.job__apply {
margin-top: -20px
}
.job__list {
padding-top: 60px
}
.job__list a:first-child .job__item {
border-top: 1px solid var(--secondary)
}
.job__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5fr 5fr 1fr;
grid-template-columns: 1fr 5fr 5fr 1fr;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--secondary);
padding: 35px 0
}
.contact__text,
.error__content {
display: -webkit-box;
display: -ms-flexbox
}
.job__item:hover .job__title,
.solution__content .sec-subtile-6,
.solution__content .sec-title-6 {
color: var(--white)
}
.job__item:hover .job__link i {
-webkit-transform: rotate(-45deg) translate(60px, 2px);
transform: rotate(-45deg) translate(60px, 2px);
color: var(--white)
}
.job__item:hover .job__link span::after {
right: 0;
bottom: 0;
opacity: 1;
visibility: visible;
color: var(--white)
}
.job__no,
.job__open {
font-weight: 300;
font-size: 24px;
line-height: 1.3;
color: var(--gray-3)
}
.job__title {
font-weight: 400;
font-size: 36px;
line-height: 1.5;
color: var(--gray-3);
-webkit-transition: .3s;
transition: .3s
}
.job__link {
text-align: right;
overflow: hidden;
position: relative
}
.job__link span::after {
position: absolute;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
right: 45px;
bottom: -35px;
-webkit-transform: translate(0, 0) rotate(-45deg);
transform: translate(0, 0) rotate(-45deg);
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s
}
.job__link i,
.job__link span {
font-size: 30px;
color: var(--gray-3);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: .3s;
transition: .3s
}
.job__detail-top {
overflow: hidden;
position: relative;
width: 100%;
height: 690px
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
height: 120%;
margin-left: auto;
margin-right: auto;
width: 100%
}
@media only screen and (min-width:1920px) {
.hero__area-4 {
height: 100vh
}
.job__detail-top,
.portfolio__detail-thumb {
padding-left: 100px
}
.video__area img {
height: 800px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.client__section__title,
.tech_title {
font-size: 60px
}
.single__thumb .svgstar {
left: 23%;
top: 15%
}
.job__detail-top {
padding-left: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 500px
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.contactrow {
padding-left: 0
}
.tech_title {
font-size: 48px;
padding-bottom: 30px
}
.tech_title a::after {
bottom: 7px
}
.single_dis {
font-size: 20px
}
.single__thumb .svgstar {
max-width: 90px;
left: 23%;
top: 15%
}
.client__area-8 {
padding-top: 110px;
padding-bottom: 110px
}
.client__section__title {
font-size: 48px
}
.client__logo {
grid-gap: 80px 40px
}
.job__title {
font-size: 30px
}
.job__detail-top {
overflow: hidden;
width: 100%;
height: auto;
position: unset
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.nominated_title_7 {
font-size: 50px
}
.client__section__title,
.tech_title {
font-size: 40px
}
.tech_title a::after {
bottom: 5px
}
.single_dis {
font-size: 18px
}
.single__thumb .svgstar {
max-width: 70px;
left: 24%;
top: 16%
}
.client__area-8 {
padding-top: 100px;
padding-bottom: 100px
}
.client__logo {
grid-gap: 60px 40px;
-ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
grid-template-columns: repeat(4, 1fr)
}
.job__no,
.job__open {
font-size: 20px
}
.job__title {
font-size: 24px
}
.job__detail-top {
overflow: hidden;
width: 100%;
height: auto;
position: unset
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width:767px) {
.video_text {
top: 0;
right: 0
}
.video_text .video_title_7 {
font-size: 40px
}
.tech_title {
font-size: 30px;
line-height: 1.3;
padding-bottom: 30px
}
.tech_title a::after {
bottom: 3px
}
.job__no,
.job__open,
.single_dis {
font-size: 18px
}
.single__thumb .shape-2 {
bottom: -20px;
max-width: 40px
}
.single__thumb .svgstar {
max-width: 40px;
left: 23%;
top: 15%
}
.client__area-8 {
padding-top: 50px;
padding-bottom: 50px
}
.client__section {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-bottom: 50px
}
.client__section__title {
font-size: 40px
}
.client__section__dis {
max-width: 100%
}
.client__logo {
grid-gap: 50px;
-ms-grid-columns: 1fr 50px 1fr 50px 1fr;
grid-template-columns: repeat(3, 1fr)
}
.job__item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 35px 0 20px
}
.job__title {
font-size: 24px
}
.job__detail-top {
overflow: hidden;
width: 100%;
height: auto;
position: unset;
padding-top: 73px
}
.job__detail-top img {
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: unset
}
}
.job__detail-wrapper {
padding-top: 60px;
padding-right: 120px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.job__detail-wrapper {
padding-right: 30px
}
}
.job__detail-meta {
padding-top: 35px;
padding-bottom: 35px
}
.job__detail-meta li {
display: inline-block;
padding-right: 70px;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--black-3)
}
.job__detail-meta li span {
color: var(--gray-8);
font-size: 14px;
font-weight: 400;
display: block
}
.job__detail-content {
border-top: 1px solid var(--white-4);
padding-top: 35px
}
.job__detail-content p {
font-size: 18px;
line-height: 1.4;
padding-bottom: 40px
}
.job__detail-content h1,
.job__detail-content h2,
.job__detail-content h3,
.job__detail-content h4,
.job__detail-content h5,
.job__detail-content h6 {
font-weight: 500;
line-height: 1;
color: var(--black-2);
padding-bottom: 20px
}
.job__detail-content h1,
.job__detail-content h2 {
font-size: 24px
}
.job__detail-content h3 {
font-size: 22px
}
.job__detail-content h4 {
font-size: 20px
}
.job__detail-content h5,
.job__detail-content h6 {
font-size: 18px
}
.job__detail-content ol,
.job__detail-content ul {
padding-bottom: 35px;
padding-left: 30px
}
.job__detail-content ol li,
.job__detail-content ul li {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black-3);
padding-bottom: 5px;
position: relative
}
.job__detail-content ol li::before,
.job__detail-content ul li::before {
position: absolute;
content: "";
width: 5px;
height: 5px;
left: -18px;
top: 12px;
background-color: var(--black-3);
border-radius: 30px
}
.job__detail-sidebar {
margin-top: 70px;
background: #f9f9f9;
padding: 40px 30px;
position: sticky;
top: 70px
}
.job__detail-sidebar ul li {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--black-3);
padding-bottom: 20px
}
.job__detail-sidebar ul li:last-child {
padding-bottom: 0
}
.job__detail-sidebar ul li span {
color: var(--gray-8);
font-size: 14px;
font-weight: 400;
display: block
}
.contact__text {
max-width: 330px;
margin-left: auto;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.contact__text p {
font-size: 18px;
line-height: 1.4
}
.contact__btm {
padding-top: 65px
}
.contact__info {
padding-top: 15px
}
.contact__info h3 {
font-weight: 500;
font-size: 26px;
line-height: 1.2;
color: var(--black-2);
padding-bottom: 15px
}
.contact__info ul li a {
text-decoration-line: underline
}
.contact__info ul li a,
.contact__info ul li span {
font-weight: 300;
font-size: 18px;
line-height: 1.5;
color: var(--black-2);
display: block;
margin-bottom: 10px
}
.contact__form_contact input,
.contact__form_contact textarea {
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--black-2);
border: none;
border-bottom: 1px solid var(--gray);
padding: 15px 0;
-webkit-transition: .3s;
transition: .3s;
outline: 0;
position: relative;
z-index: 1;
background: 0 0;
margin-bottom: 35px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.job__detail-top img {
position: unset
}
.job__detail-wrapper {
padding-right: 0
}
.contact__form_contact input,
.contact__form_contact textarea {
padding: 10px 0;
margin-bottom: 25px
}
}
.contact__form_contact input:focus,
.contact__form_contact textarea:focus {
border-bottom: 2px solid var(--black-2);
box-shadow: none;
outline: 0
}
.contact__form_contact input::-webkit-input-placeholder,
.contact__form_contact textarea::-webkit-input-placeholder {
color: var(--black-2);
opacity: 1
}
.contact__form_contact input::-moz-placeholder,
.contact__form_contact textarea::-moz-placeholder {
color: var(--black-2);
opacity: 1
}
.contact__form_contact input:-ms-input-placeholder,
.contact__form_contact textarea:-ms-input-placeholder {
color: var(--black-2);
opacity: 1
}
.contact__form_contact input::-ms-input-placeholder,
.contact__form_contact textarea::-ms-input-placeholder {
color: var(--black-2);
opacity: 1
}
.contact__form_contact input::placeholder,
.contact__form_contact textarea::placeholder {
color: var(--black-2);
opacity: 1
}
.contact__form_contact textarea {
height: 55px
}
.contact__form_contact #btn_wrapper,
.contact__form_contact .btn_wrapper,
.service__inner-4 {
margin-top: -20px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.contact__form_contact #btn_wrapper,
.contact__form_contact .btn_wrapper {
margin-top: -10px
}
}
.error__content {
padding-top: 80px;
height: 100vh;
text-align: center;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1
}
.header__inner-5,
.hero__text-5 {
display: -webkit-box;
display: -ms-flexbox
}
.error__content::before {
top: 70%;
left: 10%;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/icon/6.png);
-webkit-animation: 2s infinite wcZoom;
animation: 2s infinite wcZoom
}
.error__content::after {
top: 10%;
right: 10%;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/icon/3.png);
-webkit-animation: 2s infinite wcZoom;
animation: 2s infinite wcZoom
}
.error__content h2 {
font-weight: 500;
font-size: 36px;
line-height: 1.5;
color: var(--black-2);
padding-top: 25px;
padding-bottom: 10px
}
.error__content p {
max-width: 340px;
margin: 0 auto;
font-size: 18px;
line-height: 1.4;
padding-bottom: 50px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.job__detail-top img {
position: unset
}
.job__detail-wrapper {
padding-right: 0
}
.job__detail-meta {
padding-bottom: 20px
}
.job__detail-meta li {
display: block;
padding-right: 0;
padding-bottom: 20px
}
.job__detail-sidebar {
padding: 30px 20px
}
.job__detail-sidebar ul li {
font-size: 14px
}
.contact__area-6 .line {
padding-top: 150px
}
.contact__form_contact input,
.contact__form_contact textarea {
padding: 10px 0;
margin-bottom: 25px
}
.error__content {
padding-top: 100px
}
.error__content::after {
top: 20%
}
.error__content p {
padding-bottom: 30px
}
}
.error__content a,
.mixtup_btn#btn_wrapper,
.mixtup_btn.btn_wrapper {
margin: 0 auto
}
.error__content img {
max-width: 100%
}
.error__content #btn_wrapper,
.error__content .btn_wrapper {
margin-left: 0;
margin-top: -40px
}
.btn-together {
font-weight: 400;
line-height: 1.3;
color: var(--white);
position: relative;
transition: .5s;
font-size: 18px
}
@media only screen and (max-width:767px) {
.job__detail-wrapper {
padding-right: 0
}
.job__detail-meta {
padding-bottom: 20px
}
.job__detail-meta li {
display: block;
padding-right: 0;
padding-bottom: 20px
}
.job__detail-content ol,
.job__detail-content ul {
padding-left: 20px;
padding-bottom: 30px
}
.contact__area-6 .line {
padding-top: 130px
}
.contact__text {
padding-top: 30px
}
.contact__btm {
padding-top: 50px
}
.contact__info {
padding-bottom: 50px
}
.contact__form_contact input,
.contact__form_contact textarea {
margin-bottom: 20px
}
.error__content::after {
top: 15%
}
.error__content h2 {
font-size: 30px;
line-height: 1.3
}
.error__content p {
padding-bottom: 30px
}
.btn-together {
font-size: 14px
}
}
.btn-together::after {
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--white);
content: "";
-webkit-transition: .5s;
transition: .5s
}
.btn-together:hover::after,
.btn-view:hover::after {
left: 0;
width: 1%
}
.btn-together:hover {
color: var(--gray)
}
.header__inner-5 {
padding: 25px 50px 22px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: .3s;
transition: .3s
}
@media only screen and (max-width:767px) {
.header__inner-5 {
padding: 20px 15px
}
}
.header__area-5 {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 99
}
.header__area-5.sticky-5 {
background-color: var(--white);
border-bottom: 1px solid var(--white-2)
}
.header__area-5.sticky-5 .header__inner-5 {
padding: 20px 50px
}
.menu-text-5,
.menu-text-pp {
color: var(--black-2);
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
padding-right: 10px
}
.hero__area-5 {
padding: 190px 35px 113px;
position: relative
}
@media only screen and (max-width:767px) {
.hero__area-5 {
padding: 135px 0 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.btn-together {
font-size: 15px
}
.header__inner-5 {
padding: 25px 15px 22px
}
.hero__area-5 {
padding: 145px 0 60px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.header__inner-5 {
padding: 25px 15px 22px
}
.hero__area-5 {
padding: 155px 0 70px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.hero__area-5 {
padding: 166px 0 80px;
background-size: 90%
}
}
.hero__area-5 img {
position: absolute;
width: 100%;
left: 0;
top: 0;
-webkit-filter: invert(1);
filter: invert(1);
z-index: 0
}
.portfolio__area-5::after,
.portfolio__area-5::before {
width: 1px;
-webkit-filter: invert(1);
position: absolute;
background-color: var(--secondary);
top: 0;
height: 100%;
content: ""
}
.hero__content-5 p {
font-size: 18px;
color: var(--black-2);
font-weight: 400;
line-height: 1.4;
max-width: 330px
}
.hero__text-5 {
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 25px
}
.cat_links li a .menu-text,
.portfolio__inner-5,
.service__img-left {
display: -webkit-box;
display: -ms-flexbox
}
.hero__title-5 {
font-size: 80px;
font-weight: 500;
line-height: 1;
color: var(--black-2);
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.hero__content-5 p {
font-size: 16px
}
.hero__title-5 {
font-size: 30px;
line-height: 1.2
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hero__title-5 {
font-size: 36px;
line-height: 1.2;
padding-bottom: 20px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__title-5 {
font-size: 40px;
line-height: 1.4;
padding-bottom: 20px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.hero__title-5 {
font-size: 45px;
line-height: 1.4
}
}
.portfolio__area-5 {
border-top: 1px solid var(--gray-25);
border-bottom: 1px solid var(--gray-25);
padding: 56px 45px;
position: relative;
overflow: hidden
}
.portfolio__area-5::before {
left: 33.3%;
filter: invert(1)
}
.portfolio__area-5::after {
left: 66.6%;
filter: invert(1)
}
.portfolio__area-5 .sec-line {
position: absolute;
left: 0;
opacity: 0;
width: 100%;
height: 1px;
content: "";
background-color: var(--secondary);
-webkit-filter: invert(1);
filter: invert(1)
}
.portfolio__inner-5 {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 110px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.btn-started,
.cat_links li a,
.loading .bar,
.sec-subtile-6 {
display: inline-block
}
@media only screen and (max-width:767px) {
.portfolio__area-5 {
padding: 56px 0
}
.portfolio__inner-5 {
gap: 20px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__area-5 {
padding: 56px 0
}
.portfolio__inner-5 {
gap: 20px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.portfolio__area-5 {
padding: 56px 0
}
.portfolio__inner-5 {
gap: 40px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.portfolio__inner-5 {
gap: 70px
}
}
.portfolio__item-5 {
width: 29%;
position: relative;
-webkit-transition: .5s;
transition: .5s
}
@media only screen and (max-width:767px) {
.portfolio__item-5 {
width: 100%
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__item-5 {
width: 48.5%
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.portfolio__item-5 {
width: 48%
}
}
.portfolio__item-5:hover .portfolio__content-5 {
opacity: 1;
right: -50px
}
.portfolio__item-5 img {
width: 100%;
max-width: 100%
}
.portfolio__content-5 {
background-color: var(--black-2);
padding: 20px 30px 22px;
display: inline-block;
position: absolute;
top: 50%;
right: -70px;
z-index: 9;
opacity: 0;
-webkit-transition: .5s;
transition: .5s
}
@media only screen and (max-width:767px) {
.portfolio__content-5 {
right: 0;
opacity: 1
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__content-5 {
right: 0;
opacity: 1
}
}
.portfolio__name-5 {
font-size: 14px;
font-weight: 400;
line-height: 1.3;
padding-bottom: 2px;
color: var(--white);
text-transform: uppercase
}
.cat_links li a,
.portfolio__title-5 {
font-size: 24px;
text-transform: uppercase
}
.portfolio__title-5 {
font-weight: 500;
color: var(--white)
}
@media only screen and (max-width:767px) {
.portfolio__name-5 {
font-size: 12px
}
.portfolio__title-5 {
font-size: 18px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__title-5 {
font-size: 18px
}
.categories_item {
width: 100%
}
}
.btn-extra,
.btn-started,
.sec-subtile-6 {
font-size: 16px;
line-height: 1.3
}
.contact_title span {
padding-left: 30px
}
.categories_item .cat_title {
margin-bottom: 74px
}
.categories_item input {
background-color: #fff0;
padding: 5px 80px 20px 0
}
.cat_links li {
padding-bottom: 12px
}
.cat_links li a {
padding: 1px 0;
line-height: 16px;
color: var(--black-2)
}
.cat_links li a .menu-text {
display: flex;
overflow: hidden;
text-shadow: 0 16px 0 var(--black-3)
}
.categories_item.l_item {
-ms-flex-preferred-size: 36%;
flex-basis: 36%
}
@media only screen and (min-width:768px) and (max-width:991px) {
.categories_item .cat_title {
margin-bottom: 60px
}
.categories_item input {
font-size: 18px
}
.cat_links li a {
font-size: 16px
}
.categories_item.l_item .cat_title {
margin-bottom: 0
}
}
@-webkit-keyframes wcLoading {
0% {
-webkit-transform: scaleY(.1);
transform: scaleY(.1);
background: var(--white)
}
50% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
background: var(--primary)
}
100% {
-webkit-transform: scaleY(.1);
transform: scaleY(.1);
background: 0 0
}
}
@keyframes wcLoading {
0% {
-webkit-transform: scaleY(.1);
transform: scaleY(.1);
background: var(--white)
}
50% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
background: var(--primary)
}
100% {
-webkit-transform: scaleY(.1);
transform: scaleY(.1);
background: 0 0
}
}
.loading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2
}
.loading .bar {
width: 6px;
height: 60px;
background: var(--white);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-animation: 1.5s ease-in-out infinite wcLoading;
animation: 1.5s ease-in-out infinite wcLoading
}
.loading .bar1 {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.loading .bar2 {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.loading .bar3 {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.loading .bar4 {
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.loading .bar5 {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.loading .bar6 {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.loading .bar7 {
-webkit-animation-delay: .7s;
animation-delay: .7s
}
.loading .bar8 {
-webkit-animation-delay: .8s;
animation-delay: .8s
}
.line-col-4 div {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
left: 0;
background: var(--white-2)
}
.line-col-4 div:nth-child(2) {
left: 33.33%
}
.line-col-4 div:nth-child(3) {
left: 66.66%
}
.line-col-4 div:nth-child(4) {
left: 100%
}
.portfolio6__line .line-col-4 div {
height: 1000px;
top: unset;
bottom: 0
}
.btn-started {
font-weight: 500;
padding: 17px 36px 16px;
color: var(--white);
border-radius: 5px;
background: var(--lime)
}
.btn-started:hover {
color: var(--white);
background-color: #ff977b
}
.btn-extra,
.btn-view::after,
.hero__text-7 .about::after,
.service__title-7 span::before {
background-color: var(--black-2)
}
.btn-view {
font-weight: 500;
line-height: 1.3;
color: var(--black-2);
position: relative;
-webkit-transition: .5s;
transition: .5s
}
.btn-view::after {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
content: "";
-webkit-transition: .5s;
transition: .5s
}
.btn-view:hover {
color: var(--lime-2)
}
.btn-extra {
font-weight: 500;
color: var(--white);
padding: 9px 14px 11px;
border-radius: 5px;
border: 1px solid var(--black-2)
}
.hero__title-6,
.sec-subtile-6,
.sec-title-6,
.service__right-4 p span {
color: var(--black-2)
}
.btn-extra:hover {
color: var(--black);
background-color: #fff0
}
.title-wrapper-6 p {
font-size: 18px;
line-height: 1.5;
color: var(--black-3)
}
.sec-subtile-6 {
padding: 2px 14px 3px;
font-weight: 400;
border-radius: 16px;
border: 1px solid var(--gray-16);
margin-bottom: 17px
}
.sec-title-6 {
font-size: 50px;
font-weight: 500;
line-height: 1.13;
padding-bottom: 15px
}
@media only screen and (max-width:767px) {
.categories_item .cat_title {
margin-bottom: 50px;
margin-top: 30px
}
.categories_item input {
padding: 15px 80px 15px 0
}
.cat_links li a,
.title-wrapper-6 p {
font-size: 16px
}
.categories_item.l_item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.categories_item.l_item .cat_title {
margin-top: 50px;
margin-bottom: 0
}
.sec-subtile-6 {
margin-bottom: 10px
}
.sec-title-6 {
font-size: 30px;
padding-bottom: 10px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sec-title-6 {
font-size: 30px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.portfolio__content-5 {
right: -70px
}
.portfolio__title-5 {
font-size: 20px
}
.sec-title-6 {
font-size: 36px
}
}
.hero__area-6 .shape-4 {
position: absolute;
bottom: -60px;
left: 180px;
z-index: 0
}
.hero__title-6 {
font-size: 100px;
line-height: 1;
font-weight: 600;
padding-bottom: 24px
}
@media only screen and (max-width:767px) {
.hero__area-6 .shape-4 {
max-width: 260px;
left: 0
}
.hero__title-6 {
font-size: 40px;
padding-bottom: 15px
}
.hero__arrow-icon {
top: 83%;
right: 10%;
-webkit-transform: rotate(62deg);
transform: rotate(62deg)
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hero__title-6 {
font-size: 45px;
padding-bottom: 15px
}
.hero__arrow-icon {
right: -15%
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__title-6 {
font-size: 60px
}
}
.hero__content-6 {
padding-top: 260px;
position: relative
}
.hero__content-6 p {
font-size: 20px;
padding-bottom: 48px;
line-height: 1.5;
font-weight: 400
}
.hero__right-6 img {
margin-left: 3px;
max-width: inherit
}
.hero__shape {
position: absolute;
top: 22%;
left: 0;
-webkit-animation: 4s infinite leftmove;
animation: 4s infinite leftmove
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hero__content-6 p br {
display: none
}
.hero__shape {
top: 13%
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__shape {
top: 9%
}
}
.hero__shape-2 {
position: absolute;
right: 7%;
bottom: 30%
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hero__shape-2 {
bottom: 0
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__shape-2 {
bottom: -8%
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.portfolio__item-5 {
width: 28%
}
.sec-title-6 {
font-size: 45px
}
.hero__title-6 {
font-size: 80px
}
.hero__content-6 {
padding-top: 210px
}
.hero__shape-2 {
right: 3%;
bottom: 7%
}
}
.hero__shape-3 {
position: absolute;
left: 4%;
bottom: 7%
}
@media only screen and (min-width:768px) and (max-width:991px) {
.hero__shape-3 {
left: 7%;
bottom: -20%
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__shape-3 {
bottom: -13%
}
}
.service__title-wrapper-4 {
width: 75%
}
.service__right-4 p {
font-size: 18px;
color: var(--black-3);
padding-bottom: 30px;
padding-right: 195px
}
@media only screen and (max-width:767px) {
.hero__content-6 {
padding-top: 130px
}
.hero__content-6 p {
font-size: 16px;
padding-bottom: 40px
}
.hero__right-6 {
padding-top: 40px
}
.hero__shape,
.hero__shape-2,
.hero__shape-3 {
display: none
}
.service__right-4 p {
font-size: 16px;
padding-right: 0
}
.service__img-left img {
width: 100%;
margin-bottom: 30px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__right-4 p {
padding-right: 0;
padding-bottom: 15px
}
.service__img-left img {
width: 100%
}
}
.service__img-left {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
height: 100%
}
.portfolio__wrapper-4,
.service__item-4 {
display: -webkit-box;
display: -ms-flexbox
}
@media only screen and (max-width:767px) {
.service__inner-4 {
margin-top: 30px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__inner-4 {
margin-top: 30px
}
}
.service__item-4 {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 62px;
padding: 12px 0;
-webkit-transition: .5s;
transition: .5s;
border-bottom: 1px solid var(--gray-20)
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__item-4 {
gap: 30px
}
}
.service__item-4:first-child {
border-top: 1px solid var(--gray-20)
}
.service__item-4:hover .service__item-icon {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
visibility: visible
}
.service__item-4:hover .service__item-title {
color: var(--lime)
}
.service__item-number {
font-size: 18px;
font-weight: 300;
color: var(--lime-2)
}
.service__item-title {
font-size: 60px;
font-weight: 400;
line-height: 1.4;
color: var(--black-2)
}
@media only screen and (max-width:767px) {
.service__item-4 {
gap: 20px
}
.service__item-title {
font-size: 24px
}
.service__item-icon {
opacity: 1
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.service__item-title {
font-size: 24px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.service__right-4 p {
padding-right: 30px
}
.service__img-left img {
width: 100%
}
.service__inner-4 {
margin-top: 40px
}
.service__item-title {
font-size: 36px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.service__item-title {
font-size: 40px
}
}
.service__item-icon {
-webkit-transition: .5s;
transition: .5s
}
.service__item-icon i {
font-size: 23px;
color: var(--black-2)
}
.solution__area-4 {
overflow: hidden;
background-color: #1e2024;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/bg/4/solution-bg.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
padding: 179px 0 170px;
position: relative
}
@media only screen and (max-width:767px) {
.solution__area-4 {
padding: 60px 0
}
.solution__area-4::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--black-2);
opacity: .6
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.solution__area-4 {
padding: 80px 0;
background-size: 380px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.solution__area-4 {
padding: 120px 0;
background-size: 500px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.solution__area-4 {
padding: 90px 0;
background-size: 52%
}
}
.solution__list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 270px auto;
grid-template-columns: 270px auto;
border-top: 1px solid var(--black-14);
margin-top: 16px;
padding-top: 24px
}
@media only screen and (max-width:767px) {
.solution__list {
-ms-grid-columns: 180px auto;
grid-template-columns: 180px auto;
border-top: 1px solid var(--white-6)
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.solution__list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
border-top: 1px solid var(--white-6)
}
}
.solution__list li {
font-size: 18px;
color: var(--white);
font-weight: 400;
position: relative;
padding-left: 15px;
margin-bottom: 5px
}
.about__mid-7 p,
.hero__text-7 p,
.portfolio__sec-title p {
font-size: 18px;
color: var(--black-3)
}
.solution__list li::after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
content: "+"
}
.portfolio__area-4 {
padding: 0 45px;
overflow: hidden
}
@media only screen and (max-width:767px) {
.solution__list li {
font-size: 14px
}
.portfolio__area-4 {
padding: 0
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__area-4 {
padding: 0 15px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.solution__list {
-ms-grid-columns: 250px 300px;
grid-template-columns: 250px 300px;
border-top: 1px solid var(--white-6)
}
.portfolio__area-4 {
padding: 0 31px
}
}
.dir-rtl .service__item-2:nth-child(3n+1)::before,
.portfolio__area-4 .cursor {
position: absolute
}
.portfolio__area-4 .cursor.large {
width: 120px;
height: 120px;
font-size: 14px
}
.portfolio__wrapper-4 {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px
}
@media only screen and (max-width:767px) {
.portfolio__wrapper-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.portfolio__item-4:hover .portfolio__icon-link {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.portfolio__icon-link {
font-size: 23px;
-webkit-transition: .5s;
transition: .5s
}
.portfolio__item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px
}
.portfolio__title-4 {
font-size: 20px;
font-weight: 500;
line-height: 1.3;
color: var(--black-2);
padding-bottom: 5px
}
.portfolio__subtitle-4 {
font-size: 14px;
color: var(--black-3);
font-weight: 400
}
.portfolio__icon-4 {
-webkit-transition: .5s;
transition: .5s;
font-size: 23px;
color: var(--black-2)
}
.portfolio__sec-title {
position: absolute;
bottom: 140px
}
.portfolio__sec-title p {
max-width: 300px
}
@-webkit-keyframes leftmove {
0%,
100% {
margin-left: 0
}
50% {
margin-left: -20px
}
}
@keyframes leftmove {
0%,
100% {
margin-left: 0
}
50% {
margin-left: -20px
}
}
@-webkit-keyframes rightmove {
0%,
100% {
margin-right: 0
}
50% {
margin-right: 30px
}
}
@keyframes rightmove {
0%,
100% {
margin-right: 0
}
50% {
margin-right: 30px
}
}
@-webkit-keyframes move {
0%,
100% {
margin-bottom: 0
}
50% {
margin-bottom: -20px
}
}
@keyframes move {
0%,
100% {
margin-bottom: 0;
margin-top: 0
}
50% {
margin-bottom: -20px;
margin-top: -20px
}
}
@-webkit-keyframes rotate-icon {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate-icon {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.hero__arrow-icon {
-webkit-animation: 3s infinite rightmove;
animation: 3s infinite rightmove
}
.hero__shape-2 {
-webkit-animation: 4s infinite move;
animation: 4s infinite move
}
.hero__shape-3 {
-webkit-animation: 5s linear infinite rotate-icon;
animation: 5s linear infinite rotate-icon
}
.header__area-7.sticky-7 {
background: var(--white);
border-bottom: 1px solid var(--white-2)
}
.hero__area-7 {
padding-top: 180px;
padding-bottom: 140px;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/home-7/hero-bg.png);
background-repeat: repeat;
position: relative
}
.hero__area-7 .shape-1 {
position: absolute;
right: 100px;
bottom: 200px
}
.hero__title-7 {
font-weight: 500;
font-size: 130px;
line-height: 1;
color: var(--black-2);
max-width: 1060px
}
.hero__text-7 {
margin-left: 210px;
margin-top: 60px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 200px 20px auto;
grid-template-columns: 200px auto;
grid-gap: 20px
}
.hero__text-7 .about {
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: var(--black-2);
position: relative;
text-transform: capitalize
}
.hero__text-7 .about::after {
position: absolute;
content: "";
width: 90px;
height: 1px;
top: 14px;
left: 60px;
padding-left: 9px
}
.hero__text-7 p {
max-width: 350px;
font-weight: 400;
line-height: 1.5
}
.video__area.about__img-2 {
margin-bottom: 0;
max-width: 100%;
width: 100%
}
.service__area-7::after,
.service__area-7::before {
width: 1px;
bottom: 0;
background: var(--white-6);
position: absolute;
content: ""
}
.about__area-7 .sec-title-wrapper {
text-align: center;
padding-bottom: 70px
}
.about__area-7 .shape-1 {
position: absolute;
left: 100px;
top: 280px
}
.about__left-7 {
overflow: hidden;
position: relative;
width: 100%;
height: 520px
}
.about__left-7 img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.about__mid-7 {
padding-left: 80px;
padding-top: 60px
}
.about__mid-7 p {
max-width: 440px;
line-height: 1.4;
padding-bottom: 30px
}
.about__mid-7 img,
.portfolio__nitems {
display: block
}
.about__mid-7 .signature {
margin-top: 30px
}
.about__mid-7 .image-1 {
margin-left: auto;
margin-top: 35px;
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
.about__right-7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
padding-bottom: 140px
}
#main .part .section,
.portfolio__slider-11-title .swiper-slide {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.about__right-7 img {
max-width: 100%
}
.service__area-7 {
background-color: #f9f9f9;
padding-bottom: 50px;
position: relative
}
.service__area-7::before {
height: 100%;
left: 36%
}
.service__area-7::after {
height: 100%;
left: 59%
}
.service__items-7 {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3, 1fr)
}
.service__item-7 {
padding-bottom: 90px;
position: relative;
z-index: 1
}
.service__item-7::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 35px;
background: var(--white-6)
}
.dir-rtl .service__item-2:last-child::before,
.dir-rtl .service__item-2:nth-child(3)::before,
.service__item-7:nth-last-child(-n+3)::after {
position: unset
}
.service__item-7 p {
max-width: 340px;
font-size: 18px;
padding-bottom: 20px
}
.service__item-7 ul li {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black-2)
}
.service__title-7 {
font-weight: 500;
font-size: 36px;
line-height: 1.3;
color: var(--black-2);
padding-bottom: 25px;
-webkit-transition: .5s;
transition: .5s;
text-transform: capitalize
}
.dir-rtl .service__area-6,
.service__title-7:hover span {
padding-left: 0
}
.service__title-7:hover span::before {
width: 0
}
.service__title-7 span {
display: block;
position: relative;
padding-left: 50px;
-webkit-transition: .5s;
transition: .5s
}
.service__title-7 span::before {
position: absolute;
content: "";
width: 40px;
height: 1px;
left: 0;
top: 25px;
-webkit-transition: .5s;
transition: .5s
}
.portfolio__area-7 {
margin-bottom: 120px
}
.portfolio__area-7 .sec-title {
padding-bottom: 50px;
text-transform: capitalize
}
.portfolio__area-7 p {
font-size: 18px;
max-width: 300px
}
.portfolio__slider-7 {
margin-right: -320px
}
.portfolio__slide-7:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.portfolio__slide-7 .slide-img {
overflow: hidden;
margin-bottom: 20px
}
.portfolio__slide-7 img {
width: 100%;
-webkit-transition: .5s;
transition: .5s
}
.portfolio__slide-7 .title {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: var(--black-2);
padding-bottom: 5px
}
.portfolio__slide-7 .date {
font-size: 14px;
color: var(--black-3);
font-weight: 400;
line-height: 1.5
}
.portfolio__area-11 {
text-align: center;
position: relative
}
.portfolio__area-12 {
padding: 180px 35px 110px
}
.portfolio__area-12 .sec-title-wrapper .sub-title {
font-weight: 500;
font-size: 18px;
line-height: 1.5;
text-transform: uppercase;
color: var(--black-2);
position: relative
}
.portfolio__area-12 .sec-title-wrapper .sub-title::after {
position: absolute;
content: "";
width: 150px;
height: 1px;
background-color: var(--black-2);
top: 13px;
margin-left: 10px
}
.portfolio__area-12 .sec-title-wrapper .title {
font-weight: 500;
font-size: 350px;
line-height: .7;
text-transform: uppercase;
color: var(--black-2);
padding-bottom: 60px
}
.portfolio__area-12 .sec-title-wrapper .title span {
color: #fff0;
-webkit-text-stroke: 2px var(--black-2)
}
.portfolio__area-12 .sec-title-wrapper p {
max-width: 320px;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
text-indent: 60px;
color: var(--black-2);
margin-left: 500px
}
.portfolio__slider-11 img {
height: 100vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.portfolio__slider-11-title {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
pointer-events: none
}
.portfolio__slider-11-title .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11 {
font-size: 150px
}
.portfolio__title-11 {
font-weight: 500;
font-size: 50px;
line-height: 1.1;
color: var(--white);
-webkit-transition: .3s;
transition: .3s;
padding-bottom: 10px;
text-transform: uppercase
}
.portfolio__title-11 span {
font-weight: 400
}
.portfolio__title-12 {
font-weight: 500;
font-size: 150px;
line-height: 1;
text-transform: uppercase;
color: var(--black-2);
-webkit-transition: .3s;
transition: .3s
}
.part.showed h2,
.part.showed p,
.portfolio__sub-title-11 {
color: var(--white)
}
.portfolio__title-12 span {
font-weight: 400
}
.portfolio__item-12 p,
.portfolio__sub-title-11 {
font-size: 14px;
line-height: 1.5;
font-weight: 500;
text-transform: uppercase
}
.portfolio__list-12 {
padding-top: 140px;
border-bottom: 1px solid var(--gray-11)
}
.portfolio__item-12 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 160px auto 200px;
grid-template-columns: 160px auto 200px;
padding: 55px 0 50px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .3s;
transition: .3s;
border-top: 1px solid var(--gray-11)
}
.portfolio__item-12:hover .portfolio__title-12 {
letter-spacing: 1px;
-webkit-transition: .3s;
transition: .3s
}
.hover_img,
.portfolio__hover-12 {
-webkit-transition: opacity .3s, -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
background-position-x: 75%
}
.active.hover_8_img_2,
.hover_8_img.active,
.hover_wrap:hover .hover_img,
.portfolio__item-12:hover .portfolio__hover-12,
.showcase_16_hover.active {
opacity: 1
}
.portfolio__item-12 p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: var(--black-3)
}
.portfolio__hover-12 {
width: 300px;
height: 400px;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .3s, transform .7s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
margin: -200px 0 0 -150px;
overflow: hidden;
pointer-events: none
}
.portfolio__no-12 {
font-weight: 400;
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
color: var(--black-3)
}
.portfolio__wrapper-11 {
height: 100vh;
overflow: hidden;
overflow-y: scroll;
padding-top: 70px
}
.hover_8_img,
.hover_8_img_2,
.hover_img {
height: 400px;
top: 0;
z-index: -1;
position: absolute;
left: 0;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
pointer-events: none
}
.portfolio__wrapper-11::-webkit-scrollbar {
width: 0
}
.portfolio__nitem.active .portfolio__title-11 {
font-size: 150px
}
.portfolio__nitem a {
padding: 30px 0;
display: inline-block;
-webkit-transition: .3s;
transition: .3s
}
.portfolio__nitem .pitem-bg {
background-position: center;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 1s;
transition: 1s
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current::before,
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-total::before {
left: 20px
}
.hover_img {
width: 300px;
transition: opacity .3s, transform .7s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
margin: 0;
overflow: hidden
}
.hover_8_img,
.hover_8_img_2 {
width: 300px;
background-position: center;
-webkit-transition: opacity .3s, -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
transition: opacity .3s, transform .7s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
overflow: hidden;
margin-left: -250px
}
@media (max-width:1200px) {
#client_cursor,
.cursor-testi,
.cursor1,
.cursor2 {
display: none
}
.hover_8_img,
.hover_8_img_2,
.hover_img,
.portfolio__hover-12,
.service__hover-3 {
width: 0;
display: none
}
.portfolio__content-6 {
opacity: 1;
visibility: visible;
right: 0
}
.contact__form_contact #btn_wrapper,
.contact__form_contact .btn_wrapper {
margin-top: 10px
}
.header__area-5.sticky-5 .header__inner-5 {
padding: 20px 15px
}
}
.dir-rtl .portfolio__project::after,
.hover_8_img_2 {
top: 100px
}
.work__area-8 .about-sub-right {
color: var(--black-3);
padding-bottom: 10px
}
.scroll-top-2 {
width: 115px;
position: fixed;
right: 100px;
bottom: 20px;
z-index: 9991;
padding: 10px;
cursor: pointer;
display: none;
-webkit-transition: .3s;
transition: .3s
}
#main .part .section,
.scroll-inner {
display: -webkit-box;
display: -ms-flexbox
}
.scroll-top-2 p {
color: var(--black-2);
text-align: left
}
.scroll-inner {
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#main .part .section {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.part.showed h2 {
opacity: 1;
padding-left: 30px;
padding-bottom: 30px;
font-weight: 500;
font-size: 36px;
line-height: 1.3;
text-transform: uppercase
}
.part.showed h2 span {
display: block;
position: relative;
padding-left: 90px
}
.part.showed h2 span::before {
position: absolute;
content: "";
width: 70px;
height: 2px;
left: 0;
top: 22px;
background-color: var(--white)
}
.part.showed p {
opacity: 1;
padding-left: 120px;
padding-bottom: 60px;
font-weight: 500;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase
}
.plan-popup .modal-content h4,
.showcase__menu-4 button {
text-transform: capitalize
}
.showcase__area-4 {
padding: 130px 50px 110px
}
.showcase__area-4 .row {
--bs-gutter-x: 120px
}
.showcase__items-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 90px 1fr 90px 1fr 90px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 90px
}
.portfolio__area-11,
.showcase__item-4 {
overflow: hidden
}
.showcase__item-4:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.showcase__item-4 img {
-webkit-transition: 3s;
transition: 3s;
max-width: 100%
}
.showcase__menu-4 {
gap: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 30px;
margin-bottom: 30px
}
.showcase__menu-4 button {
font-weight: 400;
font-size: 18px;
line-height: 1;
color: var(--black);
-webkit-transition: .3s;
transition: .3s
}
.showcase__menu-4 button:hover {
letter-spacing: 1px;
color: var(--black-2)
}
.showcase5__content img {
-webkit-animation: 5s linear infinite wcSpinner;
animation: 5s linear infinite wcSpinner
}
.showcase_16_hover {
width: 300px;
height: 400px;
position: absolute;
top: 100px;
left: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position-x: 75%;
-webkit-transition: opacity .3s, -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
transition: opacity .3s, transform .7s cubic-bezier(.23, 1, .32, 1), -webkit-transform .7s cubic-bezier(.23, 1, .32, 1);
overflow: hidden;
pointer-events: none;
opacity: 0
}
.body-bg,
.plan-popup {
position: fixed;
top: 0
}
.mixtup_btn .wc-btn {
display: inline-block;
width: 170px;
height: 170px;
border: 1px solid #c2c2c2;
border-radius: 100%;
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;
color: #555;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
margin: 0 auto;
-webkit-transition: .5s;
transition: .5s;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.mixtup_btn .wc-btn span {
display: block;
font-size: 18px;
margin-bottom: -15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.body-bg {
z-index: 99999;
pointer-events: none;
opacity: 1;
left: 0;
width: 100vw;
height: 100vh;
background-repeat: repeat;
background-position: top left;
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/essential-img/bg-axtra.png)
}
.portfolio__area-11 .gallary11__thumb {
height: 100%
}
.portfolio__area-11 .gallary11__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.portfolio__area-11 .gallary11__thumb img:hover {
-webkit-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: 10s;
transition: 10s
}
.portfolio__area-11 .swiper-container {
width: 100%;
height: 100vh;
float: left;
-webkit-transition: opacity .6s, -webkit-transform .3s;
transition: opacity .6s, transform .3s, -webkit-transform .3s
}
.portfolio__area-11 .main-slider11 .swiper-image {
width: 100%;
height: 100%
}
.portfolio__area-11 .swiper-slide {
overflow: hidden;
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
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
font-size: 150px;
line-height: .9
}
.portfolio__area-11 .swiper-container.thumb-slider11 {
width: 100%;
position: absolute;
overflow: hidden;
height: 100vh;
pointer-events: none
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide {
cursor: pointer
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
height: 175px !important
}
.portfolio__area-11 .gallary12 {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset
}
.dir-rtl,
.dir-rtl .part.showed {
direction: rtl
}
.dir-rtl .scroll-top {
right: unset;
left: 20px
}
.dir-rtl .wc-btn-black i,
.dir-rtl .wc-btn-light i,
.dir-rtl .wc-btn-pink i,
.dir-rtl .wc-btn-primary i,
.dir-rtl .wc-btn-secondary i {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg)
}
.dir-rtl .shape {
left: 0;
right: -90px
}
.dir-rtl .shape .primary {
margin-left: 0;
margin-right: 24px
}
.dir-rtl .btn-view i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.dir-rtl .sec-title-4 span {
padding-left: 0;
padding-right: 298px
}
.dir-rtl .sec-title-5 {
padding-left: 0;
padding-right: 98px
}
.dir-rtl .menu-text-5,
.dir-rtl .menu-text-pp {
padding-right: 0;
padding-left: 10px
}
.dir-rtl .circle-pagination-2 {
left: unset !important;
right: 20px !important
}
.dir-rtl .btn-together i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.dir-rtl .header__area {
right: 0;
left: unset;
border: none;
border-left: 1px solid rgb(240 240 240 / .07)
}
.dir-rtl .header__search {
right: unset;
left: 60px
}
.dir-rtl .header__nav-2,
.dir-rtl .service__link {
text-align: left
}
.dir-rtl .header__nav-icon-7 .menu-icon-2::after {
left: -60px;
right: unset
}
.dir-rtl .offcanvas__close {
right: unset;
left: 40px
}
.dir-rtl .offcanvas__logo {
padding: 55px 50px 55px 0
}
.dir-rtl .offcanvas__social,
.dir-rtl .service__title-7 span {
padding-left: 0;
padding-right: 50px
}
.dir-rtl .offcanvas__links {
padding-left: unset;
padding-right: 50px
}
.dir-rtl .offcanvas__left {
border: none;
border-left: 1px solid var(--black-4)
}
.dir-rtl .about__img-right,
.dir-rtl .hero__area-3 .hero3-img,
.dir-rtl .hero__area-3 .title-right,
.dir-rtl .hero__content a span,
.dir-rtl .job__item:hover .job__link span::after,
.dir-rtl .offcanvas__search button {
right: unset;
left: 0
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 100px 20px 0
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
left: 0;
right: unset;
height: 120px;
width: 84px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding: 20px 150px 20px 0
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 63px
}
.dir-rtl .hero__area-3::after {
right: unset;
left: 50px
}
.dir-rtl .hero__area-3::before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.dir-rtl .hero__area-3 .video-info {
left: unset;
right: 500px
}
.dir-rtl .hero__area-3 .intro-title {
left: 0
}
.dir-rtl .hero__area-3 .sec-sub-title {
padding-right: 0;
padding-left: 30px
}
.dir-rtl .hero__area-3 .sec-sub-title::after,
.dir-rtl .hover_img {
left: unset;
right: 100%
}
.dir-rtl .hero__area-2 .hero2-shape {
max-width: 38%
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.hero__area-5 {
padding: 185px 0 80px;
background-size: 90%
}
.hero__title-5 {
font-size: 50px;
line-height: 1.4
}
.portfolio__inner-5 {
gap: 80px
}
.portfolio__item-5 {
width: 28%
}
.hero__title-6 {
font-size: 80px
}
.hero__shape {
top: 10%
}
.hero__shape-2 {
bottom: -7%;
right: 7%
}
.hero__shape-3 {
left: 7%;
bottom: 7%
}
.service__item-title {
font-size: 50px
}
.solution__area-4 {
padding: 150px 0 110px;
background-size: 55%
}
.portfolio__area-4 {
padding: 0 60px
}
.service__area-7::before {
left: 32%
}
.service__area-7::after {
left: 62%
}
.portfolio__title-12 {
font-size: 110px
}
.portfolio__list-12 {
padding-top: 120px
}
.portfolio__item-12 {
-ms-grid-columns: 130px auto 120px;
grid-template-columns: 130px auto 120px
}
.portfolio__nitem.active .portfolio__title-11 {
font-size: 120px
}
.scroll-top-2 {
right: 50px
}
.showcase__area-4 {
padding: 120px 50px 100px
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
font-size: 100px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
padding-right: 60px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 100px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-right: 90px
}
.dir-rtl .hero__area-2 .hero2-shape {
max-width: 35%
}
}
.dir-rtl .hero__area-2 .sec-title-3:last-child {
text-align: left;
padding-top: 110px;
padding-right: 0;
margin-top: 30px
}
.dir-rtl .hero__area-7 .shape-1,
.dir-rtl .portfolio__about-left img,
.dir-rtl .scroll-top-2 {
right: unset;
left: 100px
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-total {
width: 30px;
margin-right: 10px
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current {
width: 30px
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-button-next.hero_next {
left: 0;
right: unset
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-button-next.hero_next img,
.dir-rtl .hero__area-10 .swiper-button-prev.hero_prev img,
.dir-rtl .portfolio__icon-link,
.dir-rtl .portfolio__slide-2 .btn-common i,
.dir-rtl .solution__img-3 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.dir-rtl .hero__sub-title {
left: 60px;
right: unset
}
.dir-rtl .hero__text-2 {
padding-left: 0;
padding-right: 32%;
background-position: 35% 58%
}
.dir-rtl .hero__content .experience,
.dir-rtl .modal__close-2 {
right: unset;
left: 30px
}
.dir-rtl .hero__content a:hover i {
-webkit-transform: translate(-18px, -18px) rotate(-135deg);
transform: translate(-18px, -18px) rotate(-135deg)
}
.dir-rtl .hero__content a:hover span::after {
-webkit-transform: translate(20px, -20px) rotate(-135deg);
transform: translate(20px, -20px) rotate(-135deg)
}
.dir-rtl .hero__content a span i {
-webkit-transform: translate(0, 0) rotate(-135deg);
transform: translate(0, 0) rotate(-135deg)
}
.dir-rtl .hero__content a span::after {
left: -20px;
-webkit-transform: translate(45px, 5px) rotate(-135deg);
transform: translate(45px, 5px) rotate(-135deg)
}
.dir-rtl .hero__content-8 .scroll-down {
padding-left: unset;
padding-right: 140px
}
.dir-rtl .hero__title::after {
right: unset;
left: -80px
}
.dir-rtl .hero__arrow-icon {
right: 95%
}
.dir-rtl .about__mid-7,
.dir-rtl .hero__about-text p {
padding-left: 0;
padding-right: 80px
}
.dir-rtl .hero__about-row {
position: inherit;
margin-right: initial;
margin-left: -310px
}
.dir-rtl .hero__text-7 {
margin-left: 0;
margin-right: 210px
}
.dir-rtl .hero__text-7 .about::after {
left: 40px
}
.dir-rtl .header__nav-icon-3 .search-icon::after {
right: unset;
left: 25px
}
.dir-rtl .about__area-3::after {
left: 40%
}
.dir-rtl .about__area-3 .sec-text-wrapper {
padding-right: 210px;
padding-left: 0
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child {
padding-top: 90px
}
.dir-rtl .hero__text-2 {
padding-right: 30%
}
.dir-rtl .about__area-3 .sec-text-wrapper {
padding-right: 160px
}
}
.dir-rtl .about__area-2 .sec-text-wrapper {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left
}
.dir-rtl .about__area-8 .about-sub-right,
.dir-rtl .client__area-8 .about-sub-right,
.dir-rtl .work__area-8 .about-sub-right {
text-align: left !important
}
.dir-rtl .about__title-wrapper,
.dir-rtl .solution__mid p {
padding-left: 0;
padding-right: 190px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.solution__list {
-ms-grid-columns: 250px 300px;
grid-template-columns: 250px 300px;
border-top: 1px solid var(--white-6)
}
.hero__area-7 {
padding-top: 140px;
padding-bottom: 100px
}
.hero__area-7 .shape-1 {
right: 60px;
max-width: 260px
}
.hero__title-7 {
font-size: 110px
}
.about__mid-7 {
padding-left: 30px;
padding-top: 20px
}
.service__area-7::before {
left: 35%
}
.service__area-7::after {
left: 62%
}
.portfolio__slider-7 {
margin-right: -200px
}
.portfolio__area-12 {
padding-top: 150px
}
.portfolio__area-12 .sec-title-wrapper .title {
font-size: 260px;
padding-bottom: 45px
}
.portfolio__area-12 .sec-title-wrapper p {
margin-left: 300px
}
.portfolio__title-11 {
font-size: 40px
}
.portfolio__nitem.active .portfolio__title-11,
.portfolio__title-12 {
font-size: 100px
}
.dir-rtl .hero__area-2 .sec-title-3:last-child,
.portfolio__list-12 {
padding-top: 90px
}
.portfolio__item-12 {
padding: 40px 0;
-ms-grid-columns: 100px auto 100px;
grid-template-columns: 100px auto 100px
}
.scroll-top-2 {
right: 30px
}
.showcase__area-4 {
padding: 90px 50px 100px
}
.showcase__items-4 {
grid-gap: 30px
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
font-size: 90px
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
height: 160px !important
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
padding-right: 50px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
height: 88px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-right: 80px
}
.dir-rtl .hero__text-2 {
padding-right: 20%
}
.dir-rtl .hero__about-row {
margin-left: -150px
}
.dir-rtl .about__area-3 .sec-text-wrapper {
padding-right: 160px
}
.dir-rtl .about__mid-7 {
padding-right: 30px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero__area-7 {
padding-top: 140px;
padding-bottom: 100px
}
.hero__area-7 .shape-1 {
max-width: 240px
}
.hero__title-7,
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11 {
font-size: 100px
}
.about__mid-7 {
padding-left: 10px;
padding-top: 0
}
.service__area-7 {
padding-bottom: 0
}
.service__area-7::before {
left: 33%
}
.service__area-7::after {
left: 63%
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a,
.service__item-7 {
padding-right: 30px
}
.part.showed h2,
.service__title-7 {
font-size: 30px
}
.portfolio__slider-7 {
margin-right: -130px
}
.portfolio__area-12 {
padding-top: 150px
}
.portfolio__area-12 .sec-title-wrapper .title {
font-size: 220px;
padding-bottom: 45px
}
.portfolio__area-12 .sec-title-wrapper p {
margin-left: 300px
}
.portfolio__title-11 {
font-size: 36px
}
.portfolio__title-12 {
font-size: 72px
}
.portfolio__list-12 {
padding-top: 90px
}
.portfolio__item-12 {
-ms-grid-columns: 90px auto 90px;
grid-template-columns: 90px auto 90px;
padding: 30px 0
}
.portfolio__nitem.active .portfolio__title-11 {
font-size: 50px
}
.scroll-top-2 {
right: 30px
}
.part.showed h2 span {
padding-left: 60px
}
.part.showed h2 span::before {
width: 40px
}
.part.showed p {
padding-left: 90px
}
.showcase__area-4 {
padding: 80px 30px 100px
}
.showcase__area-4 .row {
--bs-gutter-x: 60px
}
.showcase__items-4 {
grid-gap: 20px
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
font-size: 60px
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
height: 150px !important
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
width: 70px;
height: 80px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-right: 60px
}
.dir-rtl .hero__area-3 .video-info {
right: 330px
}
.dir-rtl .hero__area-2 .sec-title-3:last-child {
padding-top: 50px
}
.dir-rtl .hero__text-2 {
padding-right: 15%
}
.dir-rtl .hero__content-8 .scroll-down {
padding-right: 160px
}
.dir-rtl .hero__about-row {
margin-left: -120px
}
.dir-rtl .about__area-3::after {
left: 45%
}
.dir-rtl .about__area-3 .sec-text-wrapper {
padding-right: 65px
}
.dir-rtl .about__mid-7 {
padding-right: 10px
}
}
.dir-rtl .about__mid-7 .image-1,
.dir-rtl .showcase__top-16 .title-right {
margin-left: 0;
margin-right: auto
}
.dir-rtl .about8__content {
float: left
}
.dir-rtl .work8__title {
margin-left: 0;
margin-right: 440px
}
.dir-rtl .service__area-3 .sec-title-wrapper {
padding-left: 0;
padding-right: 330px
}
.dir-rtl .service__area-3 .sec-title-wrapper::after {
left: 62%
}
.dir-rtl .service__area-3 .sec-title-wrapper p {
margin-left: 0;
margin-right: 220px
}
.dir-rtl .service__area-6 .inherit-row {
margin-right: -180px;
margin-left: 0
}
@media (max-width:1919px) {
.dir-rtl .circle-pagination-2 {
right: 0 !important
}
.dir-rtl .service__area-6 .inherit-row {
margin-right: calc(-.5 * var(--bs-gutter-x))
}
}
.dir-rtl .service__area-6 .right-content {
padding-left: 0;
padding-right: 80px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.dir-rtl .service__area-6 .right-content {
padding-right: 40px
}
}
.dir-rtl .service__area-7::before {
left: 42%
}
.dir-rtl .service__area-7::after {
left: 64%
}
.dir-rtl .service__top-btn #btn_wrapper,
.dir-rtl .service__top-btn .btn_wrapper {
margin-left: -40px;
margin-right: auto
}
.dir-rtl .service__link p::after {
-webkit-transform: translate(80px, 34px) rotate(-135deg);
transform: translate(80px, 34px) rotate(-135deg)
}
.dir-rtl .service__link i {
-webkit-transform: translate(0, 0) rotate(-135deg);
transform: translate(0, 0) rotate(-135deg)
}
.dir-rtl .service__item-icon i {
font-size: 23px;
color: var(--black-2);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.dir-rtl .service__item:hover .service__link p::after {
-webkit-transform: translate(30px, -20px) rotate(-135deg);
transform: translate(30px, -20px) rotate(-135deg)
}
.dir-rtl .service__item:hover .service__link i {
-webkit-transform: translate(-38px, -40px) rotate(-135deg);
transform: translate(-38px, -40px) rotate(-135deg)
}
.dir-rtl .service__item-2::before {
left: -30px
}
.dir-rtl .service__item-4:hover .service__item-icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.dir-rtl .service__img {
-webkit-transform: rotate(0) translateX(100px);
transform: rotate(0) translateX(100px)
}
.dir-rtl .service__img.active {
-webkit-transform: rotate(-15deg) translateX(-60px) translateY(30px);
transform: rotate(-15deg) translateX(-60px) translateY(30px)
}
.dir-rtl .service__img-wrapper span {
left: unset;
right: 0;
-webkit-transform: rotate(26deg) translate(-100%, -100%);
transform: rotate(26deg) translate(-100%, -100%)
}
.dir-rtl .service__img-wrapper span.current {
-webkit-transform: rotate(26deg) translate(170px, -100%);
transform: rotate(26deg) translate(170px, -100%)
}
.dir-rtl .service__right-4 p {
padding-right: 0;
padding-left: 195px
}
.dir-rtl .service__hero-2 .shape-1 {
right: unset;
left: 165px
}
.dir-rtl .service__hero-left-2 .image-1,
.dir-rtl .service__hero-left-2 .image-3 {
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
.dir-rtl .service__hero-left-2 .image-2 {
-webkit-transform: translateX(-50px);
transform: translateX(-50px)
}
.dir-rtl .service__hero-left-2 .image-4 {
right: 318px
}
.dir-rtl .service__hero-right-2 .scroll,
.dir-rtl .service__hero-right-2 p {
margin-left: 0;
margin-right: 350px
}
.dir-rtl .service__hero-right-2 .title span {
padding-left: 0;
padding-right: 170px
}
.dir-rtl .service__title-7:hover span {
padding-right: 0
}
.dir-rtl .service__title-7 span::before {
left: unset;
right: 0
}
.dir-rtl .service__detail-circle span::after {
left: unset;
right: 50%
}
.dir-rtl .circle-pagination.right {
left: unset;
right: calc(100% - 135px) !important
}
.dir-rtl .portfolio__area-2::after {
left: 15.3%
}
.dir-rtl .portfolio__area-2 .sec-title-3 {
padding-right: 0;
padding-left: 320px;
background-position: 25% 25px
}
.dir-rtl .portfolio__area-2 .sec-title-3 span {
padding-left: 0;
padding-right: 450px
}
.dir-rtl .portfolio__area-6 .sec-title-wrapper p {
padding-left: 0;
padding-right: 110px
}
.dir-rtl .portfolio__area-6 .sec-title-wrapper p::before {
left: unset;
right: 0
}
.dir-rtl .portfolio__area-12 .sec-title-wrapper .sub-title::after {
margin-left: unset;
margin-right: 10px
}
.dir-rtl .portfolio__area-12 .sec-title-wrapper p {
margin-left: 0;
margin-right: 500px
}
.dir-rtl .portfolio__slide-3 {
text-align: left;
padding-right: 0;
padding-left: 110px
}
.dir-rtl .portfolio__detail .block-img-text p,
.dir-rtl .portfolio__slide-2 .sec-title span {
padding-left: 0;
padding-right: 60px
}
.dir-rtl .portfolio__slide-2 .sec-title span::before {
left: unset;
right: -10px
}
.dir-rtl .portfolio__slide-2 .slide-img {
padding-right: 0;
padding-left: 15px
}
.dir-rtl .portfolio__slide-2 .slide-content,
.dir-rtl .portfolio__wrapper-6,
.dir-rtl .solution__area {
padding-left: 0;
padding-right: 100px
}
.dir-rtl .portfolio__title-3 span {
padding-left: 0;
padding-right: 200px
}
.dir-rtl .portfolio__hero-area::after {
left: unset
}
.dir-rtl .part.showed p,
.dir-rtl .portfolio__about .sec-title span {
padding-left: 0;
padding-right: 120px
}
.dir-rtl .portfolio__about .sec-title span::before {
left: unset;
right: 0
}
.dir-rtl .portfolio__page .swiper-slide-active .portfolio__about-left img {
-webkit-transform: rotateY(180deg) !important;
transform: rotateY(180deg) !important
}
.dir-rtl .portfolio__project .pp-slider-wrapper {
padding-left: 100px;
padding-right: 150px
}
.dir-rtl .portfolio__project .pp-slide-thumb {
margin-left: unset;
margin-right: auto
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.dir-rtl .service__area-7::before {
left: 39%
}
.dir-rtl .service__area-7::after {
left: 69%
}
.dir-rtl .service__hero-left-2 .image-1,
.dir-rtl .service__hero-left-2 .image-3 {
-webkit-transform: translateX(40px);
transform: translateX(40px)
}
.dir-rtl .portfolio__project .pp-prev {
right: 40px
}
.dir-rtl .portfolio__project .pp-slide-thumb {
margin-right: 20px
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.dir-rtl .service__area-7::before {
left: 38%
}
.dir-rtl .service__area-7::after {
left: 65%
}
.dir-rtl .service__hero-left-2 .image-4 {
right: 300px
}
.dir-rtl .portfolio__project .pp-slide-thumb {
margin-right: 20px
}
.dir-rtl .solution__mid p {
padding-right: 80px
}
}
.dir-rtl .job__link,
.dir-rtl .portfolio__project .pp-slide-thumb p,
.dir-rtl .portfolio__project .pp-slide-title,
.dir-rtl .solution__btm ul {
text-align: left
}
.dir-rtl .portfolio__project .pp-slide-img img {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
.dir-rtl .portfolio__project-thumbs {
margin-right: 0;
margin-left: -150px
}
.dir-rtl .portfolio__project .pp-slide {
padding: 80px 80px 80px 0
}
.dir-rtl .portfolio__hero .title.shape-circle::after {
left: -50px;
right: unset
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.dir-rtl .service__area-3 .sec-title-wrapper {
padding-right: 200px
}
.dir-rtl .service__area-3 .sec-title-wrapper p {
margin-right: 120px
}
.dir-rtl .service__area-7::before {
left: 34%
}
.dir-rtl .service__right-4 p {
padding-left: 30px
}
.dir-rtl .service__hero-left-2 .image-1,
.dir-rtl .service__hero-left-2 .image-3 {
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
.dir-rtl .service__hero-left-2 .image-4 {
right: 268px
}
.dir-rtl .service__hero-right-2 p {
margin-right: 300px
}
.dir-rtl .circle-pagination.right {
right: calc(100% - 90px) !important
}
.dir-rtl .portfolio__area-2 .sec-title-3 span {
padding-right: 300px
}
.dir-rtl .portfolio__slide-3 {
padding-left: 0
}
.dir-rtl .portfolio__slide-2 .slide-content {
padding-right: 60px
}
.dir-rtl .portfolio__project .pp-prev {
right: 60px
}
.dir-rtl .portfolio__project .pp-slider-wrapper {
padding-left: 140px
}
.dir-rtl .portfolio__project-thumbs {
margin-left: 0
}
.dir-rtl .portfolio__project .pp-slide {
padding: 60px
}
.dir-rtl .portfolio__hero .title.shape-circle::after {
left: -10px
}
.dir-rtl .portfolio__detail .block-img-text p {
padding-right: 0
}
}
@media (max-width:1023px) {
.portfolio__area-3 .swiper-btn div {
opacity: 1;
visibility: visible;
top: calc(50% - 25px)
}
.img-box img {
position: unset;
width: 100%;
height: auto
}
.img-box img:first-child {
display: none
}
.img-box:hover img:nth-child(2) {
opacity: 1
}
.dir-rtl .about__mid-7 {
padding-right: 0
}
.dir-rtl .portfolio__hero .title.shape-circle::after {
left: 0
}
}
.dir-rtl .portfolio__service .sec-text {
background-image: url(//www.logicrays.us/wp-content/themes/logicrays-us/assets/css/imgs/shape/25.png);
background-position: right 80px
}
@media (max-width:1400px) {
.portfolio__slider-2 {
height: auto
}
.error__content #btn_wrapper,
.error__content .btn_wrapper,
.job__apply {
margin-top: 0
}
.dir-rtl .hero__area-2 .hero2-shape {
max-width: 30%
}
.dir-rtl .service__area-6 .right-content {
padding-right: 0
}
.dir-rtl .portfolio__service .sec-text {
background-position: right 0
}
}
.dir-rtl .portfolio__item-4:hover .portfolio__icon-link {
-webkit-transform: rotate(215deg);
transform: rotate(215deg)
}
.dir-rtl .portfolio__item-12 p {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.dir-rtl .solution__shape .shape-3 {
left: 20%;
top: 20%
}
.dir-rtl .solution__list li {
padding-left: 0;
padding-right: 15px
}
.dir-rtl .solution__list li::after {
left: unset;
right: 0
}
.dir-rtl .img-box img,
.dir-rtl .part.showed h2 span::before,
.dir-rtl .showcase__title-16 span::before,
.dir-rtl .solution__mid p::before {
left: unset;
right: 0
}
.dir-rtl .hero10__content,
.dir-rtl .solution__img-1::after {
left: unset;
right: 40px
}
.dir-rtl .research__area {
background-position: calc(100% - 300px) calc(100% - 220px)
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.dir-rtl .research__area {
background-position: calc(100% - 140px) calc(100% - 220px)
}
}
.dir-rtl .research__area .row,
.dir-rtl .research__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.dir-rtl .counter__area-3 .sec-title-wrapper,
.dir-rtl .counter__item-3,
.dir-rtl .research__area .sec-title-wrapper,
.dir-rtl .research__info {
text-align: right
}
.dir-rtl .research__item:nth-child(odd) {
padding-left: 0;
padding-right: 100px
}
.dir-rtl .research__tools {
padding-left: 0;
text-align: right;
padding-right: 200px
}
.dir-rtl .counter__wrapper-3 {
padding-right: 30px
}
.dir-rtl .counter__item {
margin-left: 0;
margin-right: -67px
}
.dir-rtl .counter__item:first-child {
margin-right: 0
}
.dir-rtl .section_wrapper::before {
left: unset;
right: 60px
}
.dir-rtl .hero10:hover .hero10__content i {
-webkit-transform: translateY(-50px) rotate(-135deg);
transform: translateY(-50px) rotate(-135deg)
}
.dir-rtl .hero10__content i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
@media (max-width:1365px) {
.hero__right-6 img {
max-width: 100%
}
.showcase_16_hover {
display: none
}
.mixtup_btn .wc-btn {
width: 150px;
height: 150px
}
.mixtup_btn {
opacity: 1;
visibility: visible
}
.dir-rtl .hero10__content i {
-webkit-transform: rotate(215deg);
transform: rotate(215deg)
}
}
.dir-rtl .dis_port_4 {
margin-left: 0;
margin-right: 100px
}
.dir-rtl .section_title_wrapper .title_right__inner__left {
margin-right: 0;
margin-left: 60px
}
.dir-rtl .section_title_wrapper .title_right__inner__left span::before {
right: unset;
left: 80px
}
.dir-rtl .gallary12__content img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.dir-rtl .showcase__info-16 {
left: unset;
right: 50px
}
.dir-rtl .showcase__sub-title-16 {
padding-left: unset;
padding-right: 100px
}
.dir-rtl .mixtup_btn .wc-btn span {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.dir-rtl .job__detail-wrapper {
padding-right: 0;
padding-left: 120px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.dir-rtl .research__area {
background-position: calc(100% - 100px) calc(100% - 140px)
}
.dir-rtl .research__tools {
padding-right: 108px
}
.dir-rtl .counter__item {
margin-right: -60px
}
.dir-rtl .job__detail-wrapper {
padding-left: 30px
}
}
.dir-rtl .job__detail-meta li {
padding-right: 0;
padding-left: 70px
}
.dir-rtl .job__detail-content ol,
.dir-rtl .job__detail-content ul {
padding-left: 0;
padding-right: 30px
}
.dir-rtl .job__detail-content ol li::before,
.dir-rtl .job__detail-content ul li::before {
left: unset;
right: -18px
}
.dir-rtl .job__link span::after {
right: unset;
left: 45px;
-webkit-transform: translate(0, 0) rotate(215deg);
transform: translate(0, 0) rotate(215deg)
}
.dir-rtl .job__link i,
.dir-rtl .job__link span {
-webkit-transform: rotate(215deg);
transform: rotate(215deg)
}
.dir-rtl .job__item:hover .job__link i {
-webkit-transform: rotate(215deg) translate(60px, 2px);
transform: rotate(215deg) translate(60px, 2px)
}
.dir-rtl .modal__apply .form-btn button {
margin-left: inherit;
margin-right: auto
}
.service__hero-left-2 .image-2.translate-none {
transform: translateX(0)
}
.dir-rtl .hero_layer_9,
.dir-rtl .roll__area-2 {
direction: ltr
}
.dir-rtl .part.showed h2 span {
padding-left: 0;
padding-right: 90px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.dir-rtl .solution__mid p {
padding-right: 50px
}
.dir-rtl .research__area {
background-position: calc(100% - 100px) calc(100% - 140px)
}
.dir-rtl .research__tools {
padding-right: 90px
}
.dir-rtl .counter__item {
margin-right: -25px
}
.dir-rtl .dis_port_4 {
margin-right: 60px
}
.dir-rtl .job__detail-wrapper {
padding-left: 0
}
.dir-rtl .part.showed p {
padding-right: 70px
}
.dir-rtl .part.showed h2 span {
padding-right: 60px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.portfolio__wrapper-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.portfolio__sec-title {
position: unset
}
.hero__area-7 {
padding-top: 160px;
padding-bottom: 60px
}
.hero__area-7 .shape-1 {
max-width: 200px;
right: 20px
}
.hero__title-7 {
font-size: 70px
}
.hero__title-7 img {
max-width: 90px
}
.hero__text-7 {
margin-left: 60px;
-ms-grid-columns: 160px 20px auto;
grid-template-columns: 160px auto
}
.about__mid-7 {
padding: 0
}
.about__mid-7 p {
padding-bottom: 20px
}
.service__area-7 {
padding-bottom: 0
}
.service__area-7::before {
left: 34%
}
.service__area-7::after {
left: 64%
}
.service__item-7 p,
.service__item-7 ul li {
font-size: 16px
}
.service__title-7 {
font-size: 30px
}
.portfolio__area-7 .pb-140 {
padding-bottom: 60px
}
.portfolio__area-7 .sec-title {
padding-bottom: 40px
}
.portfolio__slider-7 {
margin-right: 0
}
.portfolio__area-12 {
padding: 150px 15px 80px
}
.portfolio__area-12 .sec-title-wrapper .title {
font-size: 150px;
line-height: .9;
padding-bottom: 20px
}
.portfolio__area-12 .sec-title-wrapper p {
margin-left: 200px
}
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11 {
font-size: 72px
}
.portfolio__title-11 {
font-size: 30px
}
.portfolio__title-12 {
font-size: 50px
}
.portfolio__list-12 {
padding-top: 70px
}
.portfolio__item-12 {
-ms-grid-columns: 40px 20px auto 20px 80px;
grid-template-columns: 40px auto 80px;
gap: 20px;
padding: 30px 0
}
.portfolio__nitem.active .portfolio__title-11 {
font-size: 36px
}
.scroll-top-2 {
right: 10px;
bottom: 15px
}
.part.showed h2 {
font-size: 30px;
padding-left: 20px;
padding-bottom: 20px
}
.part.showed h2 span {
padding-left: 50px
}
.part.showed h2 span::before {
width: 35px
}
.part.showed p {
padding-left: 70px
}
.showcase__area-4 {
padding: 80px 20px 60px
}
.showcase__area-4 .row {
--bs-gutter-x: 40px
}
.showcase__items-4 {
grid-gap: 15px;
-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
grid-template-columns: repeat(3, 1fr)
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11 {
font-size: 48px
}
.portfolio__area-11 .swiper-container.thumb-slider11 {
margin-top: 80px
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
height: 125px !important
}
.portfolio__area-11 .gallary12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
padding-right: 20px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
width: 60px;
height: 70px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
padding-right: 40px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 59px
}
.dir-rtl .hero__area-2 .sec-title-3:last-child {
padding-top: 50px
}
.dir-rtl .hero__text-2 {
padding-right: 5%
}
.dir-rtl .hero__content-8 .scroll-down {
padding-right: 160px
}
.dir-rtl .hero__title::after {
left: -30px
}
.dir-rtl .about__area-3 .sec-text-wrapper,
.dir-rtl .hero__about-text p,
.dir-rtl .portfolio__slide-2 .slide-content,
.dir-rtl .portfolio__wrapper-6 {
padding-right: 0
}
.dir-rtl .hero__about-row,
.dir-rtl .portfolio__project-thumbs {
margin-left: 0
}
.dir-rtl .hero__text-7 {
margin-right: 60px;
grid-gap: 60px
}
.dir-rtl .hero__text-7 .about::after,
.dir-rtl .service__item-2::before {
left: 0
}
.dir-rtl .about__area-3::after {
left: 50%
}
.dir-rtl .portfolio__title-3 span,
.dir-rtl .service__area-3 .sec-title-wrapper {
padding-right: 100px
}
.dir-rtl .service__area-3 .sec-title-wrapper p {
margin-right: 120px
}
.dir-rtl .service__area-7::before {
left: 36%
}
.dir-rtl .service__area-7::after {
left: 66%
}
.dir-rtl .service__top-btn #btn_wrapper,
.dir-rtl .service__top-btn .btn_wrapper {
margin-left: -20px
}
.dir-rtl .service__right-4 p {
padding-left: 15px
}
.dir-rtl .service__hero-2 .shape-1 {
left: 10px
}
.dir-rtl .service__hero-left-2 .image-1,
.dir-rtl .service__hero-left-2 .image-3 {
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
.dir-rtl .service__hero-left-2 .image-4 {
right: 215px
}
.dir-rtl .service__hero-right-2 p {
margin-right: 220px
}
.dir-rtl .research__tools,
.dir-rtl .service__hero-right-2 .title span {
padding-right: 80px
}
.dir-rtl .circle-pagination.right {
right: calc(100% - 75px) !important
}
.dir-rtl .portfolio__area-2 .line::before {
left: unset;
right: 0
}
.dir-rtl .portfolio__area-2 .sec-title-3 span {
padding-right: 150px
}
.dir-rtl .portfolio__area-12 .sec-title-wrapper p {
margin-right: 200px
}
.dir-rtl .job__detail-wrapper,
.dir-rtl .portfolio__slide-3 {
padding-left: 0
}
.dir-rtl .portfolio__slide-2 .sec-title span::before {
right: 0;
width: 40px
}
.dir-rtl .portfolio__about-left img {
display: none
}
.dir-rtl .portfolio__project .pp-slider-wrapper {
padding-left: 40px;
padding-right: 40px
}
.dir-rtl .portfolio__project .pp-slide {
padding: 50px
}
.dir-rtl .solution__area {
padding-right: 10px
}
.dir-rtl .solution__shape .shape-3 {
left: 5%;
top: 15%
}
.dir-rtl .part.showed h2 span,
.dir-rtl .solution__mid p {
padding-right: 50px
}
.dir-rtl .solution__img-3 {
float: left;
-webkit-transform: rotate(180deg) translateY(60px);
transform: rotate(180deg) translateY(60px)
}
.dir-rtl .research__area {
background-position: 98% 250px
}
.dir-rtl .counter__item {
margin-right: -27px
}
.dir-rtl .scroll-top-2 {
left: 20px
}
.dir-rtl .dis_port_4 {
margin-right: 30px
}
.dir-rtl .part.showed p {
padding-right: 70px
}
}
@media only screen and (max-width:767px) {
.portfolio__sec-title {
position: unset;
margin-bottom: 30px
}
.hero__area-7 {
padding-top: 160px;
padding-bottom: 60px
}
.hero__area-7 .shape-1 {
max-width: 120px;
bottom: unset;
top: 330px;
right: 0
}
.hero__title-7 {
font-size: 48px
}
.hero__title-7 img {
max-width: 60px
}
.hero__text-7 {
margin-left: 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.about__mid-7 {
padding-left: 0;
padding-top: 40px
}
.about__mid-7 p {
font-size: 16px
}
.about__mid-7 .image-1,
.dir-rtl .hero__about-row,
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current,
.dir-rtl .portfolio__project-thumbs {
margin-left: 0
}
.about__right-7 {
margin-top: 10px;
padding-bottom: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.scroll-inner p,
.service__area-7::after,
.service__area-7::before {
display: none
}
.service__items-7 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.service__item-7 {
padding-bottom: 60px
}
.service__item-7::after {
bottom: 25px
}
.service__item-7:nth-last-child(-n+3)::after {
position: absolute
}
.service__item-7 p,
.service__item-7 ul li {
font-size: 16px
}
.service__title-7 {
font-size: 30px
}
.service__title-7:hover span {
padding-left: 50px
}
.portfolio__area-7 {
margin-bottom: 90px
}
.portfolio__area-7 .sec-title {
padding-bottom: 30px
}
.portfolio__area-7 p {
font-size: 16px
}
.dir-rtl .about__area-2 #btn_wrapper,
.dir-rtl .about__area-2 .btn_wrapper,
.dir-rtl .counter__item,
.dir-rtl .hero__text-7,
.portfolio__slider-7 {
margin-right: 0
}
.portfolio__area-12 {
padding: 130px 0 40px
}
.portfolio__area-12 .sec-title-wrapper .sub-title::after {
width: 70px
}
.portfolio__area-12 .sec-title-wrapper .title {
font-size: 60px;
line-height: 1;
padding-bottom: 20px
}
.portfolio__area-12 .sec-title-wrapper p {
text-indent: 30px;
margin-left: 30px
}
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11,
.portfolio__title-12 {
font-size: 36px
}
.portfolio__title-11 {
font-size: 24px
}
.portfolio__list-12 {
padding-top: 60px
}
.portfolio__item-12 {
padding: 20px 0;
grid-gap: 15px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11,
.portfolio__nitem.active .portfolio__title-11 {
font-size: 30px
}
.portfolio__nitem a {
padding: 20px 0
}
.scroll-top-2 {
right: 10px;
bottom: 15px;
width: 40px;
height: 40px;
border-radius: 4px;
padding: 5px;
background-color: var(--white);
mix-blend-mode: exclusion
}
.scroll-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.scroll-inner img {
max-width: 100%;
height: 30px
}
.part.showed h2 {
font-size: 24px;
padding-left: 15px;
padding-bottom: 20px
}
.part.showed h2 span {
padding-left: 30px
}
.part.showed h2 span::before {
width: 25px
}
.part.showed p {
padding-left: 20px
}
.showcase__area-4 {
padding: 60px 0 80px
}
.showcase__area-4 .row {
--bs-gutter-x: 30px
}
.showcase__items-4 {
grid-gap: 15px;
-ms-grid-columns: 1fr 15px 1fr;
grid-template-columns: repeat(2, 1fr)
}
.showcase__menu-4 {
display: inline-block;
z-index: 9;
text-align: center;
position: relative;
background-color: var(--white)
}
.showcase__menu-4 button {
margin: 0 5px 10px 0
}
.mixtup_btn .wc-btn span {
margin-bottom: -5px
}
.mixtup_btn {
margin-bottom: 30px
}
.portfolio__area-11 .swiper-container.thumb-slider11 {
margin-top: 80px
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active {
height: 100px !important
}
.portfolio__area-11 .gallary12 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dir-rtl .about__area-3 .sec-text-wrapper,
.dir-rtl .about__title-wrapper,
.dir-rtl .hero__about-text p,
.dir-rtl .hero__text-2,
.dir-rtl .sec-title-4 span,
.dir-rtl .sec-title-5,
.dir-rtl .service__area-3 .sec-title-wrapper {
padding-right: 0
}
.dir-rtl .offcanvas__close {
left: 15px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
padding-right: 20px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
width: 60px;
height: 60px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a,
.dir-rtl .portfolio__slide-2 .slide-content,
.dir-rtl .service__hero-right-2 .title span {
padding-right: 40px
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
height: 57px
}
.dir-rtl .hero__area-2 .hero2-shape {
max-width: 90%
}
.dir-rtl .hero__area-2 .sec-title-3:last-child {
padding-top: 0
}
.dir-rtl .hero__arrow-icon {
right: 70%
}
.dir-rtl .hero__text-7 .about::after {
left: 54%
}
.dir-rtl .work8__title {
margin-right: 20px
}
.dir-rtl .dis_port_4,
.dir-rtl .portfolio__area-12 .sec-title-wrapper p,
.dir-rtl .service__area-3 .sec-title-wrapper p {
margin-right: 20px
}
.dir-rtl .service__top-btn #btn_wrapper,
.dir-rtl .service__top-btn .btn_wrapper {
margin-left: auto;
margin-right: 0
}
.dir-rtl .job__detail-wrapper,
.dir-rtl .portfolio__area-2 .sec-title-3,
.dir-rtl .portfolio__slide-2 .slide-img,
.dir-rtl .portfolio__slide-3,
.dir-rtl .service__right-4 p {
padding-left: 0
}
.dir-rtl .service__hero-2 .shape-1 {
left: 5px
}
.dir-rtl .service__hero-left-2 .image-1,
.dir-rtl .service__hero-left-2 .image-2,
.dir-rtl .service__hero-left-2 .image-3 {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.dir-rtl .service__hero-right-2 .scroll,
.dir-rtl .service__hero-right-2 p {
margin-right: 30px
}
.dir-rtl .counter__wrapper-3,
.dir-rtl .portfolio__area-2 .sec-title-3 span,
.dir-rtl .portfolio__wrapper-6,
.dir-rtl .research__item:nth-child(odd),
.dir-rtl .research__tools {
padding-right: 0
}
.dir-rtl .portfolio__area-3 .swiper-pagination {
left: 10px
}
.dir-rtl .portfolio__area-6 .sec-title-wrapper p {
padding-right: 70px
}
.dir-rtl .portfolio__title-3 span {
padding-right: 60px
}
.dir-rtl .portfolio__about .sec-title span {
display: inline-block;
padding-right: 0
}
.dir-rtl .portfolio__project .pp-slider-wrapper {
padding-left: 0;
padding-right: 0
}
.dir-rtl .portfolio__project .pp-slide {
padding: 60px
}
.dir-rtl .portfolio__item-12 p {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.dir-rtl .solution__area {
padding-left: 15px;
padding-right: 15px
}
.dir-rtl .solution__mid p {
padding-right: 80px
}
.dir-rtl .solution__img-3 {
float: left;
-webkit-transform: rotate(180deg) translateY(60px);
transform: rotate(180deg) translateY(60px)
}
.dir-rtl .section_wrapper::before {
right: 48px
}
.dir-rtl .scroll-top-2 {
left: 20px
}
.dir-rtl .showcase__sub-title-16 {
padding-right: 30px
}
.dir-rtl .section_title_wrapper .title_right {
margin-right: auto
}
.dir-rtl .part.showed p {
padding-right: 45px
}
.dir-rtl .part.showed h2 span {
padding-right: 35px
}
}
.dir-rtl .switcher__icon,
.dir-rtl .switcher__items {
z-index: 9999
}
@media (min-width:1500px) {
.container {
max-width: 1320px !important
}
}
@media (min-width:1536px) {
.page-id-71 .container {
max-width: 1536px !important
}
}
.plan-outer .swiper span.swiper-pagination-bullet {
background-color: #fff;
width: 12px;
height: 12px
}
@media (max-width:1600px) {
.sales-service__hero .service__hero-left-work img.image-2 {
margin-left: 0
}
.sales-service__hero .service__hero-left-work img.image-1 {
margin-left: -50px
}
.sales-service__hero .service__hero-left-work img.image-3 {
margin-left: -70px
}
}
@media (max-width:1199px) {
.sales-service__hero .service__hero-right-2 .title {
font-size: 72px
}
}
@media (max-width:1044px) {
.sales-service__hero .service__hero-right-2 .title {
font-size: 50px
}
.sales-service__hero .service__hero-right-2 p {
margin-left: 120px
}
.sales-service__hero .service__hero-left-work img.image-1 {
margin-left: -20px
}
}
@media (max-width:767px) {
.plan-outer {
margin-left: -25px !important;
margin-right: -25px !important
}
.plan-outer .swiper-wrapper {
margin-left: -8px
}
.plan-outer .swiper-wrapper .swiper-slide:last-child {
margin-right: 0 !important;
width: calc(100% - 28px) !important
}
.sales-service__hero .service__hero-right-2 p {
max-width: 100%;
margin-left: 0;
text-align: center
}
.sales-service__hero .service__hero-right-2 .title {
font-size: 40px;
text-align: center
}
.sales-service__hero .service__hero-right-2 .title .span-2,
.sales-service__hero .service__hero-right-2 .title span {
padding-left: 0
}
.sales-service__hero {
padding-top: 110px
}
.plan-outer ul li {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2
}
.plan-outer ul li .open-modal.cursor-pointer {
padding-top: 2px
}
.plan-popup .modal-content {
width: 92%
}
}
.plan-outer ul li {
transition: .5s;
font-size: 14px
}
.plan-outer ul li:hover {
color: #9f9f9f
}
.plan-outer ul li img {
width: 18px;
height: 18px
}
.plan-outer ul li img.open-modal {
width: auto;
height: auto
}
.p-hide {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-moz-transition-timing-function: cubic-bezier(0, 1, .5, 1);
-webkit-transition-timing-function: cubic-bezier(0, 1, .5, 1);
-o-transition-timing-function: cubic-bezier(0, 1, .5, 1);
transition-timing-function: cubic-bezier(0, 1, .5, 1);
margin: 0 !important
}
.p-show {
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-moz-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
max-height: 1000px;
overflow: hidden
}
.plan-popup {
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / .8);
opacity: 0;
visibility: hidden;
transform: scale(1.1);
transition: visibility 0s linear .25s, opacity .25s, transform .25s;
z-index: 9
}
.plan-popup .modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 1rem 1.5rem;
width: 24rem;
border-radius: .5rem
}
.plan-popup .modal-content .flex {
align-items: flex-start
}
.plan-popup .close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: .25rem;
z-index: 99;
position: relative;
color: #000;
font-size: 30px
}
.show-modal {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: visibility linear, opacity .25s, transform .25s
}
.sales-service__hero:after {
content: unset
}
video::-webkit-media-controls-start-playback-button {
display: none !important
}
.footer-contact {
animation: 4s linear infinite up-down;
transform-origin: 50% 50%
}
@keyframes up-down {
0%,
100% {
transform: translateX(0)
}
24% {
transform: translateX(10px)
}
50% {
transform: translateX(-10px)
}
74% {
transform: translateX(5px)
}
}
.block-important {
display: block !important
}
.block-important li {
cursor: auto
}
.home-port-slider {
border-radius: 18px !important;
overflow: hidden !important
}
.contact-phone-area .select2 {
width: 66px !important;
position: absolute;
top: 12px;
z-index: 99
}
.contact-phone-area .select2-selection--single {
border: 0 !important;
background-color: transparent !important
}
.contact-phone-area input[type=tel] {
padding-left: 75px
}
.select2-results__options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
background-color: #f5f5f5
}
.select2-results__options::-webkit-scrollbar {
width: 5px;
background-color: #f5f5f5
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000
}
.select2-results__options::-webkit-scrollbar-thumb {
background-color: #000;
border: 2px solid #555
}
.select2-results__option--selectable {
width: 100%
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #0b0c0c
}
.story__text p {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #555;
padding-bottom: 20px;
font-family: 'Outfit'
}
.bost-cta {
background: linear-gradient(90deg, #BF2B2B 0%, #7C8DFF 100%)
}
.bost-cta svg {
width: 20px
}
@media only screen and (min-width:1400px) and (max-width:1919px) {
.our-team-s img {
max-width: 560px
}
}
.custom-scrollbar::-webkit-scrollbar {
width: 0
}
.custom-scrollbar::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgb(0 0 0 / .3)
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #a9a9a9;
outline: 0 solid slategrey
}
.error {
color: #dc3545 !important;
font-size: 14px;
margin-top: 5px
}
.home-testimonials-sec {
background-color: #151515;
padding: 100px 0;
overflow: hidden;
position: relative
}
.home-testimonials-sec .dotted-shape {
position: absolute;
bottom: 70px;
left: 35%;
display: inline-block;
animation: floatY 3s ease-in-out infinite
}
@keyframes floatY {
0% {
transform: translateY(0)
}
50% {
transform: translateY(-15px)
}
100% {
transform: translateY(0)
}
}
.home-testimonials-sec .title-area {
margin-bottom: 35px;
font-family: Outfit, sans-serif
}
.home-testimonials-sec .title-area .sub-title h3 {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
margin-bottom: 9px;
position: relative
}
.home-testimonials-sec {
font-family: 'Outfit', sans-serif
}
.home-testimonials-sec .title-area .sub-heading {
font-size: 30px;
margin-top: 14px;
font-weight: 200;
text-transform: uppercase;
font-family: 'Outfit', sans-serif;
color: #fff;
line-height: 1.3
}
.home-testimonials-sec .title-area .sub-heading br {
display: none
}
.home-testimonials-sec .testi-clutch {
background-color: #e1e1e1fa;
border-radius: 5px;
display: inline-block;
max-width: 220px;
padding: 15px;
margin-bottom: 28px
}
.home-testimonials-sec .array-button {
display: flex;
align-items: center;
gap: 10px
}
.home-testimonials-sec .array-button .array-prev,
.home-testimonials-sec .array-button .array-next {
font-size: 16px;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all .4s ease 0s;
padding: 0;
position: relative;
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.home-testimonials-sec .array-button .array-prev:before,
.home-testimonials-sec .array-button .array-next:before {
position: absolute;
content: "";
width: 44px;
height: 44px;
inset: 0;
border-radius: 50%;
background-size: contain
}
.home-testimonials-sec .array-button .array-prev:before {
background: url(https://www.logicrays.us/images/hire-dev/arrow-left-2.svg)no-repeat center center;
filter: invert(1)
}
.home-testimonials-sec .array-button .array-next:before {
background: url(https://www.logicrays.us/images/hire-dev/arrow-right-2.svg)no-repeat center center
}
.home-testimonials-sec .right-content {
overflow: hidden;
padding: 10px
}
.home-testimonials-sec .right-content .testi-slider {
overflow: visible
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card {
position: relative
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card::before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
transition: all .4s ease 0s;
top: 10px;
width: 90%;
height: 100%;
border-radius: 20px;
background: #383838;
z-index: -1
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box {
min-height: 390px;
background: #000;
padding: 26px 18px 70px;
border-radius: 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .4s ease 0s
}
.home-testimonials-sec .right-content .testi-slider .swiper-wrapper {
display: flex
}
.home-testimonials-sec .right-content .testi-slider .swiper-wrapper .swiper-slide {
flex-shrink: 0
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card:hover .inner-box {
transform: translateY(10px)
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title {
font-size: 16px;
margin-bottom: 15px;
transition: all .4s ease 0s;
color: #fff;
font-weight: 500;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 88px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title img {
display: block;
margin-bottom: 20px;
width: 26px;
height: 19px;
object-fit: contain
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title i {
font-size: 30px;
color: #C12D18
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .rating {
margin-bottom: 20px;
display: flex
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .rating img {
width: 23px;
height: 23px;
object-fit: cover;
margin-right: 4px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .text {
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
color: #C8C8C8;
transition: all .4s ease 0s;
font-family: Outfit, sans-serif
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info {
display: flex;
align-items: center;
gap: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info .user-name {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
color: #C8C8C8;
font-family: Outfit, sans-serif;
font-weight: 400;
position: absolute;
left: 18px;
bottom: 70px
}
input.error {
color: #000 !important
}
@media (max-width:768px) {
.home-testimonials-sec {
padding: 50px 20px
}
.home-testimonials-sec .title-area {
margin-bottom: 22px
}
.home-testimonials-sec .title-area .sub-title h3 {
font-size: 16px;
line-height: 22px
}
.home-testimonials-sec .title-area .sub-heading {
font-size: 22px;
line-height: 26px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box {
min-height: 340px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title {
font-size: 14px;
line-height: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .text {
font-size: 16px;
line-height: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info .user-name {
bottom: 50px;
font-size: 16px;
line-height: 20px
}
} .client-testimonial-swiper *,
.our-developer-team *{
touch-action: pan-y;
} 
.our-developer-team,
.client-testimonial-swiper {
height:fit-content;
}
.our-developer-team .swiper-wrapper,
.client-testimonial-swiper .swiper-wrapper{
height:fit-content;
}
.client-testimonial-swiper .swiper-slide > div{
border-radius: 10px;
} 
.client-testimonial-swiper .swiper-pagination,
.our-developer-team .swiper-pagination{
display: flex;
justify-content: center;
gap: 10px;
margin-top:35px;
}
.client-testimonial-swiper .swiper-pagination-bullet,
.our-developer-team .swiper-pagination-bullet {
background: #EB753B !important;
opacity: 1;
width:8px;
height:8px;
border-radius: 100%;
display:block;
}
.client-testimonial-swiper .swiper-pagination-bullet-active,
.our-developer-team .swiper-pagination-bullet-active {
background: #02AFE5 !important;
}
.hire-devloper-page ul li {
cursor: initial;
}
.free-consultation-poup label,
.hire-developer__form label {
display: none  !important;
}
.hire-developer__form {
margin-top:20px;
}
.hire-developer__form input,
.hire-developer__form textarea{
border-radius: 10px;
}
.client-value-logo img {
aspect-ratio:16/9;
object-fit:contain
}
.free-consultation-poup .hire-developer__form {
margin-top: 0;
}
.hire-developer__form .grid > div{
margin-bottom: 15px;
}
.hire-developer__form button[type="submit"]{
margin-top:0px;
font-size: 14px;
height: 41px;
max-width: 205px;
margin: 0 auto !important;
display: block;
} 
.pluse-effect:hover {
animation: pulse 1.5s cubic-bezier(0.5, 0.5, 0, 1) infinite;
position: relative;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #f97316;
}
100% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
}
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.free-consultation-poup .close-btn {
border:2px solid #fff;
}
@media (max-width:575px){
.our-developer-team{
height:420px
}
.our-developer-team .swiper-slide > div{
min-height:389px;
}
.free-consultation-poup textarea{
max-height:50px;
}
.free-consultation-poup .error{
font-size: 10px;
}
.free-consultation-poup .modal-content  > p{
margin-bottom:10px;
}
.free-consultation-poup .modal-content div:last-child(){
margin-top:15px;
}
.free-consultation-poup input,  .free-consultation-poup textarea,  .free-consultation-poup select {
font-size: 14px;
}
@supports (-webkit-touch-callout: none) {
.free-consultation-poup input,  .free-consultation-poup textarea,  .free-consultation-poup select {
font-size: 14px;
}
}
.free-consultation-poup{
transform: none !important;
}
.free-consultation-poup > div{
min-width:320px;
}
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
outline: none !important;
box-shadow: none !important;
}.home-testimonials-sec {
background-color: #151515;
padding: 100px 0;
overflow: hidden;
position: relative
}
.home-testimonials-sec .dotted-shape {
position: absolute;
bottom: 70px;
left: 35%;
display: inline-block;
animation: floatY 3s ease-in-out infinite
}
@keyframes floatY {
0% {
transform: translateY(0)
}
50% {
transform: translateY(-15px)
}
100% {
transform: translateY(0)
}
}
.home-testimonials-sec .title-area {
margin-bottom: 35px;
font-family: Outfit, sans-serif
}
.home-testimonials-sec .title-area .sub-title h3 {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
margin-bottom: 9px;
position: relative
}
.home-testimonials-sec {
font-family: 'Outfit', sans-serif
}
.home-testimonials-sec .title-area .sub-heading {
font-size: 30px;
margin-top: 14px;
font-weight: 200;
text-transform: uppercase;
font-family: 'Outfit', sans-serif;
color: #fff;
line-height: 1.3
}
.home-testimonials-sec .title-area .sub-heading br {
display: none
}
.home-testimonials-sec .testi-clutch {
background-color: #e1e1e1fa;
border-radius: 5px;
display: inline-block;
max-width: 220px;
padding: 15px;
margin-bottom: 28px
}
.home-testimonials-sec .array-button {
display: flex;
align-items: center;
gap: 10px
}
.home-testimonials-sec .array-button .array-prev,
.home-testimonials-sec .array-button .array-next {
font-size: 16px;
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all .4s ease 0s;
padding: 0;
position: relative;
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.home-testimonials-sec .array-button .array-prev:before,
.home-testimonials-sec .array-button .array-next:before {
position: absolute;
content: "";
width: 44px;
height: 44px;
inset: 0;
border-radius: 50%;
background-size: contain
}
.home-testimonials-sec .array-button .array-prev:before {
background: url(https://www.logicrays.us/wp-content/themes/logicrays-us/images/hire-dev/arrow-left-2.svg) no-repeat center center;
filter: invert(1);
}
.home-testimonials-sec .array-button .array-next:before {
background: url(https://www.logicrays.us/wp-content/themes/logicrays-us/images/hire-dev/arrow-right-2.svg) no-repeat center center;
}
.home-testimonials-sec .right-content {
overflow: hidden;
padding: 10px
}
.home-testimonials-sec .right-content .testi-slider {
overflow: visible
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card {
position: relative
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card::before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
transition: all .4s ease 0s;
top: 10px;
width: 90%;
height: 100%;
border-radius: 20px;
background: #383838;
z-index: -1
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box {
min-height: 390px;
background: #000;
padding: 26px 18px 70px;
border-radius: 20px;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .4s ease 0s
}
.home-testimonials-sec .right-content .testi-slider .swiper-wrapper {
display: flex
}
.home-testimonials-sec .right-content .testi-slider .swiper-wrapper .swiper-slide {
flex-shrink: 0
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card:hover .inner-box {
transform: translateY(10px)
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title {
font-size: 16px;
margin-bottom: 15px;
transition: all .4s ease 0s;
color: #fff;
font-weight: 500;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 88px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title img {
display: block;
margin-bottom: 20px;
width: 26px;
height: 19px;
object-fit: contain
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title i {
font-size: 30px;
color: #C12D18
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .rating {
margin-bottom: 20px;
display: flex
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .rating img {
width: 23px;
height: 23px;
object-fit: cover;
margin-right: 4px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .text {
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
color: #C8C8C8;
transition: all .4s ease 0s;
font-family: Outfit, sans-serif
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info {
display: flex;
align-items: center;
gap: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info .user-name {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
color: #C8C8C8;
font-family: Outfit, sans-serif;
font-weight: 400;
position: absolute;
left: 18px;
bottom: 70px
}
input.error {
color: #000 !important
}
@media (max-width:768px) {
.home-testimonials-sec {
padding: 50px 20px;
}
.home-testimonials-sec .title-area {
margin-bottom: 22px
}
.home-testimonials-sec .title-area .sub-title h3 {
font-size: 16px;
line-height: 22px
}
.home-testimonials-sec .title-area .sub-heading {
font-size: 22px;
line-height: 26px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box {
min-height: 340px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .title {
font-size: 14px;
line-height: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .text {
font-size: 16px;
line-height: 20px
}
.home-testimonials-sec .right-content .testi-slider .testimonial-card .inner-box .user-info .user-name {
bottom: 50px;
font-size: 16px;
line-height: 20px
}
}.lr-privacy {
--lrp-text: #333;
--lrp-heading: #111;
--lrp-accent: #0073e6;
--lrp-maxw: 850px;
background: #fff;
color: var(--lrp-text);
line-height: 1.6;
}
.lr-privacy * {
box-sizing: border-box;
}
.lrp-h1 {
font-size: 1.9rem;
font-weight: 500;
color: var(--lrp-heading);
text-align: center;
margin-bottom: 25px;
font-family: Outfit, sans-serif;
}
.lrp-h2 {
font-size: 24px;
font-weight: 500;
color: var(--lrp-heading);
margin: 30px 0 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
font-family: Outfit, sans-serif;
}
.lr-h3 {
font-size: 18px;
font-weight: 500;
color: var(--lrp-heading);
margin: 15px 0 10px;
font-family: Outfit, sans-serif;
}
.lrp-p {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #555;
padding-bottom: 20px;
font-family: 'Outfit';
}
.lrp-strong {
font-weight: bold;
}
.lrp-list {
margin: 10px 0 20px 20px;
padding-left: 20px
}
.lrp-list li {
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
padding: 0;
display: list-item;
list-style: disc;
cursor: auto;
font-family: Outfit, sans-serif;
color: #555;
}
.lrp-contact {
margin-top: 25px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fafafa;
}
.lrp-contact .lrp-strong {
color: var(--lrp-accent);
}
@media (max-width:767px) {
.lrp-h1 {
font-size: 28px
}
.lrp-p {
font-size: 14px;
}
.lrp-h2 {
font-size: 20px;
line-height: normal;
}
.lr-h3 {
font-size: 16px
}
}  .lr-privacy {
--lrp-text: #333;
--lrp-heading: #111;
--lrp-accent: #0073e6;
--lrp-maxw: 850px;
background: #fff;
color: var(--lrp-text);
line-height: 1.6;
}
.lr-privacy * {
box-sizing: border-box;
}
.lrp-h1 {
font-size: 1.9rem;
font-weight: 500;
color: var(--lrp-heading);
text-align: center;
margin-bottom: 25px;
font-family: Outfit, sans-serif;
}
.lrp-h2 {
font-size: 24px;
font-weight: 500;
color: var(--lrp-heading);
margin: 30px 0 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
font-family: Outfit, sans-serif;
}
.lr-h3 {
font-size: 18px;
font-weight: 500;
color: var(--lrp-heading);
margin: 15px 0 10px;
font-family: Outfit, sans-serif;
}
.lrp-p {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #555;
padding-bottom: 20px;
font-family: 'Outfit';
}
.lrp-strong {
font-weight: bold;
}
.lrp-list {
margin: 10px 0 20px 20px;
padding-left: 20px
}
.lrp-list li {
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
padding: 0;
display: list-item;
list-style: disc;
cursor: auto;
font-family: Outfit, sans-serif;
color: #555;
}
.lrp-contact {
margin-top: 25px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fafafa;
}
.lrp-contact .lrp-strong {
color: var(--lrp-accent);
}
@media (max-width:767px) {
.lrp-h1 {
font-size: 28px
}
.lrp-p {
font-size: 14px;
}
.lrp-h2 {
font-size: 20px;
line-height: normal;
}
.lr-h3 {
font-size: 16px
}
}  .lr-privacy {
--lrp-text: #333;
--lrp-heading: #111;
--lrp-accent: #0073e6;
--lrp-maxw: 850px;
background: #fff;
color: var(--lrp-text);
line-height: 1.6;
}
.lr-privacy * {
box-sizing: border-box;
}
.lrp-h1 {
font-size: 1.9rem;
font-weight: 500;
color: var(--lrp-heading);
text-align: center;
margin-bottom: 25px;
font-family: Outfit, sans-serif;
}
.lrp-h2 {
font-size: 24px;
font-weight: 500;
color: var(--lrp-heading);
margin: 30px 0 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
font-family: Outfit, sans-serif;
}
.lr-h3 {
font-size: 18px;
font-weight: 500;
color: var(--lrp-heading);
margin: 15px 0 10px;
font-family: Outfit, sans-serif;
}
.lrp-p {
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #555;
padding-bottom: 20px;
font-family: 'Outfit';
}
.lrp-strong {
font-weight: bold;
}
.lrp-list {
margin: 10px 0 20px 20px;
padding-left: 20px
}
.lrp-list li {
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
padding: 0;
display: list-item;
list-style: disc;
cursor: auto;
font-family: Outfit, sans-serif;
color: #555;
}
.lrp-contact {
margin-top: 25px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fafafa;
}
.lrp-contact .lrp-strong {
color: var(--lrp-accent);
}
@media (max-width:767px) {
.lrp-h1 {
font-size: 28px
}
.lrp-p {
font-size: 14px;
}
.lrp-h2 {
font-size: 20px;
line-height: normal;
}
.lr-h3 {
font-size: 16px
}
}   .pricing-plan li.p-hide {
display: none !important;
}
.pricing-plan li.p-show {
display: flex !important;
}  @media(max-width:575px) {
body {
height: auto !important;
}
}   #cookie-banner {
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: none;
z-index: 9999;
background: #252525;
color: rgb(255, 255, 255);
padding: 12px 10px;
text-align: center;
gap: 12px;
font-family: inherit;
font-weight: 300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-banner .cb-text {
flex: 1;
font-size: 14px;
line-height: 1.4;
}
#cookie-banner .cb-btn {
margin: 5px;
color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
font-size: 13px;
font-weight: 400;
line-height: 1;
display: inline-block;
padding: 9px 12px;
position: relative;
cursor: pointer;
}   @keyframes animatedgradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999999;
opacity: 0;
transition: opacity 0.3s ease;
overflow-y: auto;
padding: 20px;
align-items: center;
justify-content: center;
}
.modal-overlay.active {
display: flex !important;
opacity: 1;
} .modal-container {
background: #fff;
border-radius: 10px;
max-width: 600px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
transform: scale(0.9);
transition: transform 0.3s ease;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 1000000;
}
.modal-overlay.active .modal-container {
transform: scale(1);
} .modal-container {
margin-top: 20px;
}
.modal-container .form-group p {
display: flex !important;
gap: 10px;
}
.free-Consultation-btn p{
justify-content: center;
flex-direction: column;
}
.free-Consultation-btn .wpcf7-spinner{
display: none;
}
.modal-container .form-group p span {
width: 100%;
margin-bottom: 15px;
}
.modal-container .form-group input,
.modal-container .form-group textarea {
padding: 8px 12px;
border-radius: 10px;
font-size: 16px;
font-family: 'Outfit', sans-serif;
margin-bottom: 5px;
}
.modal-container .form-group input:focus-visible,
.modal-container .form-group textarea:focus-visible {
outline: none;
}
.modal-container .form-group input {
width: 100%;
}
.modal-container input[type="submit"] {
font-size: 14px;
height: 41px;
width: 205px !important;
margin: 0 auto !important;
color: white;
display: block;
background-color: rgb(235 117 59);
border-radius: 30px;
transition: all ease 0.3s;
cursor: pointer;
}
.modal-container input[type="submit"]:hover {
background-color: rgb(2 175 229);
cursor: pointer;
}
.free-Consultation-group {
display: block;
padding-top: 20px;
font-family: 'Outfit', sans-serif;
}
.free-Consultation-group span br{
display: none;
}
.free-Consultation-group p{
justify-content: center;
font-family: 'Outfit', sans-serif;
}
.free-consultation-wrap {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.free-consult-btn {
display: flex;
align-items: center;
gap: 10px;
background-color: #078988;
padding: 2px 12px;
max-width: 250px;
border: 2px solid #d5d5d5;
border-radius: 6px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.33);
text-decoration: none;
padding: 5px;
font-family: 'Outfit', sans-serif;
}
.free-consult-btn .icon {
width: 36px !important;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-right: 2px solid #ffffff;
padding-right: 7px;
filter: brightness(1);
font-size: 16px;
color: #ffffff;
} .free-consult-btn .text {
display: flex;
flex-direction: column;
line-height: 1.2;
font-family: 'Outfit', sans-serif;
}
.free-consult-btn small {
font-size: 13px;
color: #ffffff;
font-family: 'Outfit', sans-serif;
}
.free-consult-btn strong {
font-size: 16px;
font-weight: 600;
color: #ffffff;
} .modal-body .wpcf7-response-output {
margin: 15px 0 0 0;
padding: 12px;
border-radius: 5px;
border: none;
font-size: 14px;
font-family: 'Outfit', sans-serif;
}
.modal-body .wpcf7-validation-errors {
background-color: #fff3cd;
color: #856404;
font-family: 'Outfit', sans-serif;
}
.modal-body .wpcf7-mail-sent-ok {
background-color: #d4edda;
color: #155724;
font-family: 'Outfit', sans-serif;
}
.modal-body .wpcf7-mail-sent-ng,
.modal-body .wpcf7-aborted {
background-color: #f8d7da;
color: #721c24;
font-family: 'Outfit', sans-serif;
} .hire-developer-form{
margin-top: 20px;
}
.hire-developer-form .form-group  p{
display: flex;
gap: 10px;
}
.hire-developer-form .form-group  p span{
width: 100%;
margin-bottom: 15px;
}
.free-Consultation-group p a span {
margin-bottom: 0 !important;
}
.hire-developer-form .form-group input , .hire-developer-form .form-group textarea{
padding: 8px 12px;
border-radius: 10px;
font-size: 16px;
font-family: 'Outfit', sans-serif;
margin-bottom: 5px;
}
.hire-developer-form .form-group input:focus-visible,
.hire-developer-form .form-group textarea:focus-visible {
outline: none;
}
.hire-developer-form .form-group input{
width: 100%;
}
.hire-developer-form input[type="submit"]{
font-size: 14px;
height: 41px;
width: 205px;
margin: 0 auto;
color: white;
display: block;
background-color: rgb(235 117 59);
border-radius: 30px;
transition: all ease 0.3s;    
}
.hire-developer-form input[type="submit"]:hover{
background-color: rgb(2 175 229);
} .contact__form_contact .form-group p, .contact__form_contact .form-group-two{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.contact__form_contact .form-group p br{
display: none;
}
.contact__form_contact  input{
border-radius: 0;
width: 100%;
margin-bottom: 2px !important;
}
.contact__form_contact textarea{
margin-bottom: 5px !important;
border-radius: 0;
}
.contact__form_contact .wpcf7-form-control-wrap, .contact__form_contact .form-group-two{
margin-bottom: 25px !important;
}
.contact-number span >span{
display: none;
}
.contact__form_contact .contact-number{
position: absolute;
top: 0;
left: 90px;
}
.contact__form_contact .country-group , .country-code{
position: relative;
}
.wpcf7-not-valid-tip{
font-size: 13px;
margin-bottom: 0 !important;
}
.contact__form_contact  input[type="submit"]{
display: flex;
align-items: center;
justify-content: center;
width: 170px;
height: 170px;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
text-transform: capitalize;
color: var(--black-3);
border: 1px solid var(--gray);
border-radius: 100%;
margin-top: 20px;
transition: all ease 0.3s;
}
.contact__form_contact  input[type="submit"]:hover{
background-color: black;
color: white;
}
.contact__form_contact .submit-btn p{
display: flex;
justify-content: flex-start;
align-items: center;
}
.contact__form_contact .country-code{
z-index: 20;
}
.contact__form_contact .country-code > p{
display: flex;
}
.contact__form_contact .country-code  span:first-child {
width: 90px;
}
.portfolio__detail-btns a i::before {
display: none !important;
}
.contact__form_contact .intl-tel-input .country-list .divider {
width: 100%;
}
.country-list li.country{
display: block !important;
}
.leading-loose br {
display: none;
}
.contact__form_contact .country-code p{
position: relative;
}
.contact__form_contact .country-code p span{
margin-bottom: 0 !important;
}
.contact__form_contact .flag-container + input[type=text]{
display: none;
}
.contact__form_contact .country-code p span:first-child{
position: absolute;
z-index: 9999;
height: 57px;
}
.contact__form_contact .country-code p span:first-child > div{
height: 100%;
}
.contact__form_contact .country-code p input[type="tel"]{
padding-left: 105px;
}
@media(max-width:767px){
.contact__form_contact .form-group p, .contact__form_contact .form-group-two{
grid-template-columns: 1fr;
gap: 0;
}
.contact__form_contact input, .contact__form_contact textarea {
margin-bottom: 20px !important;
}
.contact__form_contact .country-group{
margin-bottom: 15px;
}
.contact__form_contact  input[type="submit"]{
width: 130px;
height: 130px;
}
.modal-container .form-group input,
.modal-container .form-group textarea{
font-size: 14px;
}
}
body.page-template-terms-conditions, body.page-template-privacy-policy, body.page-template-cookies-policy  {
height: auto !important;
}
.page-template-home .duration-1000:hover {
background: none !important;
color: #374151 !important
;
} @font-face {
font-family: 'Font Awesome 6 Free';
font-display: swap;
src: local('Font Awesome 6 Free');
}
.say-hello {
--borderWidth: 3px;
position: relative;
border-radius: var(--borderWidth);
border: 0;
color: #fff;
}
.say-hello:hover {
color: #fff;
}
.say-hello::after {
content: "";
position: absolute;
top: calc(-1 * var(--borderWidth));
left: calc(-1 * var(--borderWidth));
height: calc(100% + var(--borderWidth) * 2);
width: calc(100% + var(--borderWidth) * 2);
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
border-radius: calc(2 * var(--borderWidth));
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.head-navigation a.active {
background: linear-gradient(60deg, #6590e6, #e25a80);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
} .head-navigation a {
opacity: 0.7;
transition: opacity 0.5s, background 0.5s;
}
.head-navigation a:hover {
opacity: 1 !important;
background: linear-gradient(60deg, #8D5CEA, #E09B8F);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
header nav {
z-index: 9;
position: relative;
} .custom-logo {
width: 9rem; height: 43px;
object-fit: contain;
}
@media (min-width: 768px) {
.custom-logo {
width: 11rem; }
}
@media (min-width: 1536px) {
.custom-logo {
width: auto;
}
} #navbar-collapse {
display: none;
}
#navbar-collapse.open {
display: flex;
}
@media (min-width: 1024px) {
#navbar-collapse {
display: flex !important;
}
} @media (min-width: 1024px) {
.head-navigation a,
.say-hello {
font-size: 18px;
}
}
@media (min-width: 1536px) {
.head-navigation a,
.say-hello {
font-size: 1.125rem; }
} header {
transition: background-color 0.1s ease, padding 0.1s ease;
background-color: transparent !important; }
body.page-template-contact-us header ,body.page-template-contact-copy header {
background-color: var(--scroll-bg-color) !important;
}
header.scrolled {
background-color: var(--scroll-bg-color) !important;
backdrop-filter: blur(10px);
}
header.scrolled nav {
padding-top: 16px;
padding-bottom: 16px;
}
@media (min-width: 1024px) {
header.scrolled nav {
padding-top: 24px;
padding-bottom: 24px;
}
} header .head-navigation a,
header button {
color: var(--text-color);
transition: color 0.3s ease, opacity 0.5s, background 0.5s;
}
header button svg {
stroke: var(--text-color);
transition: stroke 0.3s ease;
} header .say-hello {
color: #fff !important;
transition: opacity 0.5s, background 0.5s;
} .head-navigation a.active {
opacity: 1 !important;
background: linear-gradient(to right, #8D5CEA, #E09B8F);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
} .head-navigation a:hover {
opacity: 1 !important;
} [data-aos] {
opacity: 0 !important;
transition-property: opacity, transform;
}
[data-aos].aos-animate {
opacity: 1 !important;
}
.head-navigation a:first-child {
margin-left: 0 !important;
}
.head-navigation a:nth-last-child(2) {
margin-right: 0 !important;
} #headdynamic {
transition: transform 0.3s ease-in-out;
}
#headdynamic.scroll-down {
transform: translateY(-100%);
}
#headdynamic.scroll-up {
transform: translateY(0);
}
#headdynamic.scrolled {
position: fixed;
background-color: var(--scroll-bg-color);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } *,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.bottom-\[-160px\]{bottom:-160px}.bottom-\[0px\]{bottom:0}.bottom-\[150px\]{bottom:150px}.bottom-\[auto\!important\]{bottom:auto!important}.bottom-auto{bottom:auto}.left-0{left:0}.left-5{left:1.25rem}.left-7{left:1.75rem}.left-\[18px\]{left:18px}.left-full{left:100%}.right-0{right:0}.right-5{right:1.25rem}.right-\[-15px\]{right:-15px}.right-\[20px\]{right:20px}.right-\[90px\]{right:90px}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:1.25rem}.top-\[0px\!important\]{top:0!important}.top-\[1rem\]{top:1rem}.top-\[20px\]{top:20px}.top-\[50\%\]{top:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.-z-10{z-index:-10}.-z-\[1\]{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[101010\]{z-index:101010}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[99998\]{z-index:99998}.z-\[999999\]{z-index:999999}.z-\[9\]{z-index:9}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.col-span-12{grid-column:span 12/span 12}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.float-start{float:inline-start}.float-end{float:inline-end}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.\!ml-\[180px\]{margin-left:180px!important}.-mb-\[1px\]{margin-bottom:-1px}.-mt-20{margin-top:-5rem}.-mt-\[1px\]{margin-top:-1px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-\[0px\!important\]{margin-bottom:0!important}.mb-\[10px\]{margin-bottom:10px}.mb-\[15px\]{margin-bottom:15px}.mb-\[18px\]{margin-bottom:18px}.mb-\[20px\]{margin-bottom:20px}.mb-\[30px\]{margin-bottom:30px}.mb-\[5px\]{margin-bottom:5px}.me-3{margin-inline-end:.75rem}.ml-0{margin-left:0}.ml-5{margin-left:1.25rem}.ml-\[-4px\]{margin-left:-4px}.ml-\[-5px\]{margin-left:-5px}.ml-\[0px\!important\]{margin-left:0!important}.ml-\[100px\]{margin-left:100px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[20px\]{margin-top:20px}.mt-\[25px\]{margin-top:25px}.mt-\[2px\]{margin-top:2px}.mt-\[30px\]{margin-top:30px}.mt-\[32px\]{margin-top:32px}.mt-\[50px\]{margin-top:50px}.mt-\[65px\]{margin-top:65px}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-0{height:0}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-8{height:2rem}.h-\[100\.5\%\]{height:100.5%}.h-\[100px\]{height:100px}.h-\[10vh\]{height:10vh}.h-\[11px\]{height:11px}.h-\[160px\]{height:160px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[250px\]{height:250px}.h-\[26px\]{height:26px}.h-\[318px\]{height:318px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[60px\]{height:60px}.h-\[99\%\]{height:99%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[110px\]{max-height:110px}.min-h-\[110px\]{min-height:110px}.min-h-\[145px\]{min-height:145px}.min-h-\[150px\]{min-height:150px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-36{width:9rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[11px\]{width:11px}.w-\[142px\]{width:142px}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[250px\]{width:250px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[40px\]{width:40px}.w-\[45px\]{width:45px}.w-\[50vw\]{width:50vw}.w-\[55\%\]{width:55%}.w-\[60\%\]{width:60%}.w-\[60px\]{width:60px}.w-\[80\%\]{width:80%}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-\[175px\]{min-width:175px}.min-w-\[25px\]{min-width:25px}.min-w-\[320px\]{min-width:320px}.min-w-\[36px\]{min-width:36px}.min-w-full{min-width:100%}.\!max-w-\[350px\]{max-width:350px!important}.max-w-\[100\%\!important\]{max-width:100%!important}.max-w-\[200px\]{max-width:200px}.max-w-\[20px\]{max-width:20px}.max-w-\[512px\]{max-width:512px}.max-w-\[550px\]{max-width:550px}.max-w-\[561px\]{max-width:561px}.max-w-\[605px\]{max-width:605px}.max-w-\[650px\]{max-width:650px}.max-w-\[850px\]{max-width:850px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-top{caption-side:top}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-32{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-32{--tw-translate-y:8rem}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform,.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}.animate-\[animatedgradient_3s_ease_infinite_alternate\]{animation:animatedgradient 3s ease infinite alternate}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x:pan-x}.touch-pan-left,.touch-pan-x{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x:pan-left}.touch-pan-right{--tw-pan-x:pan-right}.touch-pan-right,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y:pan-y}.touch-pan-up{--tw-pan-y:pan-up}.touch-pan-down,.touch-pan-up{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y:pan-down}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-\[100px\]{scroll-margin-top:100px}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.break-before-auto{-moz-column-break-before:auto;break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{-moz-column-break-before:page;break-before:page}.break-before-left{-moz-column-break-before:left;break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{-moz-column-break-after:page;break-after:page}.break-after-left{-moz-column-break-after:left;break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-baseline{place-content:baseline}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-baseline{place-items:baseline}.place-items-stretch{place-items:stretch}.content-normal{align-content:normal}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[10px_30px\]{gap:10px 30px}.gap-\[15px\]{gap:15px}.gap-\[20px\]{gap:20px}.gap-\[25px\]{gap:25px}.gap-\[5px\]{gap:5px}.gap-\[8px\]{gap:8px}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-\[35px\]{-moz-column-gap:35px;column-gap:35px}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-\[30px\]{row-gap:30px}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;white-space:nowrap}.overflow-ellipsis,.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.hyphens-none{hyphens:none}.hyphens-manual{hyphens:manual}.hyphens-auto{hyphens:auto}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-e{border-end-end-radius:.25rem;border-start-end-radius:.25rem}.rounded-l{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.rounded-l-\[20px\]{border-bottom-left-radius:20px;border-top-left-radius:20px}.rounded-r{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-s{border-end-start-radius:.25rem;border-start-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.\!border,.\!border-\[1px\]{border-width:1px!important}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-\[5px\]{border-width:5px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-e{border-inline-end-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.\!border-solid{border-style:solid!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.\!border-\[\#55555533\]{border-color:#55555533!important}.border-\[\#1616161A\]{border-color:#1616161a}.border-\[\#333333\]{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.border-\[\#929292\]{--tw-border-opacity:1;border-color:rgb(146 146 146/var(--tw-border-opacity,1))}.border-\[\#d5d5d5\]{--tw-border-opacity:1;border-color:rgb(213 213 213/var(--tw-border-opacity,1))}.border-\[white\]{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-\[\#078988\]{--tw-bg-opacity:1;background-color:rgb(7 137 136/var(--tw-bg-opacity,1))}.bg-\[\#0D181C\]{--tw-bg-opacity:1;background-color:rgb(13 24 28/var(--tw-bg-opacity,1))}.bg-\[\#1d1d1d\]{--tw-bg-opacity:1;background-color:rgb(29 29 29/var(--tw-bg-opacity,1))}.bg-\[\#232323\]{--tw-bg-opacity:1;background-color:rgb(35 35 35/var(--tw-bg-opacity,1))}.bg-\[\#3c3c3c\]{--tw-bg-opacity:1;background-color:rgb(60 60 60/var(--tw-bg-opacity,1))}.bg-\[\#EB753B\]{--tw-bg-opacity:1;background-color:rgb(235 117 59/var(--tw-bg-opacity,1))}.bg-\[\#F0F0F0\]{--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity,1))}.bg-\[\#F5F5F5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-\[\#FFFFFF\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[\#c6e8f3\]{--tw-bg-opacity:1;background-color:rgb(198 232 243/var(--tw-bg-opacity,1))}.bg-\[\#e8e8e8\]{--tw-bg-opacity:1;background-color:rgb(232 232 232/var(--tw-bg-opacity,1))}.bg-\[\#edf9fd\]{--tw-bg-opacity:1;background-color:rgb(237 249 253/var(--tw-bg-opacity,1))}.bg-\[\#f0f0f0\]{--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity,1))}.bg-\[\#f5f5f5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-\[\#f6f6f6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[rgba\(22\2c 22\2c 22\2c 0\.2\)\]{background-color:hsla(0,0%,9%,.2)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/25{background-color:hsla(0,0%,100%,.25)}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-\[linear-gradient\(60deg\2c _\#f79533\2c _\#f37055\2c _\#ef4e7b\2c _\#a166ab\2c _\#5073b8\2c _\#1098ad\2c _\#07b39b\2c _\#6fba82\)\]{background-image:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82)}.bg-\[linear-gradient\(to_top\2c hsla\(0\2c 0\%\2c 0\%\2c 0\.8\)_10\%\2c rgba\(0\2c 0\2c 0\2c 0\)_100\%\)\]{background-image:linear-gradient(0deg,rgba(0,0,0,.8) 10%,transparent)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#3b409a\]{--tw-gradient-from:#3b409a var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,64,154,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#8D5CEA\]{--tw-gradient-from:#8d5cea var(--tw-gradient-from-position);--tw-gradient-to:rgba(141,92,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#ab0831\]{--tw-gradient-from:#ab0831 var(--tw-gradient-from-position);--tw-gradient-to:rgba(171,8,49,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#ab4c07\]{--tw-gradient-from:#ab4c07 var(--tw-gradient-from-position);--tw-gradient-to:rgba(171,76,7,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[rgba\(15\2c 61\2c 58\)\]{--tw-gradient-from:#0f3d3a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,61,58,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#76d4db\]{--tw-gradient-to:#76d4db var(--tw-gradient-to-position)}.to-\[\#E09B8F\]{--tw-gradient-to:#e09b8f var(--tw-gradient-to-position)}.to-\[\#ac2fe1\]{--tw-gradient-to:#ac2fe1 var(--tw-gradient-to-position)}.to-\[\#e49b2e\]{--tw-gradient-to:#e49b2e var(--tw-gradient-to-position)}.to-\[rgb\(15\2c 61\2c 58\)\]{--tw-gradient-to:#0f3d3a var(--tw-gradient-to-position)}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-\[length\:100\%_100\%\]{background-size:100% 100%}.bg-\[length\:300\%_300\%\]{background-size:300% 300%}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.p-\[0\]{padding:0}.p-\[10px\]{padding:10px}.p-\[15px\]{padding:15px}.p-\[30px\]{padding:30px}.p-\[50px_30px_30px\]{padding:50px 30px 30px}.p-\[60px\]{padding:60px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[30px\]{padding-left:30px;padding-right:30px}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.py-\[20px\]{padding-bottom:20px;padding-top:20px}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.py-\[30px\]{padding-bottom:30px;padding-top:30px}.py-\[40px\]{padding-bottom:40px;padding-top:40px}.py-\[50px\]{padding-bottom:50px;padding-top:50px}.py-\[5px\]{padding-bottom:5px;padding-top:5px}.py-\[60px\]{padding-bottom:60px;padding-top:60px}.py-\[80px\]{padding-bottom:80px;padding-top:80px}.\!pb-\[10px\]{padding-bottom:10px!important}.\!pt-\[0px\]{padding-top:0!important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[0px\!important\]{padding-bottom:0!important}.pb-\[10\%\]{padding-bottom:10%}.pb-\[10px\]{padding-bottom:10px}.pb-\[138px\]{padding-bottom:138px}.pb-\[30px\]{padding-bottom:30px}.pb-\[5\%\]{padding-bottom:5%}.pb-\[50px\]{padding-bottom:50px}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[0px\!important\]{padding-left:0!important}.pl-\[40px\]{padding-left:40px}.pl-\[45px\]{padding-left:45px}.pl-\[5px\]{padding-left:5px}.pr-\[7px\]{padding-right:7px}.ps-0{padding-inline-start:0}.pt-0{padding-top:0}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[120px\!important\]{padding-top:120px!important}.pt-\[190px\]{padding-top:190px}.pt-\[25\%\]{padding-top:25%}.pt-\[30\%\]{padding-top:30%}.pt-\[40px\]{padding-top:40px}.pt-\[45px\]{padding-top:45px}.pt-\[61px\]{padding-top:61px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-\[300\]{font-weight:300}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal:ordinal}.ordinal,.slashed-zero{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero:slashed-zero}.lining-nums{--tw-numeric-figure:lining-nums}.lining-nums,.oldstyle-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums}.proportional-nums{--tw-numeric-spacing:proportional-nums}.proportional-nums,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions}.diagonal-fractions,.stacked-fractions{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-9{line-height:2.25rem}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.35\]{line-height:1.35}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.5\]{line-height:1.5}.leading-\[18px\]{line-height:18px}.leading-\[1\]{line-height:1}.leading-\[32px\]{line-height:32px}.leading-\[50px\]{line-height:50px}.leading-\[55px\]{line-height:55px}.leading-\[normal\]{line-height:normal}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.3px\]{letter-spacing:.3px}.tracking-\[1px\]{letter-spacing:1px}.tracking-\[3px\]{letter-spacing:3px}.text-\[\#000000\],.text-\[\#000\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-\[\#02AFE5\],.text-\[\#02afe5\]{--tw-text-opacity:1;color:rgb(2 175 229/var(--tw-text-opacity,1))}.text-\[\#161616\]{--tw-text-opacity:1;color:rgb(22 22 22/var(--tw-text-opacity,1))}.text-\[\#26bae9\]{--tw-text-opacity:1;color:rgb(38 186 233/var(--tw-text-opacity,1))}.text-\[\#383838\]{--tw-text-opacity:1;color:rgb(56 56 56/var(--tw-text-opacity,1))}.text-\[\#555555\],.text-\[\#555\]{--tw-text-opacity:1;color:rgb(85 85 85/var(--tw-text-opacity,1))}.text-\[\#AAFFE1\]{--tw-text-opacity:1;color:rgb(170 255 225/var(--tw-text-opacity,1))}.text-\[\#D9D9D9\]{--tw-text-opacity:1;color:rgb(217 217 217/var(--tw-text-opacity,1))}.text-\[\#a7a7a7\]{--tw-text-opacity:1;color:rgb(167 167 167/var(--tw-text-opacity,1))}.text-\[\#eb753b\]{--tw-text-opacity:1;color:rgb(235 117 59/var(--tw-text-opacity,1))}.text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_0_0_5px_\#eb753b29\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_5px_\#eb753b29\]{--tw-shadow:0 0 0 5px #eb753b29;--tw-shadow-colored:0 0 0 5px var(--tw-shadow-color)}.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 4px 12px rgba(0,0,0,.25);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_6px_rgba\(0\2c 0\2c 0\2c 0\.33\)\]{--tw-shadow:0 4px 6px rgba(0,0,0,.33);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_6px_rgba\(147\2c 147\2c 147\2c 0\.39\)\]{--tw-shadow:0 4px 6px hsla(0,0%,58%,.39);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_6px_rgba\(207\2c 206\2c 206\2c 0\.55\)\]{--tw-shadow:0 4px 6px hsla(0,1%,81%,.55);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color)}.shadow-\[0_4px_6px_rgba\(207\2c 206\2c 206\2c 0\.55\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-none{--tw-blur: }.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-grayscale{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%)}.backdrop-invert{--tw-backdrop-invert:invert(100%)}.backdrop-invert,.backdrop-opacity-10{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-opacity-10{--tw-backdrop-opacity:opacity(0.1)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%)}.backdrop-filter,.backdrop-sepia{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{backdrop-filter:none}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.contain-none{contain:none}.contain-content{contain:content}.contain-strict{contain:strict}.contain-size{--tw-contain-size:size}.contain-inline-size,.contain-size{contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-inline-size{--tw-contain-size:inline-size}.contain-layout{--tw-contain-layout:layout}.contain-layout,.contain-paint{contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.contain-paint{--tw-contain-paint:paint}.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.\[writing-mode\:sideways-lr\]{writing-mode:sideways-lr}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-\[-4px\]:before{content:var(--tw-content);inset:-4px}.before\:bottom-0:before{bottom:0;content:var(--tw-content)}.before\:left-0:before{content:var(--tw-content);left:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:top-3:before{content:var(--tw-content);top:.75rem}.before\:-z-\[1\]:before{content:var(--tw-content);z-index:-1}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:z-\[1\]:before{content:var(--tw-content);z-index:1}.before\:z-\[2\]:before{content:var(--tw-content);z-index:2}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:hidden:before{content:var(--tw-content);display:none}.before\:h-0:before{content:var(--tw-content);height:0}.before\:h-2:before{content:var(--tw-content);height:.5rem}.before\:h-3:before{content:var(--tw-content);height:.75rem}.before\:h-4:before{content:var(--tw-content);height:1rem}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-2:before{content:var(--tw-content);width:.5rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.before\:w-4:before{content:var(--tw-content);width:1rem}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-y-1\/2:before{--tw-translate-y:-50%}.before\:-translate-y-1\/2:before,.before\:transform:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-\[10px\]:before{border-radius:10px;content:var(--tw-content)}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:border-2:before{border-width:2px;content:var(--tw-content)}.before\:border-\[\#091F26\]:before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(9 31 38/var(--tw-border-opacity,1))}.before\:border-white:before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.before\:bg-\[\#000\]:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.before\:bg-\[\#555555\]:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(85 85 85/var(--tw-bg-opacity,1))}.before\:bg-black:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.before\:bg-orange-500:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.before\:bg-\[linear-gradient\(to_right\2c rgba\(0\2c 9\2c 37\2c 0\.9725\)_0\%\2c rgba\(0\2c 136\2c 57\2c 0\.6157\)_100\%\)\]:before{background-image:linear-gradient(90deg,rgba(0,9,37,.973) 0,rgba(0,136,57,.616));content:var(--tw-content)}.before\:bg-\[linear-gradient\(to_top\2c rgba\(7\2c 137\2c 136\2c 0\.56\)_0\%\2c rgba\(7\2c 137\2c 136\2c 0\.53\)_0\%\)\]:before{background-image:linear-gradient(0deg,rgba(7,137,136,.56) 0,rgba(7,137,136,.53) 0);content:var(--tw-content)}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:opacity-50:before{content:var(--tw-content);opacity:.5}.before\:transition-\[height\]:before{content:var(--tw-content);transition-duration:.15s;transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:duration-300:before{content:var(--tw-content);transition-duration:.3s}.before\:ease-out:before{content:var(--tw-content);transition-timing-function:cubic-bezier(0,0,.2,1)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-8px\]:after{bottom:-8px;content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-\[8px\]:after{content:var(--tw-content);left:8px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:block:after{content:var(--tw-content);display:block}.after\:hidden:after{content:var(--tw-content);display:none}.after\:h-2:after{content:var(--tw-content);height:.5rem}.after\:h-\[12px\]:after{content:var(--tw-content);height:12px}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-2:after{content:var(--tw-content);width:.5rem}.after\:w-\[32px\]:after{content:var(--tw-content);width:32px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%}.after\:-translate-x-1\/2:after,.after\:-translate-y-1\/2:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{--tw-translate-y:-50%}.after\:translate-y-\[-50\%\]:after{--tw-translate-y:-50%}.after\:transform:after,.after\:translate-y-\[-50\%\]:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-\[30px\]:after{border-radius:30px;content:var(--tw-content)}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:bg-\[\#A5A5A5\]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(165 165 165/var(--tw-bg-opacity,1))}.after\:bg-\[\#F7841E\]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(247 132 30/var(--tw-bg-opacity,1))}.after\:bg-\[linear-gradient\(280deg\2c \#02AFE5_0\%\2c rgba\(2\2c 175\2c 229\2c 0\)_100\%\)\]:after{background-image:linear-gradient(280deg,#02afe5,rgba(2,175,229,0));content:var(--tw-content)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:scale-\[1\.2\]:hover{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-indigo-600:hover{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.hover\:bg-\[\#EB753B\]:hover{--tw-bg-opacity:1;background-color:rgb(235 117 59/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/60:hover{background-color:hsla(0,0%,100%,.6)}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:bg-clip-text:hover{-webkit-background-clip:text;background-clip:text}.hover\:pr-\[15px\]:hover{padding-right:15px}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-transparent:hover{color:transparent}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-75:hover{opacity:.75}.hover\:shadow-\[0_6px_16px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]:hover{--tw-shadow:0 6px 16px rgba(0,0,0,.35);--tw-shadow-colored:0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:drop-shadow-xl:hover{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.hover\:drop-shadow-xl:hover,.hover\:grayscale-0:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0)}.hover\:\[transform\:rotate\(90deg\)_scale\(1\.1\)\]:hover{transform:rotate(90deg) scale(1.1)}.hover\:before\:block:hover:before{content:var(--tw-content);display:block}.hover\:before\:h-full:hover:before{content:var(--tw-content);height:100%}.group[open] .group-open\:bg-\[\#26bae9\]{--tw-bg-opacity:1;background-color:rgb(38 186 233/var(--tw-bg-opacity,1))}.group[open] .group-open\:text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (max-width:1440px){.max-\[1440px\]\:text-\[40px\]{font-size:40px}}@media (max-width:1199px){.max-\[1199px\]\:h-\[240px\]{height:240px}.max-\[1199px\]\:h-\[95\%\]{height:95%}.max-\[1199px\]\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.max-\[1199px\]\:px-\[20px\]{padding-left:20px;padding-right:20px}.max-\[1199px\]\:text-\[22px\]{font-size:22px}.max-\[1199px\]\:text-\[28px\]{font-size:28px}.max-\[1199px\]\:leading-\[42px\]{line-height:42px}}@media (max-width:1024px){.max-\[1024px\]\:px-\[20px\]{padding-left:20px;padding-right:20px}}@media (max-width:991px){.max-\[991px\]\:mt-\[30px\]{margin-top:30px}.max-\[991px\]\:w-full{width:100%}.max-\[991px\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.max-\[991px\]\:px-\[20px\]{padding-left:20px;padding-right:20px}.max-\[991px\]\:pb-\[50px\]{padding-bottom:50px}}@media (max-width:793px){.max-\[793px\]\:text-\[16px\]{font-size:16px}}@media (max-width:767px){.max-\[767px\]\:\!ml-0{margin-left:0!important}.max-\[767px\]\:ml-0{margin-left:0}.max-\[767px\]\:mt-\[10px\]{margin-top:10px}.max-\[767px\]\:h-\[300px\]{height:300px}.max-\[767px\]\:h-\[50\%\]{height:50%}.max-\[767px\]\:w-full{width:100%}.max-\[767px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.max-\[767px\]\:flex-col{flex-direction:column}.max-\[767px\]\:gap-\[30px\]{gap:30px}.max-\[767px\]\:px-\[30px\]{padding-left:30px;padding-right:30px}.max-\[767px\]\:text-\[16px\]{font-size:16px}.max-\[767px\]\:text-\[18px\]{font-size:18px}}@media (max-width:575px){.max-\[575px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[575px\]\:px-0{padding-left:0;padding-right:0}.max-\[575px\]\:py-\[30px\]{padding-bottom:30px;padding-top:30px}.max-\[575px\]\:text-\[24px\]{font-size:24px}.max-\[575px\]\:leading-\[34px\]{line-height:34px}}@media (min-width:640px){.sm\:left-7{left:1.75rem}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-4{margin-left:1rem}.sm\:ml-auto{margin-left:auto}.sm\:mt-0{margin-top:0}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-7{margin-top:1.75rem}.sm\:mt-\[80px\]{margin-top:80px}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:h-10{height:2.5rem}.sm\:max-h-\[200px\]{max-height:200px}.sm\:min-h-\[200px\]{min-height:200px}.sm\:w-10{width:2.5rem}.sm\:w-48{width:12rem}.sm\:w-\[50px\]{width:50px}.sm\:w-\[calc\(49\%-10px\)\]{width:calc(49% - 10px)}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-y-\[50px\]{row-gap:50px}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-28{padding-bottom:7rem;padding-top:7rem}.sm\:py-32{padding-bottom:8rem;padding-top:8rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:py-\[100px\]{padding-bottom:100px;padding-top:100px}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:ps-3{padding-inline-start:.75rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:visible{visibility:visible}.md\:absolute{position:absolute}.md\:top-\[75\%\]{top:75%}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:mx-2{margin-left:.5rem;margin-right:.5rem}.md\:-mr-\[100\%\]{margin-right:-100%}.md\:-mt-\[1px\]{margin-top:-1px}.md\:-mt-\[40px\]{margin-top:-40px}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:ml-0{margin-left:0}.md\:ml-24{margin-left:6rem}.md\:mr-0{margin-right:0}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-12{margin-top:3rem}.md\:mt-14{margin-top:3.5rem}.md\:mt-16{margin-top:4rem}.md\:mt-20{margin-top:5rem}.md\:mt-24{margin-top:6rem}.md\:mt-5{margin-top:1.25rem}.md\:mt-\[32px\]{margin-top:32px}.md\:mt-\[45px\]{margin-top:45px}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:h-\[25vh\]{height:25vh}.md\:h-\[65vh\]{height:65vh}.md\:h-auto{height:auto}.md\:w-14{width:3.5rem}.md\:w-5\/6{width:83.333333%}.md\:w-full{width:100%}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[21\%_auto\]{grid-template-columns:21% auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:rounded-none{border-radius:0}.md\:border{border-width:1px}.md\:border-b-0{border-bottom-width:0}.md\:border-l{border-left-width:1px}.md\:border-r-0{border-right-width:0}.md\:border-t-0{border-top-width:0}.md\:border-\[\#333333\]{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.md\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.md\:bg-\[linear-gradient\(to_top\2c hsla\(0\2c 0\%\2c 0\%\2c 0\.9\)_20\%\2c rgba\(0\2c 0\2c 0\2c 0\)_100\%\)\]{background-image:linear-gradient(0deg,rgba(0,0,0,.9) 20%,transparent)}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-20{padding-bottom:5rem;padding-top:5rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-\[100px\]{padding-bottom:100px;padding-top:100px}.md\:py-\[90px\]{padding-bottom:90px;padding-top:90px}.md\:pb-0{padding-bottom:0}.md\:pb-10{padding-bottom:2.5rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-0{padding-right:0}.md\:pr-5{padding-right:1.25rem}.md\:pt-10{padding-top:2.5rem}.md\:pt-4{padding-top:1rem}.md\:pt-5{padding-top:1.25rem}.md\:pt-8{padding-top:2rem}.md\:pt-\[15\%\]{padding-top:15%}.md\:pt-\[17\%\]{padding-top:17%}.md\:pt-\[40px\]{padding-top:40px}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[15px\]{font-size:15px}.md\:text-\[16px\]{font-size:16px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[22px\]{font-size:22px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[52px\]{font-size:52px}.md\:text-\[56px\]{font-size:56px}.md\:text-\[70px\]{font-size:70px}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:leading-\[35px\]{line-height:35px}.md\:tracking-\[1\.76px\]{letter-spacing:1.76px}.md\:tracking-\[14\.76px\]{letter-spacing:14.76px}.md\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.md\:opacity-100{opacity:1}}@media (min-width:1024px){.lg\:relative{position:relative}.lg\:bottom-16{bottom:4rem}.lg\:bottom-\[-70px\]{bottom:-70px}.lg\:left-12{left:3rem}.lg\:left-16{left:4rem}.lg\:top-12{top:3rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mb-0{margin-bottom:0}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-\[35px\]{margin-bottom:35px}.lg\:mb-\[55px\]{margin-bottom:55px}.lg\:mr-\[60px\]{margin-right:60px}.lg\:mt-0{margin-top:0}.lg\:mt-20{margin-top:5rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-\[30vh\]{height:30vh}.lg\:h-\[46px\]{height:46px}.lg\:h-\[65vh\]{height:65vh}.lg\:h-full{height:100%}.lg\:max-h-\[280px\]{max-height:280px}.lg\:min-h-\[280px\]{min-height:280px}.lg\:min-h-\[80vh\]{min-height:80vh}.lg\:w-1\/2{width:50%}.lg\:w-10\/12{width:83.333333%}.lg\:w-12{width:3rem}.lg\:w-2\/3{width:66.666667%}.lg\:w-5{width:1.25rem}.lg\:w-6\/12{width:50%}.lg\:w-\[400px\]{width:400px}.lg\:w-\[46px\]{width:46px}.lg\:w-\[calc\(32\.5\%-10px\)\]{width:calc(32.5% - 10px)}.lg\:w-auto{width:auto}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:0}.lg\:gap-10{gap:2.5rem}.lg\:gap-6{gap:1.5rem}.lg\:bg-transparent{background-color:transparent}.lg\:p-10{padding:2.5rem}.lg\:p-7{padding:1.75rem}.lg\:p-\[30px\]{padding:30px}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.lg\:py-\[80px\]{padding-bottom:80px;padding-top:80px}.lg\:pb-\[50px\]{padding-bottom:50px}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-28{padding-top:7rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[20px\]{font-size:20px}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[24px\]{font-size:24px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[38px\]{font-size:38px}.lg\:text-\[42px\]{font-size:42px}.lg\:text-\[50px\]{font-size:50px}.lg\:text-\[52px\]{font-size:52px}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem}.lg\:leading-7,.lg\:text-xl{line-height:1.75rem}.lg\:leading-\[24px\]{line-height:24px}.lg\:leading-\[50px\]{line-height:50px}.lg\:leading-\[62px\]{line-height:62px}.lg\:leading-relaxed{line-height:1.625}.lg\:leading-tight{line-height:1.25}}@media (min-width:1280px){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.xl\:mb-10{margin-bottom:2.5rem}.xl\:mb-5{margin-bottom:1.25rem}.xl\:ml-10{margin-left:2.5rem}.xl\:mr-10{margin-right:2.5rem}.xl\:mt-24{margin-top:6rem}.xl\:h-\[100vh\]{height:100vh}.xl\:h-\[450px\]{height:450px}.xl\:h-\[60vh\]{height:60vh}.xl\:h-screen{height:100vh}.xl\:min-h-screen{min-height:100vh}.xl\:w-2\/3{width:66.666667%}.xl\:w-9\/12{width:75%}.xl\:w-\[450px\]{width:450px}.xl\:w-\[calc\(24\%-5px\)\]{width:calc(24% - 5px)}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:px-0{padding-left:0;padding-right:0}.xl\:py-0{padding-bottom:0;padding-top:0}.xl\:py-20{padding-bottom:5rem;padding-top:5rem}.xl\:py-24{padding-bottom:6rem;padding-top:6rem}.xl\:py-28{padding-bottom:7rem;padding-top:7rem}.xl\:py-\[140px\]{padding-bottom:140px;padding-top:140px}.xl\:pb-10{padding-bottom:2.5rem}.xl\:pl-16{padding-left:4rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-7xl{font-size:4.5rem;line-height:1}.xl\:text-\[22px\]{font-size:22px}.xl\:text-\[24px\]{font-size:24px}.xl\:text-\[34px\]{font-size:34px}.xl\:text-\[36px\]{font-size:36px}.xl\:text-\[42px\]{font-size:42px}.xl\:text-\[52px\]{font-size:52px}.xl\:text-\[80px\]{font-size:80px}}@media (min-width:1536px){.\32xl\:left-16{left:4rem}.\32xl\:top-16{top:4rem}.\32xl\:mb-24{margin-bottom:6rem}.\32xl\:mb-8{margin-bottom:2rem}.\32xl\:mr-10{margin-right:2.5rem}.\32xl\:mt-20{margin-top:5rem}.\32xl\:mt-24{margin-top:6rem}.\32xl\:h-16{height:4rem}.\32xl\:h-\[600px\]{height:600px}.\32xl\:h-\[60px\]{height:60px}.\32xl\:w-16{width:4rem}.\32xl\:w-2\/3{width:66.666667%}.\32xl\:w-20{width:5rem}.\32xl\:w-\[600px\]{width:600px}.\32xl\:w-\[60px\]{width:60px}.\32xl\:gap-8{gap:2rem}.\32xl\:py-28{padding-bottom:7rem;padding-top:7rem}.\32xl\:py-8{padding-bottom:2rem;padding-top:2rem}.\32xl\:text-2xl{font-size:1.5rem;line-height:2rem}.\32xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.\32xl\:text-6xl{font-size:3.75rem;line-height:1}.\32xl\:text-9xl{font-size:8rem;line-height:1}.\32xl\:text-\[28px\]{font-size:28px}.\32xl\:text-\[30px\]{font-size:30px}.\32xl\:text-\[36px\]{font-size:36px}.\32xl\:text-\[38px\]{font-size:38px}.\32xl\:text-\[40px\]{font-size:40px}.\32xl\:text-\[52px\]{font-size:52px}.\32xl\:text-\[68px\]{font-size:68px}.\32xl\:text-lg{font-size:1.125rem;line-height:1.75rem}.\32xl\:leading-9{line-height:2.25rem}.\32xl\:leading-\[78px\]{line-height:78px}.\32xl\:leading-loose{line-height:2}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:details-content\]\:overflow-y-clip::details-content{overflow-y:clip}.\[\&\:\:details-content\]\:\[height\:0\]::details-content{height:0}.\[\&\:\:details-content\]\:\[transition\:all_475ms_allow-discrete\]::details-content{transition:all allow-discrete 475ms}.\[\&\>\.colorimg\]\:hover\:opacity-100:hover>.colorimg{opacity:1}.\[\&\>\.find-more\]\:hover\:translate-y-0:hover>.find-more{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>\.logoimg\]\:hover\:opacity-0:hover>.logoimg{opacity:0}.\[\&\>br\]\:hidden>br{display:none}@media (min-width:768px){.md\:\[\&\>br\]\:block>br{display:block}}@media (min-width:1024px){.lg\:\[\&\>br\]\:block>br{display:block}}.\[\&\>div\>p\>\.border-span\]\:hover\:w-10:hover>div>p>.border-span{width:2.5rem}.\[\&\>img\]\:hover\:scale-125:hover>img{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[open\]\:\:details-content\]\:\[height\:auto\][open]::details-content{height:auto}details:not([open]) .\[details\:not\(\[open\]\)_\&\]\:-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}details:not([open]) .\[details\:not\(\[open\]\)_\&\]\:opacity-20{opacity:.2}details[open] .\[details\[open\]_\&\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}