*, *::before, *::after {box-sizing: border-box;}body, html {margin: 0;}body {background-image: url('../asset/MSP Advantage Vector Background.png');background-size: cover;background-position: bottom;background-repeat: no-repeat;}section.main-body #fadeBG {background: #fff;opacity: 0;position: absolute;height: 100vh;width: 100%;display: inline-block;}section.main-body img.bq-logo {max-width: 70px;}section.main-body span.logo-border {height: 45px;border-right: 1px solid;margin-left: 1rem;margin-right: 1rem;}section.main-body h4.logo-text {text-transform: uppercase;font-size: 1.3em;}section.main-body h1.info-title {text-transform: uppercase;font-size: 2em;margin-top: 2rem;}section.main-body .wrapper {background-image: url('../asset/Circle Arrow.png');height: 640px;background-position: top;background-size: 50%;background-repeat: no-repeat;position: relative;}section.main-body .wrapper img {max-width: 250px;}section.main-body .features h4 {margin-left: 0;text-transform: uppercase;font-size: 3em;}section.main-body .features button#backBtn1, button#backBtn2, button#backBtn3, button#backBtn4, button#backBtn5, button#backBtn6 {display: none;z-index: 999;position: absolute;background: #000;color: #fff;padding: 0.8rem 2.5rem;text-transform: uppercase;top: 80%;right: 2%;}section.main-body .wrapper #box_1 {width: 250px;position: absolute;top: 56%;right: 55%;}section.main-body #features_1 {display: none;position: absolute;z-index: 999 }section.main-body #features_1 ul li {font-size: 2em;}section.main-body .wrapper #box_2 {width: 250px;position: absolute;top: 47%;right: 47%;}section.main-body #box_2 img {z-index: -1;position: relative;}section.main-body #features_2 {display: none;position: absolute;z-index: 999 }section.main-body #features_2 ul li {font-size: 2em;}section.main-body .wrapper #box_3 {width: 250px;position: absolute;top: 38%;right: 39%;}section.main-body #box_3 img {position: relative;z-index: -2;}section.main-body #features_3 {display: none;position: absolute;z-index: 999;}section.main-body #features_3 ul li {font-size: 2em;}section.main-body .wrapper #box_4 {width: 250px;position: absolute;top: 65%;right: 47%;}section.main-body #box_4 img {position: relative;z-index: 2;}section.main-body #features_4 {display: none;position: absolute;z-index: 999 }section.main-body #features_4 ul li {font-size: 2em;}section.main-body .wrapper #box_5 {width: 250px;position: absolute;top: 59%;right: 39%;}section.main-body #features_5 {display: none;position: absolute;z-index: 999;top: -20%;}section.main-body #features_5 ul li {font-size: 2em;}section.main-body .wrapper #box_6 {width: 250px;position: absolute;top: 48%;right: 31%;}section.main-body #box_6 img {z-index: -2;position: relative;}section.main-body #features_6 {display: none;position: absolute;z-index: 999 }section.main-body #features_6 ul li {font-size: 2em;}.fade-in {opacity: 0.955 !important;z-index: 99 !important;animation: fade-in 1s linear forwards;}@keyframes fade-in {from {opacity: 0;}to {opacity: 0.8;}}.fade-out {opacity: 0;z-index: -99;animation: fade-out 1s linear forwards;}@keyframes fade-out {from {opacity: 0.8;}to {opacity: 0;}}.focus_1 img {z-index: 999;position: relative;animation: scale1 1s linear forwards;}.focus_2 img {z-index: 999 !important;position: relative;animation: scale2 1s linear forwards;}.focus_3 img {z-index: 999 !important;position: relative;animation: scale3 1s linear forwards;}.focus_4 img {z-index: 999 !important;position: relative;animation: scale4 1s linear forwards;}.focus_5 img {z-index: 999;position: relative;animation: scale5 1s linear forwards;}.focus_6 img {z-index: 999 !important;position: relative;animation: scale6 1s linear forwards;}@keyframes scale1 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-35%, -20%);}}@keyframes scale2 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-45%, -10%);}}@keyframes scale3 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-65%, 5%);}}@keyframes scale4 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-55%, -35%);}}@keyframes scale5 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-70%, -25%);}}@keyframes scale6 {from {transform: scale(1) translate(0%, 0%);}to {transform: scale(3) translate(-85%, -5%);}}.unfocus_1 img {animation: unscale1 1s linear forwards;}.unfocus_2 img {animation: unscale2 1s linear forwards;}.unfocus_3 img {animation: unscale3 1s linear forwards;}.unfocus_4 img {animation: unscale4 1s linear forwards;}.unfocus_5 img {animation: unscale5 1s linear forwards;}.unfocus_6 img {animation: unscale6 1s linear forwards;}@keyframes unscale1 {from {transform: scale(3) translate(-35%, -20%);}to {transform: scale(1) translate(0%, 0%);}}@keyframes unscale2 {from {transform: scale(3) translate(-45%, -10%);}to {transform: scale(1) translate(0%, 0%);}}@keyframes unscale3 {from {transform: scale(3) translate(-65%, 5%);}to {transform: scale(1) translate(0%, 0%);}}@keyframes unscale4 {from {transform: scale(3) translate(-55%, -35%);}to {transform: scale(1) translate(0%, 0%);}}@keyframes unscale5 {from {transform: scale(3) translate(-70%, -25%);}to {transform: scale(1) translate(0%, 0%);}}@keyframes unscale6 {from {transform: scale(3) translate(-85%, -5%);}to {transform: scale(1) translate(0%, 0%);}}@media screen and (max-width: 1920px) {section.main-body .wrapper {height: 660px;}section.main-body .wrapper img {max-width: 230px;}section.main-body .wrapper #box_1 {top: 36%;right: 55%;}section.main-body .wrapper #box_2 {top: 25%;right: 44%;}section.main-body .wrapper #box_3 {top: 14%;right: 32.8%;}section.main-body .wrapper #box_4 {top: 50%;right: 45%;}section.main-body .wrapper #box_5 {top: 42%;right: 34%;}section.main-body .wrapper #box_6 {top: 28%;right: 23%;}}@media screen and (max-width: 1280px) {section.main-body {height: 100vh;}section.main-body h1.info-title {font-size: 1.2em;margin: 0;}section.main-body .wrapper {height: 385px;background-size: 35%;}section.main-body .wrapper img {max-width: 135px;}section.main-body .wrapper #box_1 {top: 40%;right: 44.2%;}section.main-body .wrapper #box_2 {top: 28%;right: 37%;}section.main-body .wrapper #box_3 {top: 15%;right: 30%;}section.main-body .wrapper #box_4 {top: 53%;right: 37%;}section.main-body .wrapper #box_5 {top: 44%;right: 30%;}section.main-body .wrapper #box_6 {top: 29%;right: 23%;}section.main-body #features_5 {top: -20%;}section.main-body #features_1 ul li {font-size: 1em;}section.main-body #features_2 ul li {font-size: 1em;}section.main-body #features_3 ul li {font-size: 1em;}section.main-body #features_4 ul li {font-size: 1em;}section.main-body #features_5 ul li {font-size: 1em;}section.main-body #features_6 ul li {font-size: 1em;}}