@charset "UTF-8";
:root{--primary:#c9f31d;--secondary:#2c2c2c;--black:#000;--black-2:#121212;--black-3:#555;--black-4:#1d1d1d;--black-5:#343434;--black-6:#262626;--black-7:#555;--black-13:#666;--white:#fff;--white-2:#efefef;--white-3:#e9e9e9;--white-4:#f0f0f0;--white-5:#fbfbfb;--white-6:#d7d7d7;--white-7:#F5F5F5;--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:silver;--gray-16:#939393;--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}
@font-face{font-family:newYork;src:url(/assets/fonts/NewYork.ttf);font-weight:400}
.pb-100{padding-bottom:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-100{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-100{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-100{padding-bottom:60px}
}
.pb-110{padding-bottom:110px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-110{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-110{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-110{padding-bottom:60px}
}
.pb-120{padding-bottom:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-120{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-120{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-120{padding-bottom:60px}
}
.pb-130{padding-bottom:130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-130{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-130{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-130{padding-bottom:60px}
}
.pb-140{padding-bottom:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-140{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-140{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-140{padding-bottom:60px}
}
.pb-150{padding-bottom:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-150{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-150{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-150{padding-bottom:60px}
}
.pb-200{padding-bottom:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-200{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-200{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-200{padding-bottom:60px}
}
.pt-42{padding-top:40px!important}
.pt-100{padding-top:100px!important}
@media only screen and (max-width: 767px) {
.pt-100{padding-top:60px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-100{padding-top:80px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-100{padding-top:90px!important}
}
.pt-110{padding-top:110px!important}
@media only screen and (max-width: 767px) {
.pt-110{padding-top:60px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-110{padding-top:80px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-110{padding-top:90px!important}
}
.pt-120{padding-top:120px!important}
@media only screen and (max-width: 767px) {
.pt-120{padding-top:60px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-120{padding-top:80px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-120{padding-top:90px!important}
}
.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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-130{padding-top:90px}
}
.pt-140{padding-top:140px!important}
@media only screen and (max-width: 767px) {
.pt-140{padding-top:60px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-140{padding-top:80px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-140{padding-top:90px!important}
}
.pt-150{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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-150{padding-top:90px}
}
.sp-x{padding-left:100px;padding-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sp-x{padding-left:30px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sp-x{padding-left:30px;padding-right:30px}
}
@media only screen and (max-width: 767px) {
.sp-x{padding-left:10px;padding-right:10px}
}
.mt-60{margin-top:60px}
.ht-200{padding-top:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ht-200{padding-top:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ht-200{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.ht-200{padding-top:130px}
}
@-webkit-keyframes wcRotate {
0%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
}
@keyframes wcRotate {
0%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
}
@-webkit-keyframes wcBubble {
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
@keyframes wcBubble {
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
@-webkit-keyframes wcZoom {
0%{scale:1}
50%{scale:.5}
100%{scale:1}
}
@keyframes wcZoom {
0%{scale:1}
50%{scale:.5}
100%{scale:1}
}
@-webkit-keyframes wcSlideBottom {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes wcSlideBottom {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes reveal {
to{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
}
@keyframes reveal {
to{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
}
@-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(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes wcSpinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
*{margin:0;padding:0}
body{font-family:"Kanit",sans-serif}
html{scroll-behavior:smooth}
h1,h2,h3,h4,h5,h6{position:relative;z-index:1;padding:0;margin:0}
ul,ol{padding:0;margin:0}
li{list-style:none;position:relative;z-index:1}
a{text-decoration:none;-webkit-transition:all .3s;transition:all .3s;position:relative;z-index:1}
button{background-color:transparent;border:0}
p{padding:0;margin:0;font-style:normal;line-height:1.5;font-weight:400;font-size:16px;color:var(--black-3);position:relative;z-index:1}
video,iframe,img{margin:0;padding:0;position:relative;z-index:1}
.line{position:relative}
.line::before{position:absolute;content:"";width:1px;height:100%;top:0;left:0;background:var(--white-4)}
.line::after{position:absolute;content:"";width:1px;height:100%;left:calc(50% - 1px);top:0;background:var(--white-4)}
.line-3{position:absolute;content:"";width:1px;height:100%;right:0;top:0;background:var(--white-4)}
.shape{position:absolute;left:-90px;bottom:-350px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shape{left:200%;bottom:0}
}
@media only screen and (max-width: 767px) {
.shape{left:70%;bottom:0}
}
.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}
@media only screen and (max-width: 767px) {
.g-0{padding-right:15px;padding-left:15px}
br{display:none}
}
.sec-title-wrapper{position:relative;z-index:9}
.footer-line{position:relative}
.footer-line::after{position:absolute;content:"";width:1px;height:500px;left:0;bottom:-400px;background:var(--white-4)}
@media (max-width: 1023px) {
.footer-line::after{height:0}
}
.scroll-top{width:50px;height:50px;position:fixed;right:20px;bottom:20px;z-index:9991;border-radius:100px;color:var(--white);background:var(--white);-webkit-transition:all .3s;transition:all .3s;display:none;mix-blend-mode:exclusion}
.scroll-top i{font-size:18px;color:var(--black-2)}
.scroll-top:hover{color:var(--gray-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.scroll-top{bottom:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.scroll-top{right:10px;bottom:60px}
}
@media only screen and (max-width: 767px) {
.scroll-top{right:5px;bottom:55px}
}
.logo-light{display:none}
.logo-dark{display:block}
.font-20{font-size:20px!important}
.wc-btn-primary,.wc-btn-black,.wc-btn-light,.wc-btn-pink,.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:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.wc-btn-primary,.wc-btn-black,.wc-btn-light,.wc-btn-pink,.wc-btn-secondary{padding:30px}
}
.wc-btn-primary:hover,.wc-btn-black:hover,.wc-btn-light:hover,.wc-btn-pink:hover,.wc-btn-secondary:hover{color:var(--black-2);border:1px solid var(--primary)}
.wc-btn-primary:hover span,.wc-btn-black:hover span,.wc-btn-light:hover span,.wc-btn-pink:hover span,.wc-btn-secondary:hover span{width:350px;height:350px}
.wc-btn-primary i,.wc-btn-black i,.wc-btn-light i,.wc-btn-pink i,.wc-btn-secondary i{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);padding-left:5px}
.wc-btn-primary span,.wc-btn-black span,.wc-btn-light span,.wc-btn-pink span,.wc-btn-secondary span{position:absolute;content:"";width:20px;height:20px;left:0;top:0;background-color:var(--primary);z-index:-1;border-radius:100%;-webkit-transition:all .7s;transition:all .7s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wc-btn-secondary{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-pink{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{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-light:hover{border-color:var(--white)}
.wc-btn-light span{background-color:var(--white)}
.wc-btn-black:hover{color:var(--white);border-color:var(--black-2)}
.wc-btn-black span{background-color:var(--black-2)}
.wc-btn-dark{display:inline-block;font-weight:400;font-size:15px;line-height:1.5;text-align:center;text-transform:uppercase;color:var(--black-2);border:1.3px solid var(--black-2);border-radius:33px;padding:20px 54px;-webkit-transition:all .3s;transition:all .3s}
.wc-btn-dark:hover{color:var(--black-2);background-color:var(--white);border-color:var(--white)}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.btn_wrapper,#btn_wrapper{width:220px;height:220px;margin-left:-25px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.btn_wrapper,#btn_wrapper{width:190px;height:190px;margin-left:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.btn_wrapper,#btn_wrapper{width:180px;height:180px;margin-left:-5px}
}
@media only screen and (max-width: 767px) {
.btn_wrapper,#btn_wrapper{height:175px;width:175px;margin-left:-2.5px}
}
.btn-item{position:absolute}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.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}
}
.about_btn{font-size:20px!important;position:relative}
@media only screen and (max-width: 767px) {
.about_btn{font-size:18px!important}
}
.about_btn::before{position:absolute;content:"";width:100%;height:1px;bottom:-10px;left:0;background-color:var(--black-7)}
.sec-title{font-weight:500;font-size:60px;line-height:1;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title{font-size:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title{font-size:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title{font-size:36px}
}
@media only screen and (max-width: 767px) {
.sec-title{font-size:32px}
}
.sec-title-2{font-weight:500;font-size:120px;line-height:.9;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.sec-title-2{font-size:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-2{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-2{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-2{font-size:60px}
}
@media only screen and (max-width: 767px) {
.sec-title-2{font-size:45px}
}
.sec-title-3{font-weight:500;font-size:130px;line-height:1;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.sec-title-3{font-size:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-3{font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-3{font-size:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-3{font-size:60px}
}
@media only screen and (max-width: 767px) {
.sec-title-3{font-size:48px}
}
.sec-title-4{font-size:150px;line-height:1;color:var(--black-2);text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-4{font-size:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-4{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-4{font-size:80px}
}
@media only screen and (max-width: 767px) {
.sec-title-4{font-size:48px}
}
.sec-title-4 span{font-family:"newYork";padding-left:298px;display:block}
@media only screen and (max-width: 767px) {
.sec-title-4 span{padding-left:0}
}
.sec-title-4 img{margin-top:-30px;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-4 img{max-width:90px}
}
@media only screen and (max-width: 767px) {
.sec-title-4 img{display:none}
}
.sec-title-5{padding-left:98px}
@media only screen and (max-width: 767px) {
.sec-title-5{padding-left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-5{font-size:120px;line-height:8.3rem}
}
.sec-title-7{padding-left:185px}
.sec-title-8{font-size:130px;line-height:1;font-weight:500;color:var(--black-2);text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-8{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-8{font-size:72px}
}
@media only screen and (max-width: 767px) {
.sec-title-8{font-size:60px}
}
.sec-title-8 a{font-family:"newYork";text-transform:capitalize}
.sec-title-16{font-weight:500;font-size:120px;line-height:.9;color:var(--black-2);text-indent:120px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-16{font-size:100px;text-indent:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-16{font-size:90px;text-indent:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-16{text-indent:60px;font-size:72px}
}
@media only screen and (max-width: 767px) {
.sec-title-16{text-indent:20px;font-size:48px}
}
.sec-title-16 span{color:var(--black-2);font-family:"newYork";position:relative}
.sec-title-16 span::after{position:absolute;content:"";width:100%;height:2px;bottom:10px;left:0;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.sec-title-16 span::after{bottom:0}
}
.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)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-title{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-title{font-size:48px}
}
@media only screen and (max-width: 767px) {
.hero-title{font-size:36px}
}
.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)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dis_port_4{text-indent:50px;margin-left:60px;margin-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dis_port_4{text-indent:30px;margin-left:20px;margin-top:20px}
}
@media only screen and (max-width: 767px) {
.dis_port_4{margin-left:20px;text-indent:30px;margin-top:20px}
}
.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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section_title_wrapper{padding:110px 30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:120px 15px 0}
}
.section_title_wrapper .title_right{padding-top:150px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper .title_right{padding-top:100px}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper .title_right{padding-top:50px}
}
.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) {
.section_title_wrapper .title_right__inner__left span::before{width:600px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.section_title_wrapper .title_right__inner__left span::before{width:500px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section_title_wrapper .title_right__inner__left span::before{width:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper .title_right__inner__left span::before{width:90px}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper .title_right__inner__left span::before{display:none}
}
.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-dropdown{position:absolute;width:300px;left:0;top:85px;z-index:9;background-color:var(--black-2);text-align:left;padding:15px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.main-dropdown .sub-dropdown{position:absolute;width:300px;left:100%;top:0;z-index:9;background-color:var(--black-2);text-align:left;padding:15px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.main-dropdown li{display:block;margin:0;padding:0}
.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{text-shadow:0 16px 0 var(--white)}
.main-dropdown li a:hover{letter-spacing:1px}
.footer-menu,.footer-menu-2{text-align:right}
@media only screen and (max-width: 767px) {
.footer-menu,.footer-menu-2{text-align:center}
}
.footer-menu li,.footer-menu-2 li{display:inline-block;padding-left:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer-menu li,.footer-menu-2 li{padding-left:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-menu li,.footer-menu-2 li{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-menu li,.footer-menu-2 li{padding-left:20px}
}
@media only screen and (max-width: 767px) {
.footer-menu li,.footer-menu-2 li{padding-left:8px;padding-right:8px}
}
.footer-menu li a,.footer-menu-2 li a{display:block;font-weight:400;font-size:16px;line-height:1;color:var(--black-2);text-transform:capitalize}
.footer-menu li a .menu-text,.footer-menu-2 li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-2)}
.footer-menu li a .menu-text span,.footer-menu-2 li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.footer-menu li a .menu-text span:nth-child(1),.footer-menu-2 li a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.footer-menu li a .menu-text span:nth-child(2),.footer-menu-2 li a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.footer-menu li a .menu-text span:nth-child(3),.footer-menu-2 li a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.footer-menu li a .menu-text span:nth-child(4),.footer-menu-2 li a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.footer-menu li a .menu-text span:nth-child(5),.footer-menu-2 li a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.footer-menu li a .menu-text span:nth-child(6),.footer-menu-2 li a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.footer-menu li a .menu-text span:nth-child(7),.footer-menu-2 li a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.footer-menu li a .menu-text span:nth-child(8),.footer-menu-2 li a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.footer-menu li a .menu-text span:nth-child(9),.footer-menu-2 li a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.footer-menu li a .menu-text span:nth-child(10),.footer-menu-2 li a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.footer-menu li a .menu-text span:nth-child(11),.footer-menu-2 li a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.footer-menu li a .menu-text span:nth-child(12),.footer-menu-2 li a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.footer-menu li a .menu-text span:nth-child(13),.footer-menu-2 li a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.footer-menu li a .menu-text span:nth-child(14),.footer-menu-2 li a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.footer-menu li a .menu-text span:nth-child(15),.footer-menu-2 li a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.footer-menu li a .menu-text span:nth-child(16),.footer-menu-2 li a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.footer-menu li a .menu-text span:nth-child(17),.footer-menu-2 li a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.footer-menu li a .menu-text span:nth-child(18),.footer-menu-2 li a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.footer-menu li a .menu-text span:nth-child(19),.footer-menu-2 li a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.footer-menu li a .menu-text span:nth-child(20),.footer-menu-2 li a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.footer-menu li a .menu-text span:nth-child(21),.footer-menu-2 li a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.footer-menu li a .menu-text span:nth-child(22),.footer-menu-2 li a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.footer-menu li a .menu-text span:nth-child(23),.footer-menu-2 li a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.footer-menu li a .menu-text span:nth-child(24),.footer-menu-2 li a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.footer-menu li a .menu-text span:nth-child(25),.footer-menu-2 li a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.footer-menu li a .menu-text span:nth-child(26),.footer-menu-2 li a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.footer-menu li a .menu-text span:nth-child(27),.footer-menu-2 li a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.footer-menu li a .menu-text span:nth-child(28),.footer-menu-2 li a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.footer-menu li a .menu-text span:nth-child(29),.footer-menu-2 li a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.footer-menu li a .menu-text span:nth-child(30),.footer-menu-2 li a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.footer-menu li a .menu-text span:nth-child(31),.footer-menu-2 li a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.footer-menu li a .menu-text span:nth-child(32),.footer-menu-2 li a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.footer-menu li a .menu-text span:nth-child(33),.footer-menu-2 li a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.footer-menu li a .menu-text span:nth-child(34),.footer-menu-2 li a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.footer-menu li a .menu-text span:nth-child(35),.footer-menu-2 li a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.footer-menu li a .menu-text span:nth-child(36),.footer-menu-2 li a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.footer-menu li a .menu-text span:nth-child(37),.footer-menu-2 li a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.footer-menu li a .menu-text span:nth-child(38),.footer-menu-2 li a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.footer-menu li a .menu-text span:nth-child(39),.footer-menu-2 li a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.footer-menu li a .menu-text span:nth-child(40),.footer-menu-2 li a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.footer-menu li a .menu-text span:nth-child(41),.footer-menu-2 li a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.footer-menu li a .menu-text span:nth-child(42),.footer-menu-2 li a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.footer-menu li a .menu-text span:nth-child(43),.footer-menu-2 li a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.footer-menu li a .menu-text span:nth-child(44),.footer-menu-2 li a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.footer-menu li a .menu-text span:nth-child(45),.footer-menu-2 li a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.footer-menu li a .menu-text span:nth-child(46),.footer-menu-2 li a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.footer-menu li a .menu-text span:nth-child(47),.footer-menu-2 li a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.footer-menu li a .menu-text span:nth-child(48),.footer-menu-2 li a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.footer-menu li a .menu-text span:nth-child(49),.footer-menu-2 li a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.footer-menu li a:hover,.footer-menu-2 li a:hover{--y:-4px}
.footer-menu li a:hover span,.footer-menu-2 li a:hover span{--m:calc(16px * -1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-menu-2{margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.footer-menu-2{margin-bottom:30px}
}
.footer-menu-2 li a{color:var(--white);text-transform:uppercase}
.footer-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.offcanvas__menu-wrapper.mean-container{padding-top:160px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container{padding-top:142px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container{padding-top:93px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container{padding-top:93px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container{padding-top:60px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container{padding-top:40px}
}
.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 > ul > li:last-child > a{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav{background:none;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:none;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.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)}
.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 ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-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:nth-child(1){-webkit-transition-delay:.0333333333s;transition-delay:.0333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(2){-webkit-transition-delay:.0666666667s;transition-delay:.0666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(4){-webkit-transition-delay:.1333333333s;transition-delay:.1333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(5){-webkit-transition-delay:.1666666667s;transition-delay:.1666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(6){-webkit-transition-delay:.2s;transition-delay:.2s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(7){-webkit-transition-delay:.2333333333s;transition-delay:.2333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(8){-webkit-transition-delay:.2666666667s;transition-delay:.2666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(9){-webkit-transition-delay:.3s;transition-delay:.3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(10){-webkit-transition-delay:.3333333333s;transition-delay:.3333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(11){-webkit-transition-delay:.3666666667s;transition-delay:.3666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(12){-webkit-transition-delay:.4s;transition-delay:.4s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(13){-webkit-transition-delay:.4333333333s;transition-delay:.4333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(14){-webkit-transition-delay:.4666666667s;transition-delay:.4666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(15){-webkit-transition-delay:.5s;transition-delay:.5s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(16){-webkit-transition-delay:.5333333333s;transition-delay:.5333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(17){-webkit-transition-delay:.5666666667s;transition-delay:.5666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(18){-webkit-transition-delay:.6s;transition-delay:.6s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(19){-webkit-transition-delay:.6333333333s;transition-delay:.6333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(20){-webkit-transition-delay:.6666666667s;transition-delay:.6666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(21){-webkit-transition-delay:.7s;transition-delay:.7s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(22){-webkit-transition-delay:.7333333333s;transition-delay:.7333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(23){-webkit-transition-delay:.7666666667s;transition-delay:.7666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(24){-webkit-transition-delay:.8s;transition-delay:.8s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(25){-webkit-transition-delay:.8333333333s;transition-delay:.8333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(26){-webkit-transition-delay:.8666666667s;transition-delay:.8666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(27){-webkit-transition-delay:.9s;transition-delay:.9s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(28){-webkit-transition-delay:.9333333333s;transition-delay:.9333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(29){-webkit-transition-delay:.9666666667s;transition-delay:.9666666667s}
.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}
.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}
.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}
.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}
.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}
.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}
.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:-0;background-color:transparent}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover span{--m:calc(80px * -1)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:60px;padding-left:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:48px;padding-left:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:40px;padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:30px;padding-left:20px}
}
@media only screen and (max-width: 767px) {
.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{width:60px;height:96px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;border:none!important}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:76px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:64px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:57px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:46px;width:40px}
}
@media only screen and (max-width: 767px) {
.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 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:all .3s;transition:all .3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a:hover{letter-spacing:1px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:60px;font-size:24px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:20px;padding:15px 0 15px 30px}
}
@media only screen and (max-width: 767px) {
.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:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:25px}
}
@media only screen and (max-width: 767px) {
.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:last-child{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:180px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
}
.offcanvas__menu-wrapper.mean-container .mean-bar{padding:0;background:none}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal{display:none!important}
.header__area-2 .main-dropdown{background-color:var(--white)}
.header__area-2 .main-dropdown li a{color:var(--black-2)}
.header__area-2 .main-dropdown li a:hover{letter-spacing:1px}
.header__area-2 .main-dropdown li a .menu-text{text-shadow:0 16px 0 var(--black-2)}
.header__area-2 .main-dropdown .sub-dropdown{background-color:var(--white)}
.header__area-2 .mega-menu,.header__area-2 .mega-menu-2{background-color:var(--white)}
.header__area-2 .mega-menu li a,.header__area-2 .mega-menu-2 li a{color:var(--black-2)}
.header__area-2 .mega-menu li a:hover,.header__area-2 .mega-menu-2 li a:hover{letter-spacing:1px}
.header__area-2 .mega-menu li a:not([href]):not([class]),.header__area-2 .mega-menu-2 li a:not([href]):not([class]){color:var(--black-2)}
.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)}
.dark .menu-heading{color:var(--black-2)}
.modal__testimonial{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:9991;-webkit-transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform 0.25s,-webkit-transform .25s}
.modal__testimonial-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--white);border-radius:5px;width:760px;height:500px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__testimonial-content{width:700px;height:480px}
}
@media only screen and (max-width: 767px) {
.modal__testimonial-content{width:320px;height:300px}
}
.modal__testimonial-content iframe{width:100%;height:100%}
.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:all .3s;transition:all .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}
@media only screen and (max-width: 767px) {
.modal__close{right:-5px;top:-5px}
}
.modal__close:hover{color:var(--primary)}
.modal__close-2{background-color:transparent;color:var(--black-3);width:30px;height:30px;border:none;font-size:24px;position:absolute;right:30px;top:30px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.modal__close-2{right:20px;top:15px}
}
.modal__close-2:hover{color:var(--black-2)}
.modal__application{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform 0.25s,-webkit-transform .25s;z-index:9991}
.modal__apply{padding:100px 50px;max-width:1130px;height:96vh;margin:0 auto;margin-top:2vh;overflow-y:auto;position:relative;background-color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply{max-width:960px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply{max-width:720px}
}
@media only screen and (max-width: 767px) {
.modal__apply{padding:50px 20px;margin-top:0;height:100vh}
}
.modal__apply .wc-btn-primary,.modal__apply .wc-btn-secondary,.modal__apply .wc-btn-pink,.modal__apply .wc-btn-light,.modal__apply .wc-btn-black{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{display:-ms-grid;display:grid;-ms-grid-columns:1fr 90px 2.2fr;grid-template-columns:1fr 2.2fr;grid-gap:90px;margin-bottom:20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.modal__apply .input-apply{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply .input-apply{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
.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:none;padding:15px;-webkit-transition:all .3s;transition:all .3s}
.modal__apply .input-apply-2 input:focus{border:1px solid var(--black-3)}
.modal__apply .input-apply p{font-weight:400;font-size:18px;line-height:1.5;color:var(--black)}
.modal__apply .input-apply textarea{width:100%;height:125px;border:1px solid var(--white-4);outline:none;padding:15px;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply textarea{height:90px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply textarea{height:90px}
}
.modal__apply .input-apply textarea:focus{border:1px solid var(--black-3)}
.modal__apply .form-btn button{margin-left:auto;margin-top:30px;background-color:transparent;z-index:1}
.modal__apply .form-btn-2{display:-webkit-box;display:-ms-flexbox;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:transparent;z-index:1}
.modal-show{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:visibility 0 linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,transform 0.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:-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: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:all .3s;transition:all .3s}
.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;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.15s;transition:.15s;z-index:999;mix-blend-mode:difference}
@media (max-width: 1200px) {
.cursor1{display:none}
}
.cursor1.hide{opacity:0;visibility:hidden}
.cursor2{position:fixed;width:8px;height:8px;background-color:var(--primary);border-radius:50%;left:0;top:0;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;transition:.2s;z-index:999;mix-blend-mode:difference}
@media (max-width: 1200px) {
.cursor2{display:none}
}
.cursor2.hide{opacity:0;visibility:hidden}
.cursor2.circle{width:60px;height:60px}
.cursor-testi{position:fixed;width:80px;height:80px;background-color:var(--black-2);border-radius:50%;left:0;top:0;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;transition:.2s;z-index:999}
@media (max-width: 1200px) {
.cursor-testi{display:none}
}
.cursor-testi.hide{opacity:0;visibility:hidden}
.cursor-testi.play{width:100px;height:100px;mix-blend-mode:unset;background-color:var(--black-2)}
.cursor-testi.play::after{position:absolute;content:"Play";color:var(--white);width:100%;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}
#featured_cursor{background:var(--white);color:var(--black-2)}
@media (max-width: 1200px) {
#client_cursor{display:none}
}
.header__area{position:fixed;width:100px;height:100%;left:0;top:0;z-index:9991;border-right:1px solid rgba(240,240,240,0.07);mix-blend-mode:exclusion;-webkit-transition:all .5s;transition:all .5s}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.header__area{width:62px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
@media only screen and (max-width: 767px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
.header__area button{display:block;margin-top:-58px;padding:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__area button{margin-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__area button{margin-top:0}
}
@media only screen and (max-width: 767px) {
.header__area button{margin-top:0}
}
.header__inner{padding:50px 0 20px;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: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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner{padding:10px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner{padding:10px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (max-width: 767px) {
.header__inner{padding:5px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__nav-icon{grid-column:-1}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__nav-icon{grid-column:-1}
}
@media only screen and (max-width: 767px) {
.header__nav-icon{grid-column:-1}
}
.header__search{position:fixed;width:300px;right:60px;top:90px;padding:15px;background-color:var(--white-4);border-radius:3px;z-index:99991;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.header__search{right:10px;top:100px}
}
.header__search.open-search{opacity:1;visibility:visible;top:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__search.open-search{top:85px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__search.open-search{top:85px}
}
@media only screen and (max-width: 767px) {
.header__search.open-search{top:85px}
}
.header__search input{width:100%;padding:10px;border:1px solid var(--white-2);border-radius:5px;outline:none;font-size:16px;font-weight:400}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__support{-ms-grid-column:11;grid-column:11/11;-ms-grid-row:1;grid-row:1}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__support{-ms-grid-column:11;grid-column:11/11;-ms-grid-row:1;grid-row:1}
}
@media only screen and (max-width: 767px) {
.header__support{display:none}
}
.header__support p{width:215px;font-weight:300;font-size:15px;line-height:1.3;color:var(--gray-2);text-align:right;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media only screen and (max-width: 767px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.header__support p a{display:inline-block;font-weight:500;font-size:20px;line-height:1.3;color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo-primary{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-primary{display:none}
}
@media only screen and (max-width: 767px) {
.logo-primary{display:none}
}
.logo-secondary{display:none}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo-secondary{display:block}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-secondary{display:block}
}
@media only screen and (max-width: 767px) {
.logo-secondary{display:block}
}
.dark .menu-icon img{-webkit-filter:invert(1);filter:invert(1)}
.offcanvas__area{background-color:var(--black-2);position:fixed;width:100%;height:100vh;left:0;top:0;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .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%}
@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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__body{-ms-grid-columns:1.2fr 2fr 1.5fr;grid-template-columns:1.2fr 2fr 1.5fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__body{-ms-grid-columns:1.2fr 2.3fr 1.8fr;grid-template-columns:1.2fr 2.3fr 1.8fr}
}
@media only screen and (max-width: 767px) {
.offcanvas__body{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.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)}
@media only screen and (max-width: 767px) {
.offcanvas__left{display:none}
}
.offcanvas__mid{overflow:hidden;overflow-y:auto}
@media only screen and (max-width: 767px) {
.offcanvas__mid{margin-top:75px}
}
.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}
.offcanvas__right{background-color:var(--black-4);padding:0 50px;position:relative}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right{padding:0 15px}
}
@media only screen and (max-width: 767px) {
.offcanvas__right{display:none}
}
.offcanvas__right .shape-1{position:absolute;bottom:0;left:125px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__right .shape-1{left:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__right .shape-1{left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__right .shape-1{left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right .shape-1{left:0}
}
.offcanvas__right .shape-2{position:absolute;bottom:90px;right:110px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right .shape-2{right:30px}
}
.offcanvas__logo{padding:55px 0 55px 50px;border-bottom:1px solid var(--black-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__logo{padding:30px 0 30px 50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__logo{padding:30px 0 30px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__logo{padding:30px 0 30px 15px}
}
.offcanvas__social{padding-left:50px;padding-top:220px;border-bottom:1px solid var(--black-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__social{padding-left:50px;padding-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__social{padding-left:30px;padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social{padding-left:15px;padding-top:50px}
}
.offcanvas__social .social-title{font-weight:500;font-size:24px;line-height:1.5;color:var(--white);padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social .social-title{font-size:20px}
}
.offcanvas__social ul li{padding-bottom:2px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social ul li{padding-bottom:5px}
}
.offcanvas__social ul li a{font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
.offcanvas__social ul li a:hover{color:var(--gray-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social ul li a{font-size:16px}
}
.offcanvas__links{padding-left:50px;padding-top:110px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__links{padding-left:30px;padding-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__links{padding-left:30px;padding-top:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__links{padding-left:15px;padding-top:40px}
}
.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__links ul li a:hover{color:var(--gray-2)}
.offcanvas__close{position:absolute;right:40px;top:30px}
@media only screen and (max-width: 767px) {
.offcanvas__close{right:15px;top:15px}
}
.offcanvas__close button{font-size:30px;width:60px;height:60px;color:var(--white);background:#232323;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;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__close button:hover{color:var(--gray-2)}
@media only screen and (max-width: 767px) {
.offcanvas__close button{font-size:24px;width:48px;height:48px}
}
.offcanvas__search{padding-top:190px;padding-bottom:140px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
.offcanvas__search form{position:relative}
.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:transparent;outline:none}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__search input{padding:15px 40px 15px 15px}
}
.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 h3{font-weight:500;font-size:24px;line-height:1.5;color:var(--white);padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__contact h3{font-size:20px}
}
.offcanvas__contact li{font-weight:400;font-size:18px;line-height:1.5;color:var(--white);padding-bottom:7px;max-width:260px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__contact li{font-size:16px}
}
.offcanvas__contact li a{color:var(--white)}
.offcanvas__contact li a:hover{color:var(--gray-2)}
.hero__area-3{padding-top:190px;padding-bottom:125px;position:relative;overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3{padding-top:160px;padding-bottom:110px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3{padding-top:140px;padding-bottom:110px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3{padding-top:140px}
}
@media only screen and (max-width: 767px) {
.hero__area-3{padding-top:130px;padding-bottom:0}
}
.hero__area-3::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-image:url(../imgs/shape/5.png);background-repeat:no-repeat;background-position:left;z-index:-1}
.hero__area-3::after{position:absolute;content:"";width:50px;height:50px;right:50px;top:140px;background-image:url(../imgs/shape/6.png);background-repeat:no-repeat;background-position:right top}
.hero__area-3 .hero3-img{position:absolute;bottom:0;right:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3 .hero3-img{max-width:1000px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3 .hero3-img{max-width:1000px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .hero3-img{max-width:800px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .hero3-img{max-width:760px}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .hero3-img{position:unset}
}
.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;font-weight:600;color:var(--black-2);position:relative;display:inline-block;padding-right:30px;padding-bottom:0;text-transform:uppercase;z-index:2}
@media only screen and (max-width: 767px) {
.hero__area-3 .sec-sub-title{padding-bottom:15px}
}
.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{z-index:2;font-weight:600;font-size:306px;line-height:.82;text-transform:uppercase;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3 .sec-title{font-size:260px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3 .sec-title{font-size:260px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .sec-title{font-size:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .sec-title{font-size:130px}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .sec-title{font-size:90px}
}
.hero__area-3 .title-right{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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .wrapper{display:none}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .wrapper{display:none}
}
.hero__area-3 .video-info{width:300px;position:relative;left:500px;top:-115px;height:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .video-info{left:200px;top:-50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .video-info{left:280px;top:-235px}
}
.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(../imgs/icon/play-icon.png);content:"";z-index:999999999999;background-size:100%}
.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 .intro-title .video-title.close-video-title{display:none}
.hero__area-3 #video_check{width:200px;height:200px;margin:auto;position:absolute;left:0;top:0;right:0;border-radius:40px;outline:none;z-index:2;-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 ~ .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:hover ~ .text::after{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}
.hero__area-3 #video_check:hover ~ .text > span::after{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}
.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{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}
.hero__area-3 #video_check:checked ~ .text > span::after{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}
.hero__inner-3{position:relative}
.hero__inner-3 .scroll-down{margin-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__inner-3 .scroll-down{margin-top:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__inner-3 .scroll-down{margin-top:0}
}
@media only screen and (max-width: 767px) {
.hero__inner-3 .scroll-down{display:none}
}
.hero__inner-3 .scroll-down button{border:1px solid var(--gray-3);padding:25px 10px;border-radius:30px;-webkit-animation:wcSlideBottom 7s infinite linear;animation:wcSlideBottom 7s infinite linear}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.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-3{max-width:320px;padding-top:90px;position:relative;z-index:9}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__text-3{-webkit-transform:translateY(-30%);transform:translateY(-30%)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__text-3{padding-top:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__text-3{padding-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__text-3{padding-bottom:80px;padding-top:20px}
}
@media only screen and (max-width: 767px) {
.hero__text-3{padding-bottom:30px}
}
.hero__text-3 p{font-size:18px;line-height:1.4}
.hero__about{background-image:url(../imgs/about/about-bg.png);background-repeat:no-repeat;background-position:top right;overflow:hidden}
.hero__about-content{padding-top:170px}
@media only screen and (max-width: 767px) {
.hero__about-content{padding-top:250px}
}
.hero__about-content .hero-title{padding-bottom:60px}
@media only screen and (max-width: 767px) {
.hero__about-content .hero-title{padding-bottom:30px}
}
.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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-info{-ms-grid-columns:1fr 30px 2.5fr 30px 2fr;grid-template-columns:1fr 2.5fr 2fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.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}
}
@media only screen and (max-width: 767px) {
.hero__about-info{padding-bottom:60px}
}
.hero__about-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width: 767px) {
.hero__about-text{grid-column:1/-1;-ms-grid-row:1;grid-row:1;margin-bottom:20px}
}
.hero__about-text p{font-size:18px;line-height:1.4;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-text p{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-text p{padding-left:0}
}
@media only screen and (max-width: 767px) {
.hero__about-text p{padding-left:0}
}
.hero__about-award{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.hero__about-award::before{position:absolute;content:"";left:75px;top:50%;width:250px;height:1px;background-color:var(--white-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__about-award::before{left:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-award::before{width:150px;left:0}
}
@media only screen and (max-width: 767px) {
.hero__about-award{position:absolute;top:150px}
}
.hero__about-video iframe,.hero__about-video video{width:100%;height:auto}
.hero__about-row{position:inherit;margin-right:-310px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__about-row{margin-right:-50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__about-row{margin-right:-150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-row{margin-right:-150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-row{margin-right:-120px}
}
@media only screen and (max-width: 767px) {
.hero__about-row{margin-right:calc(-0.5 * var(--bs-gutter-x))}
}
.bodypadding{padding:110px 100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bodypadding{padding:70px 20px}
}
@media only screen and (max-width: 767px) {
.bodypadding{padding:30px 15px}
}
.bodypadding-2{padding:120px 50px}
@media only screen and (max-width: 767px) {
.bodypadding-2{padding:30px 15px}
}
.contact_wrap{position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_wrap{margin-top:60px}
}
.contact_wrap:hover .link{opacity:1;visibility:visible}
.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:all .5s;transition:all .5s}
@media (max-width: 1365px) {
.contact_wrap .link{width:130px;height:130px;opacity:1;visibility:visible}
}
.rollslide_wrap{text-align:center;overflow:hidden;margin-bottom:-10px}
.rollslide_title{color:var(--black-2);font-size:250px;line-height:1;-webkit-transition:all .3s;transition:all .3s;text-transform:uppercase}
.rollslide_title-1{color:var(--black-2);font-size:245px;line-height:.75;text-transform:uppercase}
.rollslide_title-1 span{font-family:"newYork"}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.rollslide_title-1{font-size:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.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) {
.rollslide_title-1{font-size:90px}
}
@media only screen and (max-width: 767px) {
.rollslide_title-1{font-size:48px}
}
.rollslide_title:hover{color:var(--black-3)}
.rollslide_title span{font-weight:400;font-family:"newYork"}
@media only screen and (max-width: 767px) {
.rollslide_title{font-size:48px}
}
@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}
}
@media only screen and (max-width: 767px) {
footer .contact_wrap{margin-top:40px}
}
.portfolio__item{-webkit-transform:perspective(4000px) rotateX(90deg);transform:perspective(4000px) rotateX(90deg)}
.section_wrapper{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;text-transform:capitalize;position:relative;margin-top:-25px;margin-bottom:60px}
@media only screen and (max-width: 767px) {
.section_wrapper{margin-bottom:30px}
}
.section_wrapper::before{content:"";position:absolute;bottom:48%;left:60px;height:1px;width:calc(100% - 60px);background-color:var(--gray-11)}
@media only screen and (max-width: 767px) {
.section_wrapper::before{left:48px;width:calc(100% - 48px)}
}
.react_border{position:relative;height:50px;width:50px;text-align:center;line-height:50px;display:inline-block;background-color:transparent;border:1px solid var(--gray-11);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
@media only screen and (max-width: 767px) {
.react_border{height:40px;width:40px;line-height:36px}
}
.react_border span{font-weight:400;font-size:16px;color:var(--black-2);display:inline-block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.service__area{background-color:var(--black-2);overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area.pb-150{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area.pb-150{padding-bottom:90px}
}
.service__area a:first-child .service__item{border-top:1px solid var(--secondary)}
.service__area .sec-title,.service__area .sec-sub-title{color:var(--white)}
.service__area .sec-title-wrapper{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}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__top-text p{font-size:18px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__top-text p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__top-text p{font-size:18px;margin:30px 0}
}
.service__top-text p span{color:var(--white)}
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-left:auto;margin-right:-40px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:0}
}
@media only screen and (max-width: 767px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:0;margin-left:0}
}
.service__list-wrapper{margin-top:40px}
.service__img{-webkit-transition:all .5s;transition:all .5s;opacity:0;position:absolute;-webkit-transform:rotate(0deg) translateX(-100px);transform:rotate(0deg) translateX(-100px)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__img{max-width:260px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img{max-width:200px}
}
.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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-wrapper{display:none}
}
.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:all .3s;transition:all .3s;-webkit-transition-delay:.2s;transition-delay:.2s;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-wrapper span{bottom:260px;height:40px;width:120px}
}
.service__img-wrapper span.current{-webkit-transform:rotate(-26deg) translate(120px,-100%);transform:rotate(-26deg) translate(120px,-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:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item{gap:30px}
}
@media only screen and (max-width: 767px) {
.service__item{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:25px 0 10px}
}
.service__item:hover .service__number span,.service__item:hover .service a{color:var(--white)}
.service__item:hover .service__title{color:var(--white)}
.service__item:hover .service__link p{color:var(--white)}
.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__number span{font-weight:400;font-size:28px;line-height:1.2;color:var(--gray-2);-webkit-transition:all .3s;transition:all .3s}
.service__title{display:block;font-weight:400;font-size:28px;line-height:1.3;color:var(--gray-2)}
.service__title:hover{color:var(--white)}
@media only screen and (max-width: 767px) {
.service__title{padding:10px 0 20px}
.service__title br{display:none}
}
.service__title-2,.service__title-3{font-weight:500;font-size:36px;line-height:1.3;color:var(--black-2);padding-bottom:25px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__title-2,.service__title-3{font-size:24px;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.service__title-2,.service__title-3{padding-bottom:15px}
}
.service__text{max-width:320px}
.service__text p{color:var(--gray-2)}
.service__link{text-align:right;overflow:hidden}
.service__link p{display:inline-block;font-size:48px;color:var(--gray-2)}
.service__link p i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.service__link p::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .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:0 auto;margin-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin-top:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin-top:80px}
}
@media only screen and (max-width: 767px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin:0;margin-top:60px}
}
.service__btn-3{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: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}
@media only screen and (max-width: 767px) {
.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{width:200px;height:200px;margin-right:-15px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__btn-3 #btn_wrapper,.service__btn-3 .btn_wrapper{margin-left:auto;margin-right:0}
}
@media only screen and (max-width: 767px) {
.service__btn-3 #btn_wrapper,.service__btn-3 .btn_wrapper{margin-left:-15px}
}
.service__list .active .service__number span,.service__list .active .service__title,.service__list .active .service__link p{color:var(--white)}
.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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__list-2{gap:100px 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__list-2{gap:90px 30px}
}
@media only screen and (max-width: 767px) {
.service__list-2{-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:60px}
}
.service__detail{overflow:hidden}
.service__detail .sec-title{max-width:630px;font-size:36px;line-height:1.3;padding-bottom:90px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__detail .sec-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.service__detail .sec-title{font-size:30px;padding-bottom:30px}
}
.service__detail-circle{position:relative;z-index:1}
@media only screen and (max-width: 767px) {
.service__detail-circle{display:none}
}
.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}
@media only screen and (max-width: 767px) {
.service__detail-img{margin-top:30px}
}
.service__detail-img img{width:100%}
.service__detail-img img.sd-shape{width:auto;position:absolute;bottom:-15px;right:20px}
@media only screen and (max-width: 767px) {
.service__detail-img img.sd-shape{right:5px;bottom:-30px}
}
.service__detail-content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1fr;grid-template-columns:1fr 1fr;grid-gap:80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__detail-content{grid-gap:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__detail-content{grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__detail-content{grid-gap:30px}
}
@media only screen and (max-width: 767px) {
.service__detail-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
.service__detail-content p{font-size:18px;line-height:1.4}
.counter__area{overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__area .pt-150{padding-top:100px}
}
.counter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (max-width: 767px) {
.counter__wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px 10px}
}
.brand__area{overflow:hidden}
.brand__area .pb-100{padding-bottom:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__area .pb-100{padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.brand__area .pb-100{padding-bottom:0}
}
.brand__area .sec-title-wrapper{padding-bottom:60px}
.brand__list,.brand__list-3,.brand__list-2{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);background-color:var(--white);border-bottom:1px solid var(--white-3);position:relative;z-index:1;margin-left:1px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width: 767px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);margin-left:0}
}
.brand__list-2{gap:40px;background-color:transparent;border-bottom:none;margin-left:0}
.brand__list-3{background-color:transparent;border-bottom:none;margin-left:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand__list-3{gap:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__list-3{gap:50px}
}
@media only screen and (max-width: 767px) {
.brand__list-3{gap:50px}
}
.brand__item{padding:40px;text-align:center;border-top:1px solid var(--white-3);border-right:1px solid var(--white-3)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.brand__item{padding:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__item{padding:30px 25px}
}
@media only screen and (max-width: 767px) {
.brand__item{padding:30px 0;border-left:1px solid var(--white-3)}
.brand__item:nth-child(even){border-left:none}
}
.brand__item-2{text-align:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__item-2{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.brand__item-2{padding-bottom:20px}
}
.brand__title-2{font-weight:400;font-size:24px;line-height:1.5;color:var(--white);padding-bottom:50px;text-align:center}
.brand__title-3{font-size:18px;line-height:1.4;color:var(--black-2);text-align:center;padding-bottom:65px;font-weight:400;text-transform:uppercase}
.brand-gap{gap:50px 0;border:none;background-color:transparent}
.testimonial__area{overflow:hidden}
.testimonial__area .sec-title-wrapper{max-width:330px;padding-top:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area .sec-title-wrapper{width:100%;padding-top:60px;padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__area .sec-title-wrapper{padding-top:0}
}
@media only screen and (max-width: 767px) {
.testimonial__area .sec-title-wrapper{padding-top:0}
}
.testimonial__area p{padding-top:30px;font-size:18px;line-height:1.4}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.testimonial__area p{padding-bottom:20px}
}
.testimonial__area-2 .line-3{z-index:5}
@media only screen and (max-width: 767px) {
.testimonial__area-2 .g-0{padding-right:8px;padding-left:8px}
}
.testimonial__area-3{background-image:url(../imgs/testimonial/3/bg.png);background-repeat:no-repeat;background-position:0 150px;position:relative;padding-top:410px;padding-bottom:330px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area-3{padding-top:300px;padding-bottom:250px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__area-3{padding-top:300px;padding-bottom:200px}
}
@media only screen and (max-width: 767px) {
.testimonial__area-3{padding-top:60px;padding-bottom:60px}
.testimonial__area-3 img{display:none}
}
@media (max-width: 1023px) {
.testimonial__area .cursor{display:none}
}
.testimonial__slider-3{padding-top:120px;padding-bottom:120px;max-width:660px}
@media only screen and (max-width: 767px) {
.testimonial__slider-3{padding-top:80px}
}
.testimonial__slider-3 .swipper-btn{width:50px;height:50px;border:1px solid;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;position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s}
.testimonial__slider-3 .swipper-btn:hover{background-color:var(--black-2)}
.testimonial__slider-3 .swipper-btn:hover i{color:var(--white)}
.testimonial__slider-3 .swipper-btn i{font-size:18px;color:var(--black-3)}
.testimonial__slider-3 .next-button{right:calc(50% + 10px)}
.testimonial__slider-3 .prev-button{left:calc(50% + 10px)}
.testimonial__slide{margin-left:-3px}
.testimonial__slide-3{text-align:center}
.testimonial__slide-3 p{font-weight:400;font-size:24px;line-height:1.5;color:var(--black-2);font-style:italic;max-width:630px;margin:0 auto;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slide-3 p{font-size:20px}
}
@media only screen and (max-width: 767px) {
.testimonial__slide-3 p{font-size:20px;padding:0 10px}
}
.testimonial__slide-3 p::before{position:absolute;content:"";width:100%;height:100%;top:-100px;left:calc(50% - 23px);background-image:url(../imgs/icon/quote.png);background-repeat:no-repeat}
@media only screen and (max-width: 767px) {
.testimonial__slide-3 p::before{top:-80px}
}
.testimonial__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (max-width: 767px) {
.testimonial__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.testimonial__wrapper-2{position:relative}
@media only screen and (max-width: 767px) {
.testimonial__item{padding-bottom:30px}
}
.testimonial__item .button{display:inline-block;cursor:pointer}
@media only screen and (max-width: 767px) {
.testimonial__item.item-1{text-align:center;margin:0 50px}
.testimonial__item.item-1 img{width:100%}
}
.testimonial__item.item-2{padding-top:20px;text-align:center}
.testimonial__item.item-3{padding-top:220px;text-align:right}
@media only screen and (max-width: 767px) {
.testimonial__item.item-3{text-align:center;padding-top:30px}
}
.testimonial__img{position:relative;margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__img img{width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__img img{width:100%}
}
.testimonial__img.b-right::after{position:absolute;content:"";width:100%;height:calc(100% - 30px);left:30px;top:0;border:1px solid var(--white-6);border-radius:180px 180px 0 0;z-index:-1}
.testimonial__img.b-left::before{position:absolute;content:"";width:100%;height:calc(100% - 30px);left:-30px;top:0;border:1px solid var(--white-6);border-radius:180px 180px 0 0;z-index:-1}
.testimonial__title{font-weight:500;font-size:18px;line-height:1.3;color:var(--black);text-transform:capitalize}
.testimonial__title-2{font-weight:500;font-size:60px;line-height:1;color:var(--black);font-style:italic;padding:100px 100px 20px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__title-2{font-size:48px;padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__title-2{font-size:48px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__title-2{font-size:36px;padding-right:30px}
}
@media only screen and (max-width: 767px) {
.testimonial__title-2{font-size:36px;padding:20px 0}
}
.testimonial__role{font-size:14px;color:var(--black-3);line-height:1.3;font-weight:400;text-transform:capitalize}
.testimonial__role-2{font-weight:400;font-size:14px;line-height:12px;color:var(--black-3)}
.testimonial__text-2{font-weight:300;font-size:22px;line-height:1.4;color:var(--black-3);padding-right:40px;padding-bottom:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__text-2{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__text-2{padding-right:0;padding-bottom:30px;font-size:18px}
}
@media only screen and (max-width: 767px) {
.testimonial__text-2{font-size:18px;padding-right:0;padding-bottom:30px}
}
.testimonial__inner-2{background-color:var(--white);padding:80px;margin-top:140px;background-image:url(../imgs/icon/quote-primary.png);background-repeat:no-repeat;background-position:80px 80px;margin-right:2px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__inner-2{padding:80px 30px;margin-top:185px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__inner-2{padding:60px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__inner-2{padding:60px 30px;margin-top:136px}
}
@media only screen and (max-width: 767px) {
.testimonial__inner-2{text-align:center;padding:0;padding-top:60px;margin-top:30px;background-position:50% 0}
}
.testimonial__video{margin-right:-112px;max-height:785px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__video{max-height:740px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__video{max-height:700px}
}
@media only screen and (max-width: 767px) {
.testimonial__video{margin-right:0;max-height:unset}
}
.testimonial__video video{width:100%}
.testimonial__author{font-weight:500;font-size:18px;line-height:1.3;color:var(--black-2);padding-bottom:5px}
.testimonial__pagination{position:absolute;right:0;top:calc(50% - 105px);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;z-index:9}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:110px;z-index:9}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
}
@media only screen and (max-width: 767px) {
.testimonial__pagination{display:none}
}
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{width:60px;height:60px;border:1px solid var(--gray-7);color:var(--gray-7);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;margin:30px 35px;-webkit-transition:all .3s;transition:all .3s;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{margin:20px}
}
.testimonial__pagination .next-button::after,.testimonial__pagination .prev-button::after{position:absolute;content:"";width:100%;height:100%;border-radius:100%}
.testimonial__pagination .next-button:hover,.testimonial__pagination .prev-button:hover{border-color:var(--black-2)}
.testimonial__pagination .next-button:hover i,.testimonial__pagination .prev-button:hover i{color:var(--black-2)}
.testimonial3__img{position:absolute;top:170px;left:25%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img{top:100px;left:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img{top:60px;left:10%}
}
.testimonial3__img-2{position:absolute;top:230px;right:28%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-2{top:180px;right:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-2{top:130px;right:15%}
}
.testimonial3__img-3{position:absolute;top:40%;left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-3{top:78%;left:60px;z-index:9}
}
.testimonial3__img-4{position:absolute;bottom:150px;left:170px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.testimonial3__img-4{left:80px;max-width:250px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-4{left:70px;max-width:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-4{bottom:70px;left:70px;max-width:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-4{bottom:180px;left:0;max-width:160px}
}
.testimonial3__img-5{position:absolute;top:43%;right:70px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-5{right:10px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-5{top:62%;right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-5{top:60%;right:0;width:150px}
}
.testimonial3__img-6{position:absolute;right:280px;top:58%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-6{right:200px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-6{top:75%;right:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-6{top:70%;right:60px}
}
.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{font-weight:300;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--black-3)}
.portfolio__text{text-align:center;font-size:150px;font-weight:500;color:var(--white);text-transform:uppercase;padding:120px 0 50px;opacity:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__text{font-size:110px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__text{font-size:90px}
}
@media only screen and (max-width: 767px) {
.portfolio__text{font-size:45px;padding:50px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .line{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .line{padding-top:0}
}
.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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .sec-title-wrapper p{padding-left:60px;padding-right:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .sec-title-wrapper p{padding-left:60px}
}
.portfolio__area-6 .sec-title-wrapper p::before{position:absolute;content:"";width:80px;height:1px;background-color:var(--black-2);left:0;top:8px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .sec-title-wrapper p::before{width:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .sec-title-wrapper p::before{width:50px}
}
.portfolio__area-6 .sec-sub-title{font-size:24px;padding-bottom:0}
.portfolio__wrapper-6{padding-left:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__wrapper-6{padding-left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__wrapper-6{padding-left:0;padding-top:180px}
}
.portfolio__item{padding-bottom:30px;position:fixed;top:0;left:0;z-index:999;scale:.5;opacity:0}
.portfolio__item:nth-child(even){top:50%}
@media only screen and (max-width: 767px) {
.portfolio__item:nth-child(even){top:0}
}
.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%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__item-6{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__item-6{padding-bottom:50px}
}
.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(--primary);position:absolute;right:0;bottom:50px;z-index:1;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition:all .3s;transition:all .3s;opacity:0;visibility:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__info{opacity:1;visibility:visible;right:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__info{opacity:1;visibility:visible;right:45px}
}
@media only screen and (max-width: 767px) {
.portfolio__info{opacity:1;visibility:visible;right:60px}
}
.portfolio__info p{font-weight:400;font-size:12px;line-height:1.3;color:var(--black-2)}
.portfolio__title{font-weight:500;font-size:16px;line-height:1.3;color:var(--black-2);padding-bottom:3px}
.portfolio__title-3{font-weight:500;font-size:180px;line-height:1;text-transform:uppercase;color:var(--white);text-align:left;padding-top:80px;position:absolute;z-index:5;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-3{font-size:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-3{font-size:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-3{font-size:100px}
}
@media only screen and (max-width: 767px) {
.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{display:block;padding-left:200px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-3 span{padding-left:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-3 span{padding-left:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-3 span{padding-left:80px}
}
@media only screen and (max-width: 767px) {
.portfolio__title-3 span{padding-left:60px}
}
.portfolio__title-6{font-weight:500;font-size:20px;line-height:1.2;color:var(--white);padding-bottom:5px}
.portfolio__date{font-weight:400;font-size:14px;line-height:1.3;color:var(--white)}
.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}
@media only screen and (max-width: 767px) {
.portfolio__list-1{-ms-grid-columns:1fr;grid-template-columns:1fr;gap: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}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__pagination-6{padding-top:330px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__pagination-6{padding-top:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__pagination-6{padding-top:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__pagination-6{padding-top:180px;padding-left:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__pagination-6{padding-top:80px;padding-left:0}
}
.portfolio__current{font-weight:300;font-size:60px;line-height:1.1;color:var(--black)}
.portfolio__btn{margin-top:40px}
.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:all .3s;transition:all .3s}
@media (max-width: 1200px) {
.portfolio__content-6{opacity:1;visibility:visible;right:0}
}
.portfolio__detail{overflow:hidden}
.portfolio__detail img{width:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-top .pt-110{padding-top:140px}
}
.portfolio__detail-top .sec-title{font-size:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-top .sec-title{font-size:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-top .sec-title{font-size:72px;padding-top:90px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-top .sec-title{font-size:60px;padding-bottom:50px;padding-top:90px}
}
.portfolio__detail-info{height:100%;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: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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-info ul{-ms-grid-columns:1fr 50px 1fr;grid-template-columns:1fr 1fr;grid-gap:20px 50px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-info ul{grid-gap:20px 50px}
}
.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 span,.portfolio__detail-info ul li a{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}
@media only screen and (min-width: 1920px) {
.portfolio__detail-thumb{padding-left:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;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:350px;font-weight:500;font-size:36px;line-height:1.1;color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-title{max-width:500px;padding-bottom:30px}
}
.portfolio__detail-text{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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;gap:30px;padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:0}
}
.portfolio__detail-text .fonts img{width:auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-text .fonts img{width:100%}
}
.portfolio__detail-text .fonts ul{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: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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail .block-thumb{overflow:hidden;position:relative;width:100%;height:auto}
.portfolio__detail .block-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-thumb{overflow:hidden;position:relative;width:100%;height:auto}
.portfolio__detail .block-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.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}
.portfolio__detail .block-gallery img:nth-child(even){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}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-img-text{-ms-grid-columns:1fr 20px 1fr;grid-template-columns:repeat(2,1fr)}
}
.portfolio__detail .block-img-text p{font-size:18px;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail .block-img-text p{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail .block-img-text p{padding-left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-img-text p{grid-column:1/-1;padding-left:0}
}
.portfolio__detail .block-content{position:relative;z-index:1}
.portfolio__detail-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.portfolio__detail-btns a{margin:0 -10px}
.swiper-slide-active .portfolio__title-3{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.bg_image{position:absolute;top:0;left:0;width:100%;height:100vh}
.bg_image::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2;content:""}
.bg_image img{width:120%}
.row_bottom{margin-top:80vh}
@media only screen and (max-width: 767px) {
.row_bottom{margin-top:30px}
}
:root{--pink-6:#EEE5DC;--purple:#D9DBEB;--purple-2:#CCCEDE;--green:#81C3A3;--green-2:#DCE4E0}
@keyframes wcSpinner {
from{-webkit-transform:rotate(0turn);transform:rotate(0turn)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.portfolio__hero{position:relative;padding-bottom:60px}
@media only screen and (max-width: 767px) {
.portfolio__hero{padding-bottom:40px}
}
.portfolio__hero .title{font-weight:600;font-size:230px;line-height:.9;text-align:center;text-transform:uppercase;color:var(--black-2);opacity:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__hero .title{font-size:180px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .title{font-size:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .title{font-size:140px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .title{font-size:100px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .title{font-size:52px}
}
.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(../imgs/shape/13.png);background-repeat:no-repeat;background-position:right;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .title.shape-circle::after{top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .title.shape-circle::after{right:-10px;top:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .title.shape-circle::after{top:12px;right:0}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .title.shape-circle::after{top:-60px;right:0}
}
.portfolio__hero .title.text-stroke{-webkit-text-stroke:1px var(--black-2);color:transparent;margin:0 -140px;opacity:0}
.portfolio__hero .pp-thumb{max-width:100%;position:absolute;bottom:0;left:14%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .pp-thumb{max-width:780px;left:17%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .pp-thumb{max-width:600px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .pp-thumb{max-width:500px;left:10%}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .pp-thumb{left:0}
}
.portfolio__hero .btn-wrapper{text-align:center;position:relative;z-index:9;margin-top:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .btn-wrapper{margin-top:200px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .btn-wrapper{margin-top:120px}
}
.portfolio__hero-area{overflow:hidden;position:relative;padding-top:200px;background-color:var(--pink-6)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero-area{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero-area{padding-top:160px}
}
.portfolio__hero-area::after{position:absolute;content:"";width:100px;height:100px;left:80px;bottom:50px;background-image:url(../imgs/shape/15.png);background-repeat:no-repeat;-webkit-animation:wcZoom 3s infinite linear;animation:wcZoom 3s infinite linear}
@media only screen and (max-width: 767px) {
.portfolio__hero-area::after{left:0;bottom:45px}
}
.portfolio__about{background-color:var(--purple);position:relative;overflow:hidden}
.portfolio__about::after{position:absolute;content:"ABOUT";width:200px;height:100%;right:0;top:-60px;font-weight:700;font-size:250px;line-height:1;text-transform:uppercase;color:rgba(0,0,0,0.03);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about::after{font-size:230px;top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about::after{font-size:200px}
}
.portfolio__about-left{position:relative;height:100%}
@media only screen and (max-width: 767px) {
.portfolio__about-left{padding-bottom:30px}
}
.portfolio__about-left img{position:absolute;right:100px;bottom:0;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about-left img{right:0;max-width:180px}
}
@media only screen and (max-width: 767px) {
.portfolio__about-left img{display:none}
}
.portfolio__about .about-row{margin-top:150px;border-top:1px solid var(--purple-2);border-bottom:1px solid var(--purple-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .about-row{margin-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .about-row{margin-top:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .about-row{margin-top:60px;border:none}
}
.portfolio__about .sec-title{max-width:715px;text-transform:uppercase;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .sec-title{padding-bottom:40px}
}
.portfolio__about .sec-title span{display:block;padding-left:120px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__about .sec-title span{padding-left:100px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-title span{padding-left:0}
}
.portfolio__about .sec-title span::before{position:absolute;content:"";width:90px;height:1px;left:0;top:30px;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .sec-title span::before{top:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-title span::before{width:0}
}
.portfolio__about .sec-text p{font-size:18px;line-height:1.4;color:var(--black-2);padding-bottom:70px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .sec-text p{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-text p{padding-bottom:50px}
}
.portfolio__about .brand-title{font-weight:500;font-size:24px;line-height:1.5;text-transform:uppercase;color:var(--black-2);max-width:220px;opacity:0}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-title{max-width:400px}
}
.portfolio__about .brand-title-wrap{padding:40px 0;border-right:1px solid var(--purple-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .brand-title-wrap{padding:25px 0}
}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-title-wrap{border:none}
}
.portfolio__about .brand-logo img{opacity:0}
.portfolio__about .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__about .brand-list{padding-left:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .brand-list{padding-left:0;gap:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-list{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;gap:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .brand-logo img{max-width:80px}
}
.portfolio__project{padding:60px 0;position:relative;overflow:hidden;background-color:var(--white)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project{padding-top:120px}
}
.portfolio__project::after{position:absolute;content:"work";width:200px;height:100%;right:0;top:-100px;font-weight:700;font-size:250px;line-height:1;text-transform:uppercase;color:rgba(0,0,0,0.03);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project::after{top:-60px;font-size:230px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project::after{font-size:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project::after{font-size:180px;top:-50px}
}
@media only screen and (max-width: 767px) {
.portfolio__project::after{font-size:180px}
}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slider-wrapper{padding-left:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slider-wrapper{padding-left:160px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slider-wrapper{padding-left:40px;padding-right:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slider-wrapper{padding-left:0;padding-right:0}
}
.portfolio__project .pp-slide{overflow:hidden;padding:80px 0 80px 80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slide{padding:80px 0 80px 120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slide{padding:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slide{padding:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slide{padding:60px}
}
.portfolio__project .pp-slide-img{background-color:var(--green);max-width:470px;max-height:650px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__project .pp-slide-img{max-width:430px;max-height:600px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slide-img{max-width:330px;max-height:450px}
}
.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}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-prev{top:95%}
}
.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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-next{left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-next{top:95%;left: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)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slide-title{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slide-title{font-size:24px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slide-title{font-size:24px}
}
.portfolio__project .pp-slide-thumb{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;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}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__project-thumbs{margin-right:-50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project-thumbs{margin-right:-50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project-thumbs{margin-right:-20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project-thumbs{margin-right:-10px}
}
@media only screen and (max-width: 767px) {
.portfolio__project-thumbs{margin-right:0;margin-top:30px}
}
.portfolio__service{background-color:var(--green-2);background-image:url(../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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-title{text-indent:40px;max-width:400px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-title{text-indent:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-title{text-indent:20px}
}
.portfolio__service .sec-text{background-image:url(../imgs/shape/14.png);background-repeat:no-repeat;background-position:0 80px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .sec-text{background-position:0 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-text{background-size:100%;background-position:0 40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-text{background-position:0 30px;background-size:100%}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-text{background-position:0 30px;background-size:100%}
}
.portfolio__service .sec-text p{max-width:320px;font-size:18px;line-height:1.4;color:var(--black-13);padding-top:150px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .sec-text p{padding-top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-text p{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-text p{padding-top:70px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-text p{padding-top:70px}
}
.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:all .3s;transition:all .3s;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item{padding:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__service-item{margin-bottom:20px}
}
.portfolio__service-item::after{position:absolute;content:"";width:23px;height:76px;right:-2px;top:calc(50% - 38px);background:var(--black-2);-webkit-transition:all .3s;transition:all .3s;border-radius:15px 0 0 15px}
.portfolio__service-item:hover .ps-title,.portfolio__service-item:hover ul li{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:all .3s;transition:all .3s}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item .ps-title{font-size:20px;line-height:1.3}
}
.portfolio__service-item ul{padding-left:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service-item ul{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item ul{padding-left:10px}
}
@media only screen and (max-width: 767px) {
.portfolio__service-item ul{padding-left:20px}
}
.portfolio__service-item ul li{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);-webkit-transition:all .3s;transition:all .3s}
.portfolio__service .ps-btn{text-align:center}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .ps-btn a{margin-top:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .ps-btn a{margin-top:30px}
}
.portfolio__service .ps-btn a strong{font-weight:400;text-transform:capitalize}
.portfolio__footer{margin-top:150px;border-top:1px solid #E2E2E2}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__footer{margin-top:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer{margin-top:60px}
}
.portfolio__footer-area{background-color:#F7F7F7;background-image:url(../imgs/shape/18.png);background-repeat:no-repeat;background-position:top right;position:relative}
.portfolio__footer-area::after{position:absolute;content:"";width:100px;height:100px;left:50px;bottom:20px;background-image:url(../imgs/shape/15.png);background-repeat:no-repeat;-webkit-animation:wcZoom 3s infinite linear;animation:wcZoom 3s infinite linear}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__footer-area::after{bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area::after{bottom:120px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer-area::after{left:10px;bottom:100px}
}
.portfolio__footer-area::before{position:absolute;content:"";width:156px;height:156px;left:calc(50% - 78px);bottom:2px;background-image:url(../imgs/shape/19.png);background-repeat:no-repeat;background-position:right;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (max-width: 767px) {
.portfolio__footer-area::before{bottom:50px}
}
.portfolio__footer-area .pf-btm{padding:20px 0}
.portfolio__footer-area .pf-title{font-weight:500;font-size:100px;line-height:1;text-transform:uppercase;color:var(--black-2);padding-bottom:70px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__footer-area .pf-title{font-size:72px;padding-bottom:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__footer-area .pf-title{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-title{font-size:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-title{font-size:60px;padding-bottom:0}
}
.portfolio__footer-area .pf-contact{padding-bottom:35px}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-contact{padding-top:30px}
}
.portfolio__footer-area .pf-contact h3{font-weight:500;font-size:26px;line-height:1.4;text-transform:uppercase;color:var(--black-2);padding-bottom:25px;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-contact h3{font-size:22px}
}
.portfolio__footer-area .pf-contact ul li{padding-bottom:8px;opacity:0}
.portfolio__footer-area .pf-contact ul li a{font-size:18px;line-height:26px;text-decoration-line:underline;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-social{margin-bottom:40px}
}
.portfolio__footer-area .pf-social h3{font-weight:500;font-size:18px;line-height:1.5;text-transform:uppercase;color:var(--black-2);position:relative;display:inline-block;padding-bottom:30px;opacity:0}
.portfolio__footer-area .pf-social h3::after{position:absolute;content:"";width:50px;height:1px;top:15px;right:-60px;background-color:var(--black-2)}
.portfolio__footer-area .pf-social ul li{display:inline-block;opacity:0}
.portfolio__footer-area .pf-social ul li a{display:block;font-weight:400;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--black-2);border:1px solid var(--gray);padding:8px 21px;border-radius:18px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-social ul li a{padding:7px 18px;margin-bottom:7px}
}
.portfolio__footer-area .pf-social ul li a:hover{color:var(--white);background-color:var(--black-2)}
.portfolio__footer-area .pc-btn{text-align:center}
@media only screen and (max-width: 767px) {
.portfolio__footer .pf-btm .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__main-wrapper .pp-title-wrap{-webkit-transform:translateY(40px);transform:translateY(40px)}
}
@media (max-width: 1300px) {
.portfolio__main-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.portfolio-section{height:100vh}
@media (max-width: 1300px) {
.portfolio-section{height:auto}
}
.portfolio__page .wc-btn-dark,.portfolio__page .contact__text,.portfolio__page .contact__form,.portfolio__page .footer-menu,.portfolio__page .footer-menu-2,.portfolio__page .footer__copyright-2 p{opacity:0}
.portfolio__page .swiper-slide-active .wc-btn-dark{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.portfolio__page .swiper-slide-active .title{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .shape-circle{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .text-stroke{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .sec-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .sec-text p{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__service .sec-text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .brand-title{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .brand-logo img{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .pp-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .pp-next{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pp-prev{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .portfolio__service-item{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .ps-btn a{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.portfolio__page .swiper-slide-active .pf-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .contact__text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pf-contact h3{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pf-contact ul li{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .pf-social h3{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.portfolio__page .swiper-slide-active .pf-social ul li{-webkit-animation:wcfadeUp 1s 1s forwards;animation:wcfadeUp 1s 1s forwards}
.portfolio__page .swiper-slide-active .contact__form{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .portfolio__about-left img{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__project .pp-slider-wrapper{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__project .pp-slide-thumb{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .footer__copyright-2 p{-webkit-animation:wcfadeUp 1s 1.2s forwards;animation:wcfadeUp 1s 1.2s forwards}
.portfolio__page .swiper-slide-active .footer-menu,.portfolio__page .swiper-slide-active .footer-menu-2{-webkit-animation:wcfadeUp 1s 1.3s forwards;animation:wcfadeUp 1s 1.3s forwards}
.portfolio__page .wc-btn-dark:hover{color:var(--white);background-color:var(--black-2);border-color:var(--black-2)}
@media (max-width: 1300px) {
.swiper-slide .wc-btn-dark{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.swiper-slide .title{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .shape-circle{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .text-stroke{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .sec-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .sec-text p{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__service .sec-text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .brand-title{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .brand-logo img{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .pp-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .pp-next{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pp-prev{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .portfolio__service-item{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .ps-btn a{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.swiper-slide .pf-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .contact__text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pf-contact h3{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pf-contact ul li{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .pf-social h3{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.swiper-slide .pf-social ul li{-webkit-animation:wcfadeUp 1s 1s forwards;animation:wcfadeUp 1s 1s forwards}
.swiper-slide .contact__form{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .portfolio__about-left img{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__project .pp-slider-wrapper{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__project .pp-slide-thumb{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .footer__copyright-2 p{-webkit-animation:wcfadeUp 1s 1.2s forwards;animation:wcfadeUp 1s 1.2s forwards}
.swiper-slide .footer-menu,.swiper-slide .footer-menu-2{-webkit-animation:wcfadeUp 1s 1.3s forwards;animation:wcfadeUp 1s 1.3s forwards}
}
.menu-text-pp{color:var(--black-2)}
.circle-pagination{width:90px!important;bottom:unset!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media only screen and (max-width: 767px) {
.circle-pagination{display:none}
}
.circle-pagination.left{left:50px!important}
.circle-pagination.right{left:calc(100% - 135px)!important}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.circle-pagination.right{left:calc(100% - 90px)!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.circle-pagination.right{left:calc(100% - 80px)!important}
}
.circle-pagination button.swiper-pagination-bullet{position:relative;width:auto;height:auto;margin:10px 0!important;background-color:transparent;border-radius:50%;cursor:pointer;-webkit-transition:.3s;transition:.3s;border:1px solid rgba(0,0,0,0.3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.circle-pagination button.swiper-pagination-bullet{margin:5px 0!important}
}
.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:transparent;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:progress 5s backwards;animation:progress 5s backwards}
@-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{width:90px!important;top:50%;bottom:unset!important;left:30px!important;-webkit-transform:translateY(-45%);transform:translateY(-45%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.circle-pagination-2{left:0!important;width:63px!important}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.circle-pagination-2{left:0!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.circle-pagination-2{left:0!important}
}
.circle-pagination-2 .swiper-pagination-bullet{width:50px;height:50px;background-color:transparent;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%}
.img-box{position:relative;width:100%;height:500px;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.img-box{height:425px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.img-box{height:340px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.img-box{height:auto}
}
@media only screen and (max-width: 767px) {
.img-box{height:auto}
}
.img-box img{position:absolute;top:0;left:0;width:auto;height:100%;-webkit-transition:.5s;transition:.5s;background-size:cover}
@media (max-width: 1023px) {
.img-box img{position:unset;width:100%;height:auto}
}
.img-box img:nth-child(1){-webkit-transform:translatex(50%) scalex(2);transform:translatex(50%) scalex(2);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
@media (max-width: 1023px) {
.img-box img:nth-child(1){display:none}
}
.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)}
@media (max-width: 1023px) {
.img-box:hover img:nth-child(2){opacity:1}
}
.img-box:hover img:nth-child(1){-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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.row.reset-grid{--bs-gutter-x:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row.reset-grid{--bs-gutter-x:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row.reset-grid{--bs-gutter-x:20px}
}
.cta__area{overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__area-2 .pb-120{padding-bottom:126px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__area-2 .pb-120{padding-bottom:115px}
}
@media only screen and (max-width: 767px) {
.cta__area-2 .pb-120{padding-bottom:70px}
}
.cta__area-2 .wc-btn-pink{color:var(--black-3)}
.cta__area-2 .wc-btn-pink:hover{color:var(--black-2)}
.cta__area-3{background-color:var(--pink-5)}
@media only screen and (min-width: 1920px) {
.cta__area-3{padding-top:60px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__area-3{padding-top:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__area-3 .pt-150{padding-top:125px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__area-3{background-color:var(--white)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__area-3{background-color:var(--white);padding-bottom:10px}
}
@media only screen and (max-width: 767px) {
.cta__area-3{background-color:var(--white);padding-bottom:10px}
}
.cta__content{width:50%;margin:0 auto;text-align:center;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content{width:80%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content{width:100%}
}
@media only screen and (max-width: 767px) {
.cta__content{width:100%}
}
.cta__content #btn_wrapper,.cta__content .btn_wrapper{margin:0 auto}
.cta__content-2,.cta__content-3{width:80%;margin:0 auto;text-align:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-2,.cta__content-3{width:100%}
}
@media only screen and (max-width: 767px) {
.cta__content-2,.cta__content-3{width:100%}
}
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{position:relative;z-index:1;width:350px;height:350px;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{width:260px;height:260px}
}
@media (max-width: 1200px) {
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{width:200px;height:200px}
}
.cta__content-2 #btn_wrapper .btn-item,.cta__content-3 #btn_wrapper .btn-item,.cta__content-2 .btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:25px}
@media only screen and (max-width: 767px) {
.cta__content-2 #btn_wrapper .btn-item,.cta__content-3 #btn_wrapper .btn-item,.cta__content-2 .btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
.cta__content-2 a,.cta__content-3 a{width:300px;height:300px;font-size:24px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__content-2 a,.cta__content-3 a{width:220px;height:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px}
}
@media only screen and (max-width: 767px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px;font-size:20px}
}
.cta__content-2 a:hover span,.cta__content-3 a:hover span{width:800px;height:800px}
.cta__content-2 a i,.cta__content-3 a i{font-size:30px;-webkit-transform:rotate(0);transform:rotate(0);padding-left:20px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__content-3 a{width:220px;height:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content-3 #btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-3 #btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
.cta__content-3 a{border-color:var(--black-2)}
.cta__sub-title{font-weight:400;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--black-3);border:1px solid var(--gray);display:inline-block;padding:5px 17px;border-radius:30px;margin-bottom:10px}
.cta__sub-title-2{font-weight:300;font-size:28px;line-height:1.3;color:var(--black-2);padding-bottom:25px}
.cta__title{font-weight:400;font-size:50px;line-height:1;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.cta__title{font-size:36px;padding-bottom:40px}
}
.cta__title-2{font-weight:300;font-size:100px;line-height:1;color:var(--black-2);padding-bottom:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-2{font-size:75px;padding-bottom:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-2{font-size:70px;padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-2{font-size:60px;padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.cta__title-2{font-size:48px}
}
.story__area{overflow:hidden}
.story__area .sec-title-wrapper{padding-bottom:40px}
.story__area .from-text{position:absolute;top:-140px;right:-220px;width:160px;height:90px;background-color:var(--primary);padding:20px 30px;font-weight:400;font-size:18px;line-height:1.1;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.story__area .from-text{right:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.story__area .from-text{right:0;top:-89px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.story__area .from-text{right:-20px;top:-80px}
}
@media only screen and (max-width: 767px) {
.story__area .from-text{width:120px;right:0;top:-60px}
}
.story__area .from-text span{display:block;font-size:36px;font-weight:500}
@media only screen and (max-width: 767px) {
.story__area .from-text span{font-size:30px}
}
.story__text p{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3);padding-bottom:20px}
@media (max-height: 1365px) {
.story__text p{padding-top:30px;padding-bottom:0}
}
.story__img-wrapper{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;height:700px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.story__img-wrapper{height:650px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.story__img-wrapper{height:580px}
}
@media (max-width: 1200px) {
.story__img-wrapper{height:100%}
}
.story__img-wrapper img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px;max-width:100%}
@media only screen and (max-width: 767px) {
.story__img-wrapper img{margin-bottom:20px}
}
.team__area{background-color:var(--black-2);overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__area{padding-left:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area{padding-left:62px}
}
.team__area .sec-title{color:var(--white)}
.team__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.team__area .sec-sub-title{color:var(--white)}
.team__area-6{background-image:url(../imgs/bg/shape.png);background-repeat:no-repeat;background-position:100px 180px;overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__area-6{background-position:0 180px;padding-left:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area-6{background-position:0 180px;padding-left:62px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__area-6{background-position:0 180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-6 .line{padding-top:150px}
}
.team__area-6 .sec-title{line-height:.9;font-size:120px;padding-bottom:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area-6 .sec-title{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__area-6 .sec-title{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-6 .sec-title{font-size:60px}
}
@media only screen and (max-width: 767px) {
.team__area-6 .sec-title{font-size:48px;padding-top:90px}
}
.team__area-6 .sec-title-wrapper{max-width:520px;padding-bottom:60px}
.team__area-6 .sec-title-wrapper p{font-size:18px;line-height:1.4}
@media only screen and (min-width: 1920px) {
.team__slider{margin-left:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__slider{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width: 767px) {
.team__slide{padding:0 20px}
}
.team__slide:nth-child(even){padding-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__slide:nth-child(even){padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__slide:nth-child(even){padding-top:50px}
}
@media only screen and (max-width: 767px) {
.team__slide:nth-child(even){padding-top:0}
}
.team__slide img{width:100%}
.team__member-name,.team__member-name-6{font-weight:500;font-size:24px;line-height:1.3;color:var(--white);padding-top:20px}
.team__member-name-6{color:var(--black-2)}
.team__member-name-7{font-weight:500;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-name-7{font-size:60px;padding-bottom:20px}
.team__member-name-7 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-name-7{font-size:60px;padding-bottom:20px}
.team__member-name-7 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-name-7{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-name-7{font-size:48px}
.team__member-name-7 br{display:none}
}
@media only screen and (max-width: 767px) {
.team__member-name-7{font-size:36px;padding-bottom:20px}
}
.team__member-role,.team__member-role-6{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.team__member-role-6{color:var(--black-3)}
.team__member-role-7{font-weight:400;font-size:24px;line-height:1;color:var(--black-3);font-style:italic;padding-bottom:15px;margin-bottom:40px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-role-7{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-role-7{font-size:18px}
}
@media only screen and (max-width: 767px) {
.team__member-role-7{font-size:18px}
}
.team__member-role-7::after{position:absolute;content:"";width:150px;height:1px;left:0;bottom:0;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-role-7::after{left:calc(50% - 75px)}
}
@media only screen and (max-width: 767px) {
.team__member-role-7::after{left:calc(50% - 75px)}
}
.team__member-role-7 span{color:var(--black-2);font-weight:500}
.team__join-btn{background-color:var(--black-2);padding:300px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__join-btn{padding:200px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__join-btn{padding:100px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn{padding:90px 0}
}
@media only screen and (max-width: 767px) {
.team__join-btn{padding:60px 0}
}
.team__join-btn #btn_wrapper,.team__join-btn .btn_wrapper{width:360px;height:360px;margin:0 auto}
.team__join-btn a{position:relative;color:var(--gray-2);font-size:20px;width:342px;height:342px;margin:0 auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn a{width:300px;height:300px;padding:60px}
}
@media only screen and (max-width: 767px) {
.team__join-btn a{width:220px;height:220px;padding:35px}
}
.team__join-btn a:hover span{width:800px;height:800px}
.team__join-btn a i{position:absolute;right:130px;top:150px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn a i{top:130px;right:88px}
}
@media only screen and (max-width: 767px) {
.team__join-btn a i{right:50px;top:90px}
}
.team__btm{overflow:hidden}
.team__btm .sec-title-wrapper{padding-left:48%;background-image:url(../imgs/bg/snake.png);background-repeat:no-repeat;background-position:1px -150px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__btm .sec-title-wrapper{background-size:42%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__btm .sec-title-wrapper{background-size:400px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__btm .sec-title-wrapper{padding-left:30%;background-size:200px;background-position:1px -50px}
}
@media only screen and (max-width: 767px) {
.team__btm .sec-title-wrapper{background-size:0;padding-left:0;padding-bottom:0}
}
.team__btm p{font-size:22px;padding-top:30px;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__btm p{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__btm p{font-size:18px}
}
@media only screen and (max-width: 767px) {
.team__btm p{font-size:18px}
}
.team__detail{overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__detail .pb-140{padding-bottom:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__detail .pb-140{padding-bottom:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__detail{padding-top:120px;position:relative}
.team__detail .pb-140{padding-bottom:10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:10px}
}
@media only screen and (max-width: 767px) {
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__detail .pt-120{padding-top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__detail .pt-120{padding-top:10px}
}
.team__detail p{font-size:18px;line-height:1.4;padding-bottom:20px}
.team__detail .work-title{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:20px}
.team__detail-page{position:relative}
.team__member-img{overflow:hidden;position:absolute;width:770px;height:100vh;left:-192px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__member-img{left:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-img{left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-img{position:unset;width:100%;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
}
@media only screen and (max-width: 767px) {
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
}
.team__member-img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:102%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__member-img img{left:0;max-width:80%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-img img{left:0;max-width:70%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-img img{position:unset;max-width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-img img{position:unset;max-width:100%}
}
@media only screen and (max-width: 767px) {
.team__member-img img{position:unset;max-width:100%}
}
.team__member-work{padding-top:40px}
.team__member-work li{display:inline-block;padding-right:10px}
.team__member-work li a{display:block;font-weight:400;font-size:14px;line-height:1.5;color:var(--black-2);padding:5px 12px;border:1px solid var(--white-4);border-radius:30px;-webkit-transition:all .3;transition:all .3}
.team__member-work li a:hover{background-color:var(--black-2);color:var(--white)}
.team__member-social{padding-top:40px}
.team__member-social li{display:inline-block;padding-right:15px}
.team__member-social li a{font-size:18px;color:var(--gray-15)}
.team__member-social li a:hover{color:var(--black-2)}
.solution__area{padding-left:100px;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__area{padding-left:10px;padding-top:150px}
}
@media only screen and (max-width: 767px) {
.solution__area{padding-left:15px;padding-right:15px;padding-top:90px}
}
.solution__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1.3fr 1.7fr 1fr;grid-template-columns:1.3fr 1.7fr 1fr}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__wrapper{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (max-width: 767px) {
.solution__wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__left{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/7}
}
.solution__mid{padding-left:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid{padding-left:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid{padding-left:0;grid-column:7/-1;-ms-grid-row:1;grid-row:1}
}
@media only screen and (max-width: 767px) {
.solution__mid{padding-left:0;-ms-grid-row:1;grid-row:1}
}
.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}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid p{padding-left:110px;max-width:480px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__mid p{padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid p{padding-left:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid p{padding-left:50px}
}
@media only screen and (max-width: 767px) {
.solution__mid p{padding-left:80px;padding-bottom:50px}
}
.solution__mid p::before{position:absolute;content:"";width:140px;height:1px;left:0;top:10px;background-color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid p::before{width:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__mid p::before{width:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid p::before{width:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid p::before{width:40px}
}
@media only screen and (max-width: 767px) {
.solution__mid p::before{width:70px}
}
.solution__right{padding-top:260px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__right{padding-top:0;grid-column:1/-1;-ms-grid-row:2;grid-row:2;padding-bottom:30px}
}
@media only screen and (max-width: 767px) {
.solution__right{padding-top:60px}
}
.solution__title{font-weight:600;font-size:150px;line-height:1;color:var(--black-2);padding-top:280px;padding-bottom:20px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__title{font-size:120px;padding-top:200px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__title{padding-top:80px;font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__title{padding-top:80px;font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__title{padding-top:60px;font-size:60px}
}
@media only screen and (max-width: 767px) {
.solution__title{padding-top:30px;font-size:36px}
}
.solution__img-1{display:inline-block;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-1{margin-left:30px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__img-1 img{max-width:400px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__img-1 img{max-width:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-1 img{max-width:240px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__img-1 img{max-width:260px}
}
@media only screen and (max-width: 767px) {
.solution__img-1 img{max-width:300px}
}
.solution__img-1::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);left:40px;top:0;border:1px solid var(--white-6);border-radius:0 0 290px 230px;z-index:-1}
@media only screen and (max-width: 767px) {
.solution__img-1::after{left:20px}
}
.solution__img-2{position:relative;float:right;margin-top:60px}
.solution__img-2::after{position:absolute;content:"";width:100%;height:100%;right:30px;top:0;border:1px solid var(--white-6);border-radius:200px;z-index:-1}
.solution__img-3{position:relative;float:right;margin-top:60px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__img-3 img{max-width:360px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__img-3 img{max-width:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-3 img{max-width:220px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__img-3 img{max-width:260px}
}
@media only screen and (max-width: 767px) {
.solution__img-3 img{max-width:300px}
}
.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}
@media only screen and (max-width: 767px) {
.solution__btm{padding-top:40px}
}
.solution__btm ul{text-align:right}
.solution__btm li{display:inline;font-weight:400;font-size:18px;line-height:1.4;color:var(--black-2);padding-right:40px;position:relative}
.solution__btm li:last-child{padding-right:0}
@media only screen and (max-width: 767px) {
.solution__btm li{padding-right:30px}
}
.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 img{position:absolute}
.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}
.development__area{overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__area .pt-130{padding-top:150px}
}
@media only screen and (max-width: 767px) {
.development__area .pt-130{padding-top:120px}
}
@media only screen and (max-width: 767px) {
.development__area .pb-150{padding-bottom:40px}
}
.development__content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1fr;grid-template-columns:1fr 1fr;grid-gap:80px;padding-bottom:35px;margin-bottom:30px;border-bottom:1px solid var(--black-3);position:relative;z-index:1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.development__content{grid-gap:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.development__content{grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
@media only screen and (max-width: 767px) {
.development__content{padding-top:30px;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
.development__content p{font-size:18px;line-height:1.4}
.development__wrapper{padding-bottom:55px}
@media only screen and (max-width: 767px) {
.development__wrapper{padding-bottom:15px}
}
.development__wrapper ul{display:-ms-grid;display:grid;-ms-grid-columns:240px auto;grid-template-columns:240px auto;-ms-grid-columns:310px auto;grid-template-columns:310px auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (max-width: 767px) {
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr;padding-bottom:20px}
}
.development__wrapper ul li{display:inline-block;padding-bottom:10px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.development__wrapper ul li{font-size:16px;padding-bottom:5px}
}
.development__img{overflow:hidden;position:relative;width:100%;height:400px;z-index:9}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:150%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.development__img img{width:100%}
.award__area{background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__area.pb-140{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__area.pb-140{padding-bottom:90px}
}
.award__area .sec-title{max-width:850px;color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__area .sec-title{max-width:700px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__area .sec-title{max-width:550px}
}
.award__area-8{position:relative}
.award__left{height:100%;margin-top:100px;position:relative}
@media only screen and (max-width: 767px) {
.award__left{margin-top:50px;-webkit-transform:translateY(50%);transform:translateY(50%)}
}
.award__left img{position:absolute;bottom:40%;right:30%}
@media only screen and (max-width: 767px) {
.award__left img{bottom:-40px}
}
.award__text,.award__text-2{font-size:160px;color:var(--white);font-weight:600;-webkit-transform:rotate(-43deg);transform:rotate(-43deg);text-transform:uppercase;letter-spacing:-3px;position:absolute;top:130px;left:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.award__text,.award__text-2{font-size:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__text,.award__text-2{font-size:120px;top:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__text,.award__text-2{font-size:90px}
}
@media only screen and (max-width: 767px) {
.award__text,.award__text-2{position:unset;font-size:100px;-webkit-transform:rotate(0);transform:rotate(0);line-height:.5}
}
.award__text-2{-webkit-text-stroke:1px #3A3A3A;color:transparent;top:0;left:30px}
.award__text-8{position:absolute;width:300px;right:50px;bottom:50px;z-index:9}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__text-8{width:260px}
}
@media only screen and (max-width: 767px) {
.award__text-8{width:220px;right:10px;bottom:10px}
}
.award__text-8 a{display:block;max-width:100%;font-weight:400;font-size:20px;line-height:1.5;color:var(--white);padding-bottom:15px;border-bottom:1px solid var(--white);position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
@media only screen and (max-width: 767px) {
.award__text-8 a{padding-bottom:5px}
}
.award__text-8 a:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.award__text-8 a:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.award__text-8 a span{position:absolute;top:0;right:0}
.award__text-8 a span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.award__text-8 a span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.award__text-8 .title{font-weight:400;font-size:20px;line-height:1.4;color:var(--white)}
@media only screen and (max-width: 767px) {
.award__text-8 .title{font-size:16px}
}
.award__right > p{max-width:390px;margin-left:100px;font-size:18px;line-height:1.4;color:var(--gray-2);margin-bottom:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__right > p{margin-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__right > p{margin-left:0;margin-bottom:70px}
}
@media only screen and (max-width: 767px) {
.award__right > p{margin-left:0;-webkit-transform:translateY(-160%);transform:translateY(-160%)}
}
.award__item{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0.5fr 0.5fr;grid-template-columns:1fr 0.5fr 0.5fr;border-bottom:1px solid var(--gray-12);padding:20px 0}
.award__item:first-child{border-top:1px solid var(--gray-12)}
.award__item p{font-weight:400;font-size:18px;line-height:1.4;color:var(--white)}
.award__item p:last-child{text-align:right}
.award__video-8{height:800px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__video-8{height:575px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__video-8{height:430px}
}
@media only screen and (max-width: 767px) {
.award__video-8{height:210px}
}
.award__video-8 video{width:100%}
.awards__area-8 .about-sub-right{font-weight:400;color:var(--black-3);padding-bottom:10px;text-transform:capitalize}
.awards__wrapper{padding-top:15px;padding-left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__wrapper{padding-left:0}
}
@media only screen and (max-width: 767px) {
.awards__wrapper{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.awards__content__title{color:var(--black-2);font-size:80px;text-transform:uppercase;margin-bottom:55px;line-height:1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.awards__content__title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__content__title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__content__title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.awards__content__title{font-size:36px;margin-bottom:30px}
}
.awards__content__title a{color:var(--black-2);font-family:"newYork";position:relative}
.awards__content__title a::after{position:absolute;content:"";width:100%;height:2px;left:0;bottom:10px;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.awards__content__title a::after{bottom:3px}
}
.awards__content p{font-size:18px;width:240px;margin-left:170px;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.awards__content p{margin-left:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__content p{margin-left:60px}
}
@media only screen and (max-width: 767px) {
.awards__content p{margin-left:60px;padding-bottom:30px}
}
.awards__items{display:-ms-grid;display:grid;grid-gap:30px;-ms-grid-columns:1.2fr 30px 3fr 30px 1.5fr 30px 0.5fr;grid-template-columns:1.2fr 3fr 1.5fr 0.5fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--gray-11);margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__items{-ms-grid-columns:0.3fr 30px 2fr 30px 1fr 30px 0.5fr;grid-template-columns:0.3fr 2fr 1fr 0.5fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__items{-ms-grid-columns:0.5fr 30px 2fr 30px 1fr 30px 0.5fr;grid-template-columns:0.5fr 2fr 1fr 0.5fr}
}
@media only screen and (max-width: 767px) {
.awards__items{grid-gap:15px;-ms-grid-columns:0.3fr 15px 2fr 15px 1fr 15px 0.5fr;grid-template-columns:0.3fr 2fr 1fr 0.5fr}
}
.awards__items .number{color:var(--black-7);font-size:18px;font-weight:400;line-height:1.5}
.awards__items .title{color:var(--black-2);font-size:18px;font-weight:500;line-height:1.5}
@media only screen and (max-width: 767px) {
.awards__items .title{font-size:16px}
}
.awards__items img{max-width:100px}
@media only screen and (max-width: 767px) {
.awards__items img{max-width:60px}
}
.awards__items .date{font-weight:400;font-size:18px;line-height:1.5;text-align:right;color:var(--black-7)}
@media only screen and (max-width: 767px) {
.awards__items .date{font-size:16px}
}
@media only screen and (max-width: 767px) {
.about8{margin-bottom:40px}
}
.header__area-9{position:absolute;left:0;right:0;z-index:9}
.hero_layer_9{position:relative}
#main{display:-webkit-box;display:-ms-flexbox;display:flex}
.content{color:#fff;position:absolute;bottom:120px;text-align:center;left:50px;z-index:99;font-size:.8em;text-transform:uppercase}
.content p{color:var(--white)}
.hero9_title{font-size:80px;font-weight:500;margin-bottom:30px}
.hero9_title span{font-family:"newYork";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:rgba(227,227,227,0.78);text-decoration:none;border-bottom:1px solid currentColor}
.content a:hover{padding-bottom:1px}
.buttons{position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99}
.buttons button{border:none;background-size:contain;background:url(../../../../../Rajacharles/GSAP-Fullscreen-Slider/master/images/down-arrow.png) no-repeat;background-position:center;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}
#main .part .section{width:100%;height:100vh;position:relative;overflow:hidden}
#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:transparent;height:400px}
#header_10{position:static;background:transparent}
#home10_menu li > a{color:var(--black)}
.showcase4{margin-bottom:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase4{margin-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase4{margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.showcase4{margin-bottom:40px}
}
.showcase4 .showcase5_content{position:absolute;bottom:50px;left:50px;color:var(--white)}
.showcase4__thumb{position:relative;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}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase4__thumb{height:400px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase4__thumb{height:400px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
@media only screen and (max-width: 767px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
.showcase4__content{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;margin-top:20px}
@media only screen and (max-width: 767px) {
.showcase4__content br{display:block}
}
.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;font-family:"newYork";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 auto 80px;margin-right:0}
.gallary12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.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) {
.gallary12__thumb{max-width:850px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__thumb{height:520px;max-width:750px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__thumb{height:460px;max-width:560px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__thumb{height:380px;max-width:570px}
}
@media only screen and (max-width: 767px) {
.gallary12__thumb{max-width:100%;height:55vh}
}
.gallary12__content{text-transform:uppercase;-ms-flex-preferred-size:28%;flex-basis:28%;opacity:0;-webkit-transition:all .7s;transition:all .7s}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__content{-ms-flex-preferred-size:32%;flex-basis:32%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__content{-ms-flex-preferred-size:30%;flex-basis:30%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.gallary12__content{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:20px}
}
.gallary12__content img{display:block;text-align:left;margin-bottom:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content img{margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.gallary12__content img{margin-bottom:20px}
}
.gallary12__content__title{font-size:60px;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__content__title{font-size:48px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__content__title{font-size:36px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content__title{font-size:30px}
.gallary12__content__title br{display:none}
}
@media only screen and (max-width: 767px) {
.gallary12__content__title{font-size:24px}
}
.gallary12__content__title span{font-family:"newYork"}
.gallary12__content__name{color:var(--black-2)}
.title_right.w-300{width:300px}
.pl-100{padding-left:100px}
.showcase5_title{font-size:80px!important;margin-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase5_title{font-size:30px!important;margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.showcase5_title{font-size:20px!important;margin-bottom:20px}
}
.showcase5_bottom{padding-left:38px;position:relative;z-index:2}
.showcase5_bottom span{color:var(--white)}
@media only screen and (max-width: 767px) {
.section_title_wrapperr{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
}
@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 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}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase5__content p{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase5__content p{font-size:24px}
}
@media only screen and (max-width: 767px) {
.showcase5__content p{font-size:20px;padding-bottom:100px}
}
.showcase5__content p::after{position:absolute;content:"";width:1px;height:100px;bottom:0;left:50%;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.showcase5__content p::after{height:50px}
}
.logos_wrapper li{margin-bottom:10px}
.logos_wrapper li a{text-transform:capitalize;color:var(--black-2);font-weight:500}
.logo17{margin-bottom:90px}
.showcase__top-16{padding:200px 30px 65px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__top-16{padding:160px 30px 60px}
}
@media only screen and (max-width: 767px) {
.showcase__top-16{padding:140px 30px 40px}
}
.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) {
.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__info-16{position:absolute;bottom:50px;left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__info-16{bottom:30px}
}
@media only screen and (max-width: 767px) {
.showcase__info-16{bottom:20px;left:20px}
}
.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) {
.showcase__title-16{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__title-16{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__title-16{font-size:36px}
}
@media only screen and (max-width: 767px) {
.showcase__title-16{font-size:30px;padding-bottom:10px}
.showcase__title-16 br{display:block}
}
.showcase__title-16 span{display:inline-block;text-indent:100px;font-family:"newYork";position:relative}
@media only screen and (max-width: 767px) {
.showcase__title-16 span{text-indent:30px}
}
.showcase__title-16 span::before{content:"";position:absolute;left:0;top:50%;height:2px;width:70px;background-color:var(--white)}
@media only screen and (max-width: 767px) {
.showcase__title-16 span::before{width:20px}
}
.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) {
.showcase__sub-title-16{padding-left:30px}
}
.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%;height:100%;z-index:-1;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}
.wc-tilt{display:inline-block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.wc-tilt-2{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.nominated_title_7{font-family:"newYork";font-weight:400;font-size:100px;color:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.nominated_title_7{font-size:50px}
}
.contactrow{padding-left:450px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contactrow{padding-left:0}
}
.nominateparagraph{max-width:440px;margin:auto}
.nominateparagraph p{font-size:18px;text-indent:60px}
.overlay_text{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;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}
.overlay_text h4{margin-right:30px}
.tech_title{font-weight:400;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:45px;text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tech_title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tech_title{font-size:48px;padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tech_title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.tech_title{font-size:30px;line-height:1.3;padding-bottom:30px}
}
.tech_title a{color:var(--black-2);font-family:"newYork";position:relative}
.tech_title a::after{position:absolute;content:"";width:100%;height:2px;left:0;bottom:10px;background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tech_title a::after{bottom:7px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tech_title a::after{bottom:5px}
}
@media only screen and (max-width: 767px) {
.tech_title a::after{bottom:3px}
}
.tech_title span{font-family:"newYork"}
.single_dis{font-weight:400;font-size:24px;line-height:1.5;color:var(--black-3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_dis{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_dis{font-size:18px}
}
@media only screen and (max-width: 767px) {
.single_dis{font-size:18px}
}
.single__thumb{position:relative}
.single__thumb img{max-width:100%}
.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)}
.single__thumb .shape-2{position:absolute;bottom:-30px;left:60%}
@media only screen and (max-width: 767px) {
.single__thumb .shape-2{bottom:-20px;max-width:40px}
}
.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%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.single__thumb .svgstar{left:23%;top:15%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single__thumb .svgstar{max-width:90px;left:23%;top:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single__thumb .svgstar{max-width:70px;left:24%;top:16%}
}
@media only screen and (max-width: 767px) {
.single__thumb .svgstar{max-width:40px;left:23%;top:15%}
}
.client__area-8{background-color:var(--black-2);background-image:url(../imgs/essential-img/bg-axtra.png);padding-top:150px;padding-bottom:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__area-8{padding-top:110px;padding-bottom:110px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__area-8{padding-top:100px;padding-bottom:100px}
}
@media only screen and (max-width: 767px) {
.client__area-8{padding-top:50px;padding-bottom:50px}
}
.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}
@media only screen and (max-width: 767px) {
.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{color:var(--white);font-size:80px;line-height:1;text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.client__section__title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__section__title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__section__title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.client__section__title{font-size:40px}
}
.client__section__title span{font-family:"newYork"}
.client__section__dis{max-width:240px;color:var(--gray-2);font-size:18px;line-height:1.5}
@media only screen and (max-width: 767px) {
.client__section__dis{max-width:100%}
}
.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);-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__logo{grid-gap:80px 40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__logo{grid-gap:60px 40px;-ms-grid-columns:1fr 40px 1fr 40px 1fr 40px 1fr;grid-template-columns:repeat(4,1fr)}
}
@media only screen and (max-width: 767px) {
.client__logo{grid-gap:50px;-ms-grid-columns:1fr 50px 1fr 50px 1fr;grid-template-columns:repeat(3,1fr)}
}
.client__logo img{max-width:100%}
.job__area{background-color:var(--black-2);overflow:hidden}
.job__area .sec-title{color:var(--white)}
.job__apply{margin-top:-20px}
@media (max-width: 1400px) {
.job__apply{margin-top:0}
}
.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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--secondary);padding:35px 0}
@media only screen and (max-width: 767px) {
.job__item{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:35px 0 20px}
}
.job__item:hover .job__title{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)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__no,.job__open{font-size:20px}
}
@media only screen and (max-width: 767px) {
.job__no,.job__open{font-size:18px}
}
.job__title{font-weight:400;font-size:36px;line-height:1.5;color:var(--gray-3);-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__title{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__title{font-size:24px}
}
@media only screen and (max-width: 767px) {
.job__title{font-size:24px}
}
.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:all .3s;transition:all .3s}
.job__link i,.job__link span{font-size:30px;color:var(--gray-3);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.job__detail{overflow:hidden}
.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;width:100%;height:120%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1920px) {
.job__detail-top{padding-left:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.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) {
.job__detail-top{overflow:hidden;position:relative;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) {
.job__detail-top{overflow:hidden;position:relative;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) {
.job__detail-top{overflow:hidden;position:relative;width:100%;height:auto;position:unset;padding-top:73px}
.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}
}
.job__detail-top img{width:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-top img{position:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-top img{position:unset}
}
@media only screen and (max-width: 767px) {
.job__detail-top img{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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-wrapper{padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-wrapper{padding-right:0}
}
@media only screen and (max-width: 767px) {
.job__detail-wrapper{padding-right:0}
}
.job__detail-meta{padding-top:35px;padding-bottom:35px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-meta{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.job__detail-meta{padding-bottom:20px}
}
.job__detail-meta li{display:inline-block;padding-right:70px;font-weight:500;font-size:16px;line-height:1.5;color:var(--black-3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-meta li{display:block;padding-right:0;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.job__detail-meta li{display:block;padding-right:0;padding-bottom:20px}
}
.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{font-weight:500;font-size:24px;line-height:1;color:var(--black-2);padding-bottom:20px}
.job__detail-content h3{font-weight:500;font-size:22px;line-height:1;color:var(--black-2);padding-bottom:20px}
.job__detail-content h4{font-weight:500;font-size:20px;line-height:1;color:var(--black-2);padding-bottom:20px}
.job__detail-content h5,.job__detail-content h6{font-weight:500;font-size:18px;line-height:1;color:var(--black-2);padding-bottom:20px}
.job__detail-content ul,.job__detail-content ol{padding-bottom:35px;padding-left:30px}
@media only screen and (max-width: 767px) {
.job__detail-content ul,.job__detail-content ol{padding-left:20px;padding-bottom:30px}
}
.job__detail-content ul li,.job__detail-content ol li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3);padding-bottom:5px;position:relative}
.job__detail-content ul li::before,.job__detail-content ol 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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar{padding:30px 20px}
}
.job__detail-sidebar ul li{display:block;font-weight:500;font-size:16px;line-height:1.5;color:var(--black-3);padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar ul li{font-size:14px}
}
.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}
.feature__area-2{background-color:var(--pink)}
.feature__top{padding-bottom:65px;border-bottom:1px solid var(--black)}
@media only screen and (max-width: 767px) {
.feature__top{border-bottom:none}
}
@media only screen and (max-width: 767px) {
.feature__btm{padding-bottom:15px}
}
.feature__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-left:85px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__text{padding-left:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__text{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__text{padding-left:0}
}
@media only screen and (max-width: 767px) {
.feature__text{padding-left:0;padding-top:30px}
}
.feature__text p{font-size:18px;line-height:1.4;color:var(--black-2)}
.feature__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr 15px 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__list{-ms-grid-columns:1fr 0 1fr;grid-template-columns:1fr 1fr;gap:0}
}
@media only screen and (max-width: 767px) {
.feature__list{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.feature__item{border-right:1px solid var(--black-2);padding:145px 30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__item{padding:90px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__item{padding:90px 10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__item{padding:50px 30px;border-right:none}
}
@media only screen and (max-width: 767px) {
.feature__item{border-right:none;padding:0 0 50px}
}
.feature__item:first-child{padding-left:0}
.feature__item:last-child{border-right:0;padding-right:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__item:nth-child(odd){border-right:1px solid var(--black-2)}
}
.feature__item img{margin-bottom:35px}
.feature__item p{color:var(--black-2)}
.feature__title{font-weight:500;font-size:26px;line-height:1.4;color:var(--black-2);padding-bottom:12px}
.contact__area-6{overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__area-6 .line{padding-top:150px}
}
@media only screen and (max-width: 767px) {
.contact__area-6 .line{padding-top:130px}
}
.contact__text{max-width:330px;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media only screen and (max-width: 767px) {
.contact__text{padding-top:30px}
}
.contact__text p{font-size:18px;line-height:1.4}
.contact__btm{padding-top:65px}
@media only screen and (max-width: 767px) {
.contact__btm{padding-top:50px}
}
.contact__info{padding-top:15px}
@media only screen and (max-width: 767px) {
.contact__info{padding-bottom:50px}
}
.contact__info h3{font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);padding-bottom:30px}
.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{position:relative;z-index:9}
.contact__form input,.contact__form 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:all .3s;transition:all .3s;outline:0;position:relative;z-index:1;background:transparent;margin-bottom:35px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
}
@media only screen and (max-width: 767px) {
.contact__form input,.contact__form textarea{margin-bottom:20px}
}
.contact__form input:focus,.contact__form textarea:focus{border-bottom:1px solid var(--black-2)}
.contact__form input::-webkit-input-placeholder,.contact__form textarea::-webkit-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-moz-placeholder,.contact__form textarea::-moz-placeholder{color:var(--black-2);opacity:1}
.contact__form input:-ms-input-placeholder,.contact__form textarea:-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-ms-input-placeholder,.contact__form textarea::-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--black-2);opacity:1}
.contact__form textarea{height:55px}
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-10px}
}
@media (max-width: 1200px) {
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:10px}
}
.error__content{padding-top:80px;height:100vh;text-align:center;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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error__content{padding-top:100px}
}
.error__content::before{position:absolute;content:"";width:38px;height:38px;top:70%;left:10%;background-image:url(../imgs/icon/6.png);background-repeat:no-repeat;-webkit-animation:wcZoom 2s infinite;animation:wcZoom 2s infinite}
.error__content::after{position:absolute;content:"";width:38px;height:38px;top:10%;right:10%;background-image:url(../imgs/icon/3.png);background-repeat:no-repeat;-webkit-animation:wcZoom 2s infinite;animation:wcZoom 2s infinite}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error__content::after{top:20%}
}
@media only screen and (max-width: 767px) {
.error__content::after{top:15%}
}
.error__content h2{font-weight:500;font-size:36px;line-height:1.5;color:var(--black-2);padding-top:25px;padding-bottom:10px}
@media only screen and (max-width: 767px) {
.error__content h2{font-size:30px;line-height:1.3}
}
.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) {
.error__content p{padding-bottom:30px}
}
@media only screen and (max-width: 767px) {
.error__content p{padding-bottom:30px}
}
.error__content a{margin:0 auto}
.error__content img{max-width:100%}
.error__content #btn_wrapper,.error__content .btn_wrapper{margin-left:0;margin-top:-40px}
@media (max-width: 1400px) {
.error__content #btn_wrapper,.error__content .btn_wrapper{margin-top:0}
}
:root{--white-6:#d7d7d7;--white-7:#B7B7C5;--black-14:#323438;--lime:#745EFF;--lime-2:#5547F5;--gray-16:#6B6B6B;--gray-17:#F7F7FC;--gray-18:#999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4;--gray-25:#D3D3D3}
.btn-together{font-weight:400;line-height:1.3;color:var(--white);position:relative;-webkit-transition:all .5s;transition:all .5s;font-size:18px;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.btn-together{font-size:14px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.btn-together{font-size:15px}
}
.btn-together i{padding-left:10px}
.btn-together::after{position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--white);content:"";-webkit-transition:all .5s;transition:all .5s}
.btn-together:hover::after{left:0;width:1%}
.btn-together:hover{color:var(--gray)}
.header__inner-5{padding:25px 50px 22px;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;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.header__inner-5{padding:20px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner-5{padding:25px 15px 22px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner-5{padding:25px 15px 22px}
}
.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}
@media (max-width: 1200px) {
.header__area-5.sticky-5 .header__inner-5{padding:20px 15px}
}
.menu-text-5{color:var(--black-2);font-size:15px;font-weight:400;text-transform:uppercase;padding-right:10px}
.menu-text-pp{color:var(--black-2);font-size:15px;font-weight:400;text-transform:uppercase;padding-right:10px}
.portfolio__area-5{border-top:1px solid var(--gray-25);border-bottom:1px solid var(--gray-25);padding:56px 45px;position:relative;overflow:hidden}
@media only screen and (max-width: 767px) {
.portfolio__area-5{padding:56px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-5{padding:56px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-5{padding:56px 0}
}
.portfolio__area-5::before{position:absolute;left:33.3%;top:0;width:1px;height:100%;content:"";background-color:var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.portfolio__area-5::after{position:absolute;left:66.6%;top:0;width:1px;height:100%;content:"";background-color:var(--secondary);-webkit-filter:invert(1);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:-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;gap:110px;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width: 767px) {
.portfolio__inner-5{gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__inner-5{gap:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__inner-5{gap:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__inner-5{gap:70px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__inner-5{gap:80px}
}
.portfolio__item-5{width:29%;position:relative;-webkit-transition:all .5s;transition:all .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%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__item-5{width:28%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__item-5{width:28%}
}
.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:all .5s;transition:all .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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__content-5{right:-70px}
}
.portfolio__name-5{font-size:14px;font-weight:400;line-height:1.3;padding-bottom:2px;color:var(--white);text-transform:uppercase}
@media only screen and (max-width: 767px) {
.portfolio__name-5{font-size:12px}
}
.portfolio__title-5{font-size:24px;font-weight:500;color:var(--white);text-transform:uppercase}
@media only screen and (max-width: 767px) {
.portfolio__title-5{font-size:18px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-5{font-size:18px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-5{font-size:20px}
}
.cta__area-5{position:relative;border-bottom:1px solid var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.cta__area-5::before{position:absolute;top:0;left:57%;width:1px;height:100%;content:"";background-color:var(--secondary)}
.cta__inner-5{max-width:1410px;margin:0 auto}
.cta__title-5{font-size:60px;color:var(--white);font-weight:500;line-height:1.2;padding-bottom:28px;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.cta__title-5{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-5{font-size:36px}
.cta__title-5 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-5{font-size:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-5{font-size:45px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__title-5{font-size:50px}
}
.cta__list-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:230px 30px auto;grid-template-columns:230px auto;gap:30px}
@media only screen and (max-width: 767px) {
.cta__list-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;margin-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__list-wrapper{-ms-grid-columns:180px 20px auto;grid-template-columns:180px auto;gap:20px}
}
.cta__list-left{padding-left:15px}
.cta__list-left li{position:relative}
.cta__list-left li::before{position:absolute;top:0;left:-15px;width:auto;height:auto;content:"+"}
.cta__item-5 h3{font-size:18px;font-weight:400;color:var(--white);padding-bottom:10px;text-transform:uppercase}
.cta__item-5 li{font-size:18px;color:var(--gray-2);line-height:1.5;font-weight:400}
@media only screen and (max-width: 767px) {
.cta__item-5 li{font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__item-5 li{font-size:16px}
}
.cta__btn-5{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;height:100%}
@media only screen and (max-width: 767px) {
.cta__btn-5{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
.footer__area-5{padding:79px 0 72px;text-align:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__area-5{padding:60px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__area-5{padding:50px 0}
}
@media only screen and (max-width: 767px) {
.footer__area-5{padding:50px 0}
}
.footer__menu-5{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;gap:30px;padding-top:30px;padding-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width: 767px) {
.footer__menu-5{gap:25px}
}
.footer__area{overflow:hidden}
.footer__area-3{background-color:var(--black-2)}
.footer__row{margin-left:-500px}
@media only screen and (max-width: 767px) {
.footer__row{margin-left:0;margin-right:0}
}
.footer__top{text-align:right}
.footer__top img{margin-bottom:-380px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__top img{margin-bottom:-300px;width:90%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top img{margin-bottom:-250px;width:100%}
}
@media only screen and (max-width: 767px) {
.footer__top img{margin-bottom:0;width:100%}
}
.footer__top-2{padding-bottom:70px}
@media only screen and (max-width: 767px) {
.footer__top-2{padding-bottom:50px}
}
.footer__top-3{border-bottom:1px solid var(--black-6)}
.footer__top-wrapper-3{padding:0 50px;display:-ms-grid;display:grid;-ms-grid-columns:30% 10% auto;grid-template-columns:30% 10% auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 20px 15% 20px auto;grid-template-columns:35% 15% auto;gap:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 20px 20% 20px auto;grid-template-columns:35% 20% auto;gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 25% auto;grid-template-columns:35% 25% auto}
}
@media only screen and (max-width: 767px) {
.footer__top-wrapper-3{padding:0 15px;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.footer__middle-2{border-top:1px solid var(--white-2);border-bottom:1px solid var(--white-2);padding:95px 0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__middle-2{padding:60px 0}
}
@media only screen and (max-width: 767px) {
.footer__middle-2{padding:50px 0}
}
.footer__location-2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__location-2{gap:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__location-2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
}
@media only screen and (max-width: 767px) {
.footer__location-2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
}
.footer__location-2 .location h3{font-weight:400;font-size:22px;line-height:1.5;color:var(--black-2);padding-bottom:10px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__btm{padding-left:55px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__btm{padding-left:100px}
}
@media only screen and (max-width: 767px) {
.footer__btm{background-color:var(--black-2)}
.footer__btm .container{padding:0;background-color:var(--black-2)}
}
.footer__btm-2{padding:50px 0}
@media only screen and (max-width: 767px) {
.footer__btm-2{padding:30px 0}
.footer__btm-2 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.footer__btm-3{padding:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__btm-3{padding:40px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__btm-3{padding:40px 15px}
.footer__btm-3 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (max-width: 767px) {
.footer__btm-3{padding:30px 10px}
.footer__btm-3 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.footer__inner{background-color:var(--black-2);display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);padding-left:350px;position:relative;z-index:9}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__inner{padding-left:512px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__inner{padding-left:450px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__inner{padding-top:100px;padding-left:410px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__inner{padding-left:470px;padding-top:80px}
}
@media only screen and (max-width: 767px) {
.footer__inner{background-color:transparent;padding-left:0;padding-top:60px;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.footer__logo{margin-bottom:30px}
.footer__logo-3 img{margin-bottom:30px}
.footer__logo-3 p{max-width:310px;color:var(--gray-2)}
.footer__sub-title{max-width:850px;font-weight:300;font-size:36px;line-height:1.3;color:var(--black-3);padding-top:10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__sub-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.footer__sub-title{font-size:24px}
}
.footer__widget{-ms-grid-column-span:4;grid-column:span 4;padding:140px 0 130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0 0 50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/6;padding:0 0 50px}
}
@media only screen and (max-width: 767px) {
.footer__widget{padding:0 0 50px;-ms-grid-column-span:4;grid-column:span 4}
}
.footer__widget p{max-width:310px;font-weight:400;font-size:16px;line-height:1.5;color:var(--gray-2);margin-bottom:30px}
.footer__widget-title{font-weight:600;font-size:20px;line-height:1.3;color:var(--white);padding-bottom:20px}
.footer__widget-2{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-2{-ms-grid-column:6;-ms-grid-column-span:3;grid-column:6/9;padding:0 0 50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-2{grid-column:7/-1;padding:0 0 50px}
}
@media only screen and (max-width: 767px) {
.footer__widget-2{padding:0 0 50px;-ms-grid-column-span:4;grid-column:span 4}
}
.footer__widget-3{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px;margin-right:-30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-3{grid-column:9/-1;padding:0 50px 50px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-3{-ms-grid-column-span:6;grid-column:span 6;padding:50px 60px 0 0}
}
@media only screen and (max-width: 767px) {
.footer__widget-3{padding:0 0 50px}
}
.footer__widget-4{-ms-grid-column-span:4;grid-column:span 4;-ms-grid-row-span:2;grid-row:span 2;background-color:var(--black-4);padding:135px 70px 30px;text-align:center;margin-left:60px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__widget-4{padding:130px 30px 30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__widget-4{padding:130px 40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-4{grid-column:7/-1;padding:50px;margin-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-4{-ms-grid-column-span:6;grid-column:span 6;padding:50px 30px;margin-left:0}
}
@media only screen and (max-width: 767px) {
.footer__widget-4{padding:30px;margin-left:0}
}
.footer__widget-4 .project-title{font-weight:400;font-size:36px;line-height:1.3;color:var(--white);padding-bottom:25px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__widget-4 .project-title{font-size:30px}
}
.footer__widget-4 a{color:var(--gray-2);border-color:var(--secondary);margin:0 auto;margin-bottom:20px}
.footer__widget-4 .contact-time{font-weight:500;font-size:18px;line-height:1.3;color:var(--white);padding-bottom:3px}
.footer__widget-4 .contact-day{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.footer__social li{display:inline-block;padding-right:15px}
.footer__social li a{display:inline-block;color:var(--gray-2);font-size:20px}
.footer__social li a:hover{color:var(--white)}
.footer__social-3{border-left:1px solid var(--black-6);border-right:1px solid var(--black-6)}
@media only screen and (max-width: 767px) {
.footer__social-3{margin-top:50px;border-top:1px solid var(--black-6);border-bottom:1px solid var(--black-6)}
}
.footer__social-3 li{display:block;border-bottom:1px solid var(--black-6)}
.footer__social-3 li:last-child{border-bottom:0}
.footer__social-3 li a{display:block;font-weight:400;font-size:16px;line-height:1.5;text-align:center;text-transform:uppercase;color:var(--white);padding:38px 0;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__social-3 li a{padding:30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__social-3 li a{padding:30px 0}
}
@media only screen and (max-width: 767px) {
.footer__social-3 li a{padding:30px 0}
}
.footer__social-3 li a:hover{color:var(--black-2);background-color:var(--white)}
.footer__link li{display:block;padding-bottom:15px}
.footer__link li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);line-height:18px;text-transform:capitalize}
.footer__link li a:hover{color:var(--white)}
.footer__contact{display:block;padding-bottom:10px;font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li{padding-bottom:15px}
.footer__contact li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li a.phone{color:var(--white);position:relative}
.footer__contact li a.phone::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:var(--white);-webkit-transition:all .3s;transition:all .3s}
.footer__contact li a.phone:hover::after{width:0}
.footer__contact li a:hover{color:var(--white)}
.footer__contact-3{text-align:right;padding-top:90px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__contact-3{padding-top:0;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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__contact-3{padding-top:0;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}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__contact-3{padding-top:0;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}
}
@media only screen and (max-width: 767px) {
.footer__contact-3{text-align:center;margin-bottom:50px;padding-top:60px}
}
.footer__contact-3 a{font-weight:400;font-size:180px;line-height:1;text-align:center;text-transform:uppercase;color:var(--white)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__contact-3 a{font-size:140px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__contact-3 a{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__contact-3 a{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__contact-3 a{font-size:48px}
}
@media only screen and (max-width: 767px) {
.footer__contact-3 a{font-size:50px}
}
.footer__copyright{-ms-grid-column-span:4;grid-column:span 4;border-top:1px solid var(--gray-6);margin-left:-66px;padding:35px 0 35px 66px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__copyright{margin-left:-35px;padding:35px 0 35px 35px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__copyright{margin-left:-54px;padding:35px 0 35px 54px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__copyright{border-top:0;margin-left:0;-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright{grid-column:1/-1;text-align:center;border-top:0}
}
@media only screen and (max-width: 767px) {
.footer__copyright{grid-column:1/-1;-ms-grid-row:7;grid-row:7;text-align:center;border-top:0;padding-top:0}
}
.footer__copyright p{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);max-width:233px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright p{max-width:100%}
}
@media only screen and (max-width: 767px) {
.footer__copyright p{max-width:100%}
}
.footer__copyright p a{color:var(--white)}
.footer__copyright p a:hover{color:var(--gray)}
.footer__copyright-2 p{max-width:235px}
@media only screen and (max-width: 767px) {
.footer__copyright-2 p{max-width:100%;padding-top:50px;text-align:center}
}
.footer__copyright-2 p a{color:var(--black-2)}
.footer__copyright-2 p a:hover{color:var(--gray-2)}
.footer__copyright-3 p{color:var(--white);max-width:235px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright-3 p{max-width:100%;text-align:center}
}
@media only screen and (max-width: 767px) {
.footer__copyright-3 p{max-width:100%;text-align:center}
}
.footer__copyright-3 p a{color:var(--white)}
.footer__copyright-3 p a:hover{color:var(--gray-2)}
.footer__copyright-8{padding:20px 100px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__copyright-8{padding:20px 50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__copyright-8{padding:20px 30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__copyright-8{padding:20px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright-8{padding:20px 15px}
}
.footer__copyright-8 p{max-width:235px;line-height:1.4}
@media only screen and (max-width: 767px) {
.footer__copyright-8 p{max-width:100%;text-align:center}
}
.footer__copyright-8 p a{color:var(--black-2)}
.footer__copyright-8 p a:hover{color:var(--gray-2)}
.footer__nav{height:100%;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}
@media only screen and (max-width: 767px) {
.footer__nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.footer__nav-2{height:100%;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}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__nav-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
@media only screen and (max-width: 767px) {
.footer__nav-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
footer #btn_wrapper,footer .btn_wrapper{margin:0 auto}
.contact_title span{padding-left:30px}
@-webkit-keyframes wcLoading {
0%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:transparent}
}
@keyframes wcLoading {
0%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:transparent}
}
.preloader{width:100%;height:100vh;background-color:var(--black-2);position:absolute;left:0;top:0;z-index:99999}
.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);display:inline-block;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:wcLoading 1.5s ease-in-out infinite;animation:wcLoading 1.5s ease-in-out infinite}
.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}
:root{--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:#999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4}
main{overflow:hidden}
.line_4{position:relative}
.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-size:16px;font-weight:500;line-height:1.3;padding:17px 36px 16px;color:var(--white);border-radius:5px;background:var(--lime);display:inline-block}
.btn-started i{padding-left:10px}
.btn-started:hover{color:var(--white);background-color:#FF977B}
.btn-view{font-weight:500;line-height:1.3;color:var(--black-2);position:relative;-webkit-transition:all .5s;transition:all .5s}
.btn-view i{padding-left:10px}
.btn-view::after{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--black-2);content:"";-webkit-transition:all .5s;transition:all .5s}
.btn-view:hover::after{left:0;width:1%}
.btn-view:hover{color:var(--lime-2)}
.btn-extra{font-size:16px;font-weight:500;color:var(--white);line-height:1.3;padding:9px 14px 11px;border-radius:5px;background-color:var(--black-2);border:1px solid var(--black-2)}
.btn-extra:hover{color:var(--black);background-color:transparent}
.title-wrapper-6 p{font-size:18px;line-height:1.5;color:var(--black-3)}
@media only screen and (max-width: 767px) {
.title-wrapper-6 p{font-size:16px}
}
.sec-subtile-6{font-size:16px;color:var(--black-2);line-height:1.3;padding:2px 14px 3px;font-weight:400;border-radius:16px;border:1px solid var(--gray-16);display:inline-block;margin-bottom:17px}
@media only screen and (max-width: 767px) {
.sec-subtile-6{margin-bottom:10px}
}
.sec-title-6{font-size:50px;color:var(--black-2);font-weight:500;line-height:1.13;padding-bottom:15px}
@media only screen and (max-width: 767px) {
.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) {
.sec-title-6{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-6{font-size:45px}
}
.hero__area-6{position:relative}
.hero__area-6 .shape-4{position:absolute;bottom:-60px;left:180px;z-index:0}
@media only screen and (max-width: 767px) {
.hero__area-6 .shape-4{max-width:260px;left:0}
}
.hero__title-6{font-size:100px;line-height:1;font-weight:600;color:var(--black-2);padding-bottom:24px}
@media only screen and (max-width: 767px) {
.hero__title-6{font-size:40px;padding-bottom:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title-6{font-size:45px;padding-bottom:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title-6{font-size:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title-6{font-size:80px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__title-6{font-size:80px}
}
.hero__arrow-icon{position:absolute;right:0}
@media only screen and (max-width: 767px) {
.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__arrow-icon{right:-15%}
}
.hero__content-6{padding-top:260px;position:relative}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__content-6{padding-top:210px}
}
@media only screen and (max-width: 767px) {
.hero__content-6{padding-top:130px}
}
.hero__content-6 p{font-size:20px;padding-bottom:48px;line-height:1.5;font-weight:400}
@media only screen and (max-width: 767px) {
.hero__content-6 p{font-size:16px;padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-6 p br{display:none}
}
.hero__right-6{padding-top:130px}
@media only screen and (max-width: 767px) {
.hero__right-6{padding-top:40px}
}
.hero__right-6 img{margin-left:3px;max-width:inherit}
@media (max-width: 1365px) {
.hero__right-6 img{max-width:100%}
}
.hero__shape{position:absolute;top:22%;left:0}
@media only screen and (max-width: 767px) {
.hero__shape{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__shape{top:13%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__shape{top:9%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape{top:10%}
}
.hero__shape-2{position:absolute;right:7%;bottom:30%}
@media only screen and (max-width: 767px) {
.hero__shape-2{display:none}
}
@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) {
.hero__shape-2{right:3%;bottom:7%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape-2{bottom:-7%;right:7%}
}
.hero__shape-3{position:absolute;left:4%;bottom:7%}
@media only screen and (max-width: 767px) {
.hero__shape-3{display:none}
}
@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%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape-3{left:7%;bottom:7%}
}
.workflow__area-4{overflow:hidden;text-align:center}
@media only screen and (max-width: 767px) {
.workflow__area-4 .pb-1230{padding-bottom:60px}
}
.workflow__item-4{padding-top:64px}
@media only screen and (max-width: 767px) {
.workflow__item-4{padding-top:60px}
}
.workflow__item-4 img{padding-bottom:30px}
.workflow__item-4 p{font-size:18px;line-height:1.5;color:var(--black-3);padding:0 55px}
@media only screen and (max-width: 767px) {
.workflow__item-4 p{padding:0;font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workflow__item-4 p{padding:0;font-size:16px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workflow__item-4 p{padding:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.workflow__item-4 p{padding:0}
}
.workflow__title-4{font-size:26px;font-weight:500;line-height:1.3;color:var(--black);padding-bottom:19px}
@media only screen and (max-width: 767px) {
.workflow__title-4{font-size:20px;padding-bottom:15px}
}
.feature__area-6{overflow:hidden;background-color:var(--gray-17)}
.feature__content img{margin-top:-90px}
@media only screen and (max-width: 767px) {
.feature__content img{margin-top:0;width:100%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content img{width:100%}
}
.feature__content-right{background-color:#1E2024;padding:143px 60px 0 110px;position:relative}
@media only screen and (max-width: 767px) {
.feature__content-right{padding:20px;margin-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-right{padding:80px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-right{padding:100px 20px 0 25px}
}
.feature__content-right p{font-size:18px;color:var(--gray-18);line-height:1.5;padding-bottom:25px;padding-right:242px}
@media only screen and (max-width: 767px) {
.feature__content-right p{padding-right:0;padding-bottom:15px;font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-right p{padding-right:0;padding-bottom:15px;font-size:16px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-right p{padding-right:140px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__content-right p{padding-right:145px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.feature__content-right p{padding-right:225px}
}
.feature__content-right p span{color:var(--white)}
.feature__content-left{padding-top:143px}
@media only screen and (max-width: 767px) {
.feature__content-left{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-left{padding-top:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-left{padding-top:100px}
}
.feature__title-6{font-size:18px;font-weight:500;text-transform:uppercase;line-height:1.3;color:var(--white);padding-bottom:22px;padding-left:60px}
.feature__title-6::before{position:absolute;top:13px;left:0;width:50px;height:1px;content:"";background:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content img{width:100%;margin-top:0}
}
.feature__content-btm{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;gap:114px;height:100%;margin-left:110px}
@media only screen and (max-width: 767px) {
.feature__content-btm{gap:20px;margin-left:0;padding:30px 0 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-btm{gap:20px;margin-left:0;padding:30px 0 60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-btm{gap:20px;margin-left:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__content-btm{gap:20px}
}
.feature__content-item img{padding-bottom:40px}
@media only screen and (max-width: 767px) {
.feature__content-item img{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.feature__content-item img{max-width:100%}
}
.feature__content-item h5{font-size:18px;color:var(--black-2);font-weight:500;line-height:1.4;padding-bottom:15px}
.feature__content-item p{font-weight:300;color:var(--black-3)}
.feature__img-1{position:absolute;top:22%;right:10%}
@media only screen and (max-width: 767px) {
.feature__img-1{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-1{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__img-1{top:9%;right:4%}
}
.feature__img-2{margin-left:100px}
@media only screen and (max-width: 767px) {
.feature__img-2{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-2{display:none}
}
.feature__img-3{position:absolute;right:6%;bottom:5%}
@media only screen and (max-width: 767px) {
.feature__img-3{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-3{display:none}
}
.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) {
.service__right-4 p{font-size:16px;padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__right-4 p{padding-right:0;padding-bottom:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__right-4 p{padding-right:30px}
}
.service__right-4 p span{color:var(--black-2)}
.service__img-left{display:-webkit-box;display:-ms-flexbox;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%}
@media only screen and (max-width: 767px) {
.service__img-left img{width:100%;margin-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__img-left img{width:100%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-left img{width:100%}
}
.service__inner-4{margin-top:-20px}
@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}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__inner-4{margin-top:40px}
}
.service__item-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:62px;padding:12px 0;-webkit-transition:all .5s;transition:all .5s;border-bottom:1px solid var(--gray-20)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-4{gap:30px}
}
@media only screen and (max-width: 767px) {
.service__item-4{gap:20px}
}
.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-title{font-size:24px}
}
@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__item-title{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-title{font-size:40px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__item-title{font-size:50px}
}
.service__item-icon{-webkit-transition:all .5s;transition:all .5s}
@media only screen and (max-width: 767px) {
.service__item-icon{opacity:1}
}
.service__item-icon i{font-size:23px;color:var(--black-2)}
.solution__area-4{overflow:hidden;background-color:#1E2024;background-image:url(../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%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__area-4{padding:150px 0 110px;background-size:55%}
}
.solution__content .sec-title-6{color:var(--white)}
.solution__content .sec-subtile-6{color:var(--white)}
.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)}
}
@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)}
}
@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)}
}
.solution__list li{font-size:18px;color:var(--white);font-weight:400;position:relative;padding-left:15px;margin-bottom:5px}
@media only screen and (max-width: 767px) {
.solution__list li{font-size:14px}
}
.solution__list li::after{position:absolute;top:0;left:0;width:0;height:0;content:"+"}
.cta__area-4{overflow:hidden}
.cta__area-4 .btn-started{padding:16px 28px}
.cta__inner-4{background-color:#F1E9E3;padding:66px 60px 0;position:relative;border-radius:10px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4{padding:60px 30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4{padding:30px}
}
@media only screen and (max-width: 767px) {
.cta__inner-4{padding:40px 20px}
}
.cta__inner-4 img{max-width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 img{-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__inner-4 img{max-width:80%}
}
.cta__inner-4 .cta-shape{position:absolute;bottom:0;right:460px;z-index:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 .cta-shape{bottom:30px;right:250px;max-width:100px}
}
@media only screen and (max-width: 767px) {
.cta__inner-4 .cta-shape{bottom:30px;right:20px;max-width:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4 .cta-shape{max-width:120px;right:360px}
}
.cta__inner-4 .cta-shape-2{position:absolute;bottom:60px;right:110px;z-index:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4 .cta-shape-2{right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 .cta-shape-2{right:10px;bottom:120px}
}
.cta__content-4{height:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-4 img{width:100%}
}
.cta__content-4 p{font-size:18px;font-weight:400;padding-bottom:34px;margin-top:15px;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.cta__content-4 p{font-size:16px;padding-bottom:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-4 p{font-size:16px;padding-bottom:20px}
}
.cta__title-4{font-size:50px;font-weight:500;color:var(--black-2);line-height:1.2;padding-top:10px}
@media only screen and (max-width: 767px) {
.cta__title-4{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-4{padding-top:30px;font-size:28px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-4{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-4{font-size:40px}
}
.portfolio__area-4{padding:0 45px;overflow:hidden}
@media only screen and (max-width: 767px) {
.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) {
.portfolio__area-4{padding:0 31px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__area-4{padding:0 60px}
}
.portfolio__area-4 .cursor{position:absolute}
.portfolio__area-4 .cursor.large{width:120px;height:120px;font-size:14px}
.portfolio__wrapper-4{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;gap:30px}
@media only screen and (max-width: 767px) {
.portfolio__wrapper-4{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__wrapper-4{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.portfolio__item-4 img{width:100%}
.portfolio__item-4:hover .portfolio__icon-link{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.portfolio__icon-link{font-size:23px;-webkit-transition:all .5s;transition:all .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:all .5s;transition:all .5s;font-size:23px;color:var(--black-2)}
.portfolio__sec-title{position:absolute;bottom:140px}
@media only screen and (max-width: 767px) {
.portfolio__sec-title{position:unset;margin-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__sec-title{position:unset}
}
.portfolio__sec-title p{font-size:18px;color:var(--black-3);max-width:300px}
.testimonial__area-4{overflow:hidden;text-align:center}
.testimonial__sec-title{padding-bottom:60px}
.testimonial__sec-title p{font-size:18px;color:var(--black-3);max-width:500px;margin:0 auto}
@media only screen and (max-width: 767px) {
.testimonial__sec-title p{width:100%;font-size:16px}
}
.testimonial__slide-4{background-color:var(--gray-22);padding:50px 50px 44px;text-align:left}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__slide-4{padding:35px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slide-4{padding:35px 30px 30px}
}
@media only screen and (max-width: 767px) {
.testimonial__slide-4{padding:35px 30px}
}
.testimonial__slider-4{padding-bottom:150px;height:100%;width:98%;margin-left:11px}
.testimonial__slider-4 .prev-button:hover,.testimonial__slider-4 .next-button:hover{color:var(--lime)}
@media only screen and (max-width: 767px) {
.testimonial__slider-4{width:93%;padding-bottom:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slider-4{width:97%;padding-bottom:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__slider-4{padding-bottom:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__slider-4{padding-bottom:110px}
}
.testimonial__img-4{margin-bottom:42px;border-radius:100px;width:85px;height:auto}
.testimonial__feedback-4{font-size:14px;font-weight:400;color:var(--black-2);border-radius:5px;padding:3px 10px;margin-bottom:18px;display:inline-block;line-height:1.3;background-color:var(--gray-23)}
.testimonial__info-4 p{color:var(--black-3);font-weight:400;line-height:1.5;padding-bottom:19px;text-align:left}
.testimonial__name-4{font-size:18px;font-weight:500;color:var(--black);line-height:1.3}
.testimonial__role-4{font-size:14px;color:var(--black-3);font-weight:400}
.testimonial__btn-4{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;gap:160px;padding-top:68px;position:relative;z-index:999}
@media only screen and (max-width: 767px) {
.testimonial__btn-4{padding-top:35px}
}
.testimonial__btn-4 i{font-size:18px}
.testimonial__pagination-4{position:absolute;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;gap:30px;bottom:1px;z-index:-1}
.footer__area-6{overflow:hidden;background-color:var(--gray-17)}
.footer__top-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.footer__top-6{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top-6{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:5px}
}
.footer__social-6{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}
.footer__social-6 li a{color:var(--gray-2);font-size:18px;-webkit-transition:all .3s;transition:all .3s}
.footer__social-6 li a:hover{color:var(--black-2)}
.footer__info-6 li{color:var(--black-13);font-size:16px;margin-bottom:15px}
.footer__info-6 li a{color:var(--black-13);-webkit-transition:all .5s;transition:all .5s}
.footer__info-6 li a:hover{color:var(--black-2)}
.footer__info-6 li a.phone{color:var(--black-2);position:relative}
.footer__info-6 li a.phone::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:var(--white);-webkit-transition:all .3s;transition:all .3s}
.footer__info-6 li a.phone:hover::after{width:0}
.footer__info-6 li a.phone::after{background-color:var(--black-2)}
.footer__link-6 li{margin-bottom:8px}
.footer__link-6 li a{color:var(--black-13);-webkit-transition:all .5s;transition:all .5s}
.footer__link-6 li a:hover{color:var(--black-2)}
.footer__item-title{font-size:20px;color:var(--black-2);font-weight:600;line-height:1.3;padding-bottom:20px;text-transform:capitalize}
@media only screen and (max-width: 767px) {
.footer__item-6{margin-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6{margin-bottom:50px}
}
.footer__item-6:nth-child(1){width:25%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(1){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(1){width:50%;padding-right:30px}
}
.footer__item-6:nth-child(2){width:14%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(2){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(2){width:50%}
}
.footer__item-6:nth-child(3){width:20%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(3){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(3){width:50%;padding-right:30px}
}
.footer__item-6:nth-child(4){width:28%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(4){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(4){width:50%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__item-6:nth-child(4){width:33%}
}
.footer__item-6 p{padding-bottom:20px;color:var(--gray-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__item-6 p br{display:none}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__item-6 p br{display:none}
}
.footer__item-6-social a:hover{color:var(--black-2)}
.footer__btm-6{border-top:1px solid var(--gray-24);padding-top:40px;padding-bottom:43px}
.footer__newsletter-6{background-color:var(--gray-24);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:5px;position:relative}
.footer__newsletter-6 input{width:100%;background-color:transparent;border:0;outline:0;padding:16px 50px 16px 20px}
.footer__newsletter-6 input::-webkit-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::-moz-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input:-ms-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::-ms-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 button{position:absolute;right:20px;top:15px}
.footer__copyright-6{color:var(--black-13)}
.footer__copyright-6 p a{color:var(--black-2)}
.footer__copyright-6 p a:hover{color:var(--lime)}
.footer__chekbox{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:18px}
.footer__chekbox input{width:30px;height:30px}
.footer__chekbox label{font-size:14px;font-weight:400;line-height:1.4;color:var(--black-3)}
@-webkit-keyframes leftmove {
0%{margin-left:0}
50%{margin-left:-20px}
100%{margin-left:0}
}
@keyframes leftmove {
0%{margin-left:0}
50%{margin-left:-20px}
100%{margin-left:0}
}
@-webkit-keyframes rightmove {
0%{margin-right:0}
50%{margin-right:30px}
100%{margin-right:0}
}
@keyframes rightmove {
0%{margin-right:0}
50%{margin-right:30px}
100%{margin-right:0}
}
@-webkit-keyframes move {
0%{margin-bottom:0}
50%{margin-bottom:-20px}
100%{margin-bottom:0}
}
@keyframes move {
0%{margin-bottom:0}
50%{margin-bottom:-20px}
100%{margin-bottom:0}
0%{margin-top:0}
50%{margin-top:-20px}
100%{margin-top:0}
}
@-webkit-keyframes rotate-icon {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate-icon {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.hero__shape{-webkit-animation-name:leftmove;animation-name:leftmove;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation:leftmove infinite 4s;animation:leftmove infinite 4s}
.hero__arrow-icon{-webkit-animation-name:rightmove;animation-name:rightmove;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:rightmove infinite 3s;animation:rightmove infinite 3s}
.hero__shape-2{-webkit-animation-name:move;animation-name:move;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:move infinite 4s;animation:move infinite 4s}
.hero__shape-3{-webkit-animation:rotate-icon 5s linear 0 infinite normal;animation:rotate-icon 5s linear 0 infinite normal}
.team__area-7 .sec-text{padding-left:60%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-7 .sec-text{padding-left:45%}
}
@media only screen and (max-width: 767px) {
.team__area-7 .sec-text{padding-left:60px;padding-top:20px}
}
.team__area-7 .sec-text p{max-width:300px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3)}
@media only screen and (max-width: 767px) {
.team__area-7 .sec-text p{font-size:16px}
}
.team__title-7{font-weight:500;font-size:700px;line-height:.9;text-align:center;color:var(--black-2);text-transform:uppercase;position:relative;z-index:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__title-7{font-size:520px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__title-7{font-size:500px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__title-7{font-size:360px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__title-7{font-size:260px}
}
@media only screen and (max-width: 767px) {
.team__title-7{font-size:120px}
}
.team__items-7 a{display:block;border-bottom:1px solid var(--white-6)}
.team__items-7 a:first-child{border-top:1px solid var(--white-6)}
.team__item-7{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:0.9fr 1fr 0.1fr;grid-template-columns:0.9fr 1fr 0.1fr;padding:18px 0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__item-7{-ms-grid-columns:1.5fr 1fr 0.1fr;grid-template-columns:1.5fr 1fr 0.1fr}
}
@media only screen and (max-width: 767px) {
.team__item-7{padding:12px 0;-ms-grid-columns:1.5fr 1fr 0.1fr;grid-template-columns:1.5fr 1fr 0.1fr}
}
.team__item-7:hover .team__hover-7{opacity:1}
@media only screen and (max-width: 767px) {
.team__item-7:hover .team__hover-7{opacity:0}
}
.team__item-7:hover .tm-serial{opacity:1}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-serial{opacity:0}
}
.team__item-7:hover .tm-name{padding-left:90px}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-name{padding-left:0}
}
.team__item-7:hover .tm-name::after{width:50px}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-name::after{width:0}
}
.team__item-7:hover .tm-link i{color:var(--black-2);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.team__item-7 .tm-name{font-weight:500;font-size:24px;line-height:1.3;color:var(--black-2);text-transform:capitalize;position:relative;-webkit-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media only screen and (max-width: 767px) {
.team__item-7 .tm-name{font-size:20px}
}
.team__item-7 .tm-name::after{position:absolute;content:"";width:0;height:1px;left:25px;top:18px;-webkit-transition:all .5s;transition:all .5s;background-color:var(--black-2)}
.team__item-7 .tm-serial{opacity:0;position:absolute;left:0;top:24px;-webkit-transition:all .3s;transition:all .3s}
.team__item-7 .tm-role{font-weight:400;font-size:12px;line-height:1.7;color:var(--black-3);text-transform:uppercase}
@media only screen and (max-width: 767px) {
.team__item-7 .tm-role br{display:block}
}
.team__item-7 .tm-link{color:var(--gray-2);font-size:18px;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}
.team__item-7 .tm-link i{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.team7__img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}
.team7__img-wrap{width:20vw;position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;visibility:hidden;padding-bottom:25vw}
@media only screen and (max-width: 767px) {
.team7__img-wrap{display:none;position:unset}
}
.team__hover-7{width:300px;height:400px;position:absolute;top:0;left:60%;background-size:cover;background-repeat:no-repeat;background-position-x:75%;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:-200px 0 0 -150px;overflow:hidden;pointer-events:none;z-index:1}
@media (max-width: 1200px) {
.team__hover-7{width:0;display:none}
}
.service__area-7{background-color:#F9F9F9;padding-bottom:50px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7{padding-bottom:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7{padding-bottom:0}
}
.service__area-7::before{position:absolute;content:"";width:1px;height:100%;left:36%;bottom:0;background:var(--white-6)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-7::before{left:32%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-7::before{left:35%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7::before{left:33%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7::before{left:34%}
}
@media only screen and (max-width: 767px) {
.service__area-7::before{display:none}
}
.service__area-7::after{position:absolute;content:"";width:1px;height:100%;left:59%;bottom:0;background:var(--white-6)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-7::after{left:62%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-7::after{left:62%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7::after{left:63%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7::after{left:64%}
}
@media only screen and (max-width: 767px) {
.service__area-7::after{display:none}
}
.service__items-7{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
@media only screen and (max-width: 767px) {
.service__items-7{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.service__item-7{padding-bottom:90px;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-7{padding-right:30px}
}
@media only screen and (max-width: 767px) {
.service__item-7{padding-bottom:60px}
}
.service__item-7::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:35px;background:var(--white-6)}
@media only screen and (max-width: 767px) {
.service__item-7::after{bottom:25px}
}
.service__item-7:nth-last-child(-n+3)::after{position:unset}
@media only screen and (max-width: 767px) {
.service__item-7:nth-last-child(-n+3)::after{position:absolute}
}
.service__item-7 p{max-width:340px;font-size:18px;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-7 p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__item-7 p{font-size:16px}
}
.service__item-7 ul li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-7 ul li{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__item-7 ul li{font-size:16px}
}
.service__title-7{font-weight:500;font-size:36px;line-height:1.3;color:var(--black-2);padding-bottom:25px;-webkit-transition:all .5s;transition:all .5s;text-transform:capitalize}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__title-7{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__title-7{font-size:30px}
}
@media only screen and (max-width: 767px) {
.service__title-7{font-size:30px}
}
.service__title-7:hover span{padding-left:0}
@media only screen and (max-width: 767px) {
.service__title-7:hover span{padding-left:50px}
}
.service__title-7:hover span::before{width:0}
.service__title-7 span{display:block;position:relative;padding-left:50px;-webkit-transition:all .5s;transition:all .5s}
.service__title-7 span::before{position:absolute;content:"";width:40px;height:1px;left:0;top:25px;-webkit-transition:all .5s;transition:all .5s;background-color:var(--black-2)}
.portfolio__area-7{margin-bottom:120px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-7 .pb-140{padding-bottom:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-7{margin-bottom:90px}
}
.portfolio__area-7 .sec-title{padding-bottom:50px;text-transform:capitalize}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-7 .sec-title{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-7 .sec-title{padding-bottom:30px}
}
.portfolio__area-7 p{font-size:18px;max-width:300px}
@media only screen and (max-width: 767px) {
.portfolio__area-7 p{font-size:16px}
}
.portfolio__slider-7{margin-right:-320px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__slider-7{margin-right:-200px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slider-7{margin-right:-130px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slider-7{margin-right:0}
}
@media only screen and (max-width: 767px) {
.portfolio__slider-7{margin-right:0}
}
.portfolio__slide-7{text-align:center}
.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:all .5s;transition:all .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}
.cta__area-7{background-color:var(--black-2)}
.cta__area-7 .cta__sub-title{color:var(--gray-2)}
.cta__area-7 .cta__title{color:var(--white)}
.cta__area-7 .wc-btn-primary,.cta__area-7 .wc-btn-secondary,.cta__area-7 .wc-btn-pink,.cta__area-7 .wc-btn-light,.cta__area-7 .wc-btn-black{border-color:var(--secondary);color:var(--gray-2)}
.cta__area-7 .wc-btn-primary:hover,.cta__area-7 .wc-btn-secondary:hover,.cta__area-7 .wc-btn-pink:hover,.cta__area-7 .wc-btn-light:hover,.cta__area-7 .wc-btn-black:hover{color:var(--black-2)}
.hover_img{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 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:0;overflow:hidden;pointer-events:none;z-index:-1}
@media (max-width: 1200px) {
.hover_img{width:0;display:none}
}
.hover_wrap{position:relative}
.hover_wrap:hover .hover_img{opacity:1}
.hover_8_wrap{position:relative}
.hover_8_img,.hover_8_img_2{width:300px;height:400px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);overflow:hidden;pointer-events:none;z-index:-1;margin-left:-250px;opacity:0}
.hover_8_img.active,.active.hover_8_img_2{opacity:1}
@media (max-width: 1200px) {
.hover_8_img,.hover_8_img_2{width:0;display:none}
}
.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:all .3s;transition:all .3s}
.scroll-top-2 i{font-size:18px;color:var(--black-2)}
.scroll-top-2:hover{color:var(--gray-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.scroll-top-2{right:50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.scroll-top-2{right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.scroll-top-2{right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.scroll-top-2{right:10px;bottom:15px}
}
@media only screen and (max-width: 767px) {
.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-top-2 p{color:var(--black-2);text-align:left}
.scroll-inner{display:-webkit-box;display:-ms-flexbox;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}
@media only screen and (max-width: 767px) {
.scroll-inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.scroll-inner p{display:none}
.scroll-inner img{max-width:100%;height:30px}
}
#main .part .section{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:end;-ms-flex-pack:end;justify-content:flex-end}
.part p{opacity:0}
.part h2{opacity:0}
.part.showed h2{opacity:1;padding-left:30px;padding-bottom:30px;font-weight:500;font-size:36px;line-height:1.3;color:var(--white);text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2{font-size:30px;padding-left:20px;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.part.showed h2{font-size:24px;padding-left:15px;padding-bottom:20px}
}
.part.showed h2 span{display:block;position:relative;padding-left:90px;font-family:"newYork"}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2 span{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2 span{padding-left:50px}
}
@media only screen and (max-width: 767px) {
.part.showed h2 span{padding-left:30px}
}
.part.showed h2 span::before{position:absolute;content:"";width:70px;height:2px;left:0;top:22px;background-color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2 span::before{width:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2 span::before{width:35px}
}
@media only screen and (max-width: 767px) {
.part.showed h2 span::before{width:25px}
}
.part.showed p{opacity:1;padding-left:120px;padding-bottom:60px;font-weight:500;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed p{padding-left:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed p{padding-left:70px}
}
@media only screen and (max-width: 767px) {
.part.showed p{padding-left:20px}
}
.showcase__area-4{padding:130px 50px 110px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase__area-4{padding:120px 50px 100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__area-4{padding:90px 50px 100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__area-4{padding:80px 30px 100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__area-4{padding:80px 20px 60px}
}
@media only screen and (max-width: 767px) {
.showcase__area-4{padding:60px 0 80px}
}
.showcase__area-4 .row{--bs-gutter-x:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__area-4 .row{--bs-gutter-x:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__area-4 .row{--bs-gutter-x:40px}
}
@media only screen and (max-width: 767px) {
.showcase__area-4 .row{--bs-gutter-x:30px}
}
.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}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__items-4{grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__items-4{grid-gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__items-4{grid-gap:15px;-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width: 767px) {
.showcase__items-4{grid-gap:15px;-ms-grid-columns:1fr 15px 1fr;grid-template-columns:repeat(2,1fr)}
}
.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:all 3s;transition:all 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}
@media only screen and (max-width: 767px) {
.showcase__menu-4{display:inline-block;z-index:9;text-align:center;position:relative;background-color:var(--white)}
}
.showcase__menu-4 button{font-weight:400;font-size:18px;line-height:1;color:var(--black);-webkit-transition:all .3s;transition:all .3s;text-transform:capitalize}
.showcase__menu-4 button:hover{letter-spacing:1px;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.showcase__menu-4 button{margin:0 5px 10px 0}
}
.showcase5__content img{-webkit-animation:wcSpinner 5s infinite linear;animation:wcSpinner 5s infinite linear}
.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 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);overflow:hidden;pointer-events:none;opacity:0}
.showcase_16_hover.active{opacity:1}
@media (max-width: 1365px) {
.showcase_16_hover{display:none}
}
.mixtup_btn#btn_wrapper,.mixtup_btn.btn_wrapper{margin:0 auto}
.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:all .5s;transition:all .5s;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media (max-width: 1365px) {
.mixtup_btn .wc-btn{width:150px;height:150px}
}
.mixtup_btn .wc-btn span{display:block;font-size:18px;margin-bottom:-15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media only screen and (max-width: 767px) {
.mixtup_btn .wc-btn span{margin-bottom:-5px}
}
.mixtup_btn .wc-btn:hover{color:var(--white);background-color:var(--black-2)}
@media (max-width: 1365px) {
.mixtup_btn{opacity:1;visibility:visible}
}
@media only screen and (max-width: 767px) {
.mixtup_btn{margin-bottom:30px}
}
body{position:relative}
.body-bg{position:fixed;z-index:99999;pointer-events:none;top:0;opacity:1;left:0;width:100vw;height:100vh;background-repeat:repeat;background-position:top left;background-image:url(../imgs/essential-img/bg-axtra.png)}
.blue,.gray,.skyblue,.red,.yellow{display:inline-block;height:35px;width:35px;border-radius:50%;background:var(--gray-2);outline:0;border:1px solid transparent;cursor:pointer}
.blue.active,.gray.active,.skyblue.active,.red.active,.yellow.active{position:relative}
.blue.active::after,.gray.active::after,.skyblue.active::after,.red.active::after,.yellow.active::after{position:absolute;content:"";width:8px;height:15px;left:12px;top:6px;border-bottom:1px solid var(--white);border-right:1px solid var(--white);-webkit-transform:rotate(40deg);transform:rotate(40deg)}
.yellow{background:var(--primary)}
.red{background:var(--pink-2)}
.gray{background:var(--gray-12)}
.skyblue{background:var(--pink-5)}
.dropdowncommon{position:absolute;left:0;top:50px;z-index:9;width:300px;background:var(--white);-webkit-box-shadow:rgba(149,157,165,0.2) 0 8px 24px;box-shadow:rgba(149,157,165,0.2) 0 8px 24px;padding:30px 10px;display:none}
.dropdowncommon.mobile{display:block;position:static;margin-bottom:15px}
.dropdowncommon.shop-left{position:static;display:block;width:100%}