*{box-sizing:border-box}:root{--light-grey: rgb(245, 245, 245);--blue-bar-fill: rgb(50, 83, 144);--yellow-bar-fill: rgb(248, 191, 101);--red-bar-fill: rgb(232, 64, 79);--greyBlue-bar-fill: rgb(154, 174, 189);--lightBlue-bar-fill: rgb(103, 141, 227);--pink-bar-fill: rgb(255, 116, 129);--lightTextColor: rgb(120, 120, 120, 1);--headingTextColor: rgb(44, 44, 44)}.web-development-animation-web{display:flex;flex-direction:column}.web-development-animation-web .first-1-div{height:0vh;width:100%}@media (min-width: 992px){.web-development-animation-web .first-1-div{height:10vh;width:100%}}.web-development-animation-web .title-div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 2rem;margin-bottom:0;text-align:center}@media (min-width: 768px){.web-development-animation-web .title-div{margin:50px 78px}}.web-development-animation-web .title-div .heading{font-size:18px;font-weight:700;color:var(headingTextColor)}@media (min-width: 768px){.web-development-animation-web .title-div .heading{font-size:35px;font-weight:600}}.web-development-animation-web .title-div .description{margin-top:25px;font-size:12px;color:var(--lightTextColor)}@media (min-width: 768px){.web-development-animation-web .title-div .description{font-size:20px}}.web-development-animation-web .animation-4,.web-development-animation-web .animation-4-mobile{width:100%;display:none;justify-content:center;align-items:flex-start;margin:40px 0}.web-development-animation-web .animation-4 .dsk-animation,.web-development-animation-web .animation-4-mobile .dsk-animation{display:flex;flex-direction:column;gap:3rem;justify-content:center;align-items:center}.web-development-animation-web .animation-4 .dsk-animation .dsk-process,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process{width:inherit!important;padding:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line{height:45px;width:2px;background-color:var(--light-grey)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line .hr-line-fill,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line .hr-line-fill{height:0%;width:2px}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-1,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-1,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-2{background-color:var(--blue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-3,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-3{background-color:var(--yellow-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-4{background-color:var(--red-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-5,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-5{background-color:var(--greyBlue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-6{background-color:var(--lightBlue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line #hr-line-f-7,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line #hr-line-f-7{background-color:var(--pink-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle{height:10rem;width:10rem;border-radius:50%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transform:rotate(90deg)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle{height:5rem;width:10rem;border-radius:150px 150px 0 0;border:2px solid var(--light-grey);border-width:2px 2px 0px 2px;position:relative}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-1,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-3,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-5,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-1,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-3,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-5,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-lc-6{height:10px;width:10px;border-radius:50%;background-color:var(--light-grey);position:absolute;left:-6px;bottom:-5px;z-index:1}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-1,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-3,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-5,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-1,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-3,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-5,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .sm-rc-6{height:10px;width:10px;border-radius:50%;background-color:var(--light-grey);position:absolute;right:-6px;bottom:-5px;z-index:1}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .count-box,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .count-box{padding:0;position:absolute;top:78%;right:95%;margin-left:-40px;background-color:#fff;font-weight:700;font-size:30px;color:var(--light-grey);transform:rotate(270deg);z-index:1}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .cb-1,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .cb-1{color:var(--light-grey)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-6{display:block}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .inner-content,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .inner-content{position:absolute;top:20%;left:9%;width:8rem;height:8rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-1,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-1{background-color:var(--blue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-2{background-color:var(--yellow-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-3,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-3{background-color:var(--red-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-4{background-color:var(--greyBlue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-5,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-5{background-color:var(--lightBlue-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .box-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .box-6{background-color:var(--pink-bar-fill)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle{height:5rem;width:10rem;border-radius:150px 150px 0 0;border:2px solid var(--light-grey);border-width:2px 2px 0px 2px;transform:rotate(180deg);position:relative}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .count-box,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .count-box{padding:1px;position:absolute;top:-24px;left:50%;margin-left:-16px;background-color:#fff;font-weight:700;font-size:30px;color:var(--light-grey);transform:rotate(180deg)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-2{color:var(--light-grey)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-6{display:none}@media (min-width: 992px){.web-development-animation-web .animation-4 .dsk-animation .dsk-process,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process{flex-direction:row}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line{width:45px;height:2px}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .hr-line .hr-line-fill,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .hr-line .hr-line-fill{height:2px;width:0%}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle{transform:rotate(0)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle .count-box,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle .count-box{padding:1px;position:absolute;top:-24px;left:50%;width:30px;margin-left:-16px;background-color:#fff;font-weight:700;font-size:30px;color:var(--light-grey);transform:rotate(0)}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .upper-circle #cb-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .upper-circle #cb-6{display:none}.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-2,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-4,.web-development-animation-web .animation-4 .dsk-animation .dsk-process .back-circle .lower-circle .cb-6,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-2,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-4,.web-development-animation-web .animation-4-mobile .dsk-animation .dsk-process .back-circle .lower-circle .cb-6{display:block}}.web-development-animation-web .animation-4 .dsk-animation .process-titles-div,.web-development-animation-web .animation-4-mobile .dsk-animation .process-titles-div{width:100%;padding:5px;display:none;justify-content:space-evenly;align-items:start}.web-development-animation-web .animation-4 .dsk-animation .process-titles-div .title-div,.web-development-animation-web .animation-4-mobile .dsk-animation .process-titles-div .title-div{text-align:center;width:150px;margin:0 10px}.web-development-animation-web .animation-4 .dsk-animation .process-titles-div .title-div h4,.web-development-animation-web .animation-4-mobile .dsk-animation .process-titles-div .title-div h4{margin-bottom:10px}.web-development-animation-web .animation-4 .dsk-animation .process-titles-div .title-div p,.web-development-animation-web .animation-4-mobile .dsk-animation .process-titles-div .title-div p{margin:0}@media (min-width: 992px){.web-development-animation-web .animation-4 .dsk-animation .process-titles-div,.web-development-animation-web .animation-4-mobile .dsk-animation .process-titles-div{display:flex}}.web-development-animation-web .animation-4-mobile{display:flex;flex-direction:column}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper{width:100%!important}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation,.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process{width:inherit!important}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont{width:inherit!important;display:flex;justify-content:space-evenly;align-items:center}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont .title-div-m{flex:1;text-align:center;display:flex;justify-content:center}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont .empty-box{flex:1}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont .icon{transform:rotate(270deg)}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-1{transform:rotate(270deg);width:60px}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-2{transform:rotate(90deg);width:60px;text-align:right}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-3{transform:rotate(270deg);width:60px}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-4{transform:rotate(90deg);width:60px;text-align:right}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-5{transform:rotate(270deg);width:60px}.web-development-animation-web .animation-4-mobile .dsk-process-wrapper .dsk-animation .dsk-process .service-cont #th-6{transform:rotate(90deg);width:60px;text-align:right}@media (min-width: 992px){.web-development-animation-web .animation-4{display:flex}.web-development-animation-web .animation-4-mobile{display:none}.web-development-animation-web .first-1-div{height:0vh}}:root{--main-background-color: rgb(248, 248, 248)}*{margin:0;padding:0;box-sizing:border-box}.tnt_main_wrapper{background-color:var(--main-background-color);width:100%;margin-bottom:30px;padding:30px 2rem}@media (min-width: 992px){.tnt_main_wrapper{margin-bottom:130px;padding:80px}}