@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);html{overflow-y:inherit!important}.protechdna-main{color:#383838;font-size:16px;line-height:26px;font-family:'Poppins',sans-serif;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px #fff0;-moz-osx-font-smoothing:grayscale;background-color:#e9efff;overflow:hidden}.protechdna-main2{color:#383838;font-size:16px;line-height:26px;font-family:'Poppins',sans-serif;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px #fff0;-moz-osx-font-smoothing:grayscale;background-color:#e9efff}#wrapper{height:100%}h1,h2,h3,h4,h5,h6{font-weight:400;margin-bottom:20px}h1,h2{line-height:48px}.img,img{max-width:100%}figure{margin:0}.flex-row{display:flex;flex-wrap:wrap}section{position:relative}.About-the-Project,.mobile-desktop-designs,.challenges,.wireframes,.business-upcoming,.testimonial,.protechdna-banner{overflow:hidden}.section-title{margin-bottom:13px;font-size:35px;line-height:26px;color:#133450;text-align:center;font-weight:700}.section-title.st-white{color:#fff}.section-title-bottom-separator{height:17px;margin-top:25px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/section-title-bottom-separator.png) no-repeat center center}.section-title.st-left{text-align:left}.section-title.st-left .section-title-bottom-separator{background-position:left center}.protechdna-banner{background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/banner-city-pro.png) repeat-x left bottom,url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/banner-bg.png) no-repeat left center / cover}.protechdna-banner{text-align:center;animation:bannermoved 130s infinite linear}@keyframes bannermoved{0%{background-position:0 bottom,left center}100%{background-position:-6000px bottom,left center}}.protechdna-banner-logo{margin-top:47px;margin-bottom:49px}.protechdna-banner-content{max-width:791px;margin:0 auto;color:#fff}.protechdna-banner-content .font24{margin-top:35px;font-size:24px;line-height:30px;font-weight:500}.protechdna-banner-circle-box-wrap{position:relative;height:289px;margin-left:auto;margin-right:auto;padding-top:99px;margin-bottom:-17px;text-align:center;overflow:hidden}.protechdna-banner-circle-box-wrap .rotate{position:relative;width:444px;height:444px;margin:auto;border:3px dashed #fff;border-radius:444px}.protechdna-banner-circle-box-wrap .circle{position:absolute;display:flex;align-items:center;justify-content:center;width:108px;height:108px;border-radius:54px;background-color:#fff}.protechdna-banner-circle-box-wrap .circle .inner{display:flex;align-items:center;justify-content:center;width:91px;height:91px;border:1px dashed #4bb035;border-radius:46px;background-color:#fff}.protechdna-banner-circle-box-wrap .circle:nth-child(1){left:-9%;top:14%}.protechdna-banner-circle-box-wrap .circle:nth-child(2){left:16%;top:-14%}.protechdna-banner-circle-box-wrap .circle:nth-child(3){right:18%;top:-14%}.protechdna-banner-circle-box-wrap .circle:nth-child(4){right:-7%;top:14%}.protechdna-banner-circle-box-wrap .circle:nth-child(5){left:86%;top:58%}.protechdna-banner-circle-box-wrap .circle:nth-child(6){left:58%;top:84%}.protechdna-banner-circle-box-wrap .circle:nth-child(7){left:13%;top:84%}.protechdna-banner-circle-box-wrap .circle:nth-child(8){left:-14%;top:49%}.protechdna-banner-circle-box-wrap .rotate{animation:rotatebox 48s linear infinite}@keyframes rotatebox{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.protechdna-banner-circle-box-wrap .circle{animation:rotateboxrevert 48s linear infinite}@keyframes rotateboxrevert{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@media screen and (max-width:600px){.protechdna-banner-circle-box-wrap .rotate{width:300px;height:300px}.protechdna-banner-circle-box-wrap .circle{width:85px;height:85px}.protechdna-banner-circle-box-wrap .circle .inner{width:75px;height:75px}.protechdna-banner-content p br{display:none}}@media screen and (max-width:414px){.protechdna-banner-circle-box-wrap{height:168px;padding-top:46px}.protechdna-banner-circle-box-wrap .rotate{width:200px;height:200px}.protechdna-banner-circle-box-wrap .circle{width:55px;height:55px}.protechdna-banner-circle-box-wrap .circle .inner{width:45px;height:45px}}.About-the-Project{padding-top:68px;padding-bottom:34px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/aboutproject-top-center.png) no-repeat center top,url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/aboutproject-top-left-right.png) repeat-x left top}.About-the-Project .container{overflow:visible}.About-the-Project .flexrow{display:flex;flex-wrap:wrap}.About-the-Project .flexrow.r2{flex-flow:row-reverse}.About-the-Project .col-right{padding-top:15px;color:#333;font-weight:400}.About-the-Project .aboutproject-box-left{position:relative;padding-top:108%}.About-the-Project .aboutproject-box-left .groups{position:absolute;right:0;bottom:0;width:607px;z-index:1}.About-the-Project .aboutproject-box-left .groups img{position:relative}.About-the-Project .aboutproject-box-left .rounded-point{position:absolute;width:127px;height:243px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/rounded-point.svg) no-repeat left top / 100%;filter:drop-shadow(7px 12px 3px rgb(0 0 0 / .17))}.About-the-Project .aboutproject-box-left .rounded-point img{max-width:91px;max-height:89px}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1){left:13%;bottom:63%;transform:rotate(-17deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(2){left:33%;bottom:78%;transform:rotate(-11deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(3){left:47%;bottom:64%;transform:rotate(31deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(4){left:59%;bottom:25%;transform:rotate(45deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1) img{transform:rotate(17deg) translate(28px,27px)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(2) img{transform:rotate(-2deg) translate(19px,34px)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(3) img{transform:rotate(-31deg) translate(5px,35px)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(4) img{transform:rotate(-45deg) translate(-4px,26px)}.About-the-Project .aboutproject-box-left .groups .householdsecurity{animation:householdsecurityzomming 2s linear infinite alternate}.About-the-Project .aboutproject-box-left .left-shpae{position:absolute;top:0;right:0;width:888px;padding-top:117%;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/About-the-Project-left-shape.svg) no-repeat left top / 100% 100%;filter:drop-shadow(0 12px 16px rgb(0 0 0 / .16));z-index:0}.About-the-Project .aboutproject-box-left.aos-animate .rounded-point:nth-child(1){animation:aboutleftroundedpoint01 1.4s linear alternate}.About-the-Project .aboutproject-box-left.aos-animate .rounded-point:nth-child(2){animation:aboutleftroundedpoint02 1.4s linear 1s alternate}.About-the-Project .aboutproject-box-left.aos-animate .rounded-point:nth-child(3){animation:aboutleftroundedpoint03 1.4s linear 2s alternate}.About-the-Project .aboutproject-box-left.aos-animate .rounded-point:nth-child(4){animation:aboutleftroundedpoint04 1.4s linear 3s alternate}@keyframes aboutleftroundedpoint01{50%{transform:rotate(-17deg) translate(0,39px) scale(.6)}}@keyframes aboutleftroundedpoint02{50%{transform:rotate(-11deg) translate(0,39px) scale(.6)}}@keyframes aboutleftroundedpoint03{50%{transform:rotate(31deg) translate(0,39px) scale(.6)}}@keyframes aboutleftroundedpoint04{50%{transform:rotate(45deg) translate(0,39px) scale(.6)}}@keyframes householdsecurityzomming{0%{transform:scale(1)}100%{transform:scale(1.05)}}.About-the-Project .aboutproject-box-right{position:relative;padding-top:105%;margin-bottom:89px}.About-the-Project .aboutproject-box-right .groups{position:absolute;left:78px;bottom:0;width:452px;z-index:1}.About-the-Project .aboutproject-box-right .groups img{position:relative}.About-the-Project .aboutproject-box-right .rounded-point{position:absolute;width:127px;height:243px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/rounded-point.svg) no-repeat left top / 100%;filter:drop-shadow(7px 12px 3px rgb(0 0 0 / .17))}.About-the-Project .aboutproject-box-right .rounded-point img{max-width:110px;max-height:111px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1){left:-9%;bottom:48%;transform:rotate(-35deg);height:194px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(2){left:21%;bottom:78%;transform:rotate(7deg);height:213px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(3){left:50%;bottom:67%;transform:rotate(40deg);height:225px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(4){left:72%;bottom:32%;transform:rotate(66deg);height:172px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1) img{transform:rotate(36deg) translate(24px,15px)}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(2) img{transform:rotate(-7deg) translate(10px,27px)}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(3) img{transform:rotate(-40deg) translate(-5px,27px)}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(4) img{transform:rotate(-66deg) translate(-13px,18px)}.About-the-Project .aboutproject-box-right .groups .vehiclesecurity{animation:vehiclesecurityzomming 2s linear infinite alternate}.About-the-Project .aboutproject-box-right .right-shpae{position:absolute;top:0;left:-4px;width:857px;padding-top:135%;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/About-the-Project-right-shape.svg) no-repeat left top / 100% 100%;filter:drop-shadow(0 12px 16px rgb(0 0 0 / .16));z-index:0}.About-the-Project .aboutproject-box-right.aos-animate .rounded-point:nth-child(1){animation:anpitrightroundedpoint01 1.4s linear alternate}.About-the-Project .aboutproject-box-right.aos-animate .rounded-point:nth-child(2){animation:anpitrightroundedpoint02 1.4s linear 1s alternate}.About-the-Project .aboutproject-box-right.aos-animate .rounded-point:nth-child(3){animation:anpitrightroundedpoint03 1.4s linear 2s alternate}.About-the-Project .aboutproject-box-right.aos-animate .rounded-point:nth-child(4){animation:anpitrightroundedpoint04 1.4s linear 3s alternate}@keyframes anpitrightroundedpoint01{50%{transform:rotate(-35deg) scale(.6) translate(-7px,47px)}}@keyframes anpitrightroundedpoint02{50%{transform:rotate(7deg) scale(.6) translate(11px,70px)}}@keyframes anpitrightroundedpoint03{50%{transform:rotate(40deg) scale(.6) translate(11px,70px)}}@keyframes anpitrightroundedpoint04{50%{transform:rotate(66deg) scale(.6) translate(11px,70px)}}@keyframes vehiclesecurityzomming{0%{transform:scale(1)}100%{transform:scale(1.05)}}.About-the-Project .h3{font-size:22px;color:#264560;font-weight:400}.About-the-Project .h3.elm2{margin-top:27px;margin-bottom:21px}.aboutproject-ul{margin:21px 0 0;padding:0;font-size:14px;line-height:22px;color:#666;font-weight:400}.aboutproject-ul>li{position:relative;margin-bottom:9px}.aboutproject-ul ol{margin:10px 0 0}.aboutproject-ul>li>li{margin-bottom:1px}.aboutproject-ul>li b{color:#333;font-weight:600}.aboutproject-ul.elm2>li{margin-bottom:20px}.list-style-counter{counter-reset:number;list-style:none}.list-style-counter>li{position:relative;counter-increment:number;min-height:44px;padding-left:44px}.list-style-counter .counter{display:inline-block;position:absolute;left:0;top:2px}.list-style-counter .counter::before{content:"";position:absolute;left:8px;bottom:7px;display:inline-block;width:29px;height:29px;border-radius:40px;background-color:#c4e1c3;top:unset!important;transform:unset!important}.list-style-counter .counter::after{content:counter(number);position:relative;display:flex;justify-content:center;align-items:center;width:24px;height:25px;font-size:16px;line-height:26px;color:#333;font-weight:600;border-radius:40px;border:2px solid #a8abb6;top:unset!important;left:unset!important;transform:unset!important}.list-style-doublearrow{margin:0;padding:0;list-style:none}.list-style-doublearrow>li{position:relative;padding-left:20px}.list-style-doublearrow>li::before{content:"\f101";position:absolute;left:0;top:4px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1300px){.About-the-Project .aboutproject-box-left .groups{width:469px}.About-the-Project .aboutproject-box-left .left-shpae{width:670px;padding-top:134%}.About-the-Project .aboutproject-box-right .groups{width:329px}.About-the-Project .aboutproject-box-right .right-shpae{width:679px;padding-top:140%}}@media screen and (max-width:1280px){.About-the-Project .aboutproject-box-left .rounded-point{width:106px;height:243px}.About-the-Project .aboutproject-box-left .rounded-point img{max-width:75px;max-height:75px}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1){left:16%;bottom:46%;transform:rotate(-17deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(2){left:37%;bottom:55%;transform:rotate(-11deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(3){left:51%;bottom:52%;transform:rotate(31deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(4){left:65%;bottom:20%;transform:rotate(45deg)}.About-the-Project .aboutproject-box-right .rounded-point{width:115px;height:243px}.About-the-Project .aboutproject-box-right .rounded-point img{max-width:97px;max-height:97px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1){left:-9%;bottom:48%;transform:rotate(-35deg);height:194px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(2){left:21%;bottom:78%;transform:rotate(7deg);height:209px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(3){left:50%;bottom:67%;transform:rotate(40deg);height:204px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(4){left:72%;bottom:32%;transform:rotate(66deg);height:164px}}@media screen and (max-width:1199px){.About-the-Project .aboutproject-box-left{position:relative;margin-bottom:33px;padding-top:447px}.About-the-Project .aboutproject-box-left .groups{width:100%;max-width:568px;right:0;left:0;margin:auto}.About-the-Project .aboutproject-box-left .left-shpae{left:0;right:0;width:100%;max-width:760px;margin:auto;padding-top:51%}.About-the-Project .flexrow.r2{flex-flow:column}.About-the-Project .aboutproject-box-right{padding-top:366px;margin-bottom:59px}.About-the-Project .aboutproject-box-right .groups{left:0;right:0;width:100%;max-width:373px;margin:auto}.About-the-Project .aboutproject-box-right .right-shpae{left:0;right:0;max-width:706px;width:100%;margin:auto;padding-top:50%}}@media screen and (max-width:768px){.About-the-Project .aboutproject-box-left .left-shpae{padding-top:66%}.About-the-Project .aboutproject-box-right .right-shpae{padding-top:63%}}@media screen and (max-width:568px){.About-the-Project .aboutproject-box-left{padding-top:371px}.About-the-Project .aboutproject-box-left .left-shpae{display:none}.About-the-Project .aboutproject-box-left .rounded-point{width:96px;height:217px}.About-the-Project .aboutproject-box-left .rounded-point img{max-width:73px;max-height:70px}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1){left:15%;bottom:58%;transform:rotate(-38deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(2){left:36%;bottom:61%;transform:rotate(-11deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(3){left:49%;bottom:55%;transform:rotate(31deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(4){left:63%;bottom:25%;transform:rotate(45deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1) img{transform:rotate(38deg) translate(25px,12px)}.About-the-Project .aboutproject-box-right .right-shpae{display:none}.About-the-Project .aboutproject-box-right .rounded-point{width:96px;height:190px}.About-the-Project .aboutproject-box-right .rounded-point img{max-width:82px;max-height:79px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1){left:-5%;bottom:48%;transform:rotate(-35deg);height:151px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(2){left:21%;bottom:78%;transform:rotate(7deg);height:152px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(3){left:50%;bottom:67%;transform:rotate(40deg);height:174px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(4){left:72%;bottom:32%;transform:rotate(66deg);height:139px}}@media screen and (max-width:414px){.About-the-Project .aboutproject-box-left .rounded-point:nth-child(1){left:7%;bottom:54%;transform:rotate(-38deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(2){left:29%;bottom:55%;transform:rotate(-11deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(3){left:46%;bottom:52%;transform:rotate(31deg)}.About-the-Project .aboutproject-box-left .rounded-point:nth-child(4){left:60%;bottom:15%;transform:rotate(45deg)}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1){left:2%;bottom:56%;transform:rotate(-11deg);height:151px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(1) img{transform:rotate(10deg) translate(15px,20px)}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(2){left:28%;bottom:78%;transform:rotate(7deg);height:152px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(3){left:54%;bottom:67%;transform:rotate(40deg);height:174px}.About-the-Project .aboutproject-box-right .rounded-point:nth-child(4){left:69%;bottom:21%;transform:rotate(66deg);height:139px}}@media screen and (max-width:375px){.About-the-Project .aboutproject-box-left .rounded-point{width:80px;height:195px}.About-the-Project .aboutproject-box-left .rounded-point img{max-width:50px;max-height:47px}.About-the-Project .aboutproject-box-right .rounded-point{width:84px}.About-the-Project .aboutproject-box-right .rounded-point img{max-width:59px;max-height:58px}}.st-modules{margin-bottom:0;padding-top:45px;background-color:#fff}.slidemanual-container{background-color:#FFF}.circlefadeinbox{background-color:#fff}.circlefadeinbox:nth-child(even){background-color:#343434}.modules-contentbox{position:absolute;left:calc(50% - 600px);top:147px;width:100%;max-width:310px;padding:71px 16px 0;font-size:14px;line-height:24px;color:#033333;font-weight:400}.modules-contentbox .h2{font-size:45px;line-height:43px;color:#538da9;font-weight:700;margin-bottom:12px;padding-left:24%}.modules-contentbox .h3{font-size:30px;line-height:35px;color:#003;font-family:"Poppins";font-weight:600;margin-bottom:24px}.modules-contentbox .bg-cloud-1{position:absolute;left:-70px;top:-13px;width:405px;max-width:none}.modules-contentbox .inner{position:relative}.modules-contentbox.mc-night{color:#fff}.modules-contentbox.mc-night .h2{color:#d0cfcf}.modules-contentbox.mc-night .h3{color:#fff}.storybox{position:relative;height:100%;overflow:hidden}.storybox img{position:absolute}.storybox .baloon{right:-5%;top:140px;animation:storyRightToLeft 65s linear infinite 0.1s}.storybox .bird-1{left:-5%;top:138px;animation:storyLeftToRight 60s linear infinite 0.1s}.storybox .bird-2{right:-5%;top:132px;animation:storyRightToLeft 70s linear infinite 2s}.storybox .cloud-1{left:-5%;top:120px;animation:storyLeftToRight 80s linear infinite 1s}.storybox .cloud-2{left:-5%;top:127px;animation:storyLeftToRight 90s linear infinite 20s}.storybox .cloud-3{right:-5%;top:132px;animation:storyRightToLeft 100s linear infinite 5s}.storybox .tree-1{right:calc(50% - 576px);bottom:47px;animation:storyskewTopBottom 3s linear infinite alternate}.storybox .tree-2{left:calc(50% - 795px);bottom:47px;animation:storyskewTopBottom 3s linear infinite alternate}.storybox .cicle{right:calc(50% - 473px);bottom:57px}.storybox .product{right:calc(50% - 235px);bottom:57px}.storybox .home{left:calc(50% - 702px);bottom:52px;max-width:56%}.storybox .helicopter{left:-5%;top:143px;animation:storyLeftToRight 60s linear infinite 10s}.storybox .cicle-man{left:calc(50% - 42px);bottom:58px}.storybox .city-back{left:0;right:0;bottom:57px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Modules-story2-city-back.png) repeat-x left bottom;position:absolute;height:266px;animation:storybgRightToLeft 250s linear infinite}.storybox .city-back-night{left:0;right:0;bottom:57px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Modules-story2-city-back-night.png) repeat-x left bottom;position:absolute;height:266px;animation:storybgRightToLeft 250s linear infinite}.storybox .city-front{left:0;right:0;bottom:56px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Modules-story2-city-front.png) repeat-x left bottom;position:absolute;height:214px;animation:storybgRightToLeft 230s linear infinite}.storybox .city-front-night{left:0;right:0;bottom:56px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Modules-story2-city-front-night.png) repeat-x left bottom;position:absolute;height:214px;animation:storybgRightToLeft 230s linear infinite}.storybox .trees_and_lamps{left:0;right:0;bottom:57px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Modules-story2-trees_and_lamps.png) repeat-x left bottom;height:125px;position:absolute;animation:storybgRightToLeft 210s linear infinite}.storybox .ciclemangoing{right:calc(50% - 282px);bottom:50px}.storybox .policemanstoping{right:calc(50% - 682px);bottom:50px}.storybox .macbook{right:calc(50% - 846px);bottom:56px;max-width:52%}.storybox .policemancicle{right:calc(50% - 98px);bottom:51px}.storybox .tree1-1{left:calc(50% - 156px);bottom:46px;animation:storyskewTopBottom 3s linear infinite alternate}.storybox .cicle2{right:calc(50% - 219px);bottom:56px}.storybox .homeright{right:calc(50% - 1121px);bottom:52px;max-width:67%}@keyframes storyLeftToRight{0%{left:-5%}100%{left:110%}}@keyframes storyRightToLeft{0%{right:-5%}100%{right:110%}}@keyframes storyskewTopBottom{50%{transform:skew(0deg,10deg)}}@keyframes storybgRightToLeft{0%{background-position:left bottom}100%{background-position:-6000px bottom}}.modules-bottom-twocolor{position:absolute;left:0;right:0;bottom:0;height:57px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/modules-bottom-twocolor-bg.png) repeat-x left top}.css-typing{visibility:hidden}.texttyped .css-typing{visibility:visible}.texttyped .css-typing p{margin-bottom:0;white-space:nowrap;overflow:hidden}.texttyped .css-typing p:nth-child(1){width:100%;animation:texttype 2s steps(40,end);animation-fill-mode:forwards}.texttyped .css-typing p:nth-child(2){width:100%;opacity:0;animation:texttype2 2s steps(40,end);animation-delay:2s;animation-fill-mode:forwards}@keyframes texttype{0%{width:0}}@keyframes texttype2{0%{width:0}1%{opacity:1}100%{opacity:1}}@media screen and (max-width:1230px){.modules-contentbox{left:20px}}@media screen and (max-width:1024px) and (orientation:portrait){.storybox .bird-1{top:31%}.storybox .bird-2{top:47%}.storybox .cloud-1{top:43%}.storybox .cloud-2{top:39%}.storybox .cloud-3{top:32%}}@media screen and (max-width:1024px){.storybox .cicle{right:calc(50% - 28%);max-width:18%}.storybox .product{right:calc(50% - 9%);max-width:4%}.storybox .home{left:calc(50% - 39%);max-width:49%}.storybox .tree-2{left:calc(50% - 47%);max-width:9%}.storybox .tree-1{right:calc(50% - 49%);max-width:13%}.storybox .cicle-man{left:calc(50% - 3%);max-width:14%}.storybox .ciclemangoing{right:calc(50% - 16%);max-width:17%}.storybox .policemanstoping{right:calc(50% - 45%);max-width:10%}.storybox .policemancicle{right:calc(50% - 13%);max-width:18%}.storybox .macbook{right:calc(50% - 53%);max-width:42%}.storybox .homeright{right:calc(50% - 50%);max-width:44%}.storybox .cicle2{right:calc(50% - 8%);max-width:16%}.storybox .tree1-1{left:calc(50% - 21%);max-width:14%}.storybox .trees_and_lamps{height:87px;background-size:auto 85px}.storybox .city-front{height:146px;background-size:auto 144px}.storybox .city-front-night{height:146px;background-size:auto 144px}.storybox .city-back{height:185px;background-size:auto 153px}.storybox .city-back-night{height:185px;background-size:auto 153px}}@media screen and (max-width:991px){.Modules .section-title-bottom-separator{margin-top:9px}.modules-contentbox{padding:17px}.modules-contentbox .h2{font-size:31px;line-height:17px}.modules-contentbox .h3{font-size:21px;line-height:25px;margin-bottom:5px}}@media screen and (max-width:568px){.storybox .tree-1{right:4px;max-width:13%}.storybox .tree-2{left:1%;max-width:12%}.storybox .home{left:11%;max-width:74%}.storybox .product{right:55%;max-width:10%}.storybox .cicle{right:23%;max-width:31%}.storybox .cicle-man{left:35%;max-width:27%}.storybox .ciclemangoing{right:60%;max-width:29%}.storybox .policemanstoping{right:28%;max-width:15%}.storybox .policemancicle{right:62%;max-width:30%}.storybox .macbook{right:0;max-width:56%}.storybox .tree1-1{left:2%;max-width:20%}.storybox .homeright{right:3%;max-width:73%}.storybox .cicle2{right:60%;max-width:26%}}@media screen and (max-width:414px){.circlefadeinbox{bottom:72px}}.mobile-desktop-designs{padding-top:31px}.mobile-desktop-designs .container{overflow:visible}.mobile-desktop-designs .inner-container-desktop{position:relative;margin-left:-118px;margin-right:-118px;margin-top:35px;padding-bottom:6.88%}.mobile-desktop-designs .desktop-mac{position:absolute;top:0;left:50%;display:block;width:46%;padding-top:34%;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/desktop-mac.png) no-repeat center center / 100% 100%;pointer-events:none;z-index:1;transform:translateX(-50%)}.mobile-desktop-designs .deskotop-slider .slick-list{padding:5.3% 0}.mobile-desktop-designs .deskotop-slider .slick-slide{position:relative;transition:transform 0.5s linear;padding-top:4.89%}.mobile-desktop-designs .deskotop-slider .slick-slide:not(.slick-center){cursor:pointer;z-index:0;filter:blur(2px)}.mobile-desktop-designs .deskotop-slider .slick-center{transform:scale(1.3);z-index:1}.mobile-desktop-designs .deskotop-slider .slick-slide img{width:100%;position:absolute;left:0;top:0;right:0;bottom:0}.mobile-desktop-designs .inner-container-mobile{position:relative;margin-right:-200px;margin-left:-200px;padding-top:34px;padding-bottom:42px}.mobile-desktop-designs .mobileapp-slider .slick-list{padding:0 261px}.mobile-desktop-designs .mobileapp-slider .slick-slide{padding:0 5px 66px;transition:transform 0.5s linear;outline:none}.mobile-desktop-designs .mobileapp-slider .slick-slide img{width:100%}.mobile-desktop-designs .mobileapp-slider .slick-active:nth-child(even){transform:translateY(66px)}.mobiledesktop-bottom{margin:0 auto;padding:27px 35px;border-radius:10px;box-shadow:0 3px 23px rgb(111 125 150 / .2);background-color:#fff}.mobiledesktop-bottom .title2{font-size:30px;line-height:26px;color:#133450;font-weight:600;margin-bottom:32px}.mobiledesktop-bottom img{margin-right:9px}.mobiledesktop-bottom .circlerounded{width:95px}.mobiledesktop-bottom .bobble{animation:mobiledesktopbottomcolorbobbleUpDown 0.8s linear infinite alternate}.mobiledesktop-bottom .bobble:nth-of-type(3){animation-delay:0.5s}.mobiledesktop-bottom .bobble:nth-of-type(4){animation-delay:1s}.mobiledesktop-bottom .bobble:nth-of-type(5){animation-delay:1.5s}.mobiledesktop-bottom .bobble:nth-of-type(6){animation-delay:02s}.mobiledesktop-bottom .bobble:nth-of-type(7){animation-delay:2.5s}.mobiledesktop-bottom .dash{margin-left:2%;margin-right:5%;font-size:60px;line-height:73px;color:#666;font-family:"Roboto";font-weight:400}.mobiledesktop-bottom .fontbox{font-size:20px;line-height:26px;color:#666;text-align:center}.mobiledesktop-bottom .rb-bld{margin-bottom:14px;font-size:40px;line-height:26px;color:#666;font-family:"Roboto";font-weight:700}.mobiledesktop-bottom .rb-reg{margin-bottom:14px;font-size:40px;line-height:26px;color:#666;font-family:"Roboto";font-weight:400}@keyframes mobiledesktopbottomcolorbobbleUpDown{0%{transform:translateY(-4px)}100%{transform:translateY(4px)}}@keyframes mobiledesktopbottomcolorcirclerotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custom-tab{display:flex;flex-flow:column;margin-top:31px}.custom-tab .tab-nav{display:inline-flex;align-self:center;min-width:418px;padding:12px 10px;border-radius:30px;background-image:linear-gradient(0deg,#094f71 0%,#0b4f71 50%,#0070a7 99%);box-shadow:0 12px 30px rgb(0 0 0 / .25);list-style:none}.custom-tab .tab-nav2{display:flex;flex-flow:column;padding:8px 15px;border-radius:5px;background-image:linear-gradient(0deg,#094f71 0%,#0b4f71 50%,#0070a7 99%);box-shadow:0 12px 30px rgb(0 0 0 / .25);margin-bottom:20px}.custom-tab .tab-title{flex-grow:1;padding:5px 15px;font-size:23px;color:#fff;font-weight:400;text-align:center}.custom-tab .tab-title:not(.active){color:#9db8c6}.custom-tab .tab-title:not(:last-child){border-right:thin solid #9db8c6}.custom-tab .tab-title a{color:inherit}.custom-tab .tab-containt-wrap{position:relative}.custom-tab .tab-containt{padding:0}.custom-tab.v_accordion .tab-nav{display:none}.custom-tab:not(.v_accordion) .tab-containt-wrap .tab-nav2{display:none}.custom-tab .tab-containt:not(.active){visibility:hidden;position:absolute;left:0;right:0;top:0}@media screen and (max-width:1199px){.mobiledesktop-bottom .rb-reg,.mobiledesktop-bottom .rb-bld{margin-top:27px;line-height:50px}}@media screen and (max-width:1024px){.mobile-desktop-designs .inner-container-desktop{padding-bottom:7.5%}}@media screen and (max-width:768px){.mobile-desktop-designs .mobileapp-slider .slick-slide{padding-bottom:33px}.mobile-desktop-designs .mobileapp-slider .slick-active:nth-child(even){transform:translateY(33px)}.mobile-desktop-designs .inner-container-desktop{padding-bottom:8.5%}}@media screen and (max-width:680px){.mobiledesktop-bottom img{width:29px}.mobiledesktop-bottom .circlerounded{width:49px}.mobiledesktop-bottom .dash{margin-right:3%;font-size:36px;line-height:24px}.mobiledesktop-bottom .col-left{text-align:center}.mobiledesktop-bottom .col-right{margin-top:18px}.mobiledesktop-bottom .rb-reg,.mobiledesktop-bottom .rb-bld{margin-top:13px;margin-bottom:4px;line-height:50px;font-size:34px}}@media screen and (max-width:568px){.mobile-desktop-designs .inner-container-desktop{padding-bottom:10.5%}.custom-tab .tab-nav{min-width:inherit}.custom-tab .tab-title{font-size:19px}}@media screen and (max-width:414px){.mobile-desktop-designs .inner-container-desktop{padding-bottom:13.5%}.mobiledesktop-bottom .title2{font-size:25px;line-height:38px}.mobiledesktop-bottom .dash{display:block;margin:9px auto}}@media screen and (max-width:375px){.mobile-desktop-designs .inner-container-desktop{padding-bottom:14.5%}}@media screen and (max-width:375px){.mobile-desktop-designs .inner-container-desktop{padding-bottom:16.5%}.mobiledesktop-bottom img{width:45px;margin-top:23px}.mobiledesktop-bottom .circlerounded{width:49px;margin:0}}.challenges{padding-top:51px;line-height:24px;background-image:linear-gradient(-18deg,#094f71 0%,#0b4f71 50%,#0070a7 99%)}.challenges .section-title{margin-bottom:25px}.challenges .col1{color:#e9efff}.challenges .col1 .h3{margin-top:28px;margin-bottom:24px;font-size:22px;color:#fefefe;font-weight:400}.challenges .col1 p{color:#fefefe}.challenges .row-wrap{padding-top:25px;counter-reset:number}.challenges .imgbox{position:relative;display:flex;justify-content:center;align-items:center;width:98px;height:91px;border-radius:10px;box-shadow:0 0 24px rgb(0 0 0 / .15);background-color:#fff;counter-increment:number;margin-left:15px}.challenges .imgbox img{width:53px;height:53px;object-fit:contain}.challenges .imgbox .counter{position:absolute;left:-13px;top:-2px}.challenges .imgbox .counter::before{content:"";position:absolute;left:8px;bottom:7px;display:inline-block;width:29px;height:29px;border-radius:40px;background-color:#66c430}.challenges .imgbox .counter::after{content:counter(number);position:relative;display:flex;justify-content:center;align-items:center;width:24px;height:25px;font-size:19px;line-height:31px;color:#333;font-weight:600;border-radius:40px;border:2px solid #000}.challenges-bottom{position:relative;text-align:center;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/challenges-bottom-bg.png) repeat-x left bottom;animation:challengesbottombgmoved 400s infinite both linear}.challenges-bottom .shp1{position:relative;z-index:1;max-width:646px}.challenges-bottom .shp2{position:absolute;bottom:32px;right:calc(50% - 447px);animation:challengesbottomshp2moved 40s infinite both linear}.challenges-bottom .shp3{position:absolute;left:10%;top:35px;animation:challengesbottomshp3moved 53s infinite both linear;z-index:0}.challenges-bottom .shp4{position:absolute;right:10%;top:11px;animation:challengesbottomshp4moved 53s infinite both linear;z-index:0}@keyframes challengesbottombgmoved{0%{background-position:0 bottom}100%{background-position:-6000px bottom}}@keyframes challengesbottomshp2moved{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes challengesbottomshp3moved{0%{left:-10%}100%{left:110%}}@keyframes challengesbottomshp4moved{0%{right:-10%}100%{right:110%}}@media screen and (max-width:568px){.challenges-bottom .shp1{max-width:55%}.challenges-bottom{display:none;background-size:auto 69px}.challenges-bottom .shp2{right:7%;max-width:11%}.challenges-bottom .shp3{max-width:20%}.challenges-bottom .shp4{max-width:23%}}@media screen and (max-width:991px){.challenges .col1{margin-bottom:37px;text-align:center}.challenges .imgbox{margin:0 auto}}.wireframes{padding-top:45px;padding-bottom:39px}.business-upcoming{line-height:24px}.business-upcoming .h5{font-size:22px;line-height:28px;color:#333;font-weight:400}.business-upcoming .col-left{padding-top:41px;text-align:right;background-color:#FFF}.business-upcoming .col-right{padding-top:41px;background-image:linear-gradient(-18deg,#094f71 0%,#0b4f71 50%,#0070a7 99%)}.business-upcoming .left-container{display:inline-block;max-width:575px;padding-right:41px;text-align:left;padding-bottom:56px}.business-upcoming .right-container{display:inline-block;max-width:575px;padding-left:21px;color:#e9efff;text-align:left}.business-upcoming .col-right .section-title{margin-bottom:38px}.business-upcoming .h5.elm1{margin-top:43px;margin-bottom:12px}.business-upcoming .h5.elm2{margin-top:43px;margin-bottom:12px}.business-upcoming .upcoming-phase-bottom{position:absolute;left:0;bottom:0;min-height:312px;max-width:575px;width:100%}.business-upcoming .upcoming-phase-bottom img{position:absolute;animation:upcomingphasebottommoved 2s linear both infinite alternate}.business-upcoming .upcoming-phase-bottom .shp1{left:38%;bottom:247px;animation-delay:0.2s;animation-duration:1.8s}.business-upcoming .upcoming-phase-bottom .shp2{left:50%;bottom:199px;animation-delay:0.6s;animation-duration:2.3s}.business-upcoming .upcoming-phase-bottom .shp3{left:57%;bottom:112px;animation-delay:0.9s;animation-duration:2.8s}.business-upcoming .upcoming-phase-bottom .shp4{left:12%;bottom:160px;animation-delay:1s;animation-duration:1.6s}.business-upcoming .upcoming-phase-bottom .shp5{left:24%;bottom:109px;animation-delay:0.4s;animation-duration:1.5s}.business-upcoming .upcoming-phase-bottom .shp6{left:25%;bottom:31px;animation-delay:0.7s;animation-duration:1.3s}.business-upcoming .center-logo{position:absolute;left:0;top:50%;margin:-49px 0 0 -55px}.business-upcoming .center-logo img.elm{position:absolute;left:0;top:0}.business-upcoming .center-logo .img1{animation:BusinessUpcominglogorotateclock 40s infinite both linear}.business-upcoming .center-logo .img2{animation:BusinessUpcominglogorotateanticlockwise 40s infinite both linear}@keyframes BusinessUpcominglogorotateclock{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes BusinessUpcominglogorotateanticlockwise{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}@keyframes upcomingphasebottommoved{0%{transform:translateY(-15px)}100%{transform:translateY(20px)}}@media screen and (max-width:991px){.business-upcoming .right-container,.business-upcoming .left-container{max-width:inherit}.business-upcoming .col-right{padding-bottom:331px;padding-top:66px}.business-upcoming .center-logo{left:0;top:0;right:0;width:100px;margin:-49px auto}}@media screen and (max-width:575px){.business-upcoming .upcoming-phase-bottom{display:none}.business-upcoming .col-right{padding-bottom:29px;padding-top:66px}}@media screen and (max-width:375px){.business-upcoming .section-title{font-size:28px;line-height:37px}}.testimonial{padding-top:66px;padding-bottom:99px;background:url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Testimonial-bubble-right.svg) no-repeat right top / 256px,url(/wp-content/themes/twentytwentyone-child/images/case-study/Protech-Dna/Testimonial-bubble-bottom.svg) no-repeat center bottom / 322px}.testimonial .container{overflow:visible}.testimonial .videobgshape{position:absolute;left:-145px;top:-33px}.testimonial .testimonial-box{position:relative;max-width:503px;margin-top:28px}.testimonial .video-banner{border-radius:10px;box-shadow:0 0 14px rgb(0 0 0 / .2);overflow:hidden}.testimonial .video-play{position:absolute;top:50%;left:50%;width:60px;height:60px;text-align:center;margin:-25px 0 0 -30px;border-radius:100px;background-color:#66c430;z-index:10}.testimonial .video-play i{font-family:var(--fa-style-family,"Font Awesome 6 Free")!important}.testimonial .video-play::before{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;border-radius:50%;box-shadow:0 0 2px 30px rgb(255 255 255 / .24);background:#fff0;opacity:1;animation:pulsate1 2s forwards infinite}.testimonial .video-play i{line-height:60px;font-size:18px;color:#fff}.testimonial .quote-wrap{position:relative;margin-top:41px;padding-left:29px;font-size:16px;line-height:24px;color:#666}.testimonial .quote-wrap .quote{position:absolute;left:-17px;width:48px}.testimonial .quote-wrap .quoteend{width:45px;transform:rotateY(190deg)}@media screen and (max-width:991px){.testimonial .testimonial-box{margin:0 auto}.testimonial .videobgshape{left:0;top:-62px;right:0;margin:0 auto}.testimonial .section-title.st-left{margin-top:58px}.testimonial .quote-wrap{padding-left:41px}.testimonial .quote-wrap .quote{left:-7px}}@media screen and (max-width:414px){.testimonial .videobgshape{display:none}}.getapp{padding-top:29px;background-image:linear-gradient(-18deg,#094f71 0%,#0b4f71 50%,#0070a7 99%)}.getapp .container{overflow:visible}.getapp .h2{margin-bottom:27px;font-size:35px;line-height:46px;color:#133450}.getapp .h5{font-size:22px;line-height:30px;color:#e9efff;font-weight:400}.getapp .appstore-wrap{margin-top:32px;margin-bottom:49px}.getapp .appstore-wrap img{margin-right:7px}.getapp .elmimg1{position:absolute;right:0;bottom:0}@media screen and (max-width:991px){.getapp .elmimg1{width:49%;display:none}}@media screen and (max-width:414px){.getapp .appstore-wrap img{margin:10px auto;display:block}}