body{padding:0;margin:0;font-family:Montserrat,'Arial Narrow',sans-serif;line-height:1.5;letter-spacing:0}
body.menu-open{overflow:hidden}
.center-con{display:flex;height:100vh;align-items:flex-end;justify-content:flex-end}
.arrow-up{position:fixed;left:85px;bottom:0;cursor:pointer;z-index:9}
.round{position:absolute;border:2px solid #c48d6a;width:60px;height:60px;border-radius:100%;bottom:27px;transform:rotate(-90deg);display:flex;align-items:center;justify-content:center;background:#fff}
#cta{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}
#cta .arrow{display:flex;align-items:center;justify-content:center}
.arrow{width:12px;height:12px;background-size:contain}
.segunda{position:relative}
.primera{left:3px;position:relative}
.next{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojY2FhZDg2O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTkuMSAyMTdjMjAuMiAyMC4yIDE5LjkgNTMuMi0uNiA3My43cy01My41IDIwLjgtNzMuNy42bC0xOTAtMTkwYy0yMC4xLTIwLjItMTkuOC01My4yLjctNzMuN1MxMDkgNi44IDEyOS4xIDI3bDE5MCAxOTB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDI5MC41YzIwLjItMjAuMiAxOS45LTUzLjItLjYtNzMuN3MtNTMuNS0yMC44LTczLjctLjZsLTE5MCAxOTBjLTIwLjIgMjAuMi0xOS45IDUzLjIuNiA3My43czUzLjUgMjAuOCA3My43LjZsMTkwLTE5MHoiLz48L3N2Zz4=)}
@keyframes bounceAlpha{
0%{opacity:1;transform:translateX(0) scale(1)}
25%{opacity:0;transform:translateX(10px) scale(.9)}
26%{opacity:0;transform:translateX(-10px) scale(.9)}
55%{opacity:1;transform:translateX(0) scale(1)}
}
#Layer_2 .cls-1{transition:transform .35s ease;transform-box:fill-box;transform-origin:center}
svg#Layer_2.x g>line:first-child{transform:translateY(5.335px) rotate(45deg)}
svg#Layer_2.x g>line:last-child{transform:translateY(-5.335px) rotate(-45deg)}
#Layer_2{overflow:visible}
.wf-banner .main-title{min-height:110px;text-transform:capitalize}
.bounceAlpha{animation-name:bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear}
.arrow.primera.bounceAlpha{animation-name:bounceAlpha;animation-duration:1.4s;animation-delay:.2s;animation-iteration-count:infinite;animation-timing-function:linear}
.round:hover .arrow{animation-name:bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear}
.round:hover .arrow.primera{animation-name:bounceAlpha;animation-duration:1.4s;animation-delay:.2s;animation-iteration-count:infinite;animation-timing-function:linear}
.toggle{position:absolute;top:8.5vh;left:50%;z-index:36;transform:translate(-50%,-50%);z-index:10000}
.toggle a{text-decoration:none;color:#262626;font-size:24px;cursor:pointer}
.menu-bg{width:30%;background:url(../images/sky.jpg);background-size:cover;background-position:center;height:100%;position:relative}
.menu-line img{width:auto;height:100%;position:absolute;right:0;top:0;min-width:10px;min-height:100px}
.menu-sign img{position:absolute;right:18px;top:22%;width:285px;height:auto}
.menu{margin:0;padding:0;position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;transition:1.2s;z-index:35}
.menu-inner ul{margin:0;padding:0;position:relative}
.menu-inner{position:absolute;top:50%;left:90%;transform:translate(-90%,-50%);text-align:center}
.menu-inner ul li{list-style:none;margin:0 0 16px 0;border-top:2px solid #caad86;position:relative;min-width:365px}
.menu-inner ul li a{font-size:23px;text-decoration:none;color:#262626;padding:14px 100px;display:block;font-weight:300}
.menu-inner ul li:nth-child(odd) a:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.16 36.79'><polyline fill='none' stroke='%23313131' stroke-miterlimit='10' points='18.69 0.35 0.71 18.34 18.81 36.44'/></svg>");background-size:contain;background-repeat:no-repeat;display:inline-block;width:62px;height:38px;position:absolute;left:22px;top:13px;z-index:0;transition:left 1s ease}
.menu-inner ul li:nth-child(odd) a:hover:after{left:15px;transition:left 1s ease}
.menu-inner ul li:nth-child(even) a:after{content:"";background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.16 36.79'><polyline fill='none' stroke='%23313131' stroke-miterlimit='10' points='.47 36.44 18.46 18.46 .35 .35'/></svg>");background-size:contain;background-repeat:no-repeat;display:inline-block;width:62px;height:38px;position:absolute;right:15px;top:13px;transition:right 1s ease}
.menu-inner ul li:nth-child(even) a:hover:after{right:10px;transition:right 1s ease}
.menu-inner ul li:nth-child(-n+4){position:relative;border:1.5px solid transparent;border-image:linear-gradient(to right,rgba(196,141,106,.5) 0,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(196,141,106,.8) 100%);border-image-slice:1;border-top:1.5px solid #c48d6a}
.menu-inner ul li:nth-child(n+5){position:relative;border:1.5px solid transparent;border-image:linear-gradient(to right,rgba(196,141,106,.5) 0,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(196,141,106,.8) 100%);border-image-slice:1;border-top:2px solid #c48d6a}
.menu-inner ul li:nth-child(1)::after,.menu-inner ul li:nth-child(3)::after{content:"";content:"";position:absolute;inset:-3px -1px auto -1px;height:3px;background:#c48d6a;width:calc(100% + 3px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}
.menu-inner ul li:nth-child(2)::after,.menu-inner ul li:nth-child(4)::after{content:"";content:"";position:absolute;inset:-3px -1px auto -2px;height:3px;background:#c48d6a;width:calc(100% + 3px);clip-path:polygon(14px 0,100% 0,100% 100%,0 100%)}
.menu-inner ul li:nth-child(5)::after,.menu-inner ul li:nth-child(7)::after{content:"";content:"";position:absolute;inset:auto -1px -3px -2px;height:3px;background:#c48d6a;width:calc(100% + 3px);clip-path:polygon(0 0,100% 0,100% 100%,14px 100%)}
.menu-inner ul li:nth-child(6)::after,.menu-inner ul li:nth-child(8)::after{content:"";content:"";position:absolute;inset:auto -1px -3px -1px;height:3px;background:#c48d6a;width:calc(100% + 3px);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.menu.active{right:0;overflow:auto;background-size:contain;background-repeat:no-repeat;background-color:#f4f4f4;z-index:9999}
span.menuLine{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:30px;background:linear-gradient(to right,rgba(196,141,106,.5) 0,rgba(255,255,255,0) 50%,rgba(196,141,106,.8) 100%);opacity:42%}
.menu-icon-container{cursor:pointer;display:flex}
.menu-icon-container svg{transition:transform .5s cubic-bezier(.4,0,.2,1);width:50px;height:auto}
.menu-icon-container.active svg{transform:rotate(90deg)}
.menu-icon-container path{transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}
.menu-icon-container path:nth-child(1){transform-origin:36% 40%}
.menu-icon-container path:nth-child(2){stroke-dasharray:29 299}
.menu-icon-container path:nth-child(3){transform-origin:35% 63%}
.menu-icon-container path:nth-child(4){stroke-dasharray:29 299}
.menu-icon-container path:nth-child(5){transform-origin:61% 52%}
.menu-icon-container path:nth-child(6){transform-origin:62% 52%}
.menu-icon-container.active path:nth-child(1){transform:translateX(9px) translateY(1px) rotate(45deg)}
.menu-icon-container.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}
.menu-icon-container.active path:nth-child(3){transform:translateX(9px) translateY(1px) rotate(-45deg)}
.menu-icon-container.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}
.menu-icon-container.active path:nth-child(5){transform:translateX(9px) translateY(1px) rotate(-45deg)}
.menu-icon-container.active path:nth-child(6){transform:translateX(9px) translateY(1px) rotate(45deg)}
.menu-icon-container.active:after{content:"";width:70px;height:70px;background:#c48d6a;position:absolute;left:-10px;top:-27px;border-radius:100%;z-index:-1}
.sub-menu{position:absolute;bottom:5%;left:40%;transform:translate(-40%,-5%)}
.sub-menu .social-title{color:#93928e}
.rest-menu ul{list-style:none;padding:0}
.rest-menu ul li a{font-size:22px;text-decoration:none;color:#262626}
.rest-menu ul li{padding-bottom:10px}
.social-title{font-size:20px;color:#000;padding-bottom:8px}
.social-media ul{list-style:none;padding:0;margin:0}
.social-media ul li{display:inline-block;padding:10px;padding-left:0}
section.wf-banner{width:100%;height:100vh;display:flex;align-items:center;text-align:center;background-image:url(../images/sec1.jpg);background-size:100% 100%;background-position:left top}
.main-title{font-size:50px;font-weight:600;line-height:1.2}
.wf-banner-subtitle{font-size:25px;color:#93928e;font-weight:400;padding-bottom:40px;text-transform:uppercase}
.wf-btn a{border:1px solid #000;display:inline-block;padding:12px 80px;background:0 0;color:#000;text-decoration:none;font-weight:400;text-align:center;border-radius:5px;transition:border-color .3s ease,border-width .3s ease,color .3s ease;font-size:18px}
.wf-btn a:hover{border:0;border-color:transparent;border-width:0}
.nav-tabs .nav-link span{padding-right:50px}
.wf-btn.white a{background:0 0}
.wf-projects{width:80%;float:right;position:relative;margin-top:30px}
.filter-bar{text-align:center;padding:0;position:absolute;right:18.5%;top:5%}
.filter-bar button{background:0 0;border:none;margin:0 10px;font-size:18px;cursor:pointer;color:#000;position:relative;font-weight:400}
.filter-bar button.active{font-weight:400}
.filter-bar button:after{position:absolute;content:"|";right:-15px;top:-1px;font-weight:400}
.filter-bar button:last-child:after{display:none}
.wf-projects .swiper{width:100%;height:auto;margin:80px 0 90px 0}
.wf-projects .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.wf-projects .swiper-slide img{width:100%;height:700px;object-fit:cover}
.wf-projects .swiper-slide a{color:#000;width:94%;text-decoration:none}
.wf-projects .slide-title{margin-top:10px;font-size:25px;font-weight:700;text-align:left;width:94%}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{color:#000;font-size:19px}
.wf-projects .swiper-button-next,.wf-projects .swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,30px);left:auto}
.wf-projects .swiper-button-prev,.wf-projects .swiper-rtl .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,11.5%)}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{top:var(--swiper-navigation-top-offset,6%)}
.wf-projects .swiper-button-next:after,.wf-projects .swiper-button-prev:after,.wf-projects .swiper-rtl .swiper-button-next:after,.wf-projects .swiper-rtl .swiper-button-prev:after{display:none}
.relative{position:relative}
.paragraph{font-size:22px;color:#000;font-weight:300}
.projects-cn .paragraph{font-size:25px;color:#c48d6a}
section.journey{padding-top:180px;padding-bottom:220px;background-image:url(../images/sec2-bg.png);background-size:cover;background-position:left bottom}
section.projects-cn{padding-top:160px;margin-top:40px;z-index: 3;position: relative;}
section.projects-cn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:78%; 
  background: url(/wf-src/images/projects-bg_1.png) no-repeat top center;
  background-size:cover;
  z-index: -1;
}
header #logo{position:absolute;top:5.5vh;left:4vh}
section.curating{padding-top:200px;padding-bottom:160px;background-image:url(../images/background-bg.jpg);background-size:cover;background-position:left bottom}
.clear{clear:both}
.beyond-cn .paragraph{padding-bottom:90px}
.white-color{color:#fff}
.p-pad{padding-bottom:90px}
.wf-hr{margin-top:40px}
.nav-tabs .nav-link{color:rgb(196 141 106 / 35%);font-size:80px;font-weight:400;border:none;padding:0;line-height:1}
.nav-tabs .nav-link .st0tab{fill:rgb(196 141 106 / 35%)}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#c48d6a;font-size:80px;font-weight:300;border:none;padding:0;line-height:1;background-color:transparent}
.nav-tabs .nav-item.show .nav-link .st0tab,.nav-tabs .nav-link.active .st0tab{fill:#c48d6a}
div#nav-tab{border:none;width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:100px}
.gold-color{color:#c48d6a}
.thingsHeader{padding-top:115px;padding-bottom:155px}
.thingsHeader .paragraph{font-size:25px}
.thingsHeader .main-title{font-weight:300}
.tab-mg img{width:100%}
.title35{font-size:35px;font-weight:600;padding-bottom:30px}
.Principals .title35{padding-bottom:15px;font-weight:300}
.tab-content{padding-bottom:150px}
section.thingsTabs {
    background-image: url(../images/tabs-theme_1.png);
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: -42% 87%;
    background-color: #fbfbfb;
    background-blend-mode: multiply;
}
.tab-content>.active{display:flex;min-height:475px}
.first-f-row{padding-top:30px;padding-bottom:150px}
section.Fundamental .title35{padding-bottom:124px}
.fundamental-title{font-size:25px;font-weight:700;line-height:1.2;text-transform:capitalize}
.fundamental-icons-cn .fundamental-title{padding-top:65px;padding-bottom:35px;color:#c48d6a;font-weight:300}
.second-f-row{padding-bottom:200px}
.fundamental-icon svg{width:100px;height:100px}
section.Principals{background-color:#f4f4f4;padding:225px 0 130px}
.sign-swiper{width:100%;overflow:hidden}
.sign-swiper .swiper-slide{height:100%}
.sign-swiper .swiper-button-next,.sign-swiper .swiper-button-prev{color:#000}
.sign-swiper .swiper-pagination{width:100%;text-align:left;padding-top:0;display:block!important}
.sign-list{padding-bottom:70px}
.sign-swiper .swiper-pagination-bullet{opacity:1;width:13px!important;border-radius:6px!important;height:10px!important;background:#d3d3d3!important}
.sign-swiper .swiper-pagination-bullet-active{opacity:1;width:32px!important}
.relative{position:relative}
.Principals-head{padding-bottom:150px}
.Principals-head .paragraph{font-size:19px}
.Principals-head .fundamental-title{font-weight:300;text-transform:uppercase}
.gold-border{border:1px solid #c48d6a}
.g-br-t-none{border-top:none}
.g-br-b-none{border-bottom:none}
.g-br-r-none{border-right:none}
.g-br-l-none{border-left:none}
.princ-box{padding:45px 30px 45px 35px}
section.Principals .princ-icon,section.Principals .title35{padding-left:0;padding-right:0}
.princ-mg img{width:100%}
.princ-icon svg{position:relative;left:-25px}
.princ-icon{padding-bottom:65px}
.info-princ .paragraph{font-size:21px}
.info-princ{padding-bottom:65px}
.info-princ-l{padding-bottom:115px!important}
.info-princ .fundamental-title{font-weight:300}
.font-400{font-weight:400}
.w-90{width:90%}
.padding-f{padding-top:120px!important}
.linepad{width:70%}
.beyond-cn .btn-8 a{border:none;background:linear-gradient(to left,rgb(209 145 60) 0,rgb(255 209 148) 100%)}
.beyond-cn .btn-8 a::after{display:none}
.signs-gray-bg{border-top:#c48d6a 1.5px solid;background-color:#fff;padding-top:118px;position:relative;margin-top:120px;padding-bottom:100px;border-bottom:8px solid #d6d6d6}
.signs-gray-bg::before{content:"";position:absolute;top:0;width:100%;height:224px;background:linear-gradient(to bottom,rgba(196 ,141,106,.8) 0,rgba(244,239,232,0) 100%);opacity:30%}
.sign-second-cn{margin-bottom:91px;background:#f4f4f4;padding-bottom:150px;padding-top:300px}
.signs-head .fundamental-title{padding-top:30px;padding-bottom:65px;font-weight:300}
.princ-box-cn .fundamental-title{font-weight:300}
.sign-beige-bg-80{background:#f5f3ee;height:100%;position:absolute;z-index:-1}
.sign-info .fundamental-title{padding-top:0;padding-bottom:50px}
.sign-list ul{list-style:none;padding:0;margin:0}
.sign-list ul li{padding-bottom:35px;font-size:20px;color:#000;font-weight:300;line-height:1.5}
.sign-list ul li span{color:#c48d6a;font-size:22px;font-weight:600;text-transform:capitalize}
.sign-info .fundamental-title{font-size:25px}
.sign-top-mg img{width:155px;height:auto}
.blog-head .fundamental-title{font-weight:300}
.sign-top-mg{text-align:center}
.grid-cn{display:grid;grid-template-columns:repeat(2,auto);column-gap:0}
.sign-beige-bg-100{background:#f4f6f8;width:100%;height:100%;position:absolute;z-index:-1;opacity:32%}
.sign-right-full-mg img{width:100%}
.sign-right-full-mg{text-align:right;padding-top:0;padding-bottom:0}
.safety-mg img{width:100%;height:auto}
.blog-head{padding-top:260px;padding-bottom:110px}
.blog-cn{background-color:#ffff;position:relative;border-top:#caad86 1.5px solid;margin-top:120px}
.blog-cn::before{content:"";position:absolute;top:0;width:100%;height:224px;background:linear-gradient(to bottom,rgba(196 ,141,106,.8) 0,rgba(244,239,232,0) 100%);opacity:30%}
.padding-b{padding-bottom:180px}
.blog-slider .swiper{position:relative;width:100%;height:auto;overflow:hidden;padding-bottom:150px}
.blog-slider .swiper-slide{position:relative;width:100%;opacity:.5;transform:scale(.84);transition:all .3s ease-in-out;overflow:hidden;border-radius:.4285rem}
.blog-slider .swiper-backface-hidden .swiper-slide{transform:scale(.84) translateZ(0)}
.blog-slider .swiper-slide.swiper-slide-active{transform:scale(1)!important;opacity:1!important}
.blog-slider .swiper-backface-hidden .swiper-slide.swiper-slide-active{transform:scale(1) translateZ(0)!important}
.blog-slider-btn .btn-8 a{border:none;background:linear-gradient(to right,rgb(209 145 60) 0,rgb(255 209 148) 100%);padding-left:50px;padding-right:50px;border:0;font-weight:300}
.blog-slider-btn .btn-8 a::after{display:none}
.contact-header{padding-bottom:60px}
.contact-header .fundamental-title{font-weight:300}
.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form textarea{width:100%;padding:15px;margin:10px 0;border:none;background-color:#eee;font-size:16px;outline:0;font-weight:300}
.contact-form textarea{height:150px;resize:none}
.contact-bg{background-color:rgba(233,233,231,.3);padding-top:180px;background-image:url(/wf-src/images/contact-bg.png);background-repeat:no-repeat;background-position:left bottom}
.contact-header .main-title{padding-bottom:60px}
.wf-send button{display:inline-block;position:relative;overflow:hidden;padding:12px 100px;color:#000;background:0 0;border:none;border-radius:0;cursor:pointer;font-weight:400;text-align:center;text-decoration:none;transition:color .4s ease-in-out;line-height:1;vertical-align:middle}
.wf-send button::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,#d1913c 0,#ffd194 100%);background-size:200% 200%;background-position:0 50%;opacity:1;transition:background-position .4s ease-in-out;backface-visibility:hidden;transform:translateZ(0);will-change:background-position}
.wf-send button:hover::before{animation:shimmerMove 2s ease-in-out infinite}
.wf-send{display:flex;align-items:center;justify-content:flex-end;padding-top:10px}
.form-container{padding-bottom:50px}
.footer-cn{background-color:#f4f4f4;padding-top:60px;padding-bottom:120px}
.upper-row{padding-bottom:50px}
.upper-row ul li a,.upper-row ul li div{color:#000;text-decoration:none;padding-top:5px;font-weight:300;font-size:18px}
.upper-row ul li{padding:0}
.upper-row ul{display:flex;align-items:center;justify-content:space-between}
.ssd-logo svg{width:300px;height:auto}
.bottom-row{display:flex;align-items:center;justify-content:space-between}
.btn-8 button{display:inline-block;position:relative;overflow:hidden;padding:17px 60px;color:#000;background:0 0;border:0;border-radius:0;cursor:pointer;line-height:1;vertical-align:middle;transition:color .4s ease-in-out}
.btn-8 button::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,#d1913c 0,#ffd194 100%);background-size:200% 200%;background-position:0 50%;opacity:0;transition:opacity .35s ease-in-out;backface-visibility:hidden;transform:translateZ(0);will-change:background-position,opacity}
.btn-8 button span::after{content:'';width:11px;height:11px;position:absolute;right:-15px;top:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 11.48'><style>.cls-1{fill:none;stroke:%23000;stroke-miterlimit:10;}</style><g><line class='cls-1' x1='.34' y1='11.11' x2='11.05' y2='1.07'/><polygon points='11.6 8.69 10.15 8.59 10.64 1.46 3.49 1.49 3.49 .04 12.19 0 11.6 8.69'/></g></svg>");background-size:contain;background-repeat:no-repeat}
.btn-8 button::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:0 0 0 1px #000 inset;opacity:1;transition:opacity .35s ease-in-out;backface-visibility:hidden;transform:translateZ(0)}
.btn-8 button span{position:relative;z-index:3;transition:color .4s ease-in-out}
.btn-8 button:hover::before{opacity:1;animation:shimmerMove 2s ease-in-out infinite}
.btn-8 button:hover::after{opacity:0}
.btn-8 button:hover span{color:#000}
.btn-8 a{display:inline-block;position:relative;overflow:hidden;padding:17px 100px;color:#000;background:0 0;border:0;border-radius:0;cursor:pointer;line-height:1;vertical-align:middle;transition:color .4s ease-in-out}
.btn-8 a::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right ,#d1913c 0,#ffd194 100%);background-size:200% 200%;background-position:0 50%;opacity:0;transition:opacity .35s ease-in-out;backface-visibility:hidden;transform:translateZ(0);will-change:background-position,opacity}
.btn-8 a::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:0 0 0 1px #000 inset;opacity:1;transition:opacity .35s ease-in-out;backface-visibility:hidden;transform:translateZ(0)}
.btn-8 a span{position:relative;z-index:3;transition:color .4s ease-in-out}
.btn-8 a span::after{content:'';width:11px;height:11px;position:absolute;right:-16px;top:8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.19 11.48'><style>.cls-1{fill:none;stroke:%23000;stroke-miterlimit:10;}</style><g><line class='cls-1' x1='.34' y1='11.11' x2='11.05' y2='1.07'/><polygon points='11.6 8.69 10.15 8.59 10.64 1.46 3.49 1.49 3.49 .04 12.19 0 11.6 8.69'/></g></svg>");background-size:contain;background-repeat:no-repeat}
.blog-btn-all .btn-8 a span::after{right:-60px;top:7px}
.blog-head .main-title{padding-bottom:40px}
.btn-8 a:hover::before{opacity:1;animation:shimmerMove 2s ease-in-out infinite}
.btn-8 a:hover::after{opacity:0}
.btn-8 a:hover span{color:#000}
@keyframes shimmerMove{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.sign-right-mg img{width:100%}
.h-p{height:120px}
.blog-slider-mg img{width:100%}
.blog-slider-cn{margin:30px;background:#f4f4f4;border:4px solid #fff;padding:30px}
.blog-slider-date{font-size:22px;color:#92918d;font-weight:300;padding-bottom:50px}
.blog-slider-title{font-size:30px;color:#000;font-weight:300;width:60%}
.blog-slider-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;padding:0;padding-top:10px;padding-left:50px}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,70px);width:90%;height:auto}
.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:#cfcfcd;opacity:1}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:#cfcfcd;width:35px;height:10px;border-radius:10px}
.swiper-pagination{position:static;text-align:right}
.blog-btn-all{padding:0;padding-left:40px;text-align:left}
.blog-btn-all .wf-btn{display:inline-block}
.award-h-mg img{
    width: 213px;
    height:auto
    

}
.award-h-mg{padding-bottom: 35px;}
.award-h{position: absolute;top: 85px;right: 60px;}
@media screen and (max-width:1680px){
.menu-inner ul li a{font-size:20px;padding:10px 70px}
.menu-inner ul li{min-width:300px}
.menu-inner ul li:nth-child(odd) a:after{width:45px;height:29px;position:absolute;left:15px;top:11px}
.menu-inner ul li:nth-child(even) a:after{width:45px;height:29px;position:absolute;right:15px;top:13px}
.linepad{width:97%}
.main-title{font-size:42px}
.wf-banner-subtitle{font-size:22px}
.menu-sign img{top:30%;width:211px}
.menu-bg{width:24%}
.menu-icon-container.active:after{width:60px;height:55px;left:-8px;top:-22px}
.menu-icon-container svg{width:45px}
.wf-projects .swiper-slide img{height:600px}
.filter-bar button{font-size:16px}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{font-size:16px}
.wf-projects .slide-title{margin-top:5px;font-size:22px}
section.curating{padding-top:140px;padding-bottom:120px}
.p-pad{padding-bottom:70px}
.thingsHeader{padding-top:100px;padding-bottom:110px}
.nav-tabs .nav-link{font-size:50px}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{font-size:50px}
.nav-link svg{width:auto;height:50px}
.title35{font-size:31px}
.nav-tabs .nav-link span{padding-right:45px;font-size:65px}
.tab-content>.active{min-height:340px}
.tab-content{padding-bottom:100px}
.thingsHeader .paragraph{font-size:22px}
.first-f-row{padding-bottom:120px}
section.Fundamental .title35{padding-bottom:100px}
.fundamental-icon svg{width:85px;height:85px}
.fundamental-icons-cn .fundamental-title{padding-top:35px;padding-bottom:15px}
.second-f-row{padding-bottom:125px}
section.Principals{padding:150px 0;padding-bottom:0}
.Principals-head{padding-bottom:120px}
.princ-icon svg{width:50px;height:auto}
.fundamental-title{font-size:22px}
.first-f-row .fundamental-title{padding-bottom:12px!important}
.paragraph{font-size:19px}
.info-princ .paragraph{font-size:18px}
.princ-box{padding:45px 23px 45px 35px}
.padding-b{padding-bottom:80px}
.wf-btn a{font-size:17px}
.btn-8 a{padding:17px 80px}
.signs-gray-bg{padding-top:100px}
.sign-right-mg img{width:80%}
.signs-head .fundamental-title{padding-top:23px;padding-bottom:50px}
.sign-top-mg img{width:61%;height:auto}
.padding-f{padding-top:150px!important}
.sign-list ul li span{font-size:19px}
.sign-info .fundamental-title{font-size:22px}
.sign-list ul li{padding-bottom:21px;font-size:17px}
.blog-head{padding-top:130px;padding-bottom:40px}
.contact-header{padding-top:0;padding-bottom:0}
.contact-bg{padding-top:100px}
.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form textarea{width:100%;padding:10px 15px;margin:7px 0;border:none;background-color:#eee;font-size:15px;outline:0}
.social-title{font-size:18px;padding-bottom:11px}
.upper-row ul li a,.upper-row ul li div{padding-top:3px;font-size:17px}
.upper-row{padding-bottom:40px}
.ssd-logo svg{width:260px;height:auto}
.footer-cn{padding-top:40px;padding-bottom:80px}
header div#logo svg{width:170px;height:auto}
.tab-mg img{width:80%}
.sign-right-mg{display:block}
.princ-icon{padding-bottom:40px}
.info-princ{padding-bottom:45px}
.blog-slider-title{font-size:26px;width:75%}
.blog-slider-date{font-size:20px;padding-bottom:30px}
.contact-bg{background-image:url(/wf-src/images/contact-bg-2.png)}
.princ-mg img{width:83%}
.info-princ-l{padding-bottom:95px!important}
.sign-second-cn{padding-bottom:110px;padding-top:150px}
.sign-list{padding-bottom:70px}
.projects-cn .paragraph{font-size:22px}
}
@media (max-width:1400px){
.main-title{font-size:38px}
.wf-banner-subtitle{font-size:20px}
section.journey{padding-top:111px;padding-bottom:175px;background-repeat:no-repeat;background-size:contain;background-position:left bottom}
.paragraph{font-size:17px}
section.projects-cn{padding-top:95px}
.wf-projects .swiper-slide img{height:470px}
.projects-cn .paragraph{font-size:21px}
.filter-bar{top:7%}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{top:var(--swiper-navigation-top-offset,9%)}
.fundamental-title{font-size:20px}
section.Principals{padding:116px 0;padding-bottom:60px}
.Principals-head{padding-bottom:99px}
.title35{font-size:28px}
.info-princ-l{padding-bottom:60px!important}
.info-princ{padding-bottom:34px}
.princ-icon{padding-bottom:35px}
.thingsHeader .paragraph{font-size:20px}
.thingsHeader{padding-top:90px;padding-bottom:90px}
.sign-right-full-mg img{width:90%}
section.projects-cn::before {
 
  height:78%; 
 
}

section.thingsTabs{background-size: 45%;}
.award-h{right: 30px;top: 80px;}
.award-h-mg img {
    width: 182px;
    height: auto;
}
.award-h-mg {
    padding-bottom: 30px;
}
.sign-list{padding-bottom:35px}
}
@media (max-width:900px){
.swiper-slide img{width:95%}
.sign-right-mg img{width:80%}
.sign-beige-bg-80{width:100%!important}
.menu-sign img{top:33%;width:130px}
section.wf-banner{width:100%;height:70vh;display:flex;align-items:center;text-align:center;background-image:url(../images/sec1.jpg);background-size:cover;background-position:center}
section.journey{padding-top:70px;padding-bottom:190px;background-position:right bottom}
.main-title{font-size:32px}
.paragraph{font-size:18px}
section.projects-cn{padding-top:100px}
.wf-projects{width:90%}
.wf-projects .swiper-slide img{height:360px}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{top:var(--swiper-navigation-top-offset,12%)}
.wf-projects .swiper-button-next, .wf-projects .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 15px);
}
.wf-projects .swiper-button-prev, .wf-projects .swiper-rtl .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 9.5%);
}
.wf-projects .slide-title{margin-top:12px;font-size:20px}
.wf-projects .swiper{margin:80px 0 40px 0}
.tab-mg img{width:65%;margin-top:33px}
.beyond-cn img,.first-f-row img,.safety-mg img{height:400px;width:100%;object-fit:cover;margin-bottom:33px;object-position:center center}
.first-f-row{padding-bottom:90px}
.fundamental-icons-cn{padding-bottom:60px}
section.Fundamental .title35{padding-bottom:40px}
.second-f-row{padding-bottom:20px}
section.Principals{padding:60px 0 30px 0}
.Principals-head{padding-bottom:50px}
.sign-second-cn{margin-bottom:20px}
.blog-cn{margin-top:20px}
.outOfCNPadLeft,.outOfCNPadRight{padding:0 15px!important}
.padding-b{padding-bottom:50px}
.blog-head{padding-top:80px}
.padding-b{padding-bottom:50px}
.order-ipad-1{order:1}
.order-ipad-2{order:2}
.h-p{height:auto}
.beyond-info{padding-bottom:45px!important}
.signs-gray-bg{padding-top:70px;padding-bottom:60px;margin-top:40px}
.sign-right-mg{right:-12px;padding-top:50px;position:relative}
.sign-info .fundamental-title{padding-bottom:25px}
.padding-f{padding-top:100px!important}
section.signs{padding-bottom:50px}
section.safety-cn{padding-bottom:55px}
section.safety-cn .main-title,section.safety-cn .paragraph{padding:0 15px}
.blog-slider-date{font-size:19px;padding-bottom:2px}
.blog-slider-title{font-size:23px;width:100%;padding-bottom:40px}
.blog-slider-info{padding:0;padding-top:20px;padding-left:0}
.blog-slider-cn{margin:10px;padding:20px}
.swiper-slide img{width:100%}
.blog-btn-all{padding-left:55px;text-align:left}
.contact-header{padding-top:0;padding-bottom:20px}
.contact-bg{padding-top:80px}
.princ-box{padding:25px 15px 30px 27px}
.upper-row ul{flex-wrap:wrap}
.upper-row ul li{flex:0 1 50%;padding-bottom:20px}
.social-title{font-size:23px}
.order-res-1-n{order:1}
.order-res-2-n{order:2}
.blog-slider-btn .btn-8 a{padding-left:40px;padding-right:40px}
.blog-btn-all .btn-8 a span::after{right:-40px}
.order-res-1{order:1}
.order-res-2{order:2}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,50px);width:58%;height:auto;padding-bottom:30px}
.blog-slider .swiper{padding-bottom:100px}
.gold-border-s{border:1px solid #c48d6a!important}
.news-section::after{top:-12px}
.nav-tabs .nav-link span{font-size:50px}
.nav-tabs .nav-link span{padding-right:20px}
.princ-icon svg{position:relative;left:0}
.princ-icon{padding-bottom:22px}
.title35{font-size:26px}
.info-princ .paragraph{font-size:16px}
.info-princ-l{padding-bottom:60px!important}
.princ-icon svg{width:40px}
.sign-swiper .swiper-slide img{width:46%}
.sign-second-cn{padding-bottom:63px;padding-top:80px}
.sign-list{padding-bottom:35px}
.sign-swiper .swiper-slide img{width:80%;text-align:left}
.flex-e{display:flex;align-items: center;}
.sign-top-mg img{width: 100px !important;height: auto;}
.sign-right-full-mg img{width: 100% !important;}
.filter-bar{top: 10%;}
section.projects-cn::before {height: 84%;}
section.thingsTabs{background-size: 100%;}
.award-h{right: 15px;top: 60px;}
    .award-h-mg img {
        width: 170px;
       
}
}
@media screen and (max-width:650px){
header #logo{position:absolute;top:3.5vh;left:2vh}
.toggle{position:absolute;top:45px;left:auto;transform:none;right:20px}
.wf-btn a{padding:17px 33px}
.blog-btn-all .btn-8 a span::after{right:-22px}
.main-title{font-size:24px}
.award-h{display: flex;top: 10%;right: auto;left: 15px;gap: 20px;align-items: center;}
section.wf-banner{height:60vh}
.award-h-mg img{width: 90%;}
.menu-bg{width:32%}
.menu-inner{position:absolute;top:50%;left:90%;transform:translate(-90%,-50%);text-align:center}
.menu-sign img{top:34%;width:90px}
.sub-menu{transform:none;bottom:2%}
.social-title{font-size:18px;padding-bottom:7px}
.wf-projects{width:100%}
.filter-bar{right:auto;left:50%;transform:translate(-50%,0);width:100%}
.filter-bar button{margin:0 0}
.filter-bar button:after{right:-6px;top:0}
.wf-projects .swiper-button-next,.wf-projects .swiper-button-prev{top:auto;bottom:15px}
.wf-projects .swiper-button-prev,.wf-projects .swiper-rtl .swiper-button-next{left:auto;right:40%}
.wf-projects .swiper-button-next,.wf-projects .swiper-rtl .swiper-button-prev{right:auto;left:40%}
.wf-projects .swiper{margin:80px 0 80px 0}
.beyond-cn{text-align:center}
.beyond-cn .w-90{width:100%}
.safety-cn{text-align:center}
.nav-link svg{width:auto;height:35px}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{font-size:40px}
.nav-tabs .nav-link{font-size:40px}
.nav-link svg{position:relative;top:-2px}
div#nav-tab{padding-bottom:45px}
.sign-right-full-mg{padding-top:75px;padding-bottom:10px}
.sign-right-mg{padding-bottom:10px}
.sign-list ul li{padding-bottom:10px}
.sign-list{padding-bottom:45px}
.blog-slider-info{padding:15px;padding-left:0}
.blog-slider-cn{margin:5px;padding:15px}
.blog-slider-title{font-size:21px}
.bottom-row{display:block}
.ssd-logo{padding-top:20px}
.upper-row ul li{flex:0 1 100%;padding-bottom:20px;display:flex;align-items:center}
.upper-row ul li a{display:flex;align-items:center}
.upper-row ul li div{padding-left:10px;padding-top:0}
.upper-row{padding-bottom:15px}
.sign-right-mg img{max-width:200px;object-fit:contain}
.sign-top-mg img{max-height:250px;object-fit:contain}
.tab-mg{text-align:center}
.menu-inner ul li{min-width:240px;margin:0 0 15px 0}
.menu-inner ul li a{font-size:18px;padding:10px 40px}
.menu-inner ul li:nth-child(odd) a:after{width:33px;height:33px;top:8px}
.menu-inner ul li:nth-child(even) a:after{width:33px;height:33px;top:8px}
span.menuLine{position:absolute;bottom:0;left:auto;right:-10px;transform:none;width:10px;background:linear-gradient(to right,rgba(202,173,134,.5) 0,rgba(255,255,255,0) 50%,rgba(202,173,134,.8) 100%);opacity:42%}
.menu-icon-container.active:after{width:43px;height:43px;left:-4px;top:-17px}
.menu-icon-container svg{width:35px}
.blog-btn-all{padding-left:35px}
.order-res-1{order:1}
.order-res-2{order:2}
.sign-right-full-mg,.sign-right-mg,.sign-top-mg{display:none}
    .filter-bar {
        top: 7%;
    }
    .nav-tabs .nav-link span {
        padding-right: 4px;
    }
        .princ-mg img {
        width: 100%;
        height: 70%;
    }
        .princ-mg img {
        width: 100%;
        height: 333px;
        object-fit: cover;padding-bottom: 20px;
    }
        .info-princ-l {
        padding-bottom: 40px !important;
    }
        .info-princ {
        padding-bottom: 30px;
    }
        .sign-second-cn {
        padding-bottom: 28px;
        padding-top: 70px;
    }
        .nav-tabs .nav-link span {
        font-size: 45px;
    }
        .thingsHeader {
      
        padding-bottom: 68px;
    }
    .sign-swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{width: 100%;text-align: center;}
 .mix {
       mix-blend-mode: difference;
    }
}
@media (max-width:360px),(max-width:650px) and (max-height:700px){
.menu-inner ul li a{font-size:16px;padding:10px 0}
.menu-inner ul li{min-width:206px;margin:0 0 9px 0}
.menu-inner ul li:nth-child(even) a:after{width:25px;height:25px;top:7px}
.menu-inner ul li:nth-child(odd) a:after{width:25px;height:25px;top:14px}
.menu-bg{width:30%}
.menu-sign img{top:34%;width:66px}
section.wf-banner{height:84vh!important}
.social-title{font-size:17px;padding-bottom:0}
.sub-menu .social-media ul li{display:inline-block;padding:6px;padding-left:0}
}
@media (max-width:650px)and(max-width:768px){
.order-res-1-n{order:2}
.order-res-2-n{order:1}
}
@media (min-width:1000px) and (max-width:1024px){
.blog-slider-info{padding:0 30px 0 30px}
.blog-slider-title{width:80%;font-size:23px}
.blog-btn-all{padding-left:20px}
.title35{font-size:28px}
}
@media (max-height:620px){
.sub-menu{display:none}
}
@media (max-width:320px){
.social-title{display:none}
.sub-menu{left:33%;bottom:7%}
}