MYOB

Track the impact of website chats on online sales and gather marketing data.

Ready to revolutionize your business with iVvy?

Ditch the legacy systems and manual processes, and put the fun back into your events with iVvy. Smarter solutions, stronger outcomes. That’s iVvy, where it all comes together.

Or call us on 1300 004 889

.lockedHeight{ height:70vh; background-position: 0% 70% !important; background-size: contain !important; background-repeat: no-repeat !important; } .ivvyHero{ background-size: contain !important; background-position: right !important; background-repeat: no-repeat !important; } .ivvyHero .topTitle{ color: black; line-height:100px !important } .ivvyHero .topTitle a{ color: #7EB647; } .ivvyHero .topTitle a{ text-decoration: none; } .demoRequest{ box-shadow: 0px 0px 10px #8e8e8e; } .bigShadowCard{ width: 100%; height: 500px; border-radius: 10px; background: #FBFDFE; background-clip: border-box; border: 0 solid #f1f4f8; border-radius: .375rem; box-shadow: 0 1.5rem 4rem rgba(22,28,45,.05); font-size: 14px; transition: box-shadow .25s ease,transform .25s ease; } .bigShadowCard:hover{ box-shadow: 0px 5px 30px rgba(0,0,0,0.1); } .bigShadowCard img{ width: 100%; height: 250px; object-fit: cover; border-top-left-radius: calc(.375rem – 0px); border-top-right-radius: calc(.375rem – 0px); } .bigShadowCard .mainTextWrap{ padding: 10%; padding-top: 5%; } .bigShadowCard h1{ font-size: 21px; text-align: left; color: #444444; font-weight: bold; } .bigShadowCard h2{ font-size: 16px; text-align: left; line-height: 1.5em; margin-top: -2%; } .bigShadowCard h3{ font-size: 14px; text-align: left; margin-top: 10%; color: #989898; } .bigShadowCard h3 span{ border-bottom: 1px dotted #d8d8d8; padding-bottom: 1%; } .bigShadowCard li{ list-style: none; } .listingCard{ height: auto !important; } .smallTable{ width: 50% !important; margin-left: auto; margin-right: auto; left: 0; right: 0; } .smallTable tr td{ text-align: center; color: #80ba27; } .smallTable tr td:first-child{ text-align: left; color: black; font-family: “avenir”, sans-serif; font-weight: 400; } .smallTable thead th{ text-align: center; text-transform: uppercase; font-family: “nexa”, sans-serif; font-weight: bold; font-size: 14px; } .smallTable td, .smallTable th { border: none !important; } .smallTable tr td:nth-child(2), .smallTable tr td:nth-child(1), .smallTable tbody tr th:nth-child(1){ border-right: 1px solid #e4e4e4 !important; } .smallTableIco{ width: 50px; height: 50px; object-fit: cover; } .darkerGreyRowWrapper{ background: #f5f5f5; box-shadow: inset 0px 0px 15px #dadada; padding-top: 2%; padding-bottom: 2%; } .darkGreyRow .lovedText{ color: black; } .centerWelcomeTxt{ text-align: center; font-size: 36px; color: #444444; font-family: “nexa”, sans-serif; font-weight: bold; } .centerWelcomeTxtLeft{ text-align: left; } .centerWelcomeTxt hr{ width: 100%; margin-left: 18%; margin-top: -1.5%; border-bottom: 1px solid #e0e6ed; } .centerWelcomeSubTxt{ font-size: 16px; text-align: center; margin-bottom: 7%; margin-top: 2%; line-height: 25px; } .noBottom{ margin-bottom: 5% !important; } .whyIvvyCenter h4{ width: 60%; margin-left: auto; margin-right: auto; margin-top: 2%; } .fadedLogo{ position: absolute; width: 90%; opacity: 0.9; left: -32%; top: -60%; z-index: 0; transform: rotate(15deg); } .headerCont{ z-index: 9000; position: absolute; width: 60%; margin-left: 10%; margin-right: auto; left: 0; right: 0; } .topTitle{ font-family: “nexa”, sans-serif; font-weight: bold; font-size: 32px; max-width: 70%; } .subTitle{ font-family: “avenir”, sans-serif; font-weight: 400; width: 50%; font-size: 32px; padding-top: 3%; } .smallerFlightCenter{ width: 100px !important; } .demoRequest{ padding: 1%; padding-left: 5%; padding-right: 5%; margin-top: 5%; border: none; text-transform: uppercase; color: #7EB647; background: #fff; border-radius: 4px; letter-spacing: 1px; font-size: 14px; font-family: “avenir”, sans-serif; font-weight: 900; } .demoRequest a{ color: #7EB647; text-decoration: none; } .demoRequest:hover{ color: #fff; background: #7EB647; } .demoRequest:hover a{ color: #fff; } .reverseCenterRequest{ color: #fff; background: #7EB647; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; } .reverseCenterRequest a{ color: #fff; text-decoration: none; } .reverseCenterRequest:hover{ color: #7EB647; background: #fff; } .reverseCenterRequest:hover a{ color: #7EB647; } video{ width: 614px; margin-left: 6.3%; margin-top: 5%; z-index: 9000; position: absolute; } .desktopDis{ position: absolute; width: 700px; margin-top: -5%; } .blueMarketButton{ padding: 2%; padding-left: 5%; padding-right: 5%; border: none; text-transform: uppercase; color: #fff; background: #1BC0FF; border-radius: 4px; letter-spacing: 1px; font-size: 14px; font-family: “avenir”, sans-serif; font-weight: 900; } .blueMarketButton a{ color: #fff; } .blueMarketButton:hover{ color: #1BC0FF; background: #fff; } .blueMarketButton:hover a{ color: #1BC0FF; text-decoration: none; } .shortDescText{ width: 70%; } .orCallTxt{ text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; width: 100%; margin-top: 1%; font-family: “avenir”, sans-serif; font-weight: 200; } .orCallTxt a{ color: #fff; border-bottom: 1px dotted #fff; padding-bottom: 0.1%; } .orCallTxt a:hover{ text-decoration: none; } .coreSection{ position: relative; z-index: 9000; width: 100%; overflow: hidden; } .coreSection .iv__section{ height: auto; padding: 3%; padding-top: 5%; padding-bottom: 5%; } .greyBack{ background-color: #f7f7f7 !important; } .whiteBack{ background: #fff; } .greenPill{ background-color: rgba(66,186,150,.1); color: #9cc83c; font-size: 14px; display: block; width: 30%; border-radius: 50px; margin-left: auto; margin-right: auto; text-transform: uppercase; font-family: “avenir”, sans-serif; font-weight: 500; } .forceStraightRow img{ object-fit: contain; object-position: center; width: 100px; height: 100px; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; } .forceStraightRow .col-1{ margin-left: 2%; margin-right: 2%; } .lovedText{ font-family: “avenir”, sans-serif; font-weight: 200; color: #BCBCBC; font-size: 24px; line-height: 30px !important; margin-top: 8%; } .greenText{ width: 100%; font-size: 18px; font-family: “nexa”, sans-serif; color: #80BA27; line-height: 30px !important; font-weight: bolder; } .blueText{ width: 100%; font-size: 18px; font-family: “nexa”, sans-serif; color: #1BC0FF; line-height: 30px !important; font-weight: bolder; } .mainText{ color: #333333; font-size: 36px; line-height: 50px !important; width: 80%; font-family: “nexa”, sans-serif; font-weight: bold; } .reportScreen{ margin-left: -40%; width: 140%; object-fit: cover; } .descriptionText{ color: #555555; font-size: 16px; line-height: 30px !important; margin-top: 5%; font-family: “avenir”, sans-serif; font-weight: 400; } .threePoints{ float: right; margin-top: 3%; font-size: 16px; font-weight: bold; } .col-12 .mainText{ width: 60%; } .col-12 .descriptionText{ width: 60%; margin-top: 0%; } .rightSide{ margin-top: 7%; } .rightSide *{ text-align: right !important; } .rightSide .mainText{ width: auto; } .rightSide .descriptionText{ width: 85%; float: right; } .centerManagePart{ text-align: center; } .centerManagePart .descriptionText{ width: 60%; } .longerSide .mainText{ width: 100%; white-space: nowrap; } .longerSide .descriptionText{ margin-top: 0%; } .copyText{ left: 0; position: absolute; margin-top: 20%; color: #fff; font-size: 16px; font-family: “nexa”, sans-serif; font-weight: bold; } .macScreens{ width: 850px; height: 700px; display: block; margin-left: -10%; margin-top: -15%; padding: 5%; } .thumbnail>img { display: initial; max-width: 100%; height: 300px } .carousel-indicators{ left: 69% !important; } .macScreens .desktop{ width: 100%; object-fit: cover; min-height: 600px !important; } .macScreens .mobile{ width: 200px; object-fit: cover; margin-top: -55%; margin-left: 65%; } .carousel-indicators li{ border: 1px solid #C4C4C4; } .carousel-indicators .active{ background: #C4C4C4; } .workingWithLogos{ margin-top: 5%; } .workingWithLogos img{ width: 150px; object-fit: cover; margin-right: 5%; margin-top: 5%; } .workingWithTitle{ border-bottom: 1px dotted #b7b7b7; color: #b7b7b7; width: fit-content; margin-right: 5%; font-size: 16px; } .higherWorkingLogos{ margin-top: 0%; } .higherWorkingLogos img{ width: 100px !important; } .greenBack{ background: #79B546; text-align: center; } .stadiumImg{ width: 100%; margin-left: 30%; } .greenBack h1{ font-size: 32px; color: #fff; } .greenBack h2{ color: #fff; font-size: 16px; font-family: “avenir”, sans-serif; font-weight: 400; width: 60%; line-height: 20px !important; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; } .quoteBack{ background-position: 0% 70% !important; background-size: cover !important; overflow: hidden !important; height: 300px !important; } .quoteBack *{ color: #fff !important; text-align: center; } .quoteBack h1{ font-size: 21px; width: 70%; margin-left: auto; margin-right: auto; left: 0; right: 0; margin-top: -2%; font-family: “nexa”, sans-serif; font-weight: bold; line-height: 30px !important; } .quoteBack .biggerQuote{ margin-top: -5%; } .quoteBack h2{ font-size: 18px; font-family: “avenir”, sans-serif; font-weight: 400; } .quoteBack .container{ z-index: 9000; display: block; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } .accordBird{ width: 120px; margin-top: 0%; } .blackOutDimmer{ width: 100%; height: 300px; position: absolute; left: 0; z-index: 0; background: rgba(0, 0, 0, 0.5); display: block; margin-top: -5%; } .managementCards{ width: 90%; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 3%; } .bigGreenText{ text-align: center; font-size: 21px; color: #79B546; margin-bottom: 5%; } .whyIvvyCenter .col-6{ text-align: left; display: flex; } .whyIvvyCenter h3{ font-size: 16px; width: 70%; margin-top: -2%; } .whyIvvyCenter{ padding-top: 3% !important; padding-bottom: 3% !important; } .whyIvvyCenter .container{ width: 50% !important; } .whyIvvyCenter a{ color: black; } .forceToCenter{ margin-left: auto; margin-right: auto; left: 0; right: 0; width: 100%; text-align: center; } .forceToCenter div{ display: inline-flex; white-space: nowrap; margin-right: 5%; } .forceToCenter h2{ font-size: 18px; margin-top: 13%; } .greenTick{ width: 20px; height: 20px; margin-top: 20%; margin-right: 5%; } .shadowCard{ height: 220px; width: 100%; background: transparent; text-align: center; margin: 5%; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; } .shadowCard h3{ font-size: 14px; padding-top: 5%; width: 80%; text-align: center; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; } .shadowCard .raised{ padding-top: 0%; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .shadowCard:hover .flip-card-inner { transform: rotateY(180deg); } .shadowCard:active .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flip-card-front { padding-top: 20%; background-color: #fff; color: black; box-shadow: 0px 3px 6px rgba(0,0,0,0.2); } .flip-card-back { background-color: #88AA56; color: white; box-shadow: 0px 3px 6px rgba(0,0,0,0.2); transform: rotateY(180deg); text-align: left; font-size: 14px; padding: 10%; font-family: “avenir”, sans-serif; font-weight: 400; } .logoIcoMange{ width:125px; margin: 5%; margin-top: 30%; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; } .qtLogoSmaller{ width: 60px !important; } .connectBack{ background-size: cover !important; } .bubbleWrapper{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0%; width: 120%; margin-left: -15%; } .bubble{ box-shadow: 0px 0px 15px rgba(0,0,0,0.3); background: #fff; border-radius: 50%; display: block; margin-left: auto margin-right: auto; left: 0; right: 0; text-align: center; overflow: hidden; } .bubble img{ width: 70%; height: 70%; object-fit: contain; margin-left: auto margin-right: auto; left: 0; right: 0; margin-top: 15%; /*background: pink;*/ } .bubble .thick{ width: 100%; } .bubble .inFor{ width: 100%; height: 100%; border-radius: 50%; margin-top: 0%; } .bubble .xero{ background-color: #00B7E3; } .smallBubble{ width: 100px; height: 100px; } .mediumBubble{ width: 125px; height: 125px; } .largeBubble{ width: 150px; height: 150px; } .paymentText{ margin-top: 25%; width: 80%; font-size: 18px; line-height: 25px !important; text-align: center; color: #80BA27; text-transform: uppercase; font-family: “nexa”, sans-serif; font-weight: bold; } .iv__hero h1{ margin-top: -5%; } .statSection{ height: auto !important; background: #f7f7f7 !important; } .statSection .centerWelcomeTxt{ text-align: left; width: 65%; font-size: 42px; line-height: 50px; margin-top: -1%; } .graphPng{ margin-top: -22.2%; width: 70%; right: 0; display: block; } .customerCard{ width: 100%; height: 400px; background: #fff; margin: 5%; margin-top: 30%; box-shadow: 0 1px 24px #eaf0f6; } .customerHeight{ background-position: 0% 40% !important; } .caseStudyLogo{ margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; padding-top: 10%; margin-bottom: 25%; object-fit: contain !important; width: 100px !important; height: 100px !important; } .customerCard h1{ text-align: left; font-size: 14px; line-height: 25px; padding: 10%; height: 160px; } .customerCard a{ text-align: center; display: block; margin-top: 15%; width: 40%; font-size: 14px; text-decoration: none; padding-bottom: 2%; margin-left: auto; margin-right: auto; } .customerCard a:hover{ border-bottom: 1px dotted; } .integrationsHeader{ background-position: 0% 100% !important; } .cardInformation{ display: flex; margin-left: auto; margin-top: 5%; margin-right: 60%; left: 0; right: 0; } .cardInformation:hover > img { background: #ffffff; box-shadow: 0px 2px 6px rgba(66,77,87,0.4); border: 1px solid rgba(66,77,87,0); } .cardInformation:hover h1 { color: #7EB647 !important; } .cardInformation img{ display: flex; object-fit: contain; width: 84px; min-width: 84px; height: 84px; border: 1px solid rgba(66,77,87,0.2); transition: all 0.2s ease-out; justify-content: center; border-radius: 6px; padding: 10px; margin-right: 20px; } .cardInformation h1{ display: block; font-size: 24px; line-height: 22px; margin: 10px 20px 4px 0; transition: all 0.2s ease-out; margin-top: 22px; white-space: nowrap; color: black; } .cardInformation h2{ font-size: 14px; line-height: 30px; white-space: nowrap; color: rgba(66,77,87,0.8); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-top: 0%; } /* Integration Detail CSS */ .intDetailSection{ margin-top: 8% !important } .topTitleSection{ width: 100%; height: 300px; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; margin-bottom: 20vh; padding-left: 15%; padding-right: 15%; } .smallBox{ width: 300px; height: 360px; background: #E6EBEF; top: 0; position: absolute; z-index: 9000; padding: 28px 40px 40px; left: 17%; } .longBlackBox{ height: 300px; margin-top: 30px; background: #F6F6F7; top: 0; left: 0; z-index: 1000; margin-left: auto; margin-right: auto; left: 0; right: 0; display: inline-flex; } .intLogo{ margin-left: auto; margin-right: auto; /* left: 0; */ display: block; width: 100px; height: 100px; object-fit: contain; background: #fff; box-shadow: rgba(93, 108, 119, 0.3) 0px 4px 14px; border-radius: 6px; } .smallBox h1{ font-size: 18px; line-height: 22px; letter-spacing: 0.005em; font-weight: 700; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 0px; color: black; font-family: “nexa”, sans-serif; font-weight: bold; } .smallBox p{ margin-top: 5px; text-align: center; color: rgb(66, 77, 87); font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: “avenir”, sans-serif; font-weight: 400; } .fistBump{ flex: 0 0 30%; padding: 30px; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; top: 0px; left: 35%; width: 300px; height: 100%; z-index: 1; object-fit: contain; } .fistBump img{ width: 100%; } .longBlackBox h2{ text-align: left; color: black; font-size: 24px; flex: 0 0 30%; padding: 0px 30px 0px 0px; line-height: 130%; letter-spacing: 0.005em; font-weight: 700; margin-left: 40%; margin-top: 8%; } .smallBox .installButton{ width: 220px; background-color: rgb(17, 40, 245); border-color: rgb(17, 40, 245); color: #fff; margin-top: 20%; border-radius: 6px; border: none; font-family: “nexa”, sans-serif; font-weight: bold; white-space: nowrap; font-size: 15px; padding: 9px 24px; min-width: 42px; min-height: 42px; } /*Simple bouncein*/ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; } canvas{ display: block; } header{ z-index: 90000; } html, body{ overflow-x: hidden; } /* FOOTER STUFF!!! */ .iv__simpleFooter{ padding: 3%; padding-left: 5%; padding-right: 5%; background: #3c3c3c; } .iv__simpleFooter ul{ display: inline-flex; white-space: nowrap; float: right; margin-right: 5%; } .iv__simpleFooter li{ margin-right: 5% !important; color: #fff; font-family: “avenir”, sans-serif; font-weight: 400; } .iv__simpleFooter li:hover{ border-bottom: 1px dotted #fff; } .iv__simpleFooter a{ color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; } .iv__simpleFooter a:hover{ color: #fff; text-decoration: none; border: none; } .theIvvyLogo{ width: 100px; object-fit: cover; } .noLeftNav{ margin-left: 0px !important; } /* MEDIA QUERIES */ @media screen and (max-width: 950px) { .fadedLogo{ width: 100%; } .headerCont{ width: 100%; padding: 5%; top: 5%; } .macScreens{ margin-left: -15%; margin-top: 0%; } .lovedText{ text-align: center; width: 100%; } .forceStraightRow .col-1{ margin-left: 0%; margin-right: 0%; } .stadiumImg{ margin-left: 0% } } /* iPAD */ @media screen and (max-width: 768px) { .rightSide{ margin-left: -2%; } .rightSide *{ text-align: center !important; width: 100% !important; } .container{ width: 600px !important; } .longerSide .mainText { width: 100%; white-space: normal; } .macScreens{ margin-left: -20%; margin-right: auto; left: 0; right: 0; } .bubbleWrapper{ margin-top: 50%; } .fadedLogo{ left: -52% !important; top: -40% !important; width: 150% !important; } .flip-card-front, .flip-card-back { height: 270px !important; } .shadowCard{ margin-top: 30%; } .logoIcoMange{ margin-top: 60%; } .quoteBack{ height: 300px !important; } .blackOutDimmer{ height: 300px !important; } .quoteBack h1 { width: 100%; } .carousel-indicators { left: 56% !important; } } @media screen and (max-width: 450px) { .fadedLogo{ top: 0; } .container{ width: 100% !important; } } /*iPhones*/ @media screen and (max-width: 450px) { .longerSide .mainText { width: 100%; white-space: normal; } .iv__hero h1{ font-size: 2.5rem; line-height: 3rem; margin-top: 1%; } .iv__hero h2{ width: 80%; line-height: 25px !important; font-size: 18px; } .demoRequest{ padding: 4%; width: 80%; } .iv__section{ padding-top: 10%; } .iv__hero{ padding-top: 0%; } .iv__editorContent{ padding-top: 0%; } .container{ width: 100% !important; } .descriptionText { width: 90% !important; } .macScreens{ right: 0; display: block; width: 100% !important; height: 320px !important; margin-left: auto !important; } .macScreens .mobile{ width: 120px !important; margin-top: -70% !important; margin-left: 55% !important; } .macScreens .desktop{ min-height: 250px !important; } .carousel-indicators { margin-left: auto; margin-right: auto; left: 0 !important; right: 0; } .copyText{ margin-top: 22% !important; } .quoteBack{ height: 320px !important; } .blackOutDimmer{ height: 320px !important; } .quoteBack h1 { font-size: 12px; width: 100%; } .workingWithLogos{ display: inline-flex; } .workingWithLogos img{ margin-right: 30%; margin-left: -10%; width: 100px; object-fit: contain; } .whiteBack *{ text-align: center; } .greyBack *{ text-align: center; } .noCenter *{ text-align: left; } .longerSide{ text-align: center; } .greenBack h2 { width: 80% !important; } .fadedLogo { left: -72% !important; top: -25% !important; width: 200% !important; } .smallBubble, .mediumBubble, .largeBubble{ width: 100px; height: 100px; } .paymentText { margin-top: 18%; font-size: 12px; line-height: 20px !important; } .bubbleWrapper { margin-top: 0%; } .connectBack { background-size: contain !important; } .reportScreen { margin-left: -5%; width: 110%; margin-top: 20%; } .stadiumHero h1{ font-size: 2.5rem; line-height: 3rem; } .quoteBack .row{ padding: 5%; } .whyIvvyCenter .col-3{ display: block; } .greenTick{ margin-left: auto; margin-right: auto; left: 0; right: 0; } .ivvyHero .topTitle{ line-height: 50px !important; } .ivvyHero{ background-position: 30% !important; } .blueMarketButton{ white-space: nowrap; margin-left: auto; margin-right: auto; left: 0; right: 0; display: block; position: absolute; } .higherWorkingLogos img{ object-fit: contain; margin-top: 30%; margin-left: 10%; margin-right: 0%; } video{ display: none; } .desktopDis{ display: none; } }