@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Open Sans:400,600,800);@import url(https://fonts.googleapis.com/css2?family=Calistoga&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caprasimo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jost&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{background:#383838 url(https://www.athenadesignstudio.com/plugins/switch/images/bg.jpg) no-repeat 50%;color:#fff;left:0;margin-bottom:30px;min-height:120px;padding:50px 0;position:relative;top:0;width:100%}header .logo{clear:both;display:block;padding-bottom:10px;text-align:center}header h1{color:#eee;font-size:24px;font-weight:300;letter-spacing:2px;margin:0!important;padding-bottom:25px;text-align:center;text-transform:uppercase}a,div,h1,h2,h3,h4,h5,h6,input,p{font-family:Open Sans;margin:0}a,a:focus,a:hover{color:inherit}body{background-color:#f1f2f3}.container,.container-fluid{max-width:1200px}.card-container{padding:100px 0;-webkit-perspective:1000;perspective:1000}.profile-card-1{background-color:#fff;background-image:url(https://media.istockphoto.com/id/517188688/photo/mountain-landscape.jpg?s=612x612&w=0&k=20&c=A63koPKaCyIwQWOTFBRWXj_PwCrR4cEoOw2S9Q7yVl8=);background-position:50%;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;max-width:300px;overflow:hidden;padding-top:100px;position:relative}.profile-card-1 .profile-content{background-color:#fff;padding:70px 20px 20px;position:relative;text-align:center}.profile-card-1 .profile-img{height:100px;left:0;position:absolute;right:0;top:-50px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .25s linear;z-index:10}.profile-card-1 .profile-img img{border:5px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);height:100px;margin:auto}.profile-card-1 .profile-name{color:#021830;font-size:18px;font-weight:700}.profile-card-1 .profile-address{color:#777;font-size:12px;margin:0 0 15px}.profile-card-1 .profile-description{color:#777;font-size:13px;padding:5px 10px}.profile-card-1 .profile-icons .fa{color:#777;margin:5px}.profile-card-1:hover{box-shadow:0 0 50px rgba(0,0,0,.1)}.profile-card-1:hover .profile-img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.profile-card-2{background-color:#fff;background-position:50%;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;max-width:300px;overflow:hidden;position:relative}.profile-card-2 img{transition:all .25s linear}.profile-card-2 .profile-name{bottom:10px;color:#fff;font-size:25px;font-weight:700;left:30px;position:absolute;text-shadow:0 0 20px rgba(0,0,0,.5);transition:all .25s linear}.profile-card-2 .profile-icons{bottom:30px;color:#fff;position:absolute;right:30px;transition:all .25s linear}.profile-card-2 .profile-username{bottom:50px;color:#fff;font-size:13px;left:30px;position:absolute;transition:all .25s linear}.profile-card-2 .profile-icons .fa{margin:5px}.profile-card-2:hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.profile-card-2:hover .profile-name{bottom:20px}.profile-card-2:hover .profile-username{bottom:60px}.profile-card-2:hover .profile-icons{right:40px}.profile-card-3{background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;overflow:hidden;padding:25px 15px;position:relative}.profile-card-3 .profile-name{color:#21304e;font-weight:700}.profile-card-3 img{border-radius:50%;height:100px;margin:10px auto;object-fit:cover;transition:all .25s linear;width:100px}.profile-card-3 .profile-description{color:#777;font-size:13px;padding:10px}.profile-card-3 .profile-icons{margin:15px 0}.profile-card-3 .profile-icons .fa{color:#fe455a;margin:0 5px}.profile-card-3:hover img{height:110px;margin:5px auto;width:110px}.profile-card-4{background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;max-width:300px;overflow:hidden;position:relative}.profile-card-4 img{transition:all .25s linear}.profile-card-4 .profile-content{background-color:#fff;padding:15px;position:relative}.profile-card-4 .profile-name{color:#fff;font-size:17px;font-weight:700;left:0;position:absolute;right:0;top:-70px}.profile-card-4 .profile-name p{font-size:13px;font-weight:600;letter-spacing:1.5px}.profile-card-4 .profile-description{color:#777;font-size:12px;padding:10px}.profile-card-4 .profile-overview{padding:15px 0}.profile-card-4 .profile-overview p{color:#777;font-size:10px;font-weight:600}.profile-card-4 .profile-overview h4{color:#273751;font-weight:700}.profile-card-4 .profile-content:before{background-color:#fff;content:"";height:20px;left:0;position:absolute;right:0;top:-10px;-webkit-transform:skewY(3deg);transform:skewY(3deg);z-index:0}.profile-card-4:hover img{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:rotate(5deg) scale(1.1);transform:rotate(5deg) scale(1.1)}.profile-card-5{background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;max-width:300px;overflow:hidden;padding:50px 15px 25px;position:relative}.profile-card-5 img{border-radius:50%;height:100px;margin:10px auto;object-fit:cover;position:relative;transition:all .25s linear;width:100px}.profile-card-5:before{background-color:#4fb96e;content:"";height:170px;left:0;position:absolute;right:0;top:-60px;-webkit-transform:skewY(-20deg);transform:skewY(-20deg)}.profile-card-5 .profile-name{color:#333;font-weight:700;padding-top:15px}.profile-card-5 .profile-designation{color:#777;font-size:13px}.profile-card-3 .profile-location{color:#999;font-size:13px;font-weight:600}.profile-card-5 .profile-description{color:#777;font-size:13px;padding:10px}.profile-card-5 .profile-overview{padding:15px 0}.profile-card-5 .profile-overview p{color:#777;font-size:13px}.profile-card-5 .profile-overview h2{color:#1e2832;font-weight:700}.profile-card-5 .profile-icons .fa{color:#4fb96e;margin:7px}.profile-card-5:hover img{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.profile-card-6{background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;max-width:300px;overflow:hidden;position:relative}.profile-card-6 img{transition:all .15s linear}.profile-card-6 .profile-name{background:linear-gradient(140deg,rgba(0,0,0,.4) 50%,rgba(255,255,0,0) 0);color:#fff;font-size:25px;font-weight:700;left:10px;padding:15px 20px;position:absolute;top:10px;transition:all .15s linear}.profile-card-6 .profile-position{color:hsla(0,0%,100%,.4);left:30px;position:absolute;top:100px;transition:all .15s linear}.profile-card-6 .profile-overview{background:linear-gradient(0deg,rgba(0,0,0,.4) 50%,rgba(255,255,0,0));bottom:0;color:#fff;left:0;padding:50px 0 20px;position:absolute;right:0;transition:all .15s linear}.profile-card-6 .profile-overview h3{font-weight:700}.profile-card-6 .profile-overview p{color:hsla(0,0%,100%,.7)}.profile-card-6:hover img{-webkit-filter:brightness(80%);filter:brightness(80%)}.profile-card-6:hover .profile-name{padding-left:25px;padding-top:20px}.profile-card-6:hover .profile-position{left:40px}.profile-card-6:hover .profile-overview{padding-bottom:25px}.profile-card-7{background-color:#fff;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;overflow:hidden;position:relative}.profile-card-7 .profile-content{background-color:#fff;padding:60px 30px 30px;position:relative}.profile-card-7 .profile-content img{border:5px solid #fff;border-radius:50%;height:80px;position:absolute;top:-40px;width:80px}.profile-card-7 .profile-content .profile-name{color:#fff;font-size:17px;font-weight:700;left:125px;position:absolute;top:-35px}.profile-card-7 .profile-overview{padding:5px 0}.profile-card-7 .profile-overview p{color:#777;font-size:11px;font-weight:600}.profile-card-7 .profile-overview h5{color:#142437;font-weight:700}.profile-card-8{background:linear-gradient(#09121c,#36445a);border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;overflow:hidden;position:relative;transition:all .25s linear}.profile-card-8 .profile-name{color:#58d683;font-size:17px;font-weight:700;left:0;position:absolute;right:0;top:25px}.profile-card-8 .profile-designation{color:#fff;font-size:13px;font-weight:600;left:0;letter-spacing:1px;position:absolute;right:0;top:50px}.profile-card-8 .profile-icons{color:hsla(0,0%,100%,.7);left:0;position:absolute;right:0;top:80px}.profile-card-8 .profile-icons .fa{margin:5px}.profile-card-8:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.profile-card-9{background-color:#fff;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.1);cursor:pointer;margin:10px auto;overflow:hidden;padding:30px 15px;position:relative;transition:all .25s linear}.profile-card-9 img{border-radius:50%;height:120px;margin:10px auto;width:120px}.profile-card-9 .profile-name{color:#3249b9;font-size:15px;font-weight:600}.profile-card-9 .profile-designation{color:#777;font-size:13px}.profile-card-9 .profile-description{background-color:#f1f2f3;border-radius:5px;color:#777;font-size:13px;margin:15px 0;padding:10px}.profile-card-9 a{background-color:#3249b9;border-radius:25px;color:#fff;font-size:11px;padding:10px 15px}.profile-card-9:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.profile-card-10{background-color:#1f2124;border-radius:5px;box-shadow:0 0 25px rgba(0,0,0,.1);color:#eee;cursor:pointer;margin:10px auto;overflow:hidden;padding:30px 15px;position:relative}.profile-card-10 img{border:10px solid transparent;border-radius:50%;box-shadow:0 0 0 2px #64c17b;height:100px;margin:10px auto;transition:all .25s linear;width:100px}.profile-card-10 .profile-name{color:#fff;font-size:17px;font-weight:700}.profile-card-10 .profile-location{font-size:13px;opacity:.7}.profile-card-10 .profile-description{font-size:13px;padding:10px}.profile-card-10 .profile-icons .fa{color:#ffc75e;margin:10px}.profile-card-10:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.image-container{height:200px;position:relative;width:100%}.skeleton-loading{-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes loading{0%{background-position:100% 50%}to{background-position:-100% 50%}}@keyframes loading{0%{background-position:100% 50%}to{background-position:-100% 50%}}.nav-item:hover{background-color:#ef5350;border-radius:20px;transition:.5s}li{font-size:20px}.logo,li{font-weight:700}.logo{font-family:Calistoga;font-size:2rem}.nav-item .active{background-color:#ef5350;border-radius:20px;padding:10px}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fff}.loader{height:48px;left:48%;margin:auto;position:relative;position:fixed;top:40%;width:48px;z-index:1}.loader:before{-webkit-animation:shadow324 .5s linear infinite;animation:shadow324 .5s linear infinite;background:#f0808050;border-radius:50%;height:5px;top:60px;width:48px}.loader:after,.loader:before{content:"";left:0;position:absolute}.loader:after{-webkit-animation:jump7456 .5s linear infinite;animation:jump7456 .5s linear infinite;background:#f08080;border-radius:4px;height:100%;top:0;width:100%}@-webkit-keyframes jump7456{15%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{border-bottom-right-radius:40px;-webkit-transform:translateY(18px) scaleY(.9) rotate(45deg);transform:translateY(18px) scaleY(.9) rotate(45deg)}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{border-bottom-right-radius:40px;-webkit-transform:translateY(18px) scaleY(.9) rotate(45deg);transform:translateY(18px) scaleY(.9) rotate(45deg)}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes shadow324{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}}@keyframes shadow324{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}}@media screen and (min-width:200px){.color-data{border-radius:5px;font-size:5px;left:2px;padding-inline:5px;position:absolute;top:2px}}@media screen and (min-width:100px){.color-data{border-radius:5px;font-size:10px;left:2px;padding-inline:5px;position:absolute;top:2px}}@media screen and (min-width:200px){.color-data-small{border-radius:5px;font-size:5px;left:2px;padding-inline:5px;position:absolute;top:2px}}@media screen and (min-width:400px){.about-product h5{font-family:Jost;font-size:15px;margin-top:0}.about-product{padding:20px 20px 10px}.color-data{font-size:11px}.color-data,.color-data-small{border-radius:5px;left:2px;padding-inline:5px;position:absolute;top:2px}.color-data-small{font-size:5px}}.ril__inner img{width:auto}@-webkit-keyframes closeWindow{0%{opacity:1}to{opacity:0}}@keyframes closeWindow{0%{opacity:1}to{opacity:0}}.ril__outer{-ms-content-zooming:none;-ms-touch-select:none;background-color:rgba(0,0,0,.85);bottom:0;height:100%;left:0;outline:none;right:0;top:0;touch-action:none;-ms-user-select:none;width:100%;z-index:1000}.ril__outerClosing{opacity:0}.ril__image,.ril__imageNext,.ril__imagePrev,.ril__inner{bottom:0;left:0;position:absolute;right:0;top:0}.ril__image,.ril__imageNext,.ril__imagePrev{-ms-content-zooming:none;-ms-touch-select:none;margin:auto;max-width:none;touch-action:none;-ms-user-select:none}.ril__imageDiscourager{background-position:50%;background-repeat:no-repeat;background-size:contain}.ril__navButtons{border:none;bottom:0;cursor:pointer;height:34px;margin:auto;opacity:.7;padding:40px 30px;position:absolute;top:0;width:20px}.ril__navButtons:hover{opacity:1}.ril__navButtons:active{opacity:.7}.ril__navButtonPrev{background:rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTE5IDMtMi0yTDEgMTdsMTYgMTYgMS0xTDMgMTcgMTggMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat 50%;left:0}.ril__navButtonNext{background:rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTEgMyAyLTIgMTYgMTZMMyAzM2wtMS0xIDE1LTE1TDIgMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat 50%;right:0}.ril__downloadBlocker{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.ril__caption,.ril__toolbar{background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;left:0;position:absolute;right:0}.ril__caption{bottom:0;max-height:150px;overflow:auto}.ril__captionContent{color:#fff;padding:10px 20px}.ril__toolbar{height:50px;top:0}.ril__toolbarSide{height:50px;margin:0}.ril__toolbarLeftSide{flex:0 1 auto;overflow:hidden;padding-left:20px;padding-right:0;text-overflow:ellipsis}.ril__toolbarRightSide{flex:0 0 auto;padding-left:0;padding-right:20px}.ril__toolbarItem{color:#fff;display:inline-block;font-size:120%;line-height:50px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.ril__toolbarItemChild{vertical-align:middle}.ril__builtinButton{border:none;cursor:pointer;height:35px;opacity:.7;width:40px}.ril__builtinButton:hover{opacity:1}.ril__builtinButton:active{outline:none}.ril__builtinButtonDisabled{cursor:default;opacity:.5}.ril__builtinButtonDisabled:hover{opacity:.5}.ril__closeButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEgMyAxLjI1LTEuMjUgNy41IDcuNSA3LjUtNy41TDE4LjUgMyAxMSAxMC41bDcuNSA3LjUtMS4yNSAxLjI1LTcuNS03LjUtNy41IDcuNUwxIDE4bDcuNS03LjVMMSAzeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat 50%}.ril__zoomInButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2TTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) no-repeat 50%}.ril__zoomOutButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat 50%}.ril__outerAnimating{-webkit-animation-name:closeWindow;animation-name:closeWindow}@-webkit-keyframes pointFade{0%,19.999%,to{opacity:0}20%{opacity:1}}@keyframes pointFade{0%,19.999%,to{opacity:0}20%{opacity:1}}.ril__loadingCircle{height:60px;position:relative;width:60px}.ril__loadingCirclePoint{height:100%;left:0;position:absolute;top:0;width:100%}.ril__loadingCirclePoint:before{-webkit-animation:pointFade .8s ease-in-out infinite both;animation:pointFade .8s ease-in-out infinite both;background-color:#fff;border-radius:30%;content:"";display:block;height:30%;margin:0 auto;width:11%}.ril__loadingCirclePoint:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ril__loadingCirclePoint:first-of-type:before,.ril__loadingCirclePoint:nth-of-type(7):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.ril__loadingCirclePoint:nth-of-type(2){-webkit-transform:rotate(30deg);transform:rotate(30deg)}.ril__loadingCirclePoint:nth-of-type(8){-webkit-transform:rotate(210deg);transform:rotate(210deg)}.ril__loadingCirclePoint:nth-of-type(2):before,.ril__loadingCirclePoint:nth-of-type(8):before{-webkit-animation-delay:-666ms;animation-delay:-666ms}.ril__loadingCirclePoint:nth-of-type(3){-webkit-transform:rotate(60deg);transform:rotate(60deg)}.ril__loadingCirclePoint:nth-of-type(9){-webkit-transform:rotate(240deg);transform:rotate(240deg)}.ril__loadingCirclePoint:nth-of-type(3):before,.ril__loadingCirclePoint:nth-of-type(9):before{-webkit-animation-delay:-533ms;animation-delay:-533ms}.ril__loadingCirclePoint:nth-of-type(4){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ril__loadingCirclePoint:nth-of-type(10){-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ril__loadingCirclePoint:nth-of-type(10):before,.ril__loadingCirclePoint:nth-of-type(4):before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.ril__loadingCirclePoint:nth-of-type(5){-webkit-transform:rotate(120deg);transform:rotate(120deg)}.ril__loadingCirclePoint:nth-of-type(11){-webkit-transform:rotate(300deg);transform:rotate(300deg)}.ril__loadingCirclePoint:nth-of-type(11):before,.ril__loadingCirclePoint:nth-of-type(5):before{-webkit-animation-delay:-266ms;animation-delay:-266ms}.ril__loadingCirclePoint:nth-of-type(6){-webkit-transform:rotate(150deg);transform:rotate(150deg)}.ril__loadingCirclePoint:nth-of-type(12){-webkit-transform:rotate(330deg);transform:rotate(330deg)}.ril__loadingCirclePoint:nth-of-type(12):before,.ril__loadingCirclePoint:nth-of-type(6):before{-webkit-animation-delay:-133ms;animation-delay:-133ms}.ril__loadingCirclePoint:nth-of-type(7){-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ril__loadingCirclePoint:nth-of-type(13){-webkit-transform:rotate(1turn);transform:rotate(1turn)}.ril__loadingCirclePoint:nth-of-type(13):before,.ril__loadingCirclePoint:nth-of-type(7):before{-webkit-animation-delay:0ms;animation-delay:0ms}.ril__loadingContainer{bottom:0;left:0;position:absolute;right:0;top:0}.ril__imageNext .ril__loadingContainer,.ril__imagePrev .ril__loadingContainer{display:none}.ril__errorContainer{align-items:center;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.ril__imageNext .ril__errorContainer,.ril__imagePrev .ril__errorContainer{display:none}.ril__loadingContainer__icon{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}.card-wrapper{margin:0 auto;max-width:1100px}img{display:block;width:100%}.img-display{overflow:hidden}.img-showcase{display:flex;transition:all .5s ease;width:100%}.img-showcase img{min-width:100%}.img-select{display:flex;max-width:50%}.img-item{margin:.3rem}.img-item:first-child,.img-item:nth-child(2),.img-item:nth-child(3){margin-right:0}.img-item:hover{opacity:.8}.product-content{font-size:20px;padding:0 1rem}.product-title{color:#12263a;font-size:2rem;font-weight:700;margin:1rem 0}.product-link{background:#256eff;color:#fff;display:inline-block;font-size:.9rem;font-weight:400;margin-bottom:.5rem;padding:0 .3rem;text-decoration:none;text-transform:uppercase;transition:all .5s ease}.product-link:hover{opacity:.9}.product-rating{color:#ffc107}.product-rating span{color:#252525;font-weight:600}.product-price{font-size:1rem;font-weight:700;margin:1rem 0}.product-price span{font-weight:400}.last-price span{color:#f64749;text-decoration:line-through}.new-price span{color:#256eff}.product-detail h2{color:#12263a;padding-bottom:.6rem;text-transform:capitalize}.product-detail p{font-size:.9rem;opacity:.8;padding:.3rem}.product-detail ul{font-size:.9rem;margin:1rem 0}.product-detail ul li{background:url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) 0 no-repeat;background-size:18px;font-weight:600;list-style:none;margin:.4rem 0;opacity:.9;padding-left:1.7rem}.product-detail ul li span{font-weight:400}.purchase-info{margin:1.5rem 0}.purchase-info .btn,.purchase-info input{border:1.5px solid #ddd;border-radius:25px;margin-bottom:1rem;margin-right:.2rem;outline:0;padding:.45rem .8rem;text-align:center}.purchase-info input{width:60px}.purchase-info .btn{color:#fff;cursor:pointer}.purchase-info .btn:first-of-type{background:#256eff}.purchase-info .btn:last-of-type{background:#f64749}.purchase-info .btn:hover{opacity:.9}.social-links,.social-links a{align-items:center;display:flex}.social-links a{border:1px solid #000;border-radius:50%;color:#000;font-size:.8rem;height:32px;justify-content:center;margin:0 .2rem;text-decoration:none;transition:all .5s ease;width:32px}.social-links a:hover{background:#000;border-color:transparent;color:#fff}.hr{border-width:3px;color:red}@media screen and (min-width:992px){.product-card{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr)}.card-wrapper{align-items:center;margin-block:40px}.card-wrapper,.product-imgs{display:flex;justify-content:center}.product-imgs{flex-direction:column}.product-content{padding-top:0}.product-title{font-size:2rem}}.card-text{font-family:Jost;font-size:12px}.card-text-title{font-family:Jost;font-size:15px}@media screen and (min-width:400px){.card-text{font-family:Jost;font-size:12px;margin-top:0}}.about-product h5{font-family:Jost;font-size:12px;margin-top:0}.about-product{background-color:#f0f8ff;padding:20px 20px 5px}.btn-primary,.btn-primary:active,.btn-primary:hover,.btn-primary:visited,btn-primary{background-color:#a3d869!important;border:0;border-radius:5px}@media screen and (min-width:400px){.about-product h5{font-family:Jost;font-size:15px;margin-top:0}.about-product{padding:20px 20px 10px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.about-product-grid h5{font-family:Jost;font-size:9px;margin-top:0}.grid-button{font-size:8px}.react-pdf__Page__textContent{display:none}tr{border:1px solid #000}