#p,h1,h2,h3,h4,h5,h6{padding:0;margin:0}body{font-size:16px;font-family:"Lato",sans-serif}.common-spacing{padding:0 2rem}.sidebar{width:25%;height:90vh;overflow:hidden;position:sticky;top:-50%}.main{width:70%;height:200vh;min-height:1500px;display:flex;flex-direction:column}.wrapper{display:flex;justify-content:space-between}code,pre{background-color:#ccc;padding:0 3px;border-radius:5px}.bottom{justify-self:bottom}.col-12{padding:0}.service-top-wrapper{text-align:left;width:60%;margin-left:2rem}.service-image{width:40%}.service-wrapper{display:flex}.service-top-wrapper h1{font-family:"Lato",sans-serif;font-weight:400;font-size:325%;color:#090909;text-transform:capitalize;margin:2rem 0}.service-top-wrapper h3{font-family:"Lato",sans-serif;font-weight:400;font-size:325%;color:#090909;text-transform:capitalize;margin:2rem 0}.service-top-wrapper h2{font-family:"Lato",sans-serif;font-weight:500;font-size:105%;color:#121212;margin-top:7rem;text-transform:uppercase}.service-top-wrapper p{font-family:"Lato",sans-serif;font-weight:400;font-size:125%;color:#121212;width:100%;max-width:82%}.accordion-item:last-of-type .accordion-button.collapsed{border-radius:0}.range-box span{display:block}.card-section{background:#121212;padding:4rem 0 4rem 0}.card-heading-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-head h2{font-family:"Lato",sans-serif;font-weight:400;font-size:325%;color:#fff}.card-button a{font-family:"Lato",sans-serif;font-weight:500;font-size:112.5%;color:#D0D0D0;border:1px solid #D0D0D0;text-decoration:none;border-radius:30px;padding:10px 30px}.campaign-content-wrapper-flex{display:flex;padding:3rem 0 0 0}.campaign-para{width:60%}.campaign-view-btn{width:40%;align-self:center;text-align:right}.campaign-view-btn a{font-family:"Lato",sans-serif;font-weight:400;color:#121212;border:1px solid #121212;font-size:120%;padding:10px 40px;border-radius:50px;text-decoration:none;text-transform:uppercase}.campaigns-main-wrapper-flex{padding:0 3rem}.campaign-card-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.campaign-card{width:calc((100% - 90px) / 3);margin-right:30px;margin-top:40px}.campaign-card:nth-child(3){margin-right:0}.campaign-card:nth-child(6){margin-right:0}.campaign-card img{width:100%;height:auto;aspect-ratio:auto 400/514}.campaign-card h3{font-family:"Lato",sans-serif;font-weight:600;color:#fff;font-size:130%;padding:1rem 0}.campaign-card p,.single-service-content{font-family:"Lato",sans-serif;font-weight:400;color:#D0D0D0;font-size:110%}.know-section{padding:5rem 0;background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/unique-brand-bg.jpg)}.campaign-heading h2{font-family:"Lato",sans-serif;font-weight:300;font-size:250%;width:100%;max-width:48%}.range-section{padding:4rem 0}.range-inner-wrapper{display:flex}.range-box{width:30%}.range-next-wrapper{width:70%}.range-box h2{border:1px solid #121212;background:#121212;color:#fff;font-family:"Lato",sans-serif;font-weight:500;font-size:220%;padding:7rem 1.5rem;width:100%;max-width:85%}.range-image-box img{width:100%;height:auto;aspect-ratio:auto 840 / 520}.accordion-button:not(.collapsed){color:#000;background-color:#fff;box-shadow:none}.accordion-button{font-size:70%;font-family:"Lato",sans-serif;font-weight:400;padding:2rem 0}.accordion-item{font-family:"Lato",sans-serif;font-weight:400;color:#000;border:none;border-bottom:1px solid #000;border-radius:0px!important}.accordion-button:not(.collapsed)::after{background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/minus-img.svg)}.accordion-button::after{background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/plus-img.svg);background-size:70% 70%}.accordion-body{font-size:125%;color:#121212;padding:0 0 2rem 0}.creative-image-wrapper img{width:100%;height:auto;aspect-ratio:auto 1440 / 720}.explore-services-wrapper{display:flex;justify-content:space-between}.explore-services-section{background-image:url(https://www.dviodigital.com/wp-content/themes/dvio/css/../images/single-services-bg.jpg);background-size:cover;padding-top:3rem}.explore-services-section h3{color:#121212;font-family:'Lato';font-size:180%;font-weight:400;text-align:center;padding-bottom:2rem}.services-div::before{content:"";border-left:1px solid #A26500;position:absolute;left:0;top:37%;height:40px}.services-div h4{font-size:125%;display:inline-block}.explore-services-wrapper .services-div:first-child h4{border-left:0 solid #A26500}.services-div h4 a{text-decoration:none;font-family:'Lato';font-weight:400;color:#121212}.services-div{padding:4rem .5rem;width:calc((100% - 0px) / 5);text-align:center;position:relative;cursor:pointer}.services-div.services-active h4 a{color:#fff}.services-div.services-active{background:linear-gradient(180deg,#fff0 0%,rgb(88 39 0 / .6) 100%)}.services-div:hover{background:linear-gradient(180deg,#fff0 0%,rgb(88 39 0 / .6) 100%)}@media screen and (min-width:2500px){body{max-width:2500px}}@media screen and (min-width:2000px) and (max-width:2499px){.service-top-wrapper h2{font-size:130%}.service-top-wrapper p{font-size:155%;max-width:75%}.accordion-button{font-size:90%}.accordion-body{font-size:135%}.campaign-card h3{font-size:180%}.campaign-card p{font-size:150%}.main{min-height:1580px}.explore-services-section h3{font-size:300%}.services-div h4 a{font-size:150%}.campaign-heading h2{font-size:350%;max-width:65%}.campaign-para p{font-size:170%}.campaign-view-btn a{font-size:150%;padding:12px 50px}}@media screen and (min-width:1600px) and (max-width:1999px){.campaign-para p{max-width:60%}.service-top-wrapper{padding-bottom:3rem}.service-top-wrapper h2{font-size:150%}.service-top-wrapper h1{font-size:350%}.service-top-wrapper h3{font-size:350%}.service-top-wrapper p{font-size:175%}.range-box h2{font-size:250%;padding:7rem 1.5rem;width:100%;max-width:90%}#accordionExample #headingOne{font-size:300%}#accordionExample .accordion-item .accordion-body{font-size:175%}.explore-services-section h3{font-size:300%}.services-div h4 a{font-size:150%}.card-head h2{font-size:375%}.card-button a{font-size:200%;padding:1rem 4rem}.campaign-card h3{font-size:150%}.campaign-card p{font-size:140%}.campaign-heading h2{font-size:300%;max-width:58%}.campaign-para p{font-size:175%}.campaign-view-btn a{font-size:150%;padding:12px 40px}}@media screen and (min-width:1201px) and (max-width:1499px){.service-top-wrapper h2{font-size:100%}.service-top-wrapper h1{font-size:230%}.service-top-wrapper h3{font-size:230%}.service-top-wrapper p{font-size:112%;max-width:80%}.range-box h2{font-size:180%}.accordion-body{font-size:100%}.accordion-button{font-size:55%}.campaign-card h3{font-size:115%}.campaign-card p{font-size:90%}.campaign-heading h2{font-size:200%;max-width:50%}.campaign-para p{font-size:110%;max-width:60%}.campaign-view-btn a{font-size:100%;padding:6px 28px}.main{height:200vh}.sidebar{min-height:280px}.card-head h2{font-size:250%}.card-button a{font-size:100%;padding:10px 25px}}@media screen and (min-width:1025px) and (max-width:1280px){.main{height:170vh;min-height:1300px}.sidebar{min-height:260px}.service-top-wrapper h2{font-size:110%}.service-top-wrapper h1{font-size:220%}.service-top-wrapper h3{font-size:220%}.service-top-wrapper p{font-size:90%;max-width:90%}.service-top-wrapper h3{margin:1rem 0}.range-box h2{font-size:160%}.accordion-body{font-size:105%}.accordion-button{font-size:65%}.campaign-card h3{font-size:120%}.campaign-card p,.single-service-content{font-family:"Lato",sans-serif;font-weight:400;color:#D0D0D0;font-size:100%}.campaign-heading h2{font-size:190%;max-width:70%}.campaign-para p{font-size:130%;width:100%;max-width:85%}.campaign-para{width:70%}.campaign-view-btn{width:30%}.campaign-view-btn a{font-size:105%}.know-section{padding:5rem 10rem 5rem 10rem}}@media screen and (min-width:992px) and (max-width:1024px){.main{height:170vh;min-height:1300px}.sidebar{min-height:260px}.service-top-wrapper h2{font-size:110%;margin-top:2rem}.service-top-wrapper h1{font-size:220%}.service-top-wrapper h3{font-size:220%}.service-top-wrapper p{font-size:90%;max-width:90%}.service-top-wrapper h3{margin:1rem 0}.range-box h2{font-size:160%}.accordion-body{font-size:105%}.accordion-button{font-size:65%}.campaign-card h3{font-size:120%}.campaign-card p,.single-service-content{font-family:"Lato",sans-serif;font-weight:400;color:#D0D0D0;font-size:88%}.campaign-heading h2{font-size:190%;max-width:70%}.campaign-para p{font-size:130%;width:100%;max-width:85%}.campaign-para{width:70%}.campaign-view-btn{width:30%}.campaign-view-btn a{font-size:105%}.know-section{padding:5rem 10rem 5rem 10rem}}@media screen and (min-width:769px) and (max-width:991px){.main{width:70%;height:95vh;min-height:1200px}.service-top-wrapper h2{font-size:95%;margin-top:2rem}.service-top-wrapper h1{font-size:200%;margin:15px 0}.service-top-wrapper h3{font-size:200%;margin:15px 0}.service-top-wrapper p{font-size:70%;max-width:95%}.services-div{text-align:center}.services-div h4{font-size:100%;padding:0}.range-box h2{font-size:125%;padding:3rem 1rem;width:100%;max-width:85%}.accordion-body{font-size:85%}.accordion-button{font-size:60%}.campaign-card h3{font-size:105%}.campaign-card p,.single-service-content{font-size:80%}.know-section{padding:5rem 5rem}.campaign-heading h2{font-size:190%;max-width:70%}.campaign-para p{font-size:125%;width:100%;max-width:85%}.campaign-para{width:70%}.campaign-view-btn{width:30%}.campaign-view-btn a{font-size:105%}}@media screen and (min-width:569px) and (max-width:768px){.service-wrapper{flex-direction:column-reverse}.service-image{width:100%;padding:0 2rem}.service-top-wrapper{text-align:left;width:100%;max-width:90%;margin:0 0 2rem 2rem}.service-top-wrapper h2{margin-top:3rem}.service-top-wrapper h1{font-size:215%;margin:1rem 0}.service-top-wrapper h3{font-size:215%;margin:1rem 0}.service-top-wrapper p{font-size:130%;max-width:90%}.services-div{padding:3rem 0rem;text-align:center}.services-div h4{font-size:90%;padding:0}.range-box{width:50%}.range-next-wrapper{width:50%}.range-box h2{padding:6rem 1.5rem;width:100%;max-width:90%}.card-head h2{font-size:250%}.card-button a{padding:.6rem 3rem}.campaign-content-wrapper-flex{padding:3rem 0rem}.campaign-heading h2{max-width:100%;margin-top:3rem}.campaign-para p{max-width:85%}.know-section{padding:0}.campaign-card p,.single-service-content{font-size:90%}.campaign-card h3{font-size:110%}}@media screen and (min-width:320px) and (max-width:568px){.service-wrapper{flex-direction:column-reverse}.service-image{width:100%}.common-spacing{padding:0 1rem}.explore-services-section{background-size:100% 100%}.services-div h4{border:0}.service-top-wrapper{text-align:left;width:100%;max-width:90%;margin:0 0 2rem 1rem}.service-top-wrapper h2{margin-top:3rem}.service-top-wrapper h1{font-size:215%;margin:1rem 0}.service-top-wrapper h3{font-size:215%;margin:1rem 0}.service-top-wrapper p{font-size:115%;max-width:100%}.range-section{padding:3rem 0}.range-inner-wrapper{display:flex;flex-direction:column}.range-box{width:100%;padding:0 0rem}.range-box h2{font-size:200%;padding:7rem 1.5rem;width:100%;max-width:100%}.range-next-wrapper{width:100%}#headingOne{padding:0 0 0 0rem}.accordion-body{font-size:100%!important}.explore-services-section h3{padding:0 65px 15px 0}.services-div{padding:2rem 0rem;width:calc((100% - 0px) / 1)}.card-heading-wrapper{flex-direction:column;margin-left:2rem}.card-head{width:100%}.card-button{width:100%}.card-head h2{font-size:300%;margin-bottom:3rem}.card-button a{padding:.5rem 3rem}.campaign-card-wrapper{flex-direction:column}.campaign-card{width:100%;margin-right:0;margin-top:40px;padding:0}.campaign-heading h2{font-size:200%;width:100%;max-width:100%;padding:0rem 0 0 0rem}.campaign-card p,.single-service-content{font-size:100%}.know-section{padding:0rem 0rem 0rem 0rem}.campaigns-main-wrapper-flex{padding:4rem 3rem}.explore-services-wrapper{flex-direction:column}.campaign-content-wrapper-flex{flex-direction:column;padding:2rem 0 0 0}.campaign-para{width:100%}.campaign-view-btn{width:100%;padding:0 0 0rem 0;text-align:left}.campaign-para p{max-width:100%;padding:0 0 2rem 0}}