@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap);.home{margin:150px}.home .session-container{display:flex;grid-gap:20px;gap:20px;margin-top:20px}.home .title-info{display:flex;align-items:center;grid-gap:25px;gap:25px;margin-top:20px;margin-bottom:20px}.home .title-info a{text-decoration:none;color:#f4aa27}.home .decks-container{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px}.no-deck-session{margin:0 auto;text-align:center}.no-deck-session h3{font-weight:700;font-size:21px;line-height:28px}.no-deck-session h3,.no-deck-session p{font-family:Quicksand;font-style:normal;color:#3e3e3e}.no-deck-session p{font-weight:500;font-size:16px;line-height:24px}.no-deck-session button{padding:18px 30px;border-radius:28.5px;border:none;background:#e6c7ff;color:#fff}.session-card{background:#f3f3f3;height:230px;width:318px;padding:20px;border-radius:16px;overflow:hidden;margin-right:20px}.session-card .title,.session-card p{margin-bottom:20px}.session-card p{margin-top:20px}.session-card button{padding:10px 25px;border-radius:27.5px;border:none;background:#c78ef7;color:#fff}.no-session-container{background:#f3f3f3;height:178px;width:1140px;display:flex;justify-content:space-between;padding:20px;align-items:center}.no-session-container .session-content button{padding:10px 25px;border-radius:27.5px;border:none;background:#c78ef7;color:#fff}.deck{width:261px;height:142px;background:#ab6fdc;color:#fff;border-radius:16px}.deck .deck-title{padding:5px 20px}.nav{font-family:"Quicksand";position:fixed;left:0;top:0;width:100%;display:flex;align-items:center;padding:15px 50px;background:#ab6fdc;font-size:18px;z-index:1001}.nav__icon{padding-left:105px}.nav__link{justify-content:center;align-items:center;margin:0}.nav__link li{padding:20px;list-style:none;display:inline-block;margin-left:25px}.nav__link a{padding:20px;text-decoration:none;color:#fff;transition:all .3s ease 0s}.nav__profile{display:flex;margin-left:50vh;justify-content:flex-end}.nav__profile__down{background-color:transparent!important;height:50px;width:50px;border-radius:20px!important;border:none!important;box-shadow:none!important}.nav__profile__menu{background:#fff;padding:10px;border-radius:15px!important;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border:1px solid #cec9c9}.nav__profile__menu a{text-decoration:none;color:#333;margin-bottom:10px}.nav__profile__drop{flex-direction:column;display:flex;padding:10px}.nav__profile__drop h4{padding-bottom:10px}.nav__profile__drop--icon{width:20px!important;height:20px!important;margin-top:6px}.nav__profile img{height:50px;width:50px;border-radius:50%;position:relative;right:12px;bottom:6px}.nav__btn{color:#fff;font-weight:700;padding:9px 25px;justify-content:flex-end;background-color:#e6c7ff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease 0s;font-family:"Quicksand";margin-left:20px}.nav__btn:focus{outline:none}.your__deck{margin:150px}.your__deck__container{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px}.your__deck__category{background:#fff;width:250px;display:flex;flex-direction:column}.your__deck__category a{padding:10px;text-decoration:none;color:#000}.your__deck__filter{display:flex;justify-content:space-between;padding-bottom:20px;padding-top:15px;width:85%}.your__deck__filter select{height:30px;border-radius:20px;width:159px;padding:5px;background:transparent}.your__deck__down{display:flex}.your__deck--reset{margin-left:10px;margin-top:5px;color:#ab6fdc;font-weight:bolder;cursor:pointer;font-size:17px}.your__deck__drop{width:120px;height:30px;border-radius:20px!important;padding:5px!important;border:none!important}.your__deck__drop,.your__deck__drop--opt{background-color:transparent!important;color:#000!important;box-shadow:none!important}.your__deck__drop--opt{border:1px solid #3e3e3e!important;border-radius:20px!important;width:180px}.your__deck__drop__menu{background:#fff;padding:10px;border-radius:15px!important;width:200px;border:1px solid #cec9c9}.your__deck__drop__menu label{margin-left:7px;font-weight:400}.your__deck__drop__menus{background:#fff;padding:10px;border-radius:15px!important;width:240px;border:1px solid #cec9c9}.your__deck__drop__menus label{margin-left:7px;font-weight:400}.your__deck__drop__check{padding-left:10px}.your__deck__drop__check,.your__deck__drop__check--right{margin-bottom:8px;padding-top:10px}.your__deck__drop__check a{text-decoration:none;color:#3e3e3e}.your__deck__btn{border-radius:27.5px;border:none;color:#fff;background:#c78ef7;box-shadow:0 5px #ab6fdc;width:84%;cursor:pointer;padding:10px;margin-left:15px;margin-top:15px;margin-bottom:20px}.your__deck__btn:active{box-shadow:none;position:relative;top:5px}.your__deck__btn:focus{outline:none}.your__deck__result{display:flex;padding-bottom:20px}.your__deck__result--view{margin-right:10px;box-sizing:border-box;background:transparent;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:10px;height:30px;border-radius:20px;padding:7px;border:1px solid #767676}.emptyDeckFilter{margin:15vh auto auto;text-align:center}.emptyDeckFilter h3{font-weight:700;font-size:21px;line-height:28px}.emptyDeckFilter h3,.emptyDeckFilter p{font-family:Quicksand;font-style:normal;color:#3e3e3e}.emptyDeckFilter p{font-weight:500;font-size:16px;line-height:24px}.your-deck{margin:120px 150px;grid-gap:20px;gap:20px}.your-deck .flex{display:flex;justify-content:space-between;align-items:center}.your-deck .flex .deck-title{width:558px;display:flex;flex-direction:column}.your-deck .flex .deck-title h5{padding-bottom:8px}.your-deck .flex .deck-title .bar{margin-top:20px;width:558px;height:11px;background:#c78ef7;border-radius:22px;margin-bottom:20px}.your-deck .flex .deck-title .off{background:#e1e1e1}.your-deck .flex .deck-title .detail{display:flex;align-items:center;grid-gap:20px;gap:20px;justify-content:center}.your-deck .flex .deck-title .detail .number{background:#f3f3f3;width:20px;text-align:center;border-radius:50%;margin-bottom:15px}.your-deck .deck-details{margin-top:100px;display:flex;flex-direction:column}.your-deck .deck-details .form{display:flex;margin-top:30px;justify-content:space-between}.your-deck .deck-details .form .left-form{display:flex;grid-gap:20px;gap:20px;flex-direction:column}.your-deck .deck-details .form .left-form input,.your-deck .deck-details .form .left-form select{width:558px;height:52px;border-radius:26px;border:3px solid #f3f3f3}.your-deck .deck-details .form .left-form .color-tag{margin-top:20px}.your-deck .deck-details .form .left-form .color-tag .circle-box{display:flex;grid-gap:20px;gap:20px}.your-deck .deck-details .form .left-form .color-tag .circle-box .circle{margin-top:10px;width:50px;height:50px;border-radius:50%;border:none}.your-deck .deck-details .form .right-form textarea{width:555px;height:266px;border-radius:26px;resize:none;border:3px solid #f3f3f3;font-size:20px;padding:10px}.your-deck .button-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:100px}.your-deck .button-footer button{background:#c78ef7;box-shadow:0 5px #ab6fdc;color:#fff;border-radius:28.5px;width:249px;height:61px;border:none}.your-deck .button-footer button:active{box-shadow:none;position:relative;top:5px}.your-deck .button-footer button:focus{outline:none}.add-deck-btn{margin:0 50%;border:none}.flex{display:flex;justify-content:space-between;align-items:center}.flex .deck-title{width:558px;display:flex;flex-direction:column}.flex .deck-title h5{padding-bottom:8px}.flex .deck-title .bar{margin-top:20px;width:558px;height:11px;background:#c78ef7;border-radius:22px;margin-bottom:20px}.flex .deck-title .off{background:#e1e1e1}.flex .deck-title .detail{display:flex;align-items:center;grid-gap:20px;gap:20px;justify-content:center}.flex .deck-title .detail .number{background:#f3f3f3;width:20px;text-align:center;border-radius:50%;margin-bottom:15px}.deck__edit{margin:120px 150px;grid-gap:20px;gap:20px}.deck__edit__indicator{display:flex;justify-content:space-between;align-items:center}.deck__edit__title{width:558px;display:flex;flex-direction:column}.deck__edit__title h5{justify-content:flex-end;padding-bottom:8px}.deck__edit__bar{margin-top:20px;width:558px;height:11px;background:#c78ef7;border-radius:22px;margin-bottom:20px}.deck__edit__detail{display:flex;align-items:center;grid-gap:20px;gap:20px;justify-content:center}.deck__edit__number{background:#f3f3f3;width:20px;text-align:center;border-radius:50%;margin-bottom:15px}.deck__edit .off{background:#e1e1e1}.deck__edit__details{margin-top:100px;display:flex;flex-direction:column}.deck__edit__form{display:flex;margin-top:30px;justify-content:space-between}.deck__edit__form__left{display:flex;grid-gap:20px;gap:20px;flex-direction:column}.deck__edit__form__left input,.deck__edit__form__left select{width:558px;height:52px;border-radius:26px;border:3px solid #f3f3f3}.deck__edit__form__right textarea{width:555px;height:266px;border-radius:26px;resize:none;border:3px solid #f3f3f3;font-size:20px;padding:10px}.deck__edit__color{margin-top:20px}.deck__edit__color--box{display:flex;grid-gap:20px;gap:20px}.deck__edit__color--circel{margin-top:10px;width:50px;height:50px;border-radius:50%;border:none}.deck__edit__color button:focus{outline:none}.deck__edit__terms{margin-top:100px}.deck__edit__terms--container{width:1140px;height:160px;border-radius:26px;border:3px solid #f3f3f3;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.deck__edit .button__footer{display:flex;align-items:center;justify-content:flex-end;margin-top:100px;border-top:solid #fbf6ff;top:25px;position:relative}.deck__edit .button__footer__save{background:#c78ef7;box-shadow:0 5px #ab6fdc;color:#fff}.deck__edit .button__footer__cancel,.deck__edit .button__footer__save{cursor:pointer;border-radius:28.5px;width:249px;height:61px;border:none;top:25px;position:relative}.deck__edit .button__footer__cancel{background:#fbf6ff;box-shadow:0 5px #e6c7ff;color:#ab6fdc;margin-right:10px;font-size:14px;line-height:21px}.deck__edit .button__footer button:active{box-shadow:none;position:relative;top:30px}.deck__edit .button__footer button:focus{outline:none}.mydeck{margin-top:135px;margin-left:100px;width:850px}.mydeck__head{justify-content:space-between;display:flex;width:95%}.mydeck__head span{font-weight:bolder}.mydeck__containers{display:flex;flex-wrap:wrap;margin-top:20px;grid-gap:20px;gap:20px}.mydeck__button{color:#fff;font-weight:400;padding:5px 15px;justify-content:flex-end;background-color:#ab6fdc;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease 0s;font-family:"Quicksand";margin-left:20px}.emptyDeck{margin:15vh auto auto;text-align:center}.emptyDeck h3{font-weight:700;font-size:21px;line-height:28px}.emptyDeck h3,.emptyDeck p{font-family:Quicksand;font-style:normal;color:#3e3e3e}.emptyDeck p{font-weight:500;font-size:16px;line-height:24px}.modalChange{min-height:300px!important;margin:20px auto;border-radius:5%;margin-top:25vh!important}.modalAlert,.modalChange{display:flex;flex-direction:column;justify-content:flex-start;width:350px;text-align:center;background:#fff}.modalAlert{min-height:200px!important;margin:20px auto;border-radius:25px!important;margin-top:35vh!important;outline:none;padding:28px}.modalAlert__cont{margin-top:15px}.modalAlert__btn{display:flex;justify-content:center}.modalAlert__no{padding:14px;margin:20px;border:none;border-radius:25px;width:50%;align-items:center;cursor:pointer;outline:none;color:#fff;background:#c78ef7;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #ab6fdc}.modalAlert__no:active{box-shadow:none;position:relative;top:5px}.modalAlert__no:focus{outline:none}.ReactModal__Overlay{background-color:rgba(0,0,0,.75)!important}.error-message,.single5{margin-bottom:25px}.single5{width:50px;height:50px;border-radius:50%;border-color:#9c9797 #b9b6b6 #8d8d8d;border-style:solid;border-width:6px;animation:single5 2.5s ease-in-out infinite;position:relative;left:20vh}@keyframes single5{0%{transform:rotate(0deg)}to{transform:rotate(540deg)}}.account{margin-top:148px;margin-left:100px;width:850px}.account span{font-weight:700}.account__username{margin-top:15px}.account__username--name{width:300px}.account__username--name p{margin:0}.account__username--box{margin-top:15px}.account__username__container{display:flex;justify-content:space-between;margin-bottom:15px}.account__email{display:flex;justify-content:space-between;border-top:1px solid #a5a3a3}.account__email--title{margin-top:10px}.account__email--title p{margin-top:5px}.account__pass{display:flex;justify-content:space-between;border-top:1px solid #a5a3a3;border-bottom:1px solid #a5a3a3}.account__pass--title{margin-top:10px}.account__change,.account__pass--title p{margin-top:15px;font-weight:700}.account__change{border-radius:27.5px;border:none;background:#c78ef7;color:#fff;color:#f4aa27;background:#fff0cd;width:146px;cursor:pointer;padding:10px;margin-left:15px;margin-bottom:20px}.account__change:focus{outline:none}.account__buton{border-radius:27.5px;border:none;color:#fff;background:#c78ef7;box-shadow:0 5px #ab6fdc;width:246px;cursor:pointer;padding:10px;margin-left:80vh;margin-top:35px;margin-bottom:20px;font-weight:700}.account__buton:active{box-shadow:none;position:relative;top:5px}.account__buton:focus{outline:none}.containerChange{margin-top:15px}.containerChange span{margin-left:35vh;cursor:pointer;font-weight:bolder;font-size:25px}.containerChange img{height:50px;width:50px}.containerChange__email{display:flex;flex-direction:column}.containerChange__email p{text-align:left;margin:0 0 0 50px}.containerChange__user{display:flex;flex-direction:column}.containerChange__user p{text-align:left;margin:0 0 0 50px}.containerChange h4{margin-bottom:20px;font-weight:700}.containerChange__btn{padding:14px;border:none;border-radius:25px;width:50%;align-items:center;cursor:pointer;outline:none;color:#fff;background:#c78ef7;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #ab6fdc;margin:20px 20px 20px 12vh}.containerChange__btn:active{box-shadow:none;position:relative;top:5px}.containerChange__btn:focus{outline:none}.containerChange__pass{display:flex;flex-direction:column}.containerChange__pass p{text-align:left;margin:0 0 0 50px}.containerChange input{border:1px solid #e1e1e1;outline:none;width:320px;background:#fff;color:#000;padding:16px;border-radius:25px;width:80%;margin:13px auto}.containerChange input::-webkit-input-placeholder{color:#a39e9e}.containerChange input:-ms-input-placeholder{color:#a39e9e}.containerChange input::placeholder{color:#a39e9e}.profile{width:200px;height:200px;margin-top:120px;margin-left:100px;grid-gap:20px;gap:20px}.profile__nav{display:flex;justify-content:center}.profile__username{position:relative;top:10px;text-align:center;border-bottom:1px solid #e1e1e1;font-weight:bolder}.profile__username h3{font-weight:bolder}.profile__button--inactive{color:#ab6fdc}.profile__button--active{color:#9e9d9d}.profile__image img{height:95px;width:95px;border-radius:50%}.profile__menu{display:flex;flex-direction:column;line-height:65px}.profile__menu--pilih strong{cursor:pointer}.profile__menu--pilih--log{border-top:1px solid #e1e1e1}.profile__menu--pilih img{margin-right:10px;margin-bottom:8px}.containerNav{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}:root{scroll-behavior:smooth}body{font-family:"Quicksand",sans-serif;color:#444}a{color:#4154f1;text-decoration:none!important}a:hover{color:#717ff5;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Quicksand",sans-serif}section{padding:60px 0;overflow:hidden}.section-header{text-align:center;padding-bottom:40px}.section-header h2{font-size:13px;letter-spacing:1px;font-weight:700;margin:0;color:#4154f1;text-transform:uppercase}.section-header p{margin:10px 0 0;padding:0;font-size:30px;line-height:42px;font-weight:700;color:#012970}@media (max-width:768px){.section-header p{font-size:28px;line-height:32px}}.breadcrumbs{padding:15px 0;background:#012970;min-height:40px;margin-top:82px;color:#fff}@media (max-width:992px){.breadcrumbs{margin-top:57px}}.breadcrumbs h2{font-size:28px;font-weight:500}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 10px;margin:0;font-size:14px}.breadcrumbs ol a{color:#fff;transition:.3s}.breadcrumbs ol a:hover{text-decoration:underline}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li:before{display:inline-block;padding-right:10px;color:#8894f6;content:"/"}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background:#4154f1;width:40px;height:40px;border-radius:4px;transition:all .4s}.back-to-top i{font-size:24px;color:#fff;line-height:0}.back-to-top:hover{background:#6776f4;color:#fff}.back-to-top.active{visibility:visible;opacity:1}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}.header{transition:all .5s;z-index:997;background-color:transparent;padding:20px 0}.header.header-scrolled{background:transparent;padding:15px 0;box-shadow:0 2px 20px rgba(1,41,112,.1)}.header .logo{line-height:0}.header .logo img{max-height:40px;margin-right:6px}.header .logo span{font-size:30px;font-weight:700;letter-spacing:1px;color:#012970;font-family:"Quicksand",sans-serif;margin-top:3px}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-family:"Quicksand",sans-serif;font-size:16px;font-weight:700;color:#013289;white-space:nowrap;transition:.3s}.navbar a:focus i,.navbar a i{font-size:12px;line-height:0;margin-left:5px}.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:#4154f1}.navbar .getstarted{box-shadow:0 4px 0 #b65dff}.navbar .getstarted,.navbar .getstarted:hover{background:#c78ef7;padding:8px 20px;margin-left:30px;border-radius:100px;color:#fff}.navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s;border-radius:4px}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:15px;text-transform:none;font-weight:600}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:#4154f1}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#012970;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}.mobile-nav-toggle.bi-x{color:#fff}@media (max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(1,22,61,.9);transition:.3s}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:10px;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile a{padding:10px 20px;font-size:15px;color:#012970}.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#4154f1}.navbar-mobile .getstarted{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#4154f1}.navbar-mobile .dropdown>.dropdown-active{display:block}.hero{width:100%;height:100vh;background:url(/static/media/hero.cb5c0884.png) top no-repeat;background-size:cover}.hero h1{margin:0;font-size:48px;font-weight:700;color:#012970}.hero h2{color:#444;margin:15px 0 0;font-size:26px}.hero .btn-get-started{background:#c78ef7;box-shadow:0 4px 0 #b65dff;padding:8px 20px;border-radius:100px;color:#fff;margin-top:20px}.hero .btn-get-started span{font-family:"Quicksand",sans-serif;font-weight:600;font-size:16px;letter-spacing:1px}.hero .btn-get-started i{margin-left:5px;font-size:18px;transition:.3s}.hero .btn-get-started:hover i{transform:translateX(5px)}.hero .hero-img{text-align:right}@media (min-width:1024px){.hero{background-attachment:fixed}}@media (max-width:991px){.hero{height:auto;padding:120px 0 60px}.hero .hero-img{text-align:center;margin-top:80px}.hero .hero-img img{width:80%}}@media (max-width:768px){.hero{text-align:center}.hero h1{font-size:32px}.hero h2{font-size:24px}.hero .hero-img img{width:100%}}#about{background-image:url(/static/media/bg-1.fe8a5be8.png);background-size:cover;background-repeat:no-repeat}.about .content{background-color:#f6f9ff;padding:40px}.about h3{font-size:14px;font-weight:700;color:#4154f1;text-transform:uppercase}.about h2{font-size:24px;font-weight:700;color:#012970}.about p{margin:15px 0 30px;line-height:24px}.about .btn-read-more{line-height:0;padding:15px 40px;border-radius:4px;transition:.5s;color:#fff;background:#4154f1;box-shadow:0 5px 25px rgba(65,84,241,.3)}.about .btn-read-more span{font-family:"Quicksand",sans-serif;font-weight:600;font-size:16px;letter-spacing:1px}.about .btn-read-more i{margin-left:5px;font-size:18px;transition:.3s}.about .btn-read-more:hover i{transform:translateX(5px)}.values .box{padding:30px;box-shadow:0 0 5px rgba(1,41,112,.08);text-align:center;transition:.3s;height:100%}.values .box img{padding:30px 50px;transition:.5s;transform:scale(1.1)}.values .box h3{font-size:24px;color:#012970;font-weight:700;margin-bottom:18px}.values .box:hover{box-shadow:0 0 30px rgba(1,41,112,.08)}.values .box:hover img{transform:scale(1)}.counts{padding:70px 0 60px}.counts .count-box{display:flex;align-items:center;padding:30px;width:100%;background:#fff;box-shadow:0 0 30px rgba(1,41,112,.08)}.counts .count-box i{font-size:42px;line-height:0;margin-right:20px;color:#4154f1}.counts .count-box span{font-size:36px;display:block;font-weight:600;color:#0b198f}.counts .count-box p{padding:0;margin:0;font-family:"Quicksand",sans-serif;font-size:14px}.features .feature-box{padding:24px 20px;box-shadow:0 0 30px rgba(1,41,112,.08);transition:.3s;height:100%}.features .feature-box h3{font-size:18px;color:#012970;font-weight:700;margin:0}.features .feature-box i{line-height:0;background:#ecf3ff;padding:4px;margin-right:10px;font-size:24px;border-radius:3px;transition:.3s}.features .feature-box:hover i{background:#4154f1;color:#fff}.features .feture-tabs{margin-top:120px}.features .feture-tabs h3{color:#012970;font-weight:700;font-size:32px;margin-bottom:10px}@media (max-width:768px){.features .feture-tabs h3{font-size:28px}}.features .feture-tabs .nav-pills{border-bottom:1px solid #eee}.features .feture-tabs .nav-link{background:none;text-transform:uppercase;font-size:15px;font-weight:600;color:#012970;padding:12px 0;margin-right:25px;margin-bottom:-2px;border-radius:0}.features .feture-tabs .nav-link.active{color:#4154f1;border-bottom:3px solid #4154f1}.features .feture-tabs .tab-content h4{font-size:18px;margin:0;font-weight:700;color:#012970}.features .feture-tabs .tab-content i{font-size:24px;line-height:0;margin-right:8px;color:#4154f1}.features .feature-icons{margin-top:120px}.features .feature-icons h3{color:#012970;font-weight:700;font-size:32px;margin-bottom:20px;text-align:center}@media (max-width:768px){.features .feature-icons h3{font-size:28px}}.features .feature-icons .content .icon-box{display:flex}.features .feature-icons .content .icon-box h4{font-size:20px;font-weight:700;margin:0 0 10px;color:#012970}.features .feature-icons .content .icon-box i{font-size:44px;line-height:44px;color:#0245bc;margin-right:15px}.features .feature-icons .content .icon-box p{font-size:15px;color:#848484}.services .service-box{box-shadow:0 0 30px rgba(1,41,112,.08);height:100%;padding:60px 30px;text-align:center;transition:.3s;border-radius:5px}.services .service-box .icon{font-size:36px;padding:40px 20px;border-radius:4px;position:relative;margin-bottom:25px;display:inline-block;line-height:0;transition:.3s}.services .service-box h3{color:#444;font-weight:700}.services .service-box .read-more{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;padding:8px 20px}.services .service-box .read-more i{line-height:0;margin-left:5px;font-size:18px}.services .service-box.blue{border-bottom:3px solid #2db6fa}.services .service-box.blue .icon{color:#2db6fa;background:#dbf3fe}.services .service-box.blue .read-more{color:#2db6fa}.services .service-box.blue:hover{background:#2db6fa}.services .service-box.orange{border-bottom:3px solid #f68c09}.services .service-box.orange .icon{color:#f68c09;background:#fde3c4}.services .service-box.orange .read-more{color:#f68c09}.services .service-box.orange:hover{background:#f68c09}.services .service-box.green{border-bottom:3px solid #08da4e}.services .service-box.green .icon{color:#08da4e;background:#cffddf}.services .service-box.green .read-more{color:#08da4e}.services .service-box.green:hover{background:#08da4e}.services .service-box.red{border-bottom:3px solid #e9222c}.services .service-box.red .icon{color:#e9222c;background:#fef7f8}.services .service-box.red .read-more{color:#e9222c}.services .service-box.red:hover{background:#e9222c}.services .service-box.purple{border-bottom:3px solid #b50edf}.services .service-box.purple .icon{color:#b50edf;background:#f8e4fd}.services .service-box.purple .read-more{color:#b50edf}.services .service-box.purple:hover{background:#b50edf}.services .service-box.pink{border-bottom:3px solid #f51f9c}.services .service-box.pink .icon{color:#f51f9c;background:#feecf7}.services .service-box.pink .read-more{color:#f51f9c}.services .service-box.pink:hover{background:#f51f9c}.services .service-box:hover .read-more,.services .service-box:hover h3,.services .service-box:hover p{color:#fff}.pricing .box,.services .service-box:hover .icon{background:#fff}.pricing .box{padding:40px 20px;text-align:center;box-shadow:0 0 30px rgba(1,41,112,.08);border-radius:4px;position:relative;overflow:hidden;transition:.3s}.pricing .box:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(1,41,112,.1)}.pricing h3{font-weight:700;font-size:18px;margin-bottom:15px}.pricing .price{font-size:36px;color:#444;font-weight:600;font-family:"Quicksand",sans-serif}.pricing .price sup{font-size:20px;top:-15px;left:-3px}.pricing .price span{color:#bababa;font-size:16px;font-weight:300}.pricing img{padding:30px 40px}.pricing ul{padding:0;list-style:none;color:#444;text-align:center;line-height:26px;font-size:16px;margin-bottom:25px}.pricing ul li{padding-bottom:10px}.pricing ul .na{color:#ccc;text-decoration:line-through}.pricing .btn-buy{display:inline-block;padding:8px 40px 10px;border-radius:50px;color:#4154f1;transition:none;font-size:16px;font-weight:400;font-family:"Quicksand",sans-serif;font-weight:600;transition:.3s;border:1px solid #4154f1}.pricing .btn-buy:hover,.pricing .featured{background:#4154f1;color:#fff}.pricing .featured{width:200px;position:absolute;top:18px;right:-68px;transform:rotate(45deg);z-index:1;font-size:14px;padding:1px 0 3px}.faq .accordion-collapse{border:0}.faq .accordion-button{padding:15px 15px 20px 0;font-weight:600;border:0;font-size:18px;color:#444;text-align:left}.faq .accordion-button:focus{box-shadow:none}.faq .accordion-button:not(.collapsed){background:none;color:#4154f1;border-bottom:0}.faq .accordion-body{padding:0 0 25px;border:0}.portfolio #portfolio-flters{margin:0 auto 25px;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:8px 20px 10px;font-size:15px;font-weight:600;line-height:1;color:#444;margin:0 4px 8px;transition:.3s;border-radius:50px;border:1px solid #fff}.portfolio #portfolio-flters li.filter-active,.portfolio #portfolio-flters li:hover{color:#4154f1;border-color:#4154f1}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;background:hsla(0,0%,100%,.75)}.portfolio .portfolio-wrap:before{content:"";background:hsla(0,0%,100%,.75);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all .3s ease-in-out;z-index:2;opacity:0}.portfolio .portfolio-wrap img{transition:1s}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio .portfolio-wrap .portfolio-info:before{top:35px;left:35px;border-top:3px solid rgba(1,41,112,.2);border-left:3px solid rgba(1,41,112,.2)}.portfolio .portfolio-wrap .portfolio-info:after,.portfolio .portfolio-wrap .portfolio-info:before{display:block;content:"";width:48px;height:48px;position:absolute;transition:all .5s ease 0s;z-index:9994}.portfolio .portfolio-wrap .portfolio-info:after{bottom:35px;right:35px;border-bottom:3px solid rgba(1,41,112,.2);border-right:3px solid rgba(1,41,112,.2)}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#012970;font-weight:700}.portfolio .portfolio-wrap .portfolio-info p{color:#012970;font-weight:600;font-size:14px;text-transform:uppercase;padding:0;margin:0}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;background:#4154f1;margin:10px 2px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s}.portfolio .portfolio-wrap .portfolio-links a i{font-size:24px;line-height:0}.portfolio .portfolio-wrap .portfolio-links a:hover{background:#5969f3}.portfolio .portfolio-wrap:hover img{transform:scale(1.1)}.portfolio .portfolio-wrap:hover:before{top:0;left:0;right:0;bottom:0;opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio .portfolio-wrap:hover .portfolio-info:before{top:15px;left:15px}.portfolio .portfolio-wrap:hover .portfolio-info:after{bottom:15px;right:15px}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px;position:relative}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #4154f1}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#4154f1}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgba(1,41,112,.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.testimonials .testimonial-item{box-sizing:content-box;padding:30px;margin:40px 30px;box-shadow:0 0 20px rgba(1,41,112,.1);background:#fff;min-height:320px;display:flex;flex-direction:column;text-align:center;transition:.3s}.testimonials .testimonial-item .stars{margin-bottom:15px}.testimonials .testimonial-item .stars i{color:#ffc107;margin:0 1px}.testimonials .testimonial-item .testimonial-img{width:90px;border-radius:50%;border:4px solid #fff;margin:0 auto}.testimonials .testimonial-item h3{font-size:18px;font-weight:700;margin:10px 0 5px;color:#111}.testimonials .testimonial-item h4{font-size:14px;color:#999;margin:0}.testimonials .testimonial-item p{font-style:italic;margin:0 auto 15px}.testimonials .swiper-pagination{margin-top:20px;position:relative}.testimonials .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #4154f1}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color:#4154f1}.testimonials .swiper-slide{opacity:.3}@media (max-width:1199px){.testimonials .swiper-slide-active{opacity:1}.testimonials .swiper-pagination{margin-top:0}}@media (min-width:1200px){.testimonials .swiper-slide-next{opacity:1;transform:scale(1.12)}}.team{background:#fff;padding:60px 0}.team .member{overflow:hidden;text-align:center;border-radius:5px;background:#fff;box-shadow:0 0 30px rgba(1,41,112,.08);transition:.3s}.team .member .member-img{position:relative;overflow:hidden}.team .member .member-img:after{position:absolute;content:"";left:0;bottom:0;height:100%;width:100%;background:url(/static/media/team-shape.6f9d1d5b.svg) no-repeat bottom;background-size:contain;z-index:1}.team .member .social{position:absolute;right:-100%;top:30px;opacity:0;border-radius:4px;transition:.5s;background:hsla(0,0%,100%,.3);z-index:2}.team .member .social a{transition:color .3s;color:rgba(1,41,112,.5);margin:15px 12px;display:block;line-height:0;text-align:center}.team .member .social a:hover{color:rgba(1,41,112,.8)}.team .member .social i{font-size:18px}.team .member .member-info{padding:10px 15px 20px}.team .member .member-info h4{font-weight:700;margin-bottom:5px;font-size:20px;color:#012970}.team .member .member-info span{display:block;font-size:14px;font-weight:400;color:#aaa}.team .member .member-info p{font-style:italic;font-size:14px;padding-top:15px;line-height:26px;color:#5e5e5e}.team .member:hover{transform:scale(1.08);box-shadow:0 0 30px rgba(1,41,112,.1)}.team .member:hover .social{right:8px;opacity:1}.clients .clients-slider .swiper-slide img{opacity:.5;transition:.3s}.clients .clients-slider .swiper-slide img:hover{opacity:1}.clients .clients-slider .swiper-pagination{margin-top:20px;position:relative}.clients .clients-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #4154f1}.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#4154f1}.recent-blog-posts .post-box{box-shadow:0 0 30px rgba(1,41,112,.08);transition:.3s;height:100%;overflow:hidden;padding:30px;border-radius:8px;position:relative;display:flex;flex-direction:column}.recent-blog-posts .post-box .post-img{overflow:hidden;margin:-30px -30px 15px;position:relative}.recent-blog-posts .post-box .post-img img{transition:.5s}.recent-blog-posts .post-box .post-date{font-size:16px;font-weight:600;color:rgba(1,41,112,.6);display:block;margin-bottom:10px}.recent-blog-posts .post-box .post-title{font-size:24px;color:#012970;font-weight:700;margin-bottom:18px;position:relative;transition:.3s}.recent-blog-posts .post-box .readmore{display:flex;align-items:center;font-weight:600;line-height:1;transition:.3s}.recent-blog-posts .post-box .readmore i{line-height:0;margin-left:4px;font-size:18px}.recent-blog-posts .post-box:hover .post-title{color:#4154f1}.recent-blog-posts .post-box:hover .post-img img{transform:rotate(6deg) scale(1.2)}.contact .info-box{color:#444;background:#fafbff;padding:30px}.contact .info-box i{font-size:38px;line-height:0;color:#4154f1}.contact .info-box h3{font-size:20px;color:#012970;font-weight:700;margin:20px 0 10px}.contact .info-box p{padding:0;line-height:24px;font-size:14px;margin-bottom:0}.contact .php-email-form{background:#fafbff;padding:30px;height:100%}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;margin-bottom:24px;font-weight:600}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;margin-bottom:24px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px;margin-bottom:24px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{box-shadow:none;font-size:14px;border-radius:0}.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{border-color:#4154f1}.contact .php-email-form input{padding:10px 15px}.contact .php-email-form textarea{padding:12px 15px}.contact .php-email-form button[type=submit]{background:#4154f1;border:0;padding:10px 30px;color:#fff;transition:.4s;border-radius:4px}.contact .php-email-form button[type=submit]:hover{background:#5969f3}@keyframes animate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog{padding:40px 0 20px}.blog .entry{padding:30px;margin-bottom:60px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .entry .entry-img{max-height:440px;margin:-30px -30px 20px;overflow:hidden}.blog .entry .entry-title{font-size:28px;font-weight:700;padding:0;margin:0 0 20px}.blog .entry .entry-title a{color:#012970;transition:.3s}.blog .entry .entry-title a:hover{color:#4154f1}.blog .entry .entry-meta{margin-bottom:15px;color:#4084fd}.blog .entry .entry-meta ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}.blog .entry .entry-meta ul li+li{padding-left:20px}.blog .entry .entry-meta i{font-size:16px;margin-right:8px;line-height:0}.blog .entry .entry-meta a{color:#777;font-size:14px;display:inline-block;line-height:1}.blog .entry .entry-content p{line-height:24px}.blog .entry .entry-content .read-more{text-align-last:right}.blog .entry .entry-content .read-more a{display:inline-block;background:#4154f1;color:#fff;padding:6px 20px;transition:.3s;font-size:14px;border-radius:4px}.blog .entry .entry-content .read-more a:hover{background:#5969f3}.blog .entry .entry-content h3{font-size:22px;margin-top:30px;font-weight:700}.blog .entry .entry-content blockquote{overflow:hidden;background-color:#fafafa;padding:60px;position:relative;text-align:center;margin:20px 0}.blog .entry .entry-content blockquote p{color:#444;line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}.blog .entry .entry-content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#012970;margin-top:20px;margin-bottom:20px}.blog .entry .entry-footer{padding-top:10px;border-top:1px solid #e6e6e6}.blog .entry .entry-footer i{color:#0d64fd;display:inline}.blog .entry .entry-footer a{color:#013289;transition:.3s}.blog .entry .entry-footer a:hover{color:#4154f1}.blog .entry .entry-footer .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}.blog .entry .entry-footer .cats li{display:inline-block}.blog .entry .entry-footer .tags{list-style:none;display:inline;padding:0;font-size:14px}.blog .entry .entry-footer .tags li{display:inline-block}.blog .entry .entry-footer .tags li+li:before{padding-right:6px;color:#6c757d;content:","}.blog .entry .entry-footer .share{font-size:16px}.blog .entry .entry-footer .share i{padding-left:5px}.blog .entry-single{margin-bottom:30px}.blog .blog-author{padding:20px;margin-bottom:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .blog-author img{width:120px;margin-right:20px}.blog .blog-author h4{font-weight:600;font-size:22px;margin-bottom:0;padding:0;color:#012970}.blog .blog-author .social-links{margin:0 10px 10px 0}.blog .blog-author .social-links a{color:rgba(1,41,112,.5);margin-right:5px}.blog .blog-author p{font-style:italic;color:#b7b7b7}.blog .blog-comments{margin-bottom:30px}.blog .blog-comments .comments-count{font-weight:700}.blog .blog-comments .comment{margin-top:30px;position:relative}.blog .blog-comments .comment .comment-img{margin-right:14px}.blog .blog-comments .comment .comment-img img{width:60px}.blog .blog-comments .comment h5{font-size:16px;margin-bottom:2px}.blog .blog-comments .comment h5 a{font-weight:700;color:#444;transition:.3s}.blog .blog-comments .comment h5 a:hover{color:#4154f1}.blog .blog-comments .comment h5 .reply{padding-left:10px;color:#012970}.blog .blog-comments .comment h5 .reply i{font-size:20px}.blog .blog-comments .comment time{display:block;font-size:14px;color:#013ca3;margin-bottom:5px}.blog .blog-comments .comment.comment-reply{padding-left:40px}.blog .blog-comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .blog-comments .reply-form h4{font-weight:700;font-size:22px}.blog .blog-comments .reply-form p{font-size:14px}.blog .blog-comments .reply-form input{border-radius:4px;padding:10px;font-size:14px}.blog .blog-comments .reply-form input:focus{box-shadow:none;border-color:#a0aaf8}.blog .blog-comments .reply-form textarea{border-radius:4px;padding:10px;font-size:14px}.blog .blog-comments .reply-form textarea:focus{box-shadow:none;border-color:#a0aaf8}.blog .blog-comments .reply-form .form-group{margin-bottom:25px}.blog .blog-comments .reply-form .btn-primary{border-radius:4px;padding:10px 20px;border:0;background-color:#012970}.blog .blog-comments .reply-form .btn-primary:hover{background-color:#013289}.blog .blog-pagination{color:#024ed5}.blog .blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.blog .blog-pagination li{margin:0 5px;transition:.3s}.blog .blog-pagination li a{color:#012970;padding:7px 16px;display:flex;align-items:center;justify-content:center}.blog .blog-pagination li.active,.blog .blog-pagination li:hover{background:#4154f1}.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a{color:#fff}.blog .sidebar{padding:30px;margin:0 0 60px 20px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.blog .sidebar .sidebar-title{font-size:20px;font-weight:700;padding:0;margin:0 0 15px;color:#012970;position:relative}.blog .sidebar .sidebar-item{margin-bottom:30px}.blog .sidebar .search-form form{background:#fff;border:1px solid #ddd;padding:3px 10px;position:relative}.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:4px;width:calc(100% - 40px)}.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 15px;margin:-1px;background:#4154f1;color:#fff;transition:.3s;border-radius:0 4px 4px 0;line-height:0}.blog .sidebar .search-form form button i{line-height:0}.blog .sidebar .search-form form button:hover{background:#5465f2}.blog .sidebar .categories ul{list-style:none;padding:0}.blog .sidebar .categories ul li+li{padding-top:10px}.blog .sidebar .categories ul a{color:#012970;transition:.3s}.blog .sidebar .categories ul a:hover{color:#4154f1}.blog .sidebar .categories ul a span{padding-left:5px;color:#aaa;font-size:14px}.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px}.blog .sidebar .recent-posts img{width:80px;float:left}.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:700}.blog .sidebar .recent-posts h4 a{color:#012970;transition:.3s}.blog .sidebar .recent-posts h4 a:hover{color:#4154f1}.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:#aaa}.blog .sidebar .tags{margin-bottom:-10px}.blog .sidebar .tags ul{list-style:none;padding:0}.blog .sidebar .tags ul li{display:inline-block}.blog .sidebar .tags ul a{color:#0257ee;font-size:14px;padding:6px 14px;margin:0 6px 8px 0;border:1px solid #d7e6ff;display:inline-block;transition:.3s}.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid #4154f1;background:#4154f1}.blog .sidebar .tags ul a span{padding-left:5px;color:#a5c5fe;font-size:14px}.footer{background:#f6f9ff;padding:0 0 30px;font-size:14px}.footer .footer-newsletter{padding:50px 0;background:#f6f9ff;border-top:1px solid #e1ecff}.footer .footer-newsletter h4{font-size:24px;margin:0 0 10px;padding:0;line-height:1;font-weight:700;color:#012970}.footer .footer-newsletter form{margin-top:20px;background:#fff;padding:6px 10px;position:relative;border-radius:4px;border:1px solid #e1ecff}.footer .footer-newsletter form input[type=email]{border:0;padding:8px;width:calc(100% - 140px)}.footer .footer-newsletter form input[type=submit]{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 30px;margin:3px;background:#4154f1;color:#fff;transition:.3s;border-radius:4px}.footer .footer-newsletter form input[type=submit]:hover{background:#5969f3}.footer .footer-top{background-color:#ab6fdc;background-size:contain;border-top:1px solid #e1ecff;border-bottom:1px solid #e1ecff;padding:60px 0 30px}@media (max-width:992px){.footer .footer-top{background-position:bottom}}.footer .footer-top .footer-info{margin-bottom:30px}.footer .footer-top .footer-info .logo{line-height:0;margin-bottom:15px}.footer .footer-top .footer-info .logo img{max-height:40px;margin-right:6px}.footer .footer-top .footer-info .logo span{font-size:30px;font-weight:700;letter-spacing:1px;color:#fff;font-family:"Quicksand",sans-serif;margin-top:3px}.footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;font-family:"Quicksand",sans-serif}.footer .footer-top .social-links a{font-size:20px;display:inline-block;color:#fff;line-height:0;margin-right:10px;transition:.3s}.footer .footer-top .social-links a:hover{color:#fff}.footer .footer-top h4{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px}.footer .footer-top .footer-links{margin-bottom:30px}.footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}.footer .footer-top .footer-links ul i{padding-right:2px;color:#d0d4fc;font-size:12px;line-height:0}.footer .footer-top .footer-links ul li{padding:10px 0;display:flex;align-items:center}.footer .footer-top .footer-links ul li:first-child{padding-top:0}.footer .footer-top .footer-links ul a{color:#fff;transition:.3s;display:inline-block;line-height:1}.footer .footer-top .footer-links ul a:hover{color:#4154f1}.footer .footer-top .footer-contact p{line-height:26px}.footer .copyright{text-align:center;padding-top:30px;color:#012970}.footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#012970}#about1{background-image:url(/static/media/bg-2.31335bcc.png);background-size:contain}#about2{background-image:url(/static/media/bg-3.b4fd3ed1.png)}#about2,#about4{background-size:cover;background-repeat:no-repeat;padding-bottom:180px}#about4{background-image:url(/static/media/bg-4.e45ec1ac.png);height:100px}.tombol{background:#c78ef7;box-shadow:0 4px 0 #b65dff;padding:8px 20px;margin-left:30px;border-radius:100px;width:auto;text-align:center}.tombol,.tombol:hover{color:#fff}.modalRegister{display:flex;flex-direction:column;justify-content:flex-start;width:423px;min-height:559px;text-align:center;margin:50px auto;background:#fff;border-radius:30px!important;font-family:"Quicksand"}.reg__app h1{margin:32px 0;color:#3e3e3e;font-size:28px}.reg__app__log{display:flex;align-content:center;box-sizing:border-box;width:350px;margin-left:37px}.reg__app__log img{height:21px;width:11px;position:relative;top:15px;right:33px;cursor:pointer}.reg__app a,.reg__app span{margin-bottom:5px;text-decoration:none;color:#3e3e3e}.reg__app__goog{height:55px!important;border-radius:25px!important;font-size:16px!important;width:300px;margin-right:15px;cursor:pointer;font-family:"Quicksand"!important}.reg__app__goog div{margin-left:10px}.reg__app__goog span{color:#3e3e3e;font-size:16px;margin-left:5px}.reg__app__goog svg{margin-left:20px}.reg__app input{border:1px solid #e1e1e1;outline:none;width:320px;background:#fff;color:#000;padding:16px;border-radius:25px;width:80%;margin:13px auto}.reg__app input::-webkit-input-placeholder{color:#a39e9e}.reg__app input:-ms-input-placeholder{color:#a39e9e}.reg__app input::placeholder{color:#a39e9e}.reg__app__check{display:flex;text-align:left}.reg__app__check--box{position:relative;right:20px}.reg__app__title{color:#3e3e3e!important;text-decoration:none;font-weight:bolder;width:280px;position:relative;right:60px;top:9px}.reg__app__button{padding:14px;margin:20px;border:none;border-radius:25px;width:84%;cursor:pointer;outline:none;color:#fff;background:#c78ef7;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #ab6fdc}.reg__app__button:active{box-shadow:none;position:relative;top:5px}.reg__app__button:focus{outline:none}.modalLogin{display:flex;flex-direction:column;justify-content:flex-start;width:423px;min-height:500px;text-align:center;border-radius:30px!important;padding:0!important;font-family:"Quicksand";background:#fff;margin:12vh auto 20px}.kep-login-facebook{border-radius:25px!important;text-transform:none!important;height:55px;width:55px;line-height:7px;font-size:4px!important;background:#fff!important;border:1px solid #e1e1e1!important;box-shadow:0 2px 2px 0 rgba(0,0,0,.24),0 0 1px 0 rgba(0,0,0,.24)}.error-message{color:red}.single4{width:50px;height:50px;border-radius:50%;border-color:#9c9797 #b9b6b6 #8d8d8d;border-style:solid;border-width:6px;animation:single4 2.5s ease-in-out infinite;position:relative;left:25vh}@keyframes single4{0%{transform:rotate(0deg)}to{transform:rotate(540deg)}}.login__app h1{margin:32px 0;color:#3e3e3e;font-size:28px}.login__app__log{display:flex;align-content:center;box-sizing:border-box;width:350px;margin-left:37px}.login__app__log img{height:21px;width:11px;position:relative;top:15px;right:33px;cursor:pointer}.login__app a,.login__app span{margin-bottom:5px;text-decoration:none;color:#3e3e3e}.login__app__goog{height:55px!important;border-radius:25px!important;font-size:16px!important;width:300px;margin-right:15px;cursor:pointer;font-family:"Quicksand"!important}.login__app__goog div{margin-left:10px}.login__app__goog span{color:#3e3e3e;font-size:16px;margin-left:5px}.login__app__goog svg{margin-left:20px}.login__app input{border:1px solid #e1e1e1;outline:none;width:320px;background:#fff;color:#000;padding:16px;border-radius:25px;width:80%;margin:13px auto}.login__app input::-webkit-input-placeholder{color:#a39e9e}.login__app input:-ms-input-placeholder{color:#a39e9e}.login__app input::placeholder{color:#a39e9e}.login__app__title{color:#f4aa27;text-decoration:none;font-weight:bolder;margin-top:20px}.login__app__button{padding:14px;margin:20px;border:none;border-radius:25px;width:84%;cursor:pointer;outline:none;color:#fff;background:#c78ef7;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #ab6fdc}.login__app__button:active{box-shadow:none;position:relative;top:5px}.login__app__button:focus{outline:none}.modalDelete{display:flex;flex-direction:column;justify-content:flex-start;width:350px;min-height:200px!important;text-align:center;margin:20px auto;border-radius:25px!important;background:#fff;margin-top:35vh!important;outline:none}.modalDelete__cont{margin-top:15px}.modalDelete__cont span{font-weight:bolder;margin-left:37vh;cursor:pointer;font-size:25px}.modalDelete__btn{display:flex}.modalDelete__no{padding:14px;margin:20px;border:none;border-radius:25px;width:50%;align-items:center;cursor:pointer;outline:none;color:#fff;background:#c78ef7;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #ab6fdc}.modalDelete__no:active{box-shadow:none;position:relative;top:5px}.modalDelete__no:focus{outline:none}.modalDelete__yes{padding:14px;margin:20px;border:none;border-radius:25px;width:50%;align-items:center;cursor:pointer;outline:none;color:#c78ef7;background:#fbf6ff;font-size:14px;line-height:21px;font-weight:bolder;box-shadow:0 5px #e6c7ff}.modalDelete__yes:active{box-shadow:none;position:relative;top:5px}.modalDelete__yes:focus{outline:none}.answer-true{background-color:#70bfa5!important}.answer-false{background-color:#ff8749!important}.text-bold{font-weight:700}.f-12{font-size:12px}.w-40{width:45%}.border-bottom-purple{border-bottom:5px solid #ab6fdc}.selectedAnswer{border:2px solid #ab6fdc}.swipe-container{display:flex;justify-content:space-between}.swipe-container .circle{width:50px;height:50px;border-radius:50%;align-self:center;margin:0 200px}.swipe-container .circle.orange{background:#ff8749}.swipe-container .circle.green{background:#70bfa5}.swipe-container .circle p{margin-top:13px;font-family:Quicksand;font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-align:center;color:#fff}.swipe-container .card-container{width:90vw;max-width:260px;height:300px}.swipe-container .card-container .swipe{position:absolute}.swipe-container .card-container .swipe .card{position:relative;width:300px;height:450px}.swipe-container .card-container .swipe .card h1{font-family:Quicksand;font-style:normal;font-weight:500;font-size:20px;line-height:18px;text-align:center;color:#c2c3c6;margin-bottom:50px}.swipe-container .card-container .swipe .card h3{font-family:Quicksand;font-style:normal;font-weight:500;font-size:30px;line-height:27px;text-align:center;color:#3e3e3e}.main-container{margin-top:20px;display:flex;flex-direction:column;width:1140px;height:auto;border-radius:26px;border:3px solid #f3f3f3}.main-container .close-x{display:flex;justify-content:flex-end;padding:10px}.main-container .box-container{display:flex;flex-direction:row}.main-container .box-container .correct-input{margin-top:30px;display:flex;flex-direction:column;flex:1 1;padding:0 30px}.main-container .box-container .correct-input input[type=text]{flex-direction:row;width:400px;height:40px;overflow:hidden;border-radius:26px;border:3px solid #f3f3f3}.main-container .box-container .correct-input input[type=file]{flex-direction:row;display:none;visibility:hidden}.main-container .box-container .correct-input .image-upload{flex-direction:row;align-items:center;justify-content:center;margin-left:10px;border:2px dashed #c2c3c6;width:100px;height:100px;display:flex;cursor:pointer}.main-container .box-container .wrong-input{margin-top:30px;display:flex;flex-direction:column;flex:1 1;padding:0 30px;margin-bottom:20px}.main-container .box-container .wrong-input input[type=text]{flex-direction:row;width:400px;height:40px;overflow:hidden;border-radius:26px;border:3px solid #f3f3f3}.main-container .box-container .preview-image{padding:10px 200px 10px 0;margin-left:40px;overflow:hidden;margin-bottom:10px}.main-container .box-container .preview-image .image{max-width:500px;max-height:500px}.main-container .box-container .preview-image .image img{background-size:cover;width:100%;height:100%}.main-container .box-container .preview-image .image .close-img{right:10;padding:5px;margin-left:55vh}.newCard-container{margin:120px 150px;grid-gap:20px;gap:20px}.newCard-container .button-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:100px}.newCard-container .button-footer button{background:#c78ef7;box-shadow:0 5px #ab6fdc;color:#fff;border-radius:28.5px;width:249px;height:61px;border:none}.newCard-container .button-footer button:active{box-shadow:none;position:relative;top:5px}.newCard-container .button-footer button:focus{outline:none}.add-card{margin-top:20px;text-align:center}*{font-family:"Quicksand",sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button:focus,input:focus,textarea:focus{outline:none}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.form-control-rounded{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #f5f6fa;border-radius:1.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control-rounded:focus{border:1px solid #e84118;border-radius:1.5rem;box-shadow:none;outline:none}.btn-danger-outline{color:#dc3545;background-color:#fff;border:1px solid #dc3545}.parent-class .form-group [type=text].form-control:focus,.parent-class .form-group input[type=text]:focus{box-shadow:none}.navbar-category{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.1rem 1rem;border-radius:5px}.navbar-danger .navbar-nav{display:flex;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none;overflow:auto;white-space:nowrap}.navbar-danger .navbar-nav .nav-item .nav-link{color:#fff}.navbar-danger .navbar-nav .nav-item{padding-right:20px}.navbar-danger .navbar-nav .active>.nav-link,.navbar-danger .navbar-nav .nav-link.active,.navbar-danger .navbar-nav .nav-link.show,.navbar-danger .navbar-nav .show>.nav-link{color:#fff;border-bottom:2px solid #fff}.image-bottom-radius{border-bottom-left-radius:calc(.25rem - 1px);border-bottom-right-radius:calc(.25rem - 1px)}.text-bold-12{font-size:12px;font-weight:700}.bg-overlay{background:#020024;background:linear-gradient(1turn,rgba(2,0,36,.8309698879551821) 20%,rgba(1,0,16,.6909138655462185) 80%,transparent)}.bg-overlay-white{background:#fff;background:linear-gradient(1turn,#fff 29%,#fff 65%,#fff)}.list-active{background-color:red;color:#fff}.list-group-item{border-top-left-radius:5px;border-bottom-left-radius:5px}.read-more{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(180deg,transparent,#fff)}@media (max-width:576px){.center{text-align:center!important}.font-responsive{font-size:10px}}@media (min-width:576px){.center{text-align:center!important}.font-responsive{font-size:10px}}@media (min-width:768px){.center{text-align:left!important}.font-responsive{font-size:12px}}@media (min-width:992px){.center{text-align:left!important}.font-responsive{font-size:12px}}@media (min-width:1200px){.center{text-align:left!important}.font-responsive{font-size:14px}}.bm-item-list:focus,.bm-menu:focus{outline:none;border:none}
/*# sourceMappingURL=main.b7deafa6.chunk.css.map */