@charset "UTF-8";@font-face{font-family:"Lato-Semibold";src:url("../font/lato-semibold.woff") format("woff");}@font-face{font-family:"Avenir-Medium";src:url("../font/Avenir-Medium.woff") format("woff");}body{overflow:auto;}@media screen and (max-width:500px){#GraphicDesign #heading-bg{margin:6em auto 3em;}}.serviceContainer p,.serviceContainer div{font-size:16px;font-family:Lato-Regular;letter-spacing:normal;color:#5f5e5e;}@media screen and (min-width:1600px){.serviceContainer p,.serviceContainer div{font-size:1vw;}}.serviceContainer h2{font-size:32px;color:#5f5e5e;font-family:NotoSans-Black;background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}@media screen and (min-width:1600px){.serviceContainer h2{font-size:2vw;}}.serviceContainer #heading-bg{width:80%;margin:9em auto 0;position:relative;}@media screen and (min-width:1600px){.serviceContainer #heading-bg{margin:9vw auto 0;}}@media screen and (max-width:1024px){.serviceContainer #heading-bg{margin:9em auto 5em;}}@media screen and (max-width:500px){.serviceContainer #heading-bg{margin:6em auto 0;}}.serviceContainer #heading-bg .left{width:74.5%;top:-120%;left:-19.5%;}.serviceContainer #heading-bg .right{width:54.85%;top:5%;left:80%;}.serviceContainer #heading-bg img{position:absolute;z-index:-1;}.serviceContainer #heading-bg .heading .page-title{font-family:Lato-Regular;color:#2f2f2f;margin-left:1.5vw;letter-spacing:.05em;}@media screen and (max-width:1024px){.serviceContainer #heading-bg .heading .page-title{text-align:center;}}.serviceContainer #heading-bg .heading .title{color:#5f5e5e;margin-left:1.5vw;margin-top:1.5vw;font-family:NotoSans-Black;font-size:53px;background-image:linear-gradient(180deg,#51d9de,#7ad7f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}@media screen and (min-width:1600px){.serviceContainer #heading-bg .heading .title{font-size:3.313vw;}}@media screen and (max-width:1024px){.serviceContainer #heading-bg .heading .title{margin-left:0;font-size:32px;text-align:center;}}.serviceContainer .title{font-family:"Lato-Semibold";color:#f27405;font-size:20px;letter-spacing:normal;}@media screen and (min-width:1600px){.serviceContainer .title{font-size:1.25vw;}}@media screen and (max-width:500px){.serviceContainer .title{font-size:17px;}}.serviceContainer .icons{position:absolute;}.serviceContainer .container{width:80%;margin:auto;}@media screen and (max-width:1024px){.serviceContainer .container{width:90%;}}@media screen and (max-width:600px){.serviceContainer .container{width:95%;}}.serviceContainer .container .section1{display:flex;margin-bottom:12em;}@media screen and (min-width:1600px){.serviceContainer .container .section1{margin-bottom:8vw;}}@media screen and (max-width:1024px){.serviceContainer .container .section1{flex-direction:column-reverse;margin-bottom:3em;}}.serviceContainer .container .section1 .section1Left{margin:5em 0 0 1.5vw;width:49%;}@media screen and (min-width:1600px){.serviceContainer .container .section1 .section1Left{margin-bottom:5vw;}}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Left{width:85%;margin:0 auto 5em;}}@media screen and (max-width:500px){.serviceContainer .container .section1 .section1Left{width:95%;}}.serviceContainer .container .section1 .section1Right{position:relative;}.serviceContainer .container .section1 .section1Right #card1Mobile{display:none;}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right #card1Mobile{width:70%;display:block;margin:0 auto;}}@media screen and (max-width:500px){.serviceContainer .container .section1 .section1Right #card1Mobile{width:100%;}}.serviceContainer .container .section1 .section1Right #card1{top:-43%;width:17.563vw;}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right #card1{display:none;}}.serviceContainer .container .section1 .section1Right #card2{width:20.07vw;top:-5vw;left:19vw;}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right #card2{display:none;}}.serviceContainer .container .section1 .section1Right #card3{top:6vw;left:8vw;width:18.75vw;}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right #card3{display:none;}}.serviceContainer .container .section1 .section1Right #card4{top:9vw;left:27.5vw;width:24.5vw;}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right #card4{display:none;}}@media screen and (max-width:1024px){.serviceContainer .container .section1 .section1Right{display:block;width:85%;margin:0 auto 2em;}}@media screen and (max-width:500px){.serviceContainer .container .graphicDesignSection1{margin-bottom:0;}}.serviceContainer .container .section2{display:flex;justify-content:space-around;}@media screen and (max-width:1024px){.serviceContainer .container .section2{flex-direction:column;}}.serviceContainer .container .section2 .section2Left{width:45%;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper{position:relative;width:85%;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper .customisedImg{width:100%;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper .leftSquare{width:100%;left:-50%;top:-7%;z-index:-1;animation:float 6s linear infinite;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper .blueSquare{width:100%;top:0%;left:32%;z-index:-1;animation:float 5s linear infinite;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper .circle{width:100%;bottom:-15%;left:35%;z-index:-1;animation:float 7s linear infinite;}.serviceContainer .container .section2 .section2Left .customisedImgWrapper .brush{width:35%;bottom:0;left:0;animation:shake 3s infinite reverse linear;}@media screen and (max-width:1024px){.serviceContainer .container .section2 .section2Left{width:55%;margin:0 auto 5em;transform:translateX(5vw);}}@media screen and (max-width:600px){.serviceContainer .container .section2 .section2Left{width:70%;margin:0 5vw 7em;}}@media screen and (max-width:500px){.serviceContainer .container .section2 .section2Left{width:90%;margin:0 auto 4em;}}.serviceContainer .container .section2 .section2Right{position:relative;display:flex;align-items:center;width:45%;}@media screen and (max-width:1024px){.serviceContainer .container .section2 .section2Right{width:75%;margin:0 auto 5em;}}@media screen and (max-width:500px){.serviceContainer .container .section2 .section2Right{margin:0 auto;}}@media screen and (max-width:500px){.serviceContainer .container .section2 .section2Right{width:90%;}}.serviceContainer .container .section2 .section2Right .text{position:relative;}.serviceContainer .container .section2 .section2Right .text .triangles{min-width:80px;width:17.5%;bottom:105%;}.serviceContainer .container .section2 .section2Right .text .eraser{min-width:45px;width:10%;top:90%;right:0;animation:shake 2s infinite reverse linear;}.serviceContainer .container .section2 .section2Right .text .TIcon{width:22%;bottom:45%;right:-20%;}@media screen and (max-width:600px){.serviceContainer .container .section2 .section2Right .text .TIcon{min-width:80px;width:22%;bottom:170%;right:-10%;}}.serviceContainer .section3{position:relative;}.serviceContainer .section3 .section3LeftBg{width:16%;top:-62%;left:0;z-index:-1;}.serviceContainer .section3 .section3RightBg{width:11%;top:-65%;right:0;z-index:-1;}.serviceContainer .section3 .title{position:relative;}.serviceContainer .section3 .title .shout{min-width:45px;width:10%;bottom:95%;right:15%;transform:rotate(45deg);}.serviceContainer .section3 .textWrapper{text-align:center;z-index:2;margin:8em auto 7em;width:50%;}@media screen and (min-width:1600px){.serviceContainer .section3 .textWrapper{margin:8vw auto 7vw;}}@media screen and (max-width:1024px){.serviceContainer .section3 .textWrapper{margin:4em auto 4em;width:60%;}}@media screen and (max-width:500px){.serviceContainer .section3 .textWrapper{margin:6em auto 1em;width:90%;}}.serviceContainer .section4{padding:5em 0;background:#fafafa;position:relative;z-index:-1;}@media screen and (min-width:1600px){.serviceContainer .section4{padding:5vw 0;}}@media screen and (max-width:500px){.serviceContainer .section4{padding:2em 0;}}.serviceContainer .section4 .shape{position:absolute;width:100%;bottom:98%;z-index:1;}.serviceContainer .section4 .coloredStrokes{top:50%;right:0;width:20.13%;}.serviceContainer .section4 .whiteStroke{bottom:-21%;left:0;width:22%;}.serviceContainer .section4 .textWrapper .titleWrapper{text-align:center;}.serviceContainer .section4 .textWrapper .titleWrapper #howWeWork{margin-top:2em;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .titleWrapper #howWeWork{margin-top:1.5vw;}}@media screen and (max-width:500px){.serviceContainer .section4 .textWrapper .titleWrapper #howWeWork{font-size:20px;}}.serviceContainer .section4 .textWrapper .titleWrapper p{width:35%;margin:1em auto;color:#5f5e5e;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .titleWrapper p{margin:1vw auto;}}@media screen and (max-width:1024px){.serviceContainer .section4 .textWrapper .titleWrapper p{width:70%;}}.serviceContainer .section4 .textWrapper .stepsWrapper{display:flex;flex-wrap:wrap;justify-content:center;margin:5em auto 0;width:90%;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .stepsWrapper{margin:5vw auto 0;grid-gap:2vw;}}@media screen and (max-width:1024px){.serviceContainer .section4 .textWrapper .stepsWrapper{justify-content:space-between;}}@media screen and (max-width:753px){.serviceContainer .section4 .textWrapper .stepsWrapper{justify-content:center;grid-gap:2em;}}.serviceContainer .section4 .textWrapper .stepsWrapper .steps{width:26%;margin-bottom:1.5em;margin-right:5em;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps{margin-right:5vw;margin-bottom:0;}}@media screen and (max-width:1024px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps{width:45%;margin-right:0;}}@media screen and (max-width:752px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps{width:85%;}}@media screen and (max-width:500px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps{width:90%;}}.serviceContainer .section4 .textWrapper .stepsWrapper .steps .number{font-family:Avenir-Medium;color:#d5d5d5;font-size:80px;margin:0;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps .number{font-size:5vw;}}@media screen and (max-width:1024px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps .number{font-size:60px;}}.serviceContainer .section4 .textWrapper .stepsWrapper .steps .text{font-size:16px;line-height:1.5em;border-left:2px solid #fbddcc;padding-left:1em;}@media screen and (min-width:1600px){.serviceContainer .section4 .textWrapper .stepsWrapper .steps .text{font-size:1vw;line-height:1.5vw;border-left:.125vw solid #fbddcc;padding-left:1vw;}}.serviceContainer .section5{width:80%;margin:5em auto;position:relative;display:flex;justify-content:space-around;align-items:center;}@media screen and (min-width:1600px){.serviceContainer .section5{margin:5vw auto;}}@media screen and (max-width:1024px){.serviceContainer .section5{width:85%;flex-direction:column-reverse;}}@media screen and (max-width:500px){.serviceContainer .section5{width:95%;margin:3em auto;}}.serviceContainer .section5 .section5Left{width:45%;}@media screen and (max-width:1024px){.serviceContainer .section5 .section5Left{width:85%;margin-top:3em;}}@media screen and (max-width:500px){.serviceContainer .section5 .section5Left{width:90%;margin-top:0;}}.serviceContainer .section5 .section5Left .triangles{width:17.4%;}.serviceContainer .section5 .section5Left .title{margin-top:1.5em;}@media screen and (min-width:1600px){.serviceContainer .section5 .section5Left .title{margin-top:1.5vw;}}.serviceContainer .section5 .section5Left .serviceUl{padding:0;margin-top:2em;}@media screen and (min-width:1600px){.serviceContainer .section5 .section5Left .serviceUl{margin-top:2vw;}}.serviceContainer .section5 .section5Left .serviceUl .serviceItem{list-style:none;margin-top:1em;}@media screen and (min-width:1600px){.serviceContainer .section5 .section5Left .serviceUl .serviceItem{font-size:1vw;margin-top:1vw;}}.serviceContainer .section5 .section5Left .serviceUl .serviceItem::before{content:"•";color:#65d8eb;display:inline-block;width:1em;margin-right:.5em;}@media screen and (min-width:1600px){.serviceContainer .section5 .section5Left .serviceUl .serviceItem::before{width:1vw;}}.serviceContainer .section5 .section5Right{width:65%;}@media screen and (max-width:1024px){.serviceContainer .section5 .section5Right{width:70%;}}@media screen and (max-width:500px){.serviceContainer .section5 .section5Right{width:110%;}}.serviceContainer #graphicDesignSection5{margin:3em auto 0;}.serviceContainer .section6{position:relative;}.serviceContainer .section6 .contactUsWrapper{position:relative;width:84%;margin:5em auto;text-align:center;padding:6em 2em 4.5em;background:url("../images/Graphic_Design/contactUsBg.png");background-size:cover;background-repeat:no-repeat;background-position:center;}.serviceContainer .section6 .contactUsWrapper .contactUsBg{display:none;position:absolute;}@media screen and (min-width:1600px){.serviceContainer .section6 .contactUsWrapper{margin:5vw auto;padding:6vw 2vw 4.5vw;}}@media screen and (max-width:1024px){.serviceContainer .section6 .contactUsWrapper{margin:5em auto 2em;background:none;width:95%;}.serviceContainer .section6 .contactUsWrapper .contactUsBg{display:block;z-index:-1;top:0;left:0;width:100%;height:100%;min-height:20em;}}@media screen and (max-width:500px){.serviceContainer .section6 .contactUsWrapper{margin:1em auto 2em;}}.serviceContainer .section6 .contactUsWrapper .talkToUs{font-family:NotoSans-Black;color:#fe5a4c;font-size:32px;display:inline-block;}.serviceContainer .section6 .contactUsWrapper .talkToUs .eraser{min-width:45px;top:8%;right:85%;width:4%;min-width:50px;transform:rotate(90deg);}.serviceContainer .section6 .contactUsWrapper .talkToUs .TIcon{min-width:80px;top:0%;right:-3%;width:10%;}@media screen and (min-width:1600px){.serviceContainer .section6 .contactUsWrapper .talkToUs{font-size:2vw;}}@media screen and (max-width:1024px){.serviceContainer .section6 .contactUsWrapper .talkToUs{font-size:24px;}}.serviceContainer .section6 .contactUsWrapper .contactUsTitle{font-size:32px;display:inline-block;letter-spacing:normal;}@media screen and (min-width:1600px){.serviceContainer .section6 .contactUsWrapper .contactUsTitle{font-size:2vw;}}@media screen and (max-width:1024px){.serviceContainer .section6 .contactUsWrapper .contactUsTitle{font-size:24px;}}.serviceContainer .section6 .contactUsWrapper .contactUsText{color:#2f2f2f;}.serviceContainer .section6 .contactUsWrapper .contact-us{display:flex;justify-content:center;align-items:center;}@media screen and (max-width:550px){.serviceContainer .section6 .contactUsWrapper .contact-us{flex-direction:column;}}.serviceContainer .section6 .contactUsWrapper .contact-us .contact-us-btn{font-family:"Lato-Regular";display:block;text-align:center;background-image:linear-gradient(#ff512f,#f09819);background-size:auto 200%;background-position:0 100%;filter:drop-shadow(0 0 0 #fa6828);width:250px;padding:14px;font-size:18px;border-radius:48px;color:#fff;border:0;margin:1em;box-shadow:0 4px 8px 4px rgba(240,152,25,.16);letter-spacing:.1em;}.serviceContainer .section6 .contactUsWrapper .contact-us .contact-us-btn:hover{background-position:0 0;}@media screen and (min-width:1600px){.serviceContainer .section6 .contactUsWrapper .contact-us .contact-us-btn{width:15.625vw;padding:.875vw;font-size:1.125vw;border-radius:3vw;margin:1vw;letter-spacing:.1vw;}}.serviceContainer .section6 .techsupportContact{margin:2em auto;}@media screen and (min-width:1600px){.serviceContainer .section6 .techsupportContact{margin:2vw auto;}}@media screen and (max-width:1024px){.serviceContainer .section6 .techsupportContact{margin:auto!important;}}@media screen and (min-width:1600px){.serviceContainer .section6 .techsupportContact .contactUsTitle{font-size:2vw;}}.serviceContainer #FAQ{margin:5em auto 7em;}@media screen and (min-width:1600px){.serviceContainer #FAQ{margin:5vw 0;}}@media screen and (max-width:1024px){.serviceContainer #FAQ{margin-top:0;}}.serviceContainer #FAQ .FAQ-container{width:85%;margin:auto;}@media screen and (max-width:1024px){.serviceContainer #FAQ .FAQ-container{width:95%;}}@media screen and (max-width:500px){.serviceContainer #FAQ .FAQ-container{width:100%;}}.serviceContainer #FAQ .FAQ-container .mobile-FAQ-title{display:none;font-family:NotoSans-Black;font-size:31.97px;color:#7ad7f9;letter-spacing:.04em;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .mobile-FAQ-title{margin-top:1.998vw;letter-spacing:.04vw;}}@media screen and (max-width:1024px){.serviceContainer #FAQ .FAQ-container .mobile-FAQ-title{display:block;text-align:center;margin-bottom:2em;}}.serviceContainer #FAQ .FAQ-container #faq-icon{position:relative;display:inline-block;width:20%;margin:5.5vw 11vw 0 5vw;}@media screen and (max-width:1024px){.serviceContainer #FAQ .FAQ-container #faq-icon{width:25%;display:block;margin:0 auto;}}@media screen and (max-width:500px){.serviceContainer #FAQ .FAQ-container #faq-icon{max-width:initial;width:50%;}}.serviceContainer #FAQ .FAQ-container #faq-icon img:first-child{width:100%;}.serviceContainer #FAQ .FAQ-container #faq-icon .animated-icons{position:absolute;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-1{width:20%;top:14%;left:-6%;animation:3s infinite float linear;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-2{width:21%;top:-12%;left:48%;animation:3s infinite float linear;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-3{width:20%;top:-18%;left:84%;animation:3s infinite float linear;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-4{width:20%;top:45%;left:-10%;animation:3s infinite float linear;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-5{width:25%;left:67%;top:12%;animation:3s infinite float linear;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-6{width:25%;top:27%;}.serviceContainer #FAQ .FAQ-container #faq-icon #faq-7{width:100%;top:47%;left:25%;}.serviceContainer #FAQ .FAQ-container .FAQ-text{display:inline-block;vertical-align:top;width:58%;}@media screen and (max-width:1024px){.serviceContainer #FAQ .FAQ-container .FAQ-text{width:85%;display:block;margin:5em auto 6em;}}@media screen and (max-width:500px){.serviceContainer #FAQ .FAQ-container .FAQ-text{width:90%;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .FAQ-title{font-family:NotoSans-Black;font-size:31.97px;color:#7ad7f9;letter-spacing:.04em;margin-bottom:2vw;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .FAQ-text .FAQ-title{letter-spacing:.04vw;}}@media screen and (max-width:1024px){.serviceContainer #FAQ .FAQ-container .FAQ-text .FAQ-title{display:none;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .faq-line{border:1px solid #f1f0f0;background:#f1f0f0;width:95%;margin-top:1vw;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .FAQ-text .faq-line{border:.063vw solid #f1f0f0;}}@media screen and (max-width:500px){.serviceContainer #FAQ .FAQ-container .FAQ-text .faq-line{width:100%;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down{margin:.5vw 0;}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .question{color:#2f2f2f;font-family:Lato-Regular;display:inline-block;vertical-align:middle;width:85%;cursor:pointer;}@media screen and (max-width:500px){.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .question{width:90%;margin:1em 0;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .question .question-text{display:block;font-size:18px;max-width:600px;line-height:1.5em;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .question .question-text{font-size:1.125vw;max-width:37.5vw;line-height:1.5em;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .question .selected{color:#f27405;}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .answer{font-family:Lato-Regular;color:#5f5e5e;display:none;max-width:625px;width:90%;letter-spacing:.04em;line-height:1.4em;margin-top:1vw;margin-bottom:3vw;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .answer{font-size:1vw;line-height:1.4vw;max-width:39.063vw;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .dropdown-button{display:inline-block;vertical-align:middle;cursor:pointer;min-width:28px;width:1.75vw;height:4em;fill:#fc602a;}@media screen and (min-width:1600px){.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .dropdown-button{height:4vw;}}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .hide-icon{display:none;}.serviceContainer #FAQ .FAQ-container .FAQ-text .question-drop-down .selected{color:#f27405;}@media(hover:hover){#question-drop-down-1:hover #question-1{color:#f27405;}#question-drop-down-2:hover #question-2{color:#f27405;}#question-drop-down-3:hover #question-3{color:#f27405;}#question-drop-down-4:hover #question-4{color:#f27405;}}@keyframes shake{0%{transform:rotate(0deg);}25%{transform:rotate(5deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-5deg);}100%{transform:rotate(0deg);}}@keyframes float{0%{transform:translateY(0);}25%{transform:translateY(10px);}50%{transform:translateY(0);}75%{transform:translateY(10px);}100%{transform:translateY(0);}}@keyframes spinCube{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}