.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{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}@-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)}}:root{--basecolor1:#4cc9ff;--basecolor2:#1677b9;--basecolor3:#007bff}@font-face{font-family:PoppinsRegular;src:url(https://assetsarif2.arifsiddikm.com/fonts/Poppins-Regular.ttf)}@font-face{font-family:PoppinsMedium;src:url(https://assetsarif2.arifsiddikm.com/fonts/Poppins-Medium.ttf)}@font-face{font-family:PoppinsSemibold;src:url(https://assetsarif2.arifsiddikm.com/fonts/Poppins-SemiBold.ttf)}@font-face{font-family:PoppinsBold;src:url(https://assetsarif2.arifsiddikm.com/fonts/Poppins-Bold.ttf)}@font-face{font-family:PoppinsExtraBold;src:url(https://assetsarif2.arifsiddikm.com/fonts/Poppins-ExtraBold.ttf)}@font-face{font-family:SFProTextRegular;src:url(https://assetsarif2.arifsiddikm.com/fonts/SF%20Pro%20Text%20Regular.ttf)}@font-face{font-family:SFProTextMedium;src:url(https://assetsarif2.arifsiddikm.com/fonts/SF%20Pro%20Text%20Medium.ttf)}@font-face{font-family:SFProTextSemibold;src:url(https://assetsarif2.arifsiddikm.com/fonts/SF%20Pro%20Text%20Semibold.ttf)}@font-face{font-family:SFProTextBold;src:url(https://assetsarif2.arifsiddikm.com/fonts/SF%20Pro%20Text%20Bold.ttf)}.container{width:90%!important;max-width:90%!important}br,img{-webkit-user-select:none!important;user-select:none!important}*{outline:none!important;transition:.25s ease-in-out}body{letter-spacing:-.2px;background:#fff;font-family:SFProTextRegular!important}.bgcolor1{background:#4cc9ff!important;background:var(--basecolor1)!important}.bgcolor2{background:#1677b9!important;background:var(--basecolor2)!important}.bgcolor3{background:#007bff!important;background:var(--basecolor3)!important}.textcolor1{color:#4cc9ff!important;color:var(--basecolor1)!important}.textcolor2{color:#1677b9!important;color:var(--basecolor2)!important}.textcolor3{color:#007bff!important;color:var(--basecolor3)!important}.button-blue-2{border-radius:12px;background:#007bff;background:var(--basecolor3);padding:13px 18px;color:#fff!important;font:17px/25px SFProTextMedium;margin-left:10px;text-decoration:none!important;outline:none;box-shadow:2px 2px 5px rgba(59,167,240,.4);display:inline-block}.button-blue-2:hover{-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.button-blue-3{border-radius:7px;background:#4cc9ff;background:var(--basecolor1);padding:6px 12px;color:#fff!important;font:14px/20px SFProTextMedium;margin-left:10px;text-decoration:none!important;outline:none;box-shadow:2px 2px 5px rgba(59,167,240,.4)}.button-blue-3:hover{-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.font-medium{font-family:SFProTextMedium!important}.font-semibold{font-family:SFProTextSemiBold!important}.font-bold{font-family:SFProTextBold!important}.alert{border-radius:12px}.icon-link-footer{margin:0 25px;color:#ddd;font-size:2rem;transition:.3s ease-in-out}.icon-link-footer:hover{color:#68c7f3}#menu_responsive{display:none;flex-direction:column;position:fixed;width:100%;height:100%;left:0;right:0;bottom:-200%;background:#16171c;align-items:center;justify-content:center;z-index:999999999}@-webkit-keyframes showmenuresponsive{0%{bottom:-200%}to{bottom:0}}@keyframes showmenuresponsive{0%{bottom:-200%}to{bottom:0}}@-webkit-keyframes closemenuresponsive{0%{bottom:0}to{bottom:-200%;display:none}}@keyframes closemenuresponsive{0%{bottom:0}to{bottom:-200%;display:none}}#menu_responsive .text_shadow span{-webkit-text-stroke:1px #555;color:transparent}#menu_responsive .text_shadow{z-index:-99;width:100%;display:flex;align-items:center;flex-direction:row;position:absolute;top:11.5%;left:0;right:0;justify-content:space-between;font:80px/80px SFProTextBold}#menu_responsive a.closedmenu{position:absolute;top:20px;right:20px;color:#fff;display:flex;width:50px;height:50px;font-size:1.8rem;border-radius:50px;align-items:center;justify-content:center;transition:.3s ease-in-out}#menu_responsive img{position:absolute;top:10%;width:90px;border:4px solid #fff;padding:5px;border-radius:50px}#menu_responsive ul{margin-left:-40px;list-style:none;margin-top:100px;margin-bottom:20px}#menu_responsive ul a{font-family:SFProTextMedium;text-align:center;color:#fff;display:block;font-size:28px;margin:18px 0}#menu_responsive ul a:before{content:"";background:#16171c;width:100%;height:100%;display:block;position:absolute;z-index:-1}#menu_responsive ul a:after{content:"";background:#68c7f3;width:0;margin:auto;left:-55px;height:5px;top:50%;display:block;position:absolute;z-index:-5;transition:.2s ease-in-out}#menu_responsive ul a:hover:after{width:250px}#menu_responsive ul a:hover{text-decoration:none}.delay-300ms{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-350ms{-webkit-animation-delay:.35s;animation-delay:.35s}.delay-400ms{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-450ms{-webkit-animation-delay:.45s;animation-delay:.45s}.delay-500ms{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-550ms{-webkit-animation-delay:.55s;animation-delay:.55s}.delay-600ms{-webkit-animation-delay:.6s;animation-delay:.6s}.hero_text{height:90%;bottom:0;position:absolute;display:flex;flex-direction:column}@-webkit-keyframes hero_title_line_style{0%{width:125px}50%{width:140px}to{width:125px}}@keyframes hero_title_line_style{0%{width:125px}50%{width:140px}to{width:125px}}.mouse_arrow{bottom:5%;border-radius:50px;left:49.5%;padding:7px 5.5px 1px;font-size:.9rem;color:#000;border:2px solid #000}.mouse_arrow:hover{color:#000;text-decoration:none}.hero_cv{display:block;margin:20px 0;font:20px/30px SFProTextBold}.hero_cv *{margin-right:5px!important}.hero_cv a{color:#68c7f3;text-decoration:none}.hero_cv a:after{content:"";display:block;position:absolute;width:0;margin-top:5px;transition:width .2s ease-in-out;height:4px;background:#68c7f3}.hero_cv a:hover:after{width:130px}.content{background:#fff;position:relative;color:#000;padding:80px 0}.content_submenu{margin-bottom:50px;width:100%;display:flex;justify-content:space-between;font:20px/20px SFProTextMedium}.content_submenu a{color:#777}.content_submenu a.active{color:#111;text-decoration:underline}.content #about{font:17px/28px SFProTextRegular}#about .title{font:40px/40px SFProTextBold;margin:40px 0}.timeline{list-style-type:none;position:relative;font-family:SFProTextRegular}.timeline:before{content:" ";background:#007bff;background:var(--basecolor3);display:inline-block;position:absolute;left:28px;width:3px;height:95%;margin-top:25px;z-index:400}.timeline>li{margin:20px 0;padding-left:20px}.timeline li:hover{cursor:pointer}.timeline li a:hover{text-decoration:none}a.timeline-title{text-decoration:underline!important;color:#007bff;color:var(--basecolor3);font-size:22px;font-family:SFProTextMedium}a.timeline-year{text-decoration:none!important;font-size:19px;color:#444}a.timeline-year,span.timeline-desc{display:block!important;font-weight:500}span.timeline-desc{font-size:17px;color:#555;margin-top:5px}.timeline>li:before{margin-top:10px!important;content:" ";background:#fff;display:inline-block;position:absolute;border-radius:50%;border:3px solid #007bff;border:3px solid var(--basecolor3);left:20.5px;width:18px;height:18px;z-index:400}.timeline-list{margin-top:10px;list-style-type:none;position:relative;font-family:SFProTextRegular}.timeline-list>li{margin:8px 0;padding-left:0}.timeline-list li:hover{cursor:pointer}.timeline-list li a:hover{text-decoration:none}.timeline-list>li:before{content:" ";background:#fff;display:inline-block;position:absolute;border-radius:50%;border:3px solid #007bff;border:3px solid var(--basecolor3);left:15px;margin-top:3px;width:16px;height:16px;z-index:400}.data_portfolio{background:#1e212a;width:100%!important;padding:70px 0}.portfolio_wrapper{width:90%;padding:0 15px;margin:auto}.content_title{color:#0f141e;font:37px/50px PoppinsSemibold;letter-spacing:-1px;margin-bottom:30px}.content_title:after{content:"";display:block;position:absolute;width:80px;margin-top:0;height:4px;background:#0f141e}.content_title_center{color:#0f141e;font:37px/50px PoppinsSemibold;letter-spacing:-1px;text-align:center;margin-bottom:20px;position:relative;display:inline-block}.content_title_center:after{content:"";position:absolute;bottom:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:4px;background:#0f141e}.content_title_light_mode:after{background:#fff!important}.content_title_dark_mode:after{background:#0f141e!important}.portfolio_list{width:100%;margin:0;padding:0}.portfolio_list .list{margin:0;margin:50px 0!important;padding:0}.portfolio_list .image{width:100%;height:100%;overflow:hidden}.portfolio_list .image:hover>img{cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03)}.portfolio_list .image img{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%;height:100%;object-fit:cover;object-position:left}.portfolio_list .portfolio_name a{font:23px/30px SFProTextRegular;color:#fff;display:block;margin:8px 0 5px}.portfolio_list .portfolio_link{display:flex;margin-top:8px}.portfolio_list .portfolio_link a{color:#fff;font:16px/18px SFProTextRegular;margin-right:40px}.portfolio_list .portfolio_link a:hover,.portfolio_list .portfolio_name a:hover{text-decoration:none;color:#68c7f3;transition-duration:.3s}.interested{background:#02529e;padding:70px 0;font-family:SFProTextMedium}.interested h1{color:#fff;font:35px/40px SFProTextBold!important}.interested .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.btn_seemoreportfolio{padding:12px 15px;margin-right:20px;border:1px solid #3ba7f0;font-size:18px;color:#fff;transition:.25s ease-in-out}.btn_seemoreportfolio:hover{text-decoration:none}.btn_emailme,.btn_seemoreportfolio:hover{color:#fff;border:1px solid #3ba7f0;border-radius:5px;background:#3ba7f0}.btn_emailme{padding:12px 15px;font-size:18px;transition:.25s ease-in-out}.btn_emailme:hover{color:#fff;text-decoration:none;border-radius:0;background:none;border:1px solid #3ba7f0}.tools_skill{background:#fff;color:#0f141e;padding:70px 0;margin:0}.tools_skill_title{font:50px/25px SFProTextBold;text-align:center;color:#0f141e;margin-bottom:50px}.tools_skill .logo{width:90px;height:90px;margin:20px;border-radius:0;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.tools_skill .logo:hover{-webkit-transform:scale(1.3);transform:scale(1.3);cursor:pointer}.footer{text-align:center;background:#1677b9;background-size:cover;background-repeat:no-repeat;padding:30px 0 20px;color:#ccc;margin:0!important;font:18px/28px SFProTextRegular}.footer-link{color:#ddd;transition:.3s ease-in-out}.footer-link:hover{color:#68c7f3;text-decoration:none}.footer h1{font:27px/30px SFProTextMedium!important;margin-bottom:20px;color:#fff!important}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn_dark_mode{z-index:9999;position:fixed;bottom:20px;left:20px;background:#222;color:#fff;border-radius:50px;display:flex;width:60px;height:60px;align-items:center;justify-content:center;flex-direction:column;border:5px solid #000}.btn_dark_mode:hover *{color:#fff;text-decoration:none!important}.btn_light_mode{z-index:9999;position:fixed;bottom:20px;left:20px;background:#fff;color:#111;border-radius:50px;display:flex;width:60px;height:60px;align-items:center;justify-content:center;flex-direction:column;border:5px solid #aaa}.btn_light_mode:hover *{color:#111;text-decoration:none!important}.pagination{display:flex;justify-content:center;margin:50px auto}.pagination a{display:inline-block;margin:0 8px;color:#333;text-decoration:none;font-size:18px}.pagination a:hover{text-decoration:underline;transition-duration:.3s}.pagination a.number,.pagination a.text{display:flex;width:40px;align-items:center;height:40px}.pagination a.number{border:1px solid #333;justify-content:center;border-radius:50px}.pagination a.active{color:#fff;background:#333}.pagination a.number:hover{background:#333;color:#fff!important;text-decoration:none;transition-duration:.3s}.pagination a.active:hover{background:#fff;color:#333!important}@media screen and (min-width:1200px){#menu_responsive{display:none!important}}@media screen and (max-width:768px){.content_title{font:35px/47px SFProTextBold}.portfolio_list .list{margin-top:70px!important}.portfolio_list .portfolio_link{width:100%;display:flex;justify-content:space-between}.portfolio_list .portfolio_link a{font:14px/14px SFProTextRegular;margin:5px 0 0}.portfolio_list .list{margin:0 0 70px!important}.content_title{font:30px/42px SFProTextBold}.content_title:after{margin-top:8px}.interested .container{flex-direction:column}.interested h1{margin-bottom:20px}.portfolio__link{display:flex;flex-direction:row;justify-content:space-between}.portfolio__link .portfolio_link{font-size:14px;margin-right:0}.interested h1{font-size:21px}.btn_emailme,.btn_seemoreportfolio{font-size:15px!important}.icon-link-footer{margin:0 15px}.tools_skill_title{font:45px/40px SFProTextBold}.tools_skill .logo{width:80px;height:80px;margin:15px 5px}.content_link{display:block;text-align:left!important}}@media screen and (max-width:360px){#menu_responsive ul a{font-size:27px;margin:17px 0}.content_title{font:35px/52px SFProTextBold}.portfolio_list .portfolio_link a{font:12.5px/15px SFProTextRegular}.interested .container{flex-direction:column}.interested h1{margin-bottom:20px}.data_portfolio .container,.footer .container{padding:0}.portfolio_list .portfolio_link a.view,.portfolio_list .portfolio_link a.visit{font-size:12px}.interested h1{font-size:21px}.btn_emailme,.btn_seemoreportfolio{font-size:11px!important}.icon-link-footer{margin:0 7px}.tools_skill_title{font:40px/35px SFProTextBold}.tools_skill .logo{width:70px;height:70px;margin:10px}#menu_responsive .text_shadow{font:55px/55px SFProTextBold}}.container{padding:0!important}@media screen and (max-width:768px){.container{max-width:90%!important;width:90%!important}}.footer *{color:#333}.footer{background:#efefef}#navbar{width:100%;background:#fff;z-index:1e+24;position:fixed;top:0;left:0;right:0;box-shadow:4px 4px 30px rgba(0,0,0,.15)!important;padding:12px 0}#navbar #menu,#navbar .container{display:flex;align-items:center;flex-direction:row;justify-content:center}#navbar #menu a{margin-left:15px;font:17px/20px SFProTextMedium;position:relative;text-decoration:none!important;padding:12px 16px!important;border-radius:12px;color:#111}#navbar #menu a:hover{background:#e5e5e5}#navbar #menu a.active{color:#007bff!important;color:var(--basecolor3)!important;background:#e5e5e5}@media screen and (min-width:769px){.menu-mobile{display:none}}.MenuMobile{width:90%!important;z-index:100000000000000000!important}.offcanvas{width:75%!important;z-index:1e+34!important}@media screen and (max-width:768px){#navbar .container{width:90%!important;max-width:90%!important}.menu-desktop{display:none!important}.menu-mobile{cursor:pointer;display:flex!important;width:100%;text-align:left;margin:10px 0;justify-content:space-between}.menu-mobile a{padding:5px 8px;font:17px/17px SFProTextSemiBold;color:#333;text-decoration:none!important;border:2px solid #333}.MenuMobile{position:absolute!important}}.offcanvas-body{padding:19px 0 0!important}.listmenumobile{width:100%;display:block}.listmenumobile a{display:block;color:#333;font:18px/18px SFProTextMedium;text-decoration:none!important;margin-bottom:15px;padding:20px 5%}.listmenumobile a:hover{color:#fff;background-color:#007bff;background-color:var(--basecolor3)}.listmenumobile a.active{background:#007bff;background:var(--basecolor3);color:#fff}.row .viewother{cursor:pointer;background:#007bff!important;background:var(--basecolor3)!important;color:#fff;display:flex;align-items:center;opacity:.9;border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;text-decoration:none!important;justify-content:center;padding:30px 0;height:100%;font:20px/25px SFProTextMedium}.row .viewother:hover>.fa-arrow-right{margin-left:4px}#loading_window{position:fixed;z-index:1e+32;width:100%;height:100%;background:hsla(0,0%,100%,.6);top:0;left:0;right:0;bottom:0;display:none;justify-content:center;align-items:center}#loading_window img{width:170px!important}#interestedwithme{background:#007bff;background:var(--basecolor3);padding:45px 0;margin:45px 0;margin-bottom:0!important}#interestedwithme .container{display:flex;align-items:center;justify-content:space-between;flex-direction:row}#interestedwithme h1{color:#fff;font:33px/43px SFProTextSemibold}a.btnemailme{letter-spacing:.1px;border-radius:12px;background:#fff;padding:11px 16px;color:#000!important;font:16px/25px SFProTextMedium;margin-left:10px;text-decoration:none!important;outline:none;display:inline-block}a.btnemailme:hover{-webkit-transform:scale(1.02)!important;transform:scale(1.02)!important}a.btnemailmebgblue{background:linear-gradient(135deg,#3ba7f0,#4cc9ff)!important;color:#000!important}a.btnemailmebggreenwa{background:#25d366!important}@media screen and (max-width:768px){a.btnemailme{padding:8px 12px;font:15px/24px SFProTextMedium}}#interestedwithme a.btnseemoreproject{border-radius:12px;background:#4cc9ff;background:var(--basecolor1);padding:13px 18px;color:#fff;font:17px/25px SFProTextMedium;margin-left:10px;text-decoration:none!important;outline:none}a.btnseemoreproject:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}@media screen and (max-width:768px){#interestedwithme .container{flex-direction:column}#interestedwithme h1{text-align:center;margin-bottom:20px;font:28px/37px SFProTextSemibold}}section{margin:20px 0}p{color:#222;font:17px/26px SFProTextRegular}.row .box .image,.row .card .image{width:100%;height:265px;border-radius:12px 12px 0 0;overflow:hidden}.row .box .image img,.row .card .image img{width:100%;height:100%;object-fit:cover;object-position:top!important}.row .box .body{padding:20px}.row .card{padding:10px;border:none}.latestprojecthome .card{padding:0!important}.row .card-body{border:none;box-shadow:0 2px .3rem rgba(0,0,0,.15)!important;padding:20px!important}.row .card-footer{box-shadow:0 2px .2rem rgba(0,0,0,.15)!important;background:#fff;border:none;border-radius:0 0 12px 12px;padding:0 20px 20px!important}.row .box .body h2.title,.row .card .card-title{color:#111;font:23px/32px SFProTextSemibold;margin:0 0 5px!important}.row .box .body h3.subtitle{color:#111;font:18px/27px SFProTextSemibold;margin:0!important}.row .box .body span.category,.row .card span.category{font:12px/12px SFProTextMedium;padding:3px 4px;background:#1677b9;background:var(--basecolor2);color:#fff;border-radius:4px}.row .box .body p,.row .card .card-text{color:#222;font:16px/25px SFProTextRegular;margin:10px 0 0}.row .box .body a,.row .card-footer a{font:16.5px/25px SFProTextMedium;color:#007bff;color:var(--basecolor3);text-decoration:none!important;outline:none;display:block}.row .box .body a:hover>.fa-arrow-right,.row .card-footer a:hover>.fa-arrow-right{margin-left:5px}@media screen and (max-width:768px){.row .card-body{padding:15px!important}.row .card-footer{padding:0 15px 15px!important}.row .box .image,.row .card .image{height:220px!important}}.box_search{width:100%;display:flex;flex-direction:row;border-radius:12px;border:2px solid #e5e5e5;background:#e5e5e5;align-items:center}.box_search input:focus>.box_search{border:2px solid #007bff;border:2px solid var(--basecolor3)}.box_search .fa-search{text-align:center;display:block;margin:0 8px 0 15px}.box_search input{background:none;outline:none;border:none;display:block;width:100%;padding:12px}.list_category_link{margin:0 0 15px!important;width:100%;display:flex;align-items:center;flex-direction:row;justify-content:center}.list_category_link a{background:#f8f8f8;cursor:pointer!important;display:inline-block;margin-left:10px;margin-top:10px;font:16px/18px SFProTextMedium;position:relative;text-decoration:none!important;padding:10px 12px!important;border-radius:8px;color:#555}.list_category_link a:hover{background:#e5e5e5}.list_category_link a.active{color:#007bff!important;color:var(--basecolor3)!important;background:#e5e5e5}@media screen and (max-width:768px){.list_category_link{margin-left:-10px!important;display:inline-block}.pricing-section .list_category_link{margin-left:-25px!important}}.aboutpage{margin-top:100px}.aboutpage .container{width:65%!important;max-width:65%!important}@media screen and (max-width:768px){.aboutpage .container{width:90%!important;max-width:90%!important}}.aboutpage .image{width:320px;height:320px;border:15px solid #ededed;border-radius:50%}.aboutpage .image img{width:100%;height:100%;border-radius:50%;border:15px solid #dcdcdc}.blogdetailpage{margin-top:100px}.blogdetailpage .container{width:60%!important;max-width:60%!important}@media screen and (max-width:768px){.blogdetailpage .container{width:94%!important;max-width:94%!important}}.row-detail-blog{padding:.8rem!important}.row-detail-blog .blog-thumbnail{width:100%;height:400px;position:relative;padding:0!important;overflow:hidden;margin-bottom:30px;border-radius:12px!important}.row-detail-blog .blog-thumbnail img{border-radius:12px!important;width:100%;height:100%;object-fit:cover;object-position:top;transition:1.5s ease-in-out}.row-detail-blog .blog-thumbnail:hover>img{cursor:pointer;object-position:bottom!important}.row-detail-blog .blog-desc{padding:0!important;font:18px/31px SFProTextRegular}@media screen and (max-width:768px){.row-detail-blog .blog-thumbnail{width:100%;height:300px}.blog-desc img{width:100%!important;height:100%!important}.row-detail-blog .blog-desc{padding:0!important;font:17px/28px SFProTextRegular}}.row-detail-blog .box .image,.row-detail-blog .card .image{width:100%;height:265px;border-radius:12px 12px 0 0;overflow:hidden;position:relative;border:5px solid #007bff;border:5px solid var(--basecolor3)}.row-detail-blog .box .image img,.row-detail-blog .card .image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:1.5s ease-in-out;cursor:pointer}.row-detail-blog .box:hover>.image img,.row-detail-blog .card:hover>.image img{cursor:pointer;object-position:bottom!important}.ebookpage{margin-top:100px}.ebookpage section{margin:45px 0}.ebookpage p{color:#222;font:17px/26px SFProTextRegular}#tbl10 td,#tbl10 th{padding:10px!important;font-size:18px}#tbl10 td a{text-decoration:none;color:#333}#tbl10 td a:hover{color:#4cc9ff;color:var(--basecolor1)}.pagination a{margin:0!important}.ebookpage #tableebook *{font-size:18px!important;font-family:SFProTextRegular}.ebookpage #tableebook td,.ebookpage #tableebook th{font-family:SFProTextSemibold;padding:15px 10px!important;font-size:17px}.ebookpage #tableebook td a{text-decoration:none;color:#333}.ebookpage #tableebook small{font-size:13px!important}.ebookpage #tableebook .linkebookdownlod{color:#333!important;text-decoration:none!important;padding-top:30px!important;padding-bottom:30px!important}.ebookpage #tableebook .linkebookdownlod:hover{color:#4cc9ff!important;color:var(--basecolor1)!important}a.paginate_button.current{background:#007bff!important;background:var(--basecolor3)!important}a.paginate_button{border:none!important;border-radius:8px!important}a.paginate_button:hover{color:#fff!important;background:#007bff!important;background:var(--basecolor3)!important}#tableebook_paginate .current{color:#fff!important}.portfoliopage{margin-top:100px}.portfoliopage section{margin:45px 0}.portfoliopage p{color:#222;font:17px/26px SFProTextRegular}.portfoliopage .row .box{border-radius:12px;background:#fff;height:100%;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.row-portfolio .box .image,.row-portfolio .card .image{width:100%;height:265px;border-radius:12px 12px 0 0;overflow:hidden;position:relative;border:5px solid #007bff;border:5px solid var(--basecolor3)}.row-portfolio .box .image img,.row-portfolio .card .image img{width:100%;height:100%;object-fit:cover;object-position:top!important;transition:2.5s ease-in-out;cursor:pointer}.row-portfolio .box:hover>.image img,.row-portfolio .card:hover>.image img{cursor:pointer;object-position:bottom!important}.blogpage{margin-top:100px}.row-blog .card-body{border-radius:0 0 12px 12px}.row-blog .box .image,.row-blog .card .image{width:100%;height:265px;border-radius:12px 12px 0 0;overflow:hidden;position:relative;border:5px solid #007bff;border:5px solid var(--basecolor3)}.row-blog .box .image img,.row-blog .card .image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:1.5s ease-in-out;cursor:pointer}.row-blog .box:hover>.image img,.row-blog .card:hover>.image img{cursor:pointer;object-position:bottom!important}.row-blog a{text-decoration:none!important}.row-blog a:hover{color:#007bff!important;color:var(--basecolor3)!important}.shoppage{margin-top:100px}.row-shop .box .image,.row-shop .card .image{width:100%;height:265px;border-radius:12px 12px 0 0;overflow:hidden;position:relative;border:5px solid #007bff;border:5px solid var(--basecolor3)}.row-shop .box .image img,.row-shop .card .image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:2.5s ease-in-out;cursor:pointer}.row-shop .box:hover>.image img,.row-shop .card:hover>.image img{cursor:pointer;object-position:bottom!important}#hero{background-color:#000;background-image:url(https://assetsarif2.arifsiddikm.com/image/hero_image_6.png)!important;background-size:cover;background-position:50%;background-repeat:no-repeat;padding-top:50px;height:100vh;position:relative}#hero,#hero .container{display:flex;align-items:center}#hero .container{flex-direction:row;justify-content:center;text-align:center}.mouse_arrow{position:absolute}#hero_text{width:90%}#hero_text *{color:#ddd}.hero_title{font:65px/75px PoppinsBold;margin:10px 0!important;background:linear-gradient(135deg,#3ba7f0,#42e2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero_title_light_mode:after{background:#fff!important}.hero_title_dark_mode:after{background:#0f141e!important}.hero_desc{width:79%;margin:auto auto 20px;font:17px/37px PoppinsRegular}.hero_desc_1{font:20px/35px PoppinsMedium}#hero_image{width:60%;display:flex;align-items:center;justify-content:flex-end}#hero_image .image{width:400px;height:400px;border:18px solid #ededed;border-radius:50%}#hero_image .image img{width:100%;height:100%;border-radius:50%;border:18px solid #dcdcdc}.hero_icon{display:block;font-size:1.5rem}.hero_icon *{transition:.1s ease-in-out!important}.hero_icon a{text-decoration:none!important;width:40px;height:40px;display:inline-flex!important;justify-content:center;align-items:center;border-radius:12px;color:#0f141e;margin-right:23px}.hero_icon a:hover{background:#007bff!important;background:var(--basecolor3)!important;color:#fff}.hero_download{display:flex;align-items:center;width:100%;margin-top:15px}.hero_download a{font:18px/28px SFProTextSemibold;letter-spacing:.3px;color:#0f141e;transition:.3s ease-in-out}@media screen and (max-width:768px){#hero{padding-top:40px;height:85vh}.hero_title{font:30px/36px SFProTextBold}.hero_desc{font:15px/24px SFProTextMedium}#hero .container{flex-direction:column-reverse}#hero_text{width:100%}#hero_image{display:none;width:100%;justify-content:flex-start}#hero_image .image{width:200px;height:200px}#hero_image .image,#hero_image .image img{border:10px solid #ededed}}.row-home .box{border-radius:12px;background:#fff;height:100%;box-shadow:0 .2rem .2rem rgba(0,0,0,.1)!important}#navbar{z-index:99999999999999!important}.rdt_TableCell,.rdt_TableCol{padding:0!important}pre{width:100%;height:500px;overflow:auto;background:#f2f2f2;color:#222;padding:40px 20px 20px;border-radius:12px}pre *{word-break:break-all}.marquee-container{width:50%;overflow:hidden;padding:8px;border-radius:10px;white-space:nowrap;position:relative}.marquee-container .itemFirst{width:350px}.marquee-track{display:inline-flex;grid-gap:10px;gap:10px;-webkit-animation:scroll-left 50s linear infinite;animation:scroll-left 50s linear infinite}.item{padding:6px 10px;font-size:14px;border-radius:6px;background:hsla(0,0%,100%,.05)}@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes scroll-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-width:768px){.marquee-container{width:100%}.marquee-container .itemFirst{width:300px}}.stats-container{display:flex;justify-content:center;grid-gap:80px;gap:80px;background:#111;padding:20px 20%;text-align:center;justify-content:space-between}.stat-number{font-weight:1000;font-family:PoppinsSemibold}.percent,.plus,.stat-number{font-size:70px;background:linear-gradient(135deg,#3ba7f0,#42e2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.percent,.plus{font-weight:700}.stat-box{padding:0;width:30%!important}.stat-box p{margin-top:0;font-size:17px;font-family:PoppinsMedium;letter-spacing:.5px}@media screen and (max-width:768px){.stats-container{padding:10px;grid-gap:0;gap:0}.stat-box p{font-size:15.5px}.percent,.plus,.stat-number{font-size:37px}}.boxcta2{background:#111;padding:40px 20px;color:#fff;text-align:center}.boxcta2 h2{font-size:35px;line-height:45px!important;font-weight:1000;font-family:PoppinsSemibold;background:linear-gradient(135deg,#3ba7f0,#42e2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.boxcta2 p{font-size:16px;line-height:27px;color:#eee!important}@media screen and (max-width:768px){.boxcta2 h2{font-size:30px;line-height:40px!important}}.tech-section{width:75%;margin:30px auto 10px;text-align:center}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:0;gap:0;justify-items:center}.tech-grid,.tech-item{justify-content:center;text-align:center}.tech-item{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.tech-item img{width:40px;height:40px;object-fit:contain;margin-bottom:8px}.tech-item p{font-size:16px;font-weight:600;margin:0;color:#0f141e}@media screen and (max-width:768px){.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}.tech-section{width:95%}}.alasan-saya{background-color:#000;background-image:url(https://assetsarif2.arifsiddikm.com/image/hero_image_6.png)!important;background-size:cover;background-position:50%;background-repeat:no-repeat}.alasan-grid{margin:40px auto 0;width:80%;padding:0 20px}.alasan-item{text-align:center;color:#fff}.alasan-icon{width:65px;height:65px;border:3px solid #3ba7f0;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;transition:.3s ease}.alasan-icon i{font-size:28px;color:#42e2ff}.alasan-item h3{font-size:20px;font-weight:700;font-family:PoppinsMedium;background:linear-gradient(135deg,#3ba7f0,#42e2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.alasan-item p{color:#ddd!important;line-height:25px;font-size:15px}@media screen and (max-width:768px){.alasan-grid{width:100%;padding:0;margin-left:-15px;width:calc(100% + 30px)}.alasan-item p{font-size:14.5px;line-height:23px}}.pricing-section{padding:20px;width:95%;margin:auto;color:#fff;text-align:center}.pricing-content{width:88%;margin:auto}.pricing-title{font-size:42px;font-weight:800;color:#000}.pricing-subtitle{margin-top:5px;margin-bottom:30px;font-size:18px;color:#ddd}.pricing-tabs{display:flex;justify-content:center;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-bottom:35px}.pricing-tabs .tab-btn{padding:10px 18px;background:#222;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;font-weight:600}.pricing-tabs .tab-btn.active{background:#4cc9ff;background:var(--basecolor1);color:#000}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:15px;gap:15px;margin-top:70px}.price-card{background:#fff;color:#000;padding:25px;border-radius:14px;box-shadow:0 0 8px rgba(0,0,0,.2);position:relative}.price-card.featured{border:4px solid #007bff;margin-top:-30px;margin-bottom:30px}.ribbon{position:absolute;top:-2px;right:-2px;background:#007bff;color:#fff;padding:4px 10px;border-radius:0 10px 0 10px;font-size:20px}.price-card h3{font-size:23px;font-family:PoppinsMedium;margin-bottom:15px}.price{font-size:35px;font-family:PoppinsBold;font-weight:800;margin-bottom:20px;color:#111}.price-card ul{list-style:none;padding:0;margin:0 0 20px}.price-card ul li{padding:7px 0;border-bottom:1px solid #ededed;font-size:15px;text-align:left!important}.price-card ul li .fa-check-circle{color:rgba(1,123,255,.8)}.btn-wa{text-decoration:none;display:inline-block;background:#25d366;padding:9px 18px;color:#fff!important;cursor:pointer;font-weight:700;border-radius:8px;margin-bottom:10px;font-size:15.5px}.btn-wa:hover{-webkit-transform:scale(1.02)!important;transform:scale(1.02)!important}.note{font-size:12px;line-height:17px;margin-top:5px;color:#555}@media(max-width:600px){.pricing-content,.pricing-section{width:100%}.pricing-grid{margin-top:30px}.pricing-title{font-size:32px}.price-card{padding:18px}.price-card,.price-card.featured{margin:0}}.whatsapp-button{position:fixed;bottom:10px;right:10px;width:55px;height:55px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.15);z-index:1000;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.whatsapp-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.3)}.whatsapp-button img{width:100%;height:100%;object-fit:cover}*{box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:520px;width:100%;text-align:center;line-height:1.4}.notfound .notfound-404{height:190px}.notfound .notfound-404 h1{font-family:Montserrat,sans-serif;font-size:146px;font-weight:700;margin:0;color:#232323}.notfound .notfound-404 h1>span{display:inline-block;width:120px;height:120px;background-image:url(https://assetsarif2.arifsiddikm.com/image/emoji404.png);background-size:cover;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:-1}.notfound h2{font-size:22px;font-weight:700;margin:0;text-transform:uppercase;color:#232323}.notfound h2,.notfound p{font-family:Montserrat,sans-serif}.notfound p{color:#787878;font-weight:500}.notfound a{font-family:Montserrat,sans-serif;display:inline-block;padding:12px 30px;font-weight:700;background-color:#1e65cd;color:#fff;border-radius:40px;text-decoration:none;transition:all .2s}.notfound a:hover{opacity:.8}@media only screen and (max-width:767px){.notfound .notfound-404{height:115px}.notfound .notfound-404 h1{font-size:86px}.notfound .notfound-404 h1>span{width:86px;height:86px}}
/*# sourceMappingURL=main.936c4039.chunk.css.map */