*{margin:0;padding:0}.section-padding{padding:3rem 0}.header-section .container,.banner-section .container{max-width:1500px!important}.menu-toggle{display:none;background:none;border:none;cursor:pointer}.hamburger{display:block;width:25px;height:3px;background-color:#000;position:relative;transition:all 0.3s ease-in-out}.hamburger,.hamburger::before,.hamburger::after{content:"";position:absolute;width:25px;height:3px;background-color:#000;transition:all 0.3s ease-in-out}.hamburger{top:10px}.hamburger::before{top:-8px}.hamburger::after{bottom:-8px}.menu-toggle.active .hamburger{background-color:#fff0}.menu-toggle.active .hamburger::before{transform:rotate(45deg);top:0}.menu-toggle.active .hamburger::after{transform:rotate(-45deg);bottom:0}.header{position:relative;width:100%;max-width:100%;top:0;left:0;background-color:#fff0;z-index:1000}.header-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;background-color:#fff;margin:0 auto;padding:20px 0}#mainHeader.fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;box-shadow:0 4px 10px rgb(0 0 0 / .1);z-index:1000}.logo-wrap{width:20%;display:flex;justify-content:left;margin-left:2rem;align-items:center}.logo{width:100%;height:auto;max-width:55%;object-fit:cover}.navigation{width:90%}.header-content .nav{justify-content:right!important}.nav-list{display:flex;justify-content:right;list-style:none;gap:0;margin:0 50px 0 0;padding:0}.nav-item{position:relative}.nav-link{font-weight:500;color:#121212;font-size:16px;letter-spacing:.36px;line-height:21.6px;text-decoration:none;white-space:nowrap;transition:color 0.2s ease}.nav-link:hover{color:#666}.nav-separator{position:absolute;width:121px;height:1px;top:23px;left:0;background-image:url(/line.svg);background-repeat:no-repeat;background-size:contain}.hamburger{display:none;font-size:28px;background:none;border:none;cursor:pointer;color:#121212;position:absolute;right:16px;top:25px;z-index:1001}.breadcrumb-social{margin-left:20px!important}@media (max-width:991px){.header-section .container{padding:0!important}#mainHeader.fixed{position:fixed!important;top:0;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1);width:100vw!important}.header{height:auto;background-color:#fff}.header-content{height:auto;padding:10px 16px;justify-content:unset}.logo{position:static;margin:10px auto;display:block}.navigation{position:relative;top:0;left:0;width:100%}.hamburger{display:block;right:13%;top:44%}.nav-list{display:none;position:absolute;top:80px;left:0;width:100%;background-color:#fff;flex-direction:column;gap:16px;padding:16px 0;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:1000}.nav-list.open{display:flex}.nav-link{font-size:16px;padding:8px 0}.nav-separator{display:none}}.banner-section-mobile{display:none!important}.banner-wrapper{margin-left:.5rem}.banner-section{display:block;background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/website-design-development/banner-bg.png);background-size:cover;padding:5rem 0rem}.banner-wrapper span{font-size:1rem;color:#fff;text-transform:uppercase}.banner-wrapper h1{font-size:2.5rem;color:#fff;text-transform:capitalize;margin:2rem 0}.banner-wrapper p{font-size:1rem;color:#fff;margin:2rem 0;width:100%;max-width:39%}.banner-section-mobile .col{padding:0!important}.banner-img-wrap img{height:auto;width:100%;position:relative}.banner-wrapper-mobile{position:absolute;top:17%;left:10%}.banner-wrapper-mobile span{font-size:1rem;color:#fff;text-transform:uppercase}.banner-wrapper-mobile h1{font-size:2rem;color:#fff;text-transform:capitalize;margin:1rem 0}.banner-wrapper-mobile p{font-size:1rem;color:#fff;margin:2rem 0;width:100%;max-width:90%;text-align:left}.offer-heading{font-size:3rem;text-align:center;margin-bottom:2rem}.main-container-offer{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;gap:1.5rem}.service-card-line-1,.service-card-line-2{display:flex;justify-content:space-evenly}.main-title{position:absolute;top:80px;left:559px;font-weight:500;color:#090909;font-size:46px;text-align:center;letter-spacing:.92px;line-height:55.2px;white-space:nowrap}.service-card{position:relative;width:31%;height:auto}.card{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card.dark-overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#121212;opacity:.3;z-index:1}#offer .card-content{position:absolute;top:60%;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.service-title{font-weight:400;color:#fff;font-size:24px;text-align:center;letter-spacing:.44px;line-height:26.4px;width:100%;max-width:65%;margin:0 auto 2rem auto}.service-description{font-weight:400;color:#fff;font-size:16px;text-align:center;letter-spacing:.32px;line-height:22px;width:100%;max-width:80%;margin:0 auto}.offer-mobile-section{display:none}.insight-section{background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/website-design-development/insights-bg.png);background-size:cover}.insights-wrapper{display:flex;align-items:center;width:100%}.in-child-1,.in-child-2{width:50%}.in-child-2 h2{font-size:3rem;color:#fff;margin-bottom:2rem;width:100%;max-width:90%}.in-child-2 p{font-size:1rem;color:#fff;width:100%;max-width:85%}.in-child-1 img{width:100%;height:auto}.case-wrapper h2{font-size:3rem;margin-bottom:2rem;text-align:center}.case-wrapper h3{font-size:2.5rem;margin-bottom:2rem;text-align:center}.case-wrapper span{font-size:1rem;text-align:center;text-transform:uppercase;display:block;width:100%;font-weight:700}.case-wrapper p{font-size:1rem;width:100%;max-width:62%;margin:0 auto;text-align:center}.chance-section{background-color:#0a0a0a}.case-study-img-wrap img{width:100%;height:auto;margin-top:3rem}.approach-section-desktop{display:block}.approach-section-mobile{display:none}.ap-card-1{width:23%}.card-wrap{position:relative;width:100%}.card-wrap img{width:100%;height:auto}.card-content{position:absolute;top:12%;left:0;right:0;text-align:center}#offer .card-content{position:absolute;top:65%;left:0;right:0;text-align:center}.card-content img{max-width:30%;height:auto}.card-content h5{font-size:1.25rem;margin:2rem auto 2rem auto;text-align:center;color:#fff;width:100%;max-width:60%}#wireframe{max-width:80%!important}.card-content p{font-size:1rem;text-align:center;color:#fff;width:100%;max-width:80%;margin:0 auto}.approach-cards-wrap{display:flex;width:100%;justify-content:space-evenly}.approach-wrapper h4{font-size:2rem;margin:2rem auto;text-align:center;text-transform:uppercase}.solution-wrap span,.outcome-wrap span{font-size:1rem;text-align:center;text-transform:uppercase;display:block;width:100%;font-weight:700}.outcome-wrap{margin:4rem auto 2rem auto}.solution-wrap p,.outcome-wrap p{font-size:1rem;width:100%;max-width:45%;margin:0 auto;text-align:center}.outcome-wrap p{max-width:70%!important}.build-site{font-size:1rem;width:100%;max-width:100%;margin:2rem auto;text-align:center}.know-btn{width:100%;max-width:12%;margin:0 auto;padding:10px;border-radius:24px;border:1px solid #121212;display:flex;justify-content:center;background-color:#fff0}.know-btn a{text-decoration:none;text-transform:uppercase;color:#121212;font-size:1rem}.footer{background-color:#000;color:#fff;font-family:sans-serif;padding:3rem 5rem}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:30px}.footer-left{width:40%;margin-bottom:30px}.footer-logo{width:100%;height:auto;max-width:30%;margin-bottom:20px}.label{text-transform:uppercase;font-size:12px;margin-bottom:5px;color:#aaa}.phone{font-size:18px;font-weight:500;margin-bottom:20px}.newsletter input{padding:10px;width:70%;max-width:250px;border:none;border-bottom:1px solid #fff;background:#fff0;color:#fff}.newsletter button{background:none;color:#fff;border:none;font-size:20px;margin-left:10px;cursor:pointer}.footer-right{display:flex;width:60%;justify-content:space-evenly;flex-wrap:wrap}.footer-column{margin-bottom:20px;width:15%}.footer-column .heading{text-transform:uppercase;font-size:14px;margin-bottom:10px;color:#d0d0d0}.footer-column ul{color:#d0d0d0;list-style:none;padding:0}.footer-column ul li{margin-bottom:6px;font-size:14px;cursor:pointer}.footer-column ul li:hover{text-decoration:underline}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;padding-top:20px;color:#888}.footer-links a{margin-left:20px;color:#888;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width:768px){.footer-container{flex-direction:column}.footer-right{flex-direction:column}.footer-column{margin-bottom:20px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{margin-top:10px}.newsletter input{width:calc(100% - 40px)}}@media screen and (min-width:2500px){body{max-width:2500px}}@media screen and (min-width:2000px) and (max-width:2499px){.header-section .container{max-width:1600px!important}.banner-section .container{max-width:2000px!important}#mainHeader{max-width:1600px!important}.banner-wrapper span{font-size:1.5rem}.banner-wrapper span{font-size:1.8rem}.banner-wrapper h1{font-size:3rem}.banner-wrapper p{font-size:18px}.label,.footer-bottom,.footer-column ul li,.footer-column .heading{font-size:16px}.footer{padding:3rem 6rem}}@media screen and (min-width:1600px) and (max-width:1999px){.banner-section .container,.header-section .container{max-width:1600px!important}.banner-wrapper span{font-size:1.5rem}.banner-wrapper span{font-size:1.5rem}.banner-wrapper h1{font-size:3rem}.banner-wrapper p{font-size:18px}.banner-wrapper{margin-left:1.5rem}.label,.footer-bottom,.footer-column ul li,.footer-column .heading{font-size:16px}.footer{padding:3rem 6rem}}@media screen and (min-width:1025px) and (max-width:1280px){.banner-section{padding:5rem 1rem}.logo{max-width:55%}.nav-list{gap:25px;margin-bottom:0;margin-right:50px}.banner-section{padding:5rem 1rem}.service-title{max-width:75%}.card-content{top:10%}#offer .card-content{top:54%}.in-child-2 h2{font-size:2.5rem;max-width:100%}.in-child-1 img{width:100%;height:auto;max-width:90%}.approach-wrapper h4{font-size:1.8rem}.ap-card-1{width:44%}.card-wrap{position:relative;width:93%}.card-content img{max-width:35%}.card-content h5{font-size:1.25rem;max-width:62%;height:unset!important;margin-bottom:1rem}#wireframe{max-width:62%!important}.card-content p{font-size:1rem;max-width:90%}}@media screen and (min-width:992px) and (max-width:1024px){.logo-wrap{width:13%}.navigation{width:90%}.header-content .nav{justify-content:unset!important}.nav-link{font-size:16px;padding:0}.nav-list{gap:25px;margin:0 0 0 1rem;padding:0}.logo{max-width:60%}.banner-wrapper{margin-top:.5rem}.banner-section{margin-top:0;background-size:cover;background-repeat:no-repeat;padding:2rem 1rem}.banner-wrapper h1{font-size:2rem;margin:.5rem 0}.banner-wrapper p{margin:1rem 0;max-width:45%}.card-content{top:15%}#offer .card-content{top:47%}#offer .service-title{max-width:88%}#offer .service-description{max-width:80%}.in-child-2 h2{font-size:2rem}.in-child-2 p{max-width:88%}.case-wrapper h2,.case-wrapper h3{margin-bottom:1rem}.approach-cards-wrap{flex-wrap:wrap;gap:32px 0}.ap-card-1{width:44%}.card-content h5{font-size:1.5rem;max-width:75%;margin:4rem auto}.card-content p{font-size:1.25rem}.card-content h5 br{display:none}.know-btn{max-width:20%}}@media screen and (min-width:769px) and (max-width:991px){.nav-list{display:block!important}.navigation{display:none;flex-direction:column;background-color:#fff;position:absolute;top:70px;right:0;width:100%;z-index:1000;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.navigation.active{display:flex}.menu-toggle{display:block}.nav-list{flex-direction:column;padding:20px}.nav-item{margin:10px 0}.banner-section{display:block;background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/website-design-development/banner-bg.png);background-size:cover;background-repeat:no-repeat;background-position:60% 50%;padding:5rem 1rem}.banner-wrapper span{font-size:1.25rem}.banner-wrapper p{max-width:66%;text-align:left}.logo-wrap{width:50%}.nav-list{top:30px;left:0%}.nav-link{text-align:center}.service-title{font-size:20px;max-width:70%}.service-description{max-width:85%}.insights-wrapper{flex-direction:column}.in-child-1,.in-child-2{width:100%}.in-child-1{text-align:center}.in-child-2 h2{font-size:2.5rem}.case-wrapper h2{font-size:2.5rem;margin-bottom:1rem}.case-wrapper h3{font-size:2rem;margin-bottom:20px}.case-wrapper p{max-width:80%}.solution-wrap p{max-width:64%}.approach-cards-wrap{flex-wrap:wrap;gap:20px 0}.ap-card-1{width:46%}.card-content h5{margin:2rem auto 1rem;max-width:75%}#offer .card-content{top:13%}.outcome-wrap p{max-width:80%!important}.know-btn{max-width:30%}.footer-left,.footer-right{width:100%}.footer-section .footer{padding:1rem}.footer-right{flex-direction:row;max-width:100%;width:100%;justify-content:space-between;flex-wrap:wrap}.footer-column{width:50%;padding:0 1rem}.footer-links{display:flex;width:100%;justify-content:left;align-items:center}.footer-links a{margin-left:20px}.footer-links a:first-child{margin-left:0!important}.card-content h5 br{display:none}}@media screen and (min-width:569px) and (max-width:768px){.nav-list{display:block!important}.navigation{display:none;flex-direction:column;background-color:#fff;position:absolute;top:70px;right:0;width:100%;z-index:1000;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.navigation.active{display:flex}.menu-toggle{display:block}.nav-list{flex-direction:column;padding:20px}.nav-item{margin:10px 0}.logo-wrap{width:50%}.nav-list{top:-6px;left:0%}.nav-link{text-align:center}.banner-section{display:block;background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/website-design-development/banner-bg.png);background-size:cover;background-repeat:no-repeat;background-position:60% 50%;padding:5rem 1rem}.banner-wrapper span{font-size:1.25rem}.banner-wrapper p{max-width:66%;text-align:left}.service-title{font-size:20px;max-width:70%}.service-description{max-width:85%}.insights-wrapper{flex-direction:column}.in-child-1,.in-child-2{width:100%}.in-child-1{text-align:center}.in-child-2 h2{font-size:2.5rem}.case-wrapper h2{font-size:2.5rem;margin-bottom:1rem}.case-wrapper h3{font-size:2rem;margin-bottom:20px}.case-wrapper p{max-width:80%}.solution-wrap p{max-width:64%}.approach-cards-wrap{flex-wrap:wrap;gap:20px 0}#offer .card-content{top:13%}#approachMobile .card-content{position:unset}#approachMobile .card-content img{position:absolute;top:15%;left:35%}#approachMobile .card-content h5{position:absolute;top:39%;left:0;right:0}#approachMobile .card-content p{position:absolute;top:65%;left:0;right:0}.ap-card-1{width:46%}.card-content h5{margin:2rem auto 1rem;max-width:75%}.outcome-wrap p{max-width:80%!important}.know-btn{max-width:30%}.footer-left,.footer-right{width:100%}.footer-section .footer{padding:1rem}.footer-right{flex-direction:row;max-width:100%;width:100%;justify-content:space-between;flex-wrap:wrap}.footer-column{width:50%;padding:0 1rem}.footer-links{display:flex;width:100%;justify-content:left;align-items:center}.footer-links a{margin-left:20px}.footer-links a:first-child{margin-left:0!important}.card-content h5 br{display:none}}@media screen and (min-width:320px) and (max-width:568px){.nav-list{display:block!important}.navigation{display:none;flex-direction:column;background-color:#fff;position:absolute;top:70px;right:0;width:100%;z-index:1000;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.navigation.active{display:flex}.menu-toggle{display:block}.nav-list{flex-direction:column;padding:20px}.nav-item{margin:10px 0}.logo-wrap{width:50%;margin-left:0}.nav-list{top:-6px;left:0%}.nav-link{text-align:center}.banner-section{display:none}.banner-section-mobile{display:block!important}.offer-desktop-section{display:none}.offer-mobile-section{display:block}.service-card{width:100%}.main-container-offer{padding:0 1rem}.offer-heading{font-size:2.5rem}#mobileOffer .owl-dots,#approachMobile .owl-dots{margin-top:3rem!important}#offerMobile .card-content{top:30%!important}#approachMobile .card-content{position:unset}#approachMobile .card-content img{position:absolute;top:15%;left:35%}#approachMobile .card-content h5{position:absolute;top:39%;left:0;right:0}#approachMobile .card-content p{position:absolute;top:65%;left:0;right:0}.service-title,.service-description{max-width:85%}.approach-section-desktop{display:none}.approach-section-mobile{display:block}.ap-card-1{width:100%;padding:0 2rem}.approach-wrapper h4{font-size:1.5rem}.insights-wrapper{flex-direction:column;padding:0 .5rem}.in-child-1,.in-child-2{width:100%}.in-child-2 p{max-width:96%;text-align:left}.case-wrapper h3{font-size:1.8rem}.in-child-2 h2{font-size:2rem;max-width:100%;margin:2rem auto}.case-wrapper h2{font-size:3rem;margin-bottom:1rem}.case-wrapper p,.solution-wrap p{max-width:90%}.build-site{max-width:65%}.know-btn{max-width:45%}.footer-left,.footer-right{width:100%}.footer-section .footer{padding:1rem}.footer-right{flex-direction:row;max-width:100%;width:100%;justify-content:space-between;flex-wrap:wrap}.footer-column{width:50%;padding:0 1rem}.footer-links{display:flex;width:100%;justify-content:left;align-items:center}.footer-links a{margin-left:20px}.footer-links a:first-child{margin-left:0!important}}