.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:#3ba7f0;--basecolor2:#1677b9;--basecolor3:#007bff}@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:#3ba7f0!important;background:var(--basecolor1)!important}.bgcolor2{background:#1677b9!important;background:var(--basecolor2)!important}.bgcolor3{background:#007bff!important;background:var(--basecolor3)!important}.textcolor1{color:#3ba7f0!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:#3ba7f0;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:40px/53px SFProTextBold;text-align:left;margin-bottom:30px}.content_title:after{content:"";display:block;position:absolute;width:80px;margin-top:8px;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:60px 0;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:13px 0}#navbar #menu,#navbar .container{display:flex;align-items:center;flex-direction:row;justify-content:center}#navbar #menu a{margin-left:15px;font:18px/20px SFProTextMedium;position:relative;text-decoration:none!important;padding:13px 18px!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}#interestedwithme a.btnemailme{border-radius:12px;background:#fff;padding:13px 18px;color:#333;font:17px/25px SFProTextMedium;margin-left:10px;text-decoration:none!important;outline:none}a.btnemailme:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}#interestedwithme a.btnseemoreproject{border-radius:12px;background:#3ba7f0;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:45px 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:15px;border:none}.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:17px/26px SFProTextRegular;margin:10px 0}.row .box .body a,.row .card-footer a{font:17px/26px 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}.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:25px 0 15px;width:100%;display:flex;align-items:center;flex-direction:row;justify-content:center}.list_category_link a{display:block;margin-left:15px;margin-top:10px;font:17.5px/18px SFProTextMedium;position:relative;text-decoration:none!important;padding:10px 13px!important;border-radius:12px;color:#111}.list_category_link a:hover{background:#e5e5e5}.list_category_link a.active{color:#007bff!important;color:var(--basecolor3)!important;background:#e5e5e5}.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:#3ba7f0;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:#3ba7f0!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{padding-top:50px;height:100vh;position:relative}#hero,#hero .container{display:flex;align-items:center}#hero .container{flex-direction:row;justify-content:space-between}.mouse_arrow{position:absolute}#hero_text{width:68%}.hero_title{font:55px/65px SFProTextBold;color:#0f141e}.hero_title:after{content:"";display:block;position:absolute;width:125px;-webkit-animation:hero_title_line_style 1.5s infinite;animation:hero_title_line_style 1.5s infinite;margin-top:5px;height:5px;background:#0f141e}.hero_title_light_mode:after{background:#fff!important}.hero_title_dark_mode:after{background:#0f141e!important}.hero_desc{margin:20px 0;font:19px/31px SFProTextMedium;color:#333}#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:40px/48px SFProTextBold}.hero_desc{font:17.5px/27px 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}*{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.e79fcd3e.chunk.css.map */