@media (max-width:1400px){.info-container{gap:0 4rem!important;width:inherit!important}.container-title-text-beside{gap:0 3rem!important}img.persona-img{width:100%!important}span.thanks{font-size:80px!important}.pain-gain-text{margin-top:-3rem!important}.pain-gain-holder{width:max-content;margin:unset!important;margin-top:-2rem!important}img.text-image-holder-image{width:25rem!important}.team-members{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:2rem 1rem;gap:2rem 1rem;direction:ltr}span.tih-title{font-size:1.5rem}.conrners-holder{gap:2.5rem 1.5rem}}@media (max-width:1200px){.team-members{display:grid}.pain-gain-holder{flex-direction:column}.text-image-holder{flex-direction:column!important}img.text-image-holder-image{width:100%!important;margin:1.5rem 0}.tih-content{width:100%}p.thanks-subtext{line-height:3rem}span.gradient-title{font-size:5rem!important;display:flex!important;justify-content:center}h2.section-title-t1{line-height:3rem}span.thanks{font-size:70px!important;white-space:nowrap}.info-container{grid-gap:1rem 4rem!important;gap:1rem 4rem!important;width:inherit!important;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;direction:ltr}.container-title-text-beside{flex-direction:column;gap:2rem 0!important}.tih-content{width:20rem}.text-image-holder{margin:unset}.style-guide-holder{flex-direction:column;gap:2rem}.icon-holder{margin-left:unset;gap:2rem 4rem}p.thanks-subtext{width:90%}}@media (max-width:992px){img.empathy-image.user-flow{transform:rotate(90deg);margin:18rem 0 13rem;width:80rem}span.gradient-title{text-wrap-mode:wrap;line-height:4rem}h2.section-title-t1{margin-top:-1.5rem}.sg-left,.sg-right{padding:0 4rem}}@media (max-width:768px){.info-container{display:grid;grid-template-columns:1fr;padding:2rem 1rem!important;text-align:center}.pain-gain-text{padding:2rem 1rem!important;margin:0}.team-members-title{width:100%;margin:0 0 4rem}.title{margin-top:3rem!important}.team-members{display:grid;grid-template-columns:1fr}.team-members-title{text-align:center}.container-title-text-beside,.design-process{flex-direction:column}span.gradient-title{display:none!important}h2.section-title-t1{margin-top:2rem!important}.info-container{width:-webkit-fill-available!important;padding:0!important}img.empathy-image{width:100%!important}span.thanks{font-size:3rem!important;white-space:break-spaces;line-height:4rem}.circle-holder{flex-direction:column}.circle{margin:2rem 0!important}.icons-holder img:first-child{grid-column:1;grid-row:1}.icons-holder img:nth-child(2){grid-column:2;grid-row:1}.icons-holder img:nth-child(3){grid-column:1;grid-row:2}.icons-holder img:nth-child(4){grid-column:2;grid-row:2}.icons-holder img:nth-child(5){grid-column:1;grid-row:3}img.timing-image{transform:rotate(90deg);width:32rem!important;display:block;margin:11rem 0!important}img.empathy-image.user-flow{transform:rotate(90deg);width:90rem!important;margin:35rem 0!important}.info-container span{white-space:break-spaces}.circle p{right:30%!important}}@media (max-width:440px){img.empathy-image.user-flow{width:35rem!important;margin:12rem 0!important}}.votatec .title-holder{margin:5rem 0 2rem}.votatec br{display:none}.votatec span.gradient-title{font-size:96px;text-align:center;display:flex;background:linear-gradient(180deg,#222222,#F9F9F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:136px;opacity:.1;white-space:nowrap;font-weight:500}.votatec h2.section-title-t1{font-weight:600;font-size:48px;margin-top:-3rem;text-align:center}.votatec h2.section-title-t1 span{font-weight:300;color:#757575}.votatec .info-container{display:flex;background-color:#F9F9F9;padding:2rem 3rem;border-radius:1rem;justify-content:space-between;width:-webkit-fill-available}.votatec .info-col{direction:ltr;display:flex;flex-direction:column;align-items:center}.votatec .label{color:#757575;white-space:nowrap;direction:ltr;font-weight:400}.votatec .value{color:#EC510E;white-space:nowrap;font-weight:500}.votatec .team-members-title{font-size:2rem;direction:ltr;color:#757575;font-weight:200}.votatec .team-members{display:flex;flex-direction:row-reverse}.votatec .team-member{display:grid;grid-template-columns:5rem 1fr;grid-template-rows:1fr 1fr;direction:ltr;text-align:left;grid-gap:0 .5rem;gap:0 .5rem;align-items:center;margin:0 2rem}.votatec .team-member img{width:5rem;height:auto;border-radius:50%;grid-column:1;grid-row:1/span 2}.votatec span.t-m-name{grid-row:1;color:#222222;align-self:end}.votatec span.t-m-name,.votatec span.t-m-position{grid-column:2;white-space:nowrap;line-height:1.5rem}.votatec span.t-m-position{grid-row:2;font-weight:300;color:#757575;align-self:start}.votatec .container-title-text-beside{display:flex;width:100%;gap:5rem}.votatec .content-title-text-beside h2{margin-bottom:10px;font-size:24px;font-weight:700;color:black}.votatec .container-title-text-beside ul{padding-right:3rem;font-size:16px;font-weight:300;line-height:2.5rem}.votatec .sidebar{height:-moz-fit-content;height:fit-content;text-align:center;display:flex;gap:1rem;flex-direction:row}.votatec .sidebar h3{margin-bottom:5px;font-size:20px;font-weight:700;color:#000}.votatec .sidebar p{font-size:16px;color:#808080}.votatec .sidebar span:first-child{font-size:32px;font-weight:700}.votatec .sidebar span.second-span{font-size:24px;font-weight:400;color:#757575}.votatec .sidebar span:last-child{font-size:20px;font-weight:400;color:#757575}.votatec .sidebar-content{text-align:right;display:flex;flex-direction:column;width:max-content}.votatec .side-border{width:9px;background-color:#167FFC;border-radius:8px 0 0 8px}.votatec .side-border.side-border-yellow{background-color:#FFCB2F}.votatec article p{width:unset;display:block}.votatec .design-process{display:flex}.votatec span.dp-title{font-size:1.5rem;text-align:center}.votatec .dp-holder ul{list-style:none}.votatec .dp-holder ul li{font-size:1rem;color:#757575;text-align:center;margin-bottom:.5rem}.votatec .dp-holder{display:flex;flex-direction:column;align-items:center}.votatec img.dp-img{width:100%}.votatec img.persona-img{display:flex;margin:auto}.votatec .pain-gain-text{background-color:white;border:.5rem solid #ededed;border-radius:1rem;padding:3rem;margin-top:-2rem;z-index:1}.votatec span.pain-gain-title{font-size:1.5rem;font-weight:700;color:#757575}.votatec .pain-gain-text ul{margin-right:2rem;color:#757575;margin-top:.5rem;font-size:1.2rem;font-weight:300}.votatec .pain-gain-text ul li:not(:last-child){margin-bottom:.5rem}.getting-knowledge,.votatec .users-pain{display:flex;flex-direction:column;align-items:center}.votatec .pain-gain-holder{display:flex;gap:5rem;width:max-content;margin:-2rem auto 0}.votatec .text-image-holder{display:flex;align-items:center;gap:1rem;width:100%;margin:auto}.votatec span.tih-title{font-size:2rem;font-weight:700;line-height:2.5rem;color:#222222}.votatec .tih-content{display:flex;flex-direction:column;gap:2rem}.votatec span.tih-text{font-size:1.3rem;color:#757575}.votatec img.text-image-holder-image{width:37rem}.votatec .design-ui-images img.text-image-holder-image{width:30rem}.votatec .style-guide-holder{display:flex}.votatec .sg-title{direction:ltr;font-size:2rem;color:#222222;font-weight:400;margin-bottom:2rem}.votatec .type-face-box{color:#EC510E;font-size:7rem;font-weight:700;border:1px solid #ededed;border-radius:1rem;padding:6rem 10rem}.votatec .ch-top{display:flex;gap:10rem;flex-direction:row-reverse}.votatec img.inter-image{width:34rem!important}.votatec .circle-holder.ch-error .circle:nth-child(2){background-color:#FD3D39}.votatec .circle-holder.ch-error .circle:nth-child(3){background-color:#FD6461}.votatec .circle-holder.ch-succ .circle:nth-child(2){background-color:#4BB543}.votatec .circle-holder.ch-succ .circle:nth-child(3){background-color:#93D38E}.votatec .gap-ruler{background-color:#D0E4FE;height:17.5rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.votatec .gap-indicator{display:flex;flex-direction:row-reverse;gap:2.5rem}.votatec .gap-ruler p{position:absolute;bottom:-2.5rem}.votatec .gap-ruler:first-child{width:.5rem}.votatec .gap-ruler:nth-child(2){width:1rem}.votatec .gap-ruler:nth-child(3){width:1.5rem}.votatec .gap-ruler:nth-child(4){width:2rem}.votatec .gap-ruler:nth-child(5){width:2.5rem}.votatec .gap-ruler:nth-child(6){width:3rem}.votatec .corner-box{position:relative;width:7.5rem;background-color:#F0743E;height:7.5rem;display:flex;flex-direction:column;align-items:center;justify-content:end}.votatec .conrners-holder{display:flex;gap:2.5rem;flex-direction:row-reverse;flex-wrap:wrap;width:48rem}.votatec .corner-box p{position:absolute;bottom:-2.5rem}.votatec .corner-box:first-child{border-radius:.5rem}.votatec .corner-box:nth-child(2){border-radius:.75rem}.votatec .corner-box:nth-child(3){border-radius:1rem}.votatec .corner-box:nth-child(4){border-radius:1.25rem}.votatec .corner-box:nth-child(5){border-radius:1.5rem}.votatec .corner-box:nth-child(6){border-radius:2rem}.votatec .corner-box:nth-child(7){border-radius:2.5rem}.votatec .icon-holder{margin-left:2.5rem;display:flex;gap:2rem 5rem;flex-wrap:wrap;justify-content:end}.votatec img.icon-pack{width:2.5rem}.votatec .thank-you-box{width:101vw;background-color:#222222;display:flex;flex-direction:column;align-items:center;padding:3rem 0 5rem;margin-top:5rem}.votatec span.thanks{color:#F0743E;font-size:6rem;font-weight:700;margin-bottom:1rem}.votatec p.thanks-subtext{color:#ffffff;font-size:2rem;font-weight:400}.votatec .sticky-note-content span{display:flex;align-items:flex-end;gap:.5rem;font-weight:700;font-size:18px;margin-bottom:.5rem;margin-right:-2rem}.votatec .sticky-note-content svg{background-color:#ffffff36;width:3rem;height:3rem;padding:.7rem;border-radius:50%}.votatec .sticky-note-content ul{margin-right:1rem;display:flex;flex-direction:column;gap:.5rem}.votatec img.timing-image{width:100%;margin:2rem 0}.votatec .survey-item ul li span{font-weight:400}.votatec .survey-item ul li{display:flex;align-items:center;gap:.5rem}.votatec img.empathy-image{width:100%;margin:auto;display:flex}.votatec .circle{width:6.5rem;height:6.5rem;border-radius:50%;margin-bottom:-2rem;position:relative}.votatec .circle:first-child{background-color:#038756}.votatec .circle:nth-child(2){background-color:#F07020}.votatec .circle:nth-child(3){background-color:#F38D4D}.votatec .circle:nth-child(4){background-color:#F6A979}.votatec .sg-subtitle{color:#757575;font-size:1.5rem;font-weight:200;white-space:nowrap;margin-bottom:1.5rem}.votatec .circle:nth-child(5){background-color:#f9c6a6}.votatec .circle:nth-child(6){background-color:#FBD4BC}.votatec .circle-holder.ch-gray .circle:nth-child(2){background-color:#222222}.votatec .circle-holder.ch-gray .circle:nth-child(3){background-color:#757575}.votatec .circle-holder.ch-gray .circle:nth-child(4){background-color:#CBCBCB}.votatec .circle-holder.ch-gray .circle:nth-child(5){background-color:#EDEDED}.votatec .circle-holder.ch-gray .circle:nth-child(6){background-color:#F9F9F9}.votatec .circle-holder{display:flex;flex-direction:column;align-items:baseline}.votatec .circle p{position:absolute;bottom:30%;left:110%}.votatec .icons-holder img{width:5.5rem;height:auto}@media (max-width:1600px){img.persona-img{width:50%}span.gradient-title{font-size:96px!important}}@media (max-width:1400px){.survey-holder{width:max-content}img.persona-img{width:100%}.img-persona-holder{flex-direction:column}span.thanks{font-size:80px!important}}@media (max-width:1200px){span.gradient-title{font-size:5rem!important;display:flex!important;justify-content:center}.sticky-notes-holder{grid-template-columns:1fr 1fr}.design-process-holder,.sticky-notes-holder{display:grid!important;grid-template-rows:1fr 1fr}.design-process-holder{grid-template-columns:1fr .2fr 1fr .2fr}img#pr-1{grid-column:1;grid-row:1}img#pr-2{grid-column:3;grid-row:1}img#pr-3{grid-column:1;grid-row:2}img#pr-4{grid-column:3;grid-row:2}img#ar-1{grid-column:2;grid-row:1}img#ar-2{grid-column:4;grid-row:1}img#ar-3{grid-column:2;grid-row:2}.survey-holder{flex-direction:column}h2.section-title-t1{line-height:3rem}.usability-test{gap:3rem!important}span.thanks{font-size:70px!important;white-space:nowrap}}@media (max-width:992px){.container-title-text-beside{gap:1rem!important}.mob-pic-holder{display:grid;grid-template-columns:.3fr .3fr;grid-template-rows:1fr 1fr}img#mob1{grid-column:1;grid-row:1}img#mob2{grid-column:2;grid-row:1}img#mob3{grid-column:1;grid-row:2}img#mob4{grid-column:2;grid-row:2}img#mob2,img#mob4{margin-top:-7rem}img#mob1,img#mob2,img#mob3,img#mob4{justify-self:center}.usability-test{flex-direction:column}}@media (max-width:768px){.container-title-text-beside,.point-box-holder{flex-direction:column}.point-box-holder{display:flex;gap:1.5rem;align-items:center}img.cs-people{width:100%}.design-process-holder{display:flex!important;flex-direction:column}img#pr-2{grid-column:1;grid-row:2}img#ar-2{grid-column:2;grid-row:2}img#pr-3{grid-column:1;grid-row:3}img#ar-3{grid-column:2;grid-row:3}img#pr-4{grid-column:1;grid-row:4}img#ar-1,img#ar-2,img#ar-3{transform:rotate(-90deg);margin:2rem 0;display:flex;align-self:center}.sticky-notes-holder{display:flex!important;flex-direction:column}span.gradient-title{display:none!important}h2.section-title-t1{margin-top:2rem!important}.info-container{width:-webkit-fill-available!important;padding:0!important}.survey-items{display:flex!important;flex-direction:column}.mob-pic-holder{display:flex;flex-direction:column}img#mob1,img#mob2,img#mob3,img#mob4{width:-webkit-fill-available;margin:0}.usability-test{width:-moz-fit-content!important;width:fit-content!important}img.empathy-image{width:100%!important}span.thanks{font-size:3rem!important;white-space:break-spaces;line-height:4rem}.circle-holder{flex-direction:column}.circle{margin:2rem 0!important}.icons-holder{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.icons-holder img:first-child{grid-column:1;grid-row:1}.icons-holder img:nth-child(2){grid-column:2;grid-row:1}.icons-holder img:nth-child(3){grid-column:1;grid-row:2}.icons-holder img:nth-child(4){grid-column:2;grid-row:2}.icons-holder img:nth-child(5){grid-column:1;grid-row:3}img#pr-1,img#pr-2,img#pr-3,img#pr-4{width:18rem!important;margin:0;padding:0}img.timing-image{transform:rotate(90deg);width:32rem!important;display:block;margin:11rem 0!important}img.empathy-image.user-flow{transform:rotate(90deg);width:90rem!important;margin:35rem 0!important}img.checkmarks-img{transform:rotate(90deg);width:45rem!important;margin:13rem 0!important}img.empathy-image.happy-people{width:20rem!important}.info-container span{white-space:break-spaces}.ui-image-holder{width:-webkit-fill-available;display:flex;flex-direction:column;align-items:center}img#mob2,img#mob4{margin-top:0!important}.circle p{right:30%!important}.icons-holder{gap:3rem!important}}.title-holder{margin:5rem 0 2rem}span.gradient-title{font-size:96px;text-align:center;display:flex;background:linear-gradient(180deg,#222222,#F9F9F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:136px;opacity:.1;font-weight:500}h2.section-title-t1{font-weight:600;font-size:48px;margin-top:-3rem;text-align:center}h2.section-title-t1 span{font-weight:300;color:#757575}.info-container{width:600px;padding:20px}.info-row{display:flex;align-items:center;margin-bottom:15px;font-size:18px;flex-direction:row-reverse}.label{color:#757575;margin-right:10px;direction:ltr}.label,.value{white-space:nowrap}.value{color:#000;margin-left:10px}.dots{flex-grow:1;border-bottom:1px dotted #cccccc;height:1px;margin:0 10px}.container-title-text-beside{display:flex;width:100%;gap:5rem}.content-title-text-beside h2{margin-bottom:10px;font-size:24px;font-weight:700;color:black}.sidebar{height:-moz-fit-content;height:fit-content;text-align:center;display:flex;gap:1rem;flex-direction:row;width:-webkit-fill-available}.sidebar h3{margin-bottom:5px;font-size:20px;font-weight:700;color:#000}.sidebar p{font-size:16px;color:#808080}.sidebar span:first-child{font-size:32px;font-weight:700}.sidebar span.second-span{font-size:24px;font-weight:400;color:#757575}.sidebar span:last-child{font-size:20px;font-weight:400;color:#757575}.sidebar-content{text-align:right;display:flex;flex-direction:column;width:max-content}.side-border{width:9px;background-color:#167FFC;border-radius:8px 0 0 8px}.side-border.side-border-yellow{background-color:#FFCB2F}article p{width:unset;display:block}.sticky-notes-holder{display:flex;gap:1rem}svg#sticky-1{position:relative}.sticky-note-content{position:absolute;padding:2rem 3rem}.sticky-note-content span{display:flex;align-items:flex-end;gap:.5rem;font-weight:700;font-size:18px;margin-bottom:.5rem;margin-right:-2rem}.sticky-note-content svg{background-color:#ffffff36;width:3rem;height:3rem;padding:.7rem;border-radius:50%}.sticky-note-content ul{margin-right:1rem;display:flex;flex-direction:column;gap:.5rem}span.stn-title{margin-right:0}.sticky-note{display:grid}.point-box-holder{display:flex;gap:1.5rem;align-items:center}.point-box{background-color:#EDEDED;border-radius:1rem;padding:2rem}.cs-people{width:185px;height:auto}img.arrow-image{width:2.5rem!important;height:min-content;margin-top:10rem}.design-process-holder{display:flex;width:max-content;align-items:flex-start;gap:.5rem}img#pr-1{width:364px;margin-left:-6.5rem}img#pr-2{width:262px}img#pr-3{width:301px;margin-left:-2.5rem}img#pr-4{width:287px}img.timing-image{width:100%;margin:2rem 0}.survey-holder{display:flex;align-items:center;width:-webkit-fill-available}.survey-item ul{list-style:none}.survey-items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1rem;gap:1rem}img.survey-icon{width:20rem}img.survey-stats{width:14rem;margin:1rem auto 3rem;display:flex}span.s-quest{font-weight:600;margin-bottom:1rem}.survey-item ul li span{font-weight:400}.blue-circle,.orange-circle,.yellow-circle{width:12px;height:12px;border-radius:50%}.yellow-circle{background-color:#FFE082}.blue-circle{background-color:#167FFC}.orange-circle{background-color:#F4976E}.survey-item ul li{display:flex;align-items:center;gap:.5rem}.survey-item{display:flex;flex-direction:column;justify-content:space-between}.img-persona-holder{display:flex;gap:1rem;width:-webkit-fill-available;margin:auto;justify-content:center}img.empathy-image{width:100%;margin:auto;display:flex}.mob-pic-holder{align-items:center;margin:7rem auto 3rem;display:flex;gap:1rem;width:-webkit-fill-available;justify-content:center}img#mob1,img#mob2,img#mob3,img#mob4{width:16rem}img#mob2,img#mob4{margin-top:-8rem}span.main-usbility-title{font-size:24px;font-weight:700}span.usability-second-title{font-size:24px;font-weight:600}.usability-test-content p{margin-bottom:.5rem}.usability-test{gap:10rem;display:flex;align-items:center;width:max-content;margin-bottom:7rem}span.thanks{font-size:96px;color:#038756;font-weight:700}p.thanks-subtext{font-size:1.5rem;line-height:normal;text-align:center}span.last-data-title{margin-top:10rem;color:#757575;font-size:40px;display:flex;justify-content:center}.circle{width:10rem;height:10rem;border-radius:50%;position:relative}.circle:first-child{background-color:#038756}.circle:nth-child(2){background-color:#FFC100;margin-right:-2.5rem;z-index:-1}.circle:nth-child(3){background-color:#222222;margin-right:-2.5rem;z-index:-2}.circle:nth-child(4){background-color:#FFFFFF;border:1px solid #e8e8e8;margin-right:-2.5rem;z-index:-3}.circle-holder{display:flex}.circle p{position:absolute;bottom:-3rem;right:25%}.icons-holder{gap:.5rem;display:flex;flex-direction:row-reverse}.icons-holder img{width:5.5rem;height:auto}.safir>div{padding:3rem;display:flex;flex-direction:column;gap:1rem}.safir>div>h4{position:relative;font-size:32px;font-weight:800;line-height:56px;color:#222222;display:flex;align-items:center;gap:.5rem}.safir>div>h4:before{content:"";background:#167FFC;width:8px;height:48px;border-radius:16px 0 0 16px}.safir>div>h4.yellow:before{background:#FFCB2F}.safir>div>h4.orange:before{background:#EC510E}.safir>div>h4.blue:before{background:#167FFC}.safir>div>h4.purple:before{background:#992299}.safir>div>h4.green:before{background:#24CA49}.safir>div>h4 span,.safir>div>p{font-weight:500;color:#757575}.safir>div>p{font-size:20px;line-height:40px;text-align:right}.safir>div>p img{width:100%;padding:2rem 5rem}.safir .project-overview ul{width:100%;display:flex;gap:7rem;list-style:none;justify-content:center}.safir .project-overview ul li{display:flex;flex-direction:column;align-items:center;position:relative}.safir .project-overview ul li:before{background:linear-gradient(180deg,rgba(255,255,255,0),#CBCBCB 49.78%,rgba(255,255,255,0));position:absolute;left:-3.5rem;content:"";display:flex;width:2px;height:100%}.safir .project-overview ul li:last-child:before{width:0}.safir .project-overview ul p{font-size:20px;font-weight:500;line-height:32px;text-align:center;color:#222222}.safir .project-overview ul b{font-size:20px;font-weight:800;line-height:32px;text-align:center;color:#00A693}.safir .problem-statement>div{display:flex;gap:3rem;align-items:center;justify-content:right}.safir .problem-statement>div img{width:auto}.safir .problem-statement>div>div,.safir .problem-statement>div>div ul{display:flex;flex-direction:column;gap:2rem}.safir .problem-statement>div>div b{font-size:24px;font-weight:800;line-height:40px;color:#222222;text-align:right}.safir .problem-statement>div>div ul li{font-size:20px;font-weight:600;line-height:32px;text-align:right;color:#757575}.safir .design-process-ul{display:flex;width:100%;justify-content:center;gap:5.5rem}.safir .design-process-ul>li{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.75rem}.safir .design-process-ul>li span{padding:3rem;border-radius:50%;margin-bottom:.75rem}.safir .design-process-ul>li:first-child span{padding:3rem;background:#A2CCFE;border-radius:50%}.safir .design-process-ul>li:nth-child(2) span{padding:3rem;background:#FFEAAC;border-radius:50%}.safir .design-process-ul>li:nth-child(3) span{padding:3rem;background:#FEB1B0;border-radius:50%}.safir .design-process-ul>li:nth-child(4) span{padding:3rem;background:#F7B99F;border-radius:50%}.safir .design-process-ul>li:last-child span{padding:3rem;background:#7BE9A0;border-radius:50%}.safir .center-text b{font-size:32px;font-weight:800;line-height:40px;text-align:center;color:#222222}.safir .center-text b,.safir .center-text p{text-align:center}.safir .padd-img>img{padding:0 7rem}.safir .space-bet-div{display:flex;justify-content:space-between;align-items:center}.safir .space-bet-div div>li,.safir .space-bet-div div>p{font-size:20px;font-weight:600;line-height:48px;text-align:right;color:#757575}.safir ol,.safir ul{list-style-position:inside}.safir .phone-box{display:flex;justify-content:center;width:100%;gap:1.5rem;padding:6rem}.safir .dirbble-img{width:100vw;padding:0}.safir .flex-col{display:flex;flex-direction:column;align-items:center}.safir .flex-col ul{display:flex;justify-content:center;width:100%;gap:7.5rem}.safir .flex-col ul li{display:flex;flex-direction:column}.safir .flex-col ul li>p{display:flex;align-items:center;gap:1rem;justify-content:end;margin-top:-2rem;flex-direction:row}.safir .flex-col ul li>p:after{content:"";width:72px;height:72px;border-radius:16px}.safir .flex-col ul li>p:first-child:after{z-index:5}.safir .flex-col ul li>p:nth-child(2):after{z-index:4}.safir .flex-col ul li>p:nth-child(3):after{z-index:3}.safir .flex-col ul li>p:nth-child(4):after{z-index:2}.safir .flex-col ul li>p:last-child:after{z-index:1}.safir .flex-col ul li:first-child>p:first-child:after{background:#4BB543}.safir .flex-col ul li:first-child>p:nth-child(2):after{background:#93D38E}.safir .flex-col ul li:nth-child(2)>p:first-child:after{background:#FD3D39}.safir .flex-col ul li:nth-child(2)>p:nth-child(2):after{background:#FD6461}.safir .flex-col ul li:nth-child(3)>p:first-child:after{background:#4287F5}.safir .flex-col ul li:nth-child(3)>p:nth-child(2):after{background:#689FF7}.safir .flex-col ul li:nth-child(3)>p:nth-child(3):after{background:#8EB7F9}.safir .flex-col ul li:nth-child(3)>p:nth-child(4):after{background:#B3CFFB}.safir .flex-col ul li:nth-child(3)>p:last-child:after{background:#D9E7FD}.safir .flex-col ul li:nth-child(4)>p:first-child:after{background:#F5C842}.safir .flex-col ul li:nth-child(4)>p:nth-child(2):after{background:#F7D368}.safir .flex-col ul li:nth-child(4)>p:nth-child(3):after{background:#F9DE8E}.safir .flex-col ul li:nth-child(4)>p:nth-child(4):after{background:#FBE9B3}.safir .flex-col ul li:nth-child(4)>p:last-child:after{background:#FDF4D9}.safir .flex-col ul li:nth-child(5)>p:first-child:after{background:#00A693}.safir .flex-col ul li:nth-child(5)>p:nth-child(2):after{background:#29B8A7}.safir .flex-col ul li:nth-child(5)>p:nth-child(3):after{background:#53CABC}.safir .flex-col ul li:nth-child(5)>p:nth-child(4):after{background:#7CDBD0}.safir .flex-col ul li:nth-child(5)>p:last-child:after{background:#A6EDE5}.safir .flex-col>b,.safir .flex-col>p b{margin:5rem 0 2.5rem;font-size:24px;display:block;font-weight:500;line-height:32px;text-align:center}.safir .conrners-holder{display:flex;justify-content:center;gap:1rem;flex-direction:row-reverse;width:100%}.safir .conrners-holder .corner-box{width:7.5rem}.safir .flex-col p,.safir .flex-col p img{width:100%}.safir .corner-box{position:relative;width:7.5rem;background-color:#00A693;height:7.5rem;display:flex;flex-direction:column;align-items:center;justify-content:end}.safir .corner-box span{position:absolute;bottom:-2.5rem;font-size:24px;font-weight:400;line-height:32px;text-align:center}.safir .corner-box:first-child{border-radius:.5rem}.safir .corner-box:nth-child(2){border-radius:.75rem}.safir .corner-box:nth-child(3){border-radius:1rem}.safir .corner-box:nth-child(4){border-radius:1.25rem}.safir .corner-box:nth-child(5){border-radius:1.5rem}.safir .corner-box:nth-child(6){border-radius:2rem}.safir .corner-box:nth-child(7){border-radius:2.5rem}.safir .gap-indicator{display:flex;flex-direction:row-reverse;gap:2.5rem}.safir .gap-rulers{display:flex;flex-direction:column;align-items:center}.safir .gap-rulers:before{background:#D0E4FE;height:280px;content:"";display:flex}.safir .gap-rulers:first-child:before{width:.5rem}.safir .gap-rulers:nth-child(2):before{width:1rem}.safir .gap-rulers:nth-child(3):before{width:1.5rem}.safir .gap-rulers:nth-child(4):before{width:2rem}.safir .gap-rulers:nth-child(5):before{width:2.5rem}.safir .gap-rulers:nth-child(6):before{width:3rem}.safir .thank-you-box-safir{right:0;left:0;padding:7.5rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center;background:#222222;color:#ffffff;margin-top:-23rem;z-index:1;position:absolute}.safir .thanks-safir{font-size:64px;font-weight:700;line-height:76.38px;text-align:center;color:white}.safir .thanks-subtext-safir{font-size:40px;font-weight:500;line-height:47.73px;text-align:center;color:white}.safir .last-img{width:100%;display:flex;justify-content:center;align-items:center;margin-top:6rem}.safir .last-img img{width:80%}img{max-width:100vw}article .donse img{width:unset}.donse .overview{padding:0 9rem}.donse .overview .gradient-title{padding-top:0}.donse .gradient-title,.gardoon .gradient-title{font-size:96px;text-align:center;display:flex;background:linear-gradient(180deg,#222222,#F9F9F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:136px;opacity:.1;white-space:nowrap;font-weight:500;justify-content:center;padding:12rem 0 0}.donse .title,.gardoon .title{font-weight:600;font-size:48px;margin-top:-3rem;text-align:center;padding-bottom:5rem;text-shadow:-2px 2px 0 #222222,2px 2px 0 #222222,2px -2px 0 #222222,-2px -2px 0 #222222;color:#ffffff}.donse .overview>p{font-size:20px;font-weight:500;line-height:40px;text-align:center;color:#757575}.donse .overview .overview-ul{display:flex;justify-content:center;gap:7.5rem;margin:6rem 0}.donse .overview-ul li{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.5rem}.donse .overview-ul li b{font-size:24px;font-weight:300;line-height:32px;text-align:center;color:#222222}.donse .overview-ul li p{font-size:24px;font-weight:500;line-height:32px;text-align:center;color:#095149}.donse .team-donse{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0 9rem}.donse .team-donse>b{font-size:32px;font-weight:600;line-height:32px;text-align:center;margin-bottom:2rem}.donse .team-donse ul,.donse .team-donse ul li,.gardoon .team-donse ul,.gardoon .team-donse ul li{display:flex;align-items:center;direction:ltr}.donse .team-donse ul,.gardoon .team-donse ul{gap:2rem}.donse .team-donse ul li,.gardoon .team-donse ul li{gap:.5rem}.donse .team-donse ul li p,.gardoon .team-donse ul li p{display:flex;flex-direction:column;font-size:24px;font-weight:500;line-height:24px;text-align:left;gap:.5rem;color:#222222}.donse .team-donse ul li p span,.gardoon .team-donse ul li p span{color:#757575}.donse .just-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.donse .forms-box{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);grid-column-gap:1.5rem;column-gap:1.5rem;list-style:none;direction:rtl;margin-top:6rem}.donse .phone-res-box{display:flex;width:100%;justify-content:center;list-style:none;margin-bottom:15rem}.donse .phone-res-box li:first-child{margin-right:-50px}.donse .phone-res-box li:last-child{margin-left:-50px}.donse .phone-res-box li:nth-child(2){z-index:2}.donse .black-bg{background:#222222;max-height:1173px}.donse .black-bg .title{color:white}.donse .grid-box{gap:5rem;align-items:end}.donse .grid-box,.donse .thank-you{display:flex;justify-content:center}.donse .thank-you{background:#222222;color:white;flex-direction:column;align-items:center;padding:7.5rem 0;margin-top:-1rem}.donse .thank-you p{color:white}.donse .thank-you p:first-child{font-size:64px;font-weight:700;line-height:76.38px;text-align:center}.donse .thank-you p:last-child{font-size:40px;font-weight:500;line-height:68px;text-align:center}.gardoon img{max-width:100vw;width:unset}.gardoon .team-donse ul,.gardoon .team-donse ul li{display:flex;align-items:center;direction:ltr}.gardoon .team-donse ul{gap:2rem}.gardoon .team-donse ul li{gap:.5rem}.gardoon .team-donse ul li p{display:flex;flex-direction:column;font-size:24px;font-weight:500;line-height:24px;text-align:left;gap:.5rem;color:#222222}.gardoon .team-donse ul li p span{color:#757575}.gardoon .center-col{display:flex;flex-direction:column;align-items:center}.gardoon ul.color-palette{display:flex;justify-content:center;gap:6rem;list-style:none}.gardoon ul.color-palette ol{list-style:none}.gardoon ul.color-palette ol li{display:flex;align-items:center;gap:1rem;margin-top:-2rem}.gardoon ul.color-palette b{font-size:32px;font-weight:400;line-height:32px;text-align:left;color:#757575}.gardoon ul.color-palette ol li:first-child{margin-top:0}.gardoon ul.color-palette ol li:before{content:"";width:104px;height:104px;border-radius:50%}.gardoon ul.color-palette li:first-child ol li:first-child:before{background:var(--Color-Primary-500,#0044FF)}.gardoon ul.color-palette li:first-child ol li:nth-child(2):before{background:var(--Color-Primary-400,#3369FF)}.gardoon ul.color-palette li:first-child ol li:nth-child(3):before{background:var(--Color-Primary-300,#668FFF)}.gardoon ul.color-palette li:first-child ol li:nth-child(4):before{background:var(--Color-Primary-200,#99B4FF)}.gardoon ul.color-palette li:first-child ol li:last-child:before{background:var(--Color-Primary-100,#B2C7FF)}.gardoon ul.color-palette li:nth-child(2) ol li:first-child:before{background:#FFD700}.gardoon ul.color-palette li:nth-child(2) ol li:nth-child(2):before{background:#FFDF33}.gardoon ul.color-palette li:nth-child(2) ol li:nth-child(3):before{background:#FFE766}.gardoon ul.color-palette li:nth-child(2) ol li:nth-child(4):before{background:#FFEF99}.gardoon ul.color-palette li:nth-child(2) ol li:last-child:before{background:#FFF7CC}.gardoon ul.color-palette li:nth-child(3) ol li:first-child:before{background:#00B894}.gardoon ul.color-palette li:nth-child(3) ol li:nth-child(2):before{background:#2DC6A8}.gardoon ul.color-palette li:nth-child(3) ol li:nth-child(3):before{background:#5AD4BC}.gardoon ul.color-palette li:nth-child(3) ol li:nth-child(4):before{background:#87E3D1}.gardoon ul.color-palette li:nth-child(3) ol li:last-child:before{background:#9DEADB}.gardoon ul.color-palette li:nth-child(4) ol li:first-child:before{background:#222222}.gardoon ul.color-palette li:nth-child(4) ol li:nth-child(2):before{background:#757575}.gardoon ul.color-palette li:nth-child(4) ol li:nth-child(3):before{background:#CBCBCB}.gardoon ul.color-palette li:nth-child(4) ol li:nth-child(4):before{background:#EDEDED}.gardoon ul.color-palette li:nth-child(4) ol li:last-child:before{background:#F9F9F9}.gardoon ul.color-palette-2 li:first-child ol li:first-child:before{background:#AE2E2E}.gardoon ul.color-palette-2 li:first-child ol li:nth-child(2):before{background:#FFECEC}.gardoon ul.color-palette-2 li:nth-child(2) ol li:first-child:before{background:#00A652}.gardoon ul.color-palette-2 li:nth-child(2) ol li:nth-child(2):before{background:#ECFFF3}.gardoon ul.color-palette-2 li:nth-child(3) ol li:first-child:before{background:#BA8803}.gardoon ul.color-palette-2 li:nth-child(3) ol li:nth-child(2):before{background:#FFFBEB}.gardoon .style-guide p{font-size:32px;font-weight:500;line-height:32px;text-align:center;margin:3rem 0}.gardoon .corner-box{position:relative;width:7.5rem;background:#167FFC;height:7.5rem;display:flex;flex-direction:column;align-items:center;justify-content:end}.gardoon .corner-box:first-child{border-radius:.5rem}.gardoon .corner-box:nth-child(2){border-radius:.75rem}.gardoon .corner-box:nth-child(3){border-radius:1rem}.gardoon .corner-box:nth-child(4){border-radius:1.25rem}.gardoon .corner-box:nth-child(5){border-radius:1.5rem}.gardoon .corner-box:nth-child(6){border-radius:2rem}.gardoon .corner-box:nth-child(7){border-radius:2.5rem}.gardoon .conrners-holder{display:flex;justify-content:center;gap:1rem;width:100%;flex-wrap:wrap}.gardoon .corner-box span{position:absolute;bottom:-2.5rem;font-size:24px;font-weight:400;line-height:32px;text-align:center}.gardoon .gap-indicator{display:flex;flex-direction:row-reverse;gap:2.5rem}.gardoon .gap-rulers{display:flex;flex-direction:column;align-items:center}.gardoon .gap-rulers:before{background:#D0E4FE;height:280px;content:"";display:flex}.gardoon .gap-rulers:first-child:before{width:.5rem}.gardoon .gap-rulers:nth-child(2):before{width:1rem}.gardoon .gap-rulers:nth-child(3):before{width:1.5rem}.gardoon .gap-rulers:nth-child(4):before{width:2rem}.gardoon .gap-rulers:nth-child(5):before{width:2.5rem}.gardoon .gap-rulers:nth-child(6):before{width:3rem}.gardoon .thank-you-gardoon{background:#167FFC;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-.5rem;width:100%}.gardoon .thank-you-gardoon p:first-child{font-size:64px;font-weight:700;line-height:76.38px;color:#FFFFFF;text-align:center;text-shadow:2px 2px 0 #167FFC,-2px -2px 0 #167FFC,-2px 2px 0 #167FFC,2px -2px 0 #167FFC}.gardoon .thank-you-gardoon p{font-size:40px;font-weight:500;line-height:68px;text-align:center;color:#FFFFFF}.gardoon .style-guide p,.gardoon ul.color-palette ol li{direction:ltr}.gardoon .overview .gradient-title{padding:0}.gardoon .overview>p{max-width:1062px;text-align:center}.gardoon .overview>ul{display:flex;flex-direction:column;background:#F9F9F9;padding:7.5rem;font-size:20px;font-weight:500;line-height:32px;text-align:right;max-width:1062px;width:100%;border-radius:1.5rem}.gardoon .overview>ul li{display:flex;justify-content:space-between;align-items:center}.gardoon .overview>ul li .dots{flex:1 1;border-bottom:3px dotted #ccc;margin:0 10px}.gardoon .team-donse{margin-top:7.5rem}.moosiqa .black-box{background-color:#333333;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;padding:4.5rem 2rem 10rem}.moosiqa .overview>ul{display:flex;gap:3.5rem;flex-wrap:wrap}.moosiqa .black-box>p{font-size:24px;font-weight:400;line-height:48px;text-align:center;color:white}.moosiqa .overview>ul>li{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FFFFFF14;color:white;padding:1rem;border-radius:1rem}.moosiqa .black-box .title,.moosiqa .overview>ul>li p{color:white}.moosiqa .black-box .gradient-title{padding:0}.moosiqa .gradient-title{font-size:96px;text-align:center;display:flex;background:linear-gradient(180deg,#222222,#F9F9F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:136px;opacity:.1;white-space:nowrap;font-weight:500;justify-content:center;padding:9rem 0 0}.moosiqa .overview .gradient-title{padding-top:0}.moosiqa .title{font-weight:600;font-size:48px;margin-top:-3rem;text-align:center;padding-bottom:5rem}.moosiqa .team-moosiqa ul,.moosiqa .team-moosiqa ul li{display:flex;align-items:center}.moosiqa .team-moosiqa ul{gap:4rem;direction:ltr;flex-wrap:wrap}.moosiqa .team-moosiqa ul li{gap:.25rem;direction:ltr}.moosiqa .team-moosiqa ul li p{display:flex;flex-direction:column;font-size:24px;font-weight:500;line-height:24px;text-align:left;gap:.5rem;color:#ffffff}.moosiqa .team-moosiqa ul li p span{color:#cbcbcb}.moosiqa .team-moosiqa img{width:auto}.moosiqa img{max-width:100vw;width:auto}.moosiqa .just-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.moosiqa .typography{padding:9rem 0 12rem}.moosiqa .typography p{margin-bottom:2.5rem}.moosiqa .typography a,.moosiqa .typography p{font-size:32px;font-weight:500;line-height:32px;text-align:center}.moosiqa .typography a{color:#167FFC;margin-bottom:9rem}.moosiqa .thank-you{background:#222222;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7.5rem 0}.moosiqa .thank-you p:first-child{font-size:64px;font-weight:700;line-height:76.38px;text-align:center}.moosiqa .thank-you p:last-child{font-size:40px;font-weight:500;line-height:68px;text-align:center}.moosiqa .style-color,.moosiqa .style-color ol{list-style:none}.moosiqa .style-color{display:flex;justify-content:center;gap:10rem;direction:ltr;flex-wrap:wrap}.moosiqa .style-color>li>p{font-size:32px;font-weight:500;line-height:32px;text-align:center;color:white;margin-bottom:2.5rem}.moosiqa .style-color ol li{display:flex;align-items:center;color:white;font-size:24px;font-weight:400;line-height:32px;gap:1.5rem;margin-bottom:-3rem;direction:ltr}.moosiqa .style-color ol li:before{content:"";background-color:#3498db;width:136px;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:119px;display:flex;box-shadow:0 8px 8px 0 #2222223D}.moosiqa .style-color li li:first-child:before{z-index:5}.moosiqa .style-color li li:nth-child(2):before{z-index:4}.moosiqa .style-color li li:nth-child(3):before{z-index:3}.moosiqa .style-color li li:nth-child(4):before{z-index:2}.moosiqa .style-color li li:nth-child(5):before{z-index:1}.moosiqa .style-color li:first-child li:first-child:before{background:#872BC9}.moosiqa .style-color li:first-child li:nth-child(2):before{background:#9F55D4}.moosiqa .style-color li:first-child li:nth-child(3):before{background:#B780DF}.moosiqa .style-color li:first-child li:nth-child(4):before{background:#CFAAE9}.moosiqa .style-color li:first-child li:nth-child(5):before{background:#DBBEFE}.moosiqa .style-color li:nth-child(2) li:first-child:before{background:#5968F2}.moosiqa .style-color li:nth-child(2) li:nth-child(2):before{background:#7A86F5}.moosiqa .style-color li:nth-child(2) li:nth-child(3):before{background:#9BA4F7}.moosiqa .style-color li:nth-child(2) li:nth-child(4):before{background:#BDC3FA}.moosiqa .style-color li:nth-child(2) li:nth-child(5):before{background:#CDD2FB}.moosiqa .style-color li:nth-child(3) li:first-child:before{background:#222222}.moosiqa .style-color li:nth-child(3) li:nth-child(2):before{background:#757575}.moosiqa .style-color li:nth-child(3) li:nth-child(3):before{background:#CBCBCB}.moosiqa .style-color li:nth-child(3) li:nth-child(4):before{background:#EDEDED}.moosiqa .style-color li:nth-child(3) li:nth-child(5):before{background:#F9F9F9}.moosiqa .gap-indicator{display:flex;flex-direction:row-reverse;gap:2.5rem}.moosiqa .gap-rulers{display:flex;flex-direction:column;align-items:center}.moosiqa .gap-rulers:before{background:#D0E4FE;height:280px;content:"";display:flex}.moosiqa .gap-rulers:first-child:before{width:.5rem}.moosiqa .gap-rulers:nth-child(2):before{width:1rem}.moosiqa .gap-rulers:nth-child(3):before{width:1.5rem}.moosiqa .gap-rulers:nth-child(4):before{width:2rem}.moosiqa .gap-rulers:nth-child(5):before{width:2.5rem}.moosiqa .gap-rulers:nth-child(6):before{width:3rem}@media (max-width:1600px){.project-main .container{max-width:1080px}.project-ul{width:100%}}@media (max-width:1400px){.project-main .container{max-width:878px}.project-ul{width:70%}.last-text-project p{padding:0}.img-project{width:87%}.before-after-project .icv{width:100%}}@media (max-width:1200px){.project-main .container{max-width:700px}.grid-product{transform:scale(.75)}.project-ul{width:100%}.grid-div-product{margin-top:0}body main .position-img-intro{width:100px}}@media (max-width:992px){.project-main .container{max-width:720px}.grid-div-product,.position-img-intro,.ul-project-sticky-res,.ul-project-stickyblog-res{display:none}.before-after-project .icv,.img-intro,.img-project{width:100%}.last-text-project p{padding:0}.img-project:hover{transform:unset}.go-to-top{margin:2rem 1rem}.header-product-res{position:fixed;top:-1000px;right:0;z-index:9;width:100%;background:white;margin:0;padding:0 0 1rem;transition:all .2s}.header-product-res .swiper{padding-top:1rem}}@media (max-width:768px){.line-project,.pattern-product{display:none}.div-project{margin-top:1rem}.project-main .container{max-width:540px}.introduce-project h4{font-size:20px;font-weight:700;line-height:40px;margin-bottom:.5rem}.introduce-project{margin-bottom:1rem}.pos-img-intro{width:100%}.img-project{margin-top:0}.before-after-project,.div-img-product{gap:2rem}.last-text-project h4{font-size:20px;font-weight:700;line-height:24px}.last-text-project img{width:24px;height:24px}.introduce-project p,.last-text-project p{font-size:14px;font-weight:400;line-height:32px}.title-project h1{font-size:2rem;font-weight:700;line-height:40px}.title-project p{font-size:16px;font-weight:400;line-height:24px}}@media (max-width:578px){.project-main .container{max-width:540px}}