@import url(fontawesome-all.min.css);@import url(../plugins/slick/slick.css);@font-face{src:url("../fonts/cairo/Cairo-Bold.ttf");font-family:cairo-bold}@font-face{src:url("../fonts/cairo/Cairo-SemiBold.ttf");font-family:cairo-semibold}@font-face{src:url("../fonts/cairo/Cairo-Regular.ttf");font-family:cairo-regular}@font-face{src:url("../fonts/webfonts/fa-solid-900.ttf");font-family:fa-solid}@font-face{src:url("../fonts/webfonts/fa-regular-400.ttf");font-family:fa-regular}a,.btn,button,.pagination li a i,.portofolio figure,.portofolio figure::before,.portofolio figure figcaption,.blog figure .image,.blog figure .image::after,.blog figure figcaption .blog-title,.contact form .form-control::placeholder{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}footer ul li a,footer p a,.partners .item,.contact form .form-control,.copyrights ul li a,.copyrights ul li a i,.portofolio-page figure,.portofolio-page figure::before,.portofolio-page figure figcaption{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}body{font-family:cairo-regular;font-size:16px;color:#231F20;background-color:#f9f9f9}h3{font-size:24px}h4{font-size:18px}h5{font-size:16px}img{max-width:100%}ul{padding:0;margin:0}:focus{outline:0}.fa-phone{transform:rotate(85deg);-webkit-transform:rotate(85deg);-moz-transform:rotate(85deg);-ms-transform:rotate(85deg);-o-transform:rotate(85deg)}.slick-slide:focus{outline:0}.padd_value{padding:80px 0}main{padding:80px 0}svg{width:100px}.head-title{text-align:center}.head-title h2{font-size:40px;display:inline-block;position:relative;text-transform:uppercase;padding:30px;color:#3fa4ca;margin-bottom:60px;z-index:1}.head-title h2 span{font-family:cairo-bold;color:#40a5d4}.head-title h2::before{content:'';width:100px;height:100px;line-height:100px;border-radius:50%;position:absolute;left:0;background-color:#eceef3;z-index:-1;top:0}.head-title p{font-size:18px;margin-bottom:30px}iframe{width:100% !important}.tab-content .tab-pane{display:block;height:0;overflow:hidden}.tab-content>.active{height:auto;overflow:visible}.pagination{margin-top:50px;display:block;overflow:hidden}.pagination li{max-width:50%}.pagination li a{overflow:hidden;background-color:transparent;border:0}.pagination li a:focus{box-shadow:none}.pagination li a p{float:left;font-family:cairo-semibold;color:#A4A4A4;font-size:18px;text-transform:capitalize}.pagination li a p span{display:block;color:#231F20}.pagination li a i{float:left;width:50px;height:50px;line-height:50px;border-radius:50%;color:#40a5d4;border:1px solid #40a5d4;text-align:center;margin-right:20px;margin-bottom:10px}.pagination li a:hover{background-color:transparent}.pagination li a:hover i{background-color:#40a5d4;color:#fff}.pagination li:first-child{float:left}.pagination li:last-child{float:right}.dropdown-menu{background-color:#fff;border-radius:0;padding:0;overflow:hidden}.dropdown-menu li{border-bottom:1px solid #EEEEEE}.dropdown-menu li .dropdown-item{padding:12px;color:#A4A4A4;font-family:cairo-semibold;font-size:14px}.dropdown-menu li .dropdown-item:hover{transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);background-color:transparent}@media (min-width: 991.99px){.dropdown-menu{display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;visibility:hidden;z-index:-1}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;z-index:1}.dropdown-menu.show{transform:translateY(0);opacity:1;visibility:visible;z-index:1}}.btn{min-height:50px;padding:10px 25px;border-radius:100px;font-family:cairo-semibold;text-transform:capitalize}.btn-1{color:#fff;position:relative;overflow:hidden;z-index:1;min-width:140px;border:1px solid transparent}.btn-1::before{content:'';background:url("../img/bg.png");background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;opacity:1;transition:opacity 0.3s ease-in-out;z-index:-1;border-radius:100px}.btn-1:hover{color:#40a5d4;border-color:#40a5d4;background:transparent}.btn-1:hover::before{opacity:0}.btn-2{background-color:transparent;color:#40a5d4;position:relative;overflow:hidden;z-index:1;min-width:140px;box-shadow:none;border:1px solid #40a5d4}.btn-2:hover{background:url("../img/bg.png");color:#fff;border-color:#40a5d4;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat}.navbar-light{padding:20px 0 0;border-bottom:1px solid rgba(64,165,212,0.2)}.navbar-light .navbar-brand{padding:0}.navbar-light .navbar-toggler{border:0}.navbar-light .navbar-toggler .icon-bar{display:block;width:23px;height:3px;background-color:#B9ECDA;margin-bottom:4px}.navbar-light .navbar-nav .nav-item .nav-link{text-transform:capitalize;color:#A4A4A4;padding:1rem 1rem;position:relative}.navbar-light .navbar-nav .nav-item .nav-link:hover{color:#55d7c6}.navbar-light .navbar-nav .nav-item .nav-link::before{content:'';position:absolute;left:1rem;right:1rem;bottom:0;height:3px;background-color:transparent}.navbar-light .navbar-nav .nav-item.active .nav-link{color:#55d7c6}.navbar-light .navbar-nav .nav-item.active .nav-link::before{background-color:#55d7c6}.navbar-light .navbar-nav .nav-item:last-child .nav-link{border:1px solid #A4A4A4;padding:0;width:30px;height:30px;line-height:30px;border-radius:6px;text-align:center;line-height:20px;margin-top:15px}.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover{color:#55d7c6;border-color:#55d7c6}footer{background-color:#06267D;padding:20px 0;position:relative;overflow:hidden}footer::before{content:'';background-image:url("../img/footer_bg.png");position:absolute;left:0;top:60px;right:0;margin:0 auto;width:726px;height:371px;opacity:0.5;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;background-repeat:no-repeat}footer h3{margin-top:50px;margin-bottom:30px;padding-bottom:20px;position:relative;color:#fff;font-family:cairo-semibold}footer h3::after{content:'';position:absolute;left:0;bottom:0;width:65px;height:2px;background-color:#B9ECDA}footer ul{margin:0;padding:0;list-style:none}footer ul li{margin-bottom:25px;color:#96a5cb;font-family:cairo-semibold}footer ul li a{color:#96a5cb;font-family:cairo-semibold;text-transform:capitalize;position:relative;display:block}footer ul li a::before{content:'\f105';font-family:fa-solid;margin-right:5px;display:inline-block}footer ul li a:hover{transform:translateX(10px);-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);color:#fff;text-decoration:none}footer p{margin-bottom:25px;color:#96a5cb;font-family:cairo-semibold}footer p a{color:rgba(255,255,255,0.5);font-family:cairo-semibold;text-transform:capitalize;position:relative;display:block}footer p a:hover{color:#fff;text-decoration:none}footer p i{margin-right:5px}footer .lang{width:100%;min-height:45px;border-radius:100px;border:1px solid #fff;color:#fff;display:block;line-height:45px;padding:0 20px;font-family:cairo-semibold;margin-top:50px}footer .lang i{margin-right:5px}footer .lang:hover{text-decoration:none;color:#96a5cb;border-color:#96a5cb}footer #map,footer iframe{border-radius:8px;height:180px !important}.wrapper{position:relative;overflow-x:hidden}.wrapper::before{content:'';background-image:url(../img/header_bg.png);position:absolute;top:0;right:0;left:0;width:100%;height:100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%}.wrapper .navbar-light .navbar-nav .nav-item .nav-link{color:#fff}.wrapper .navbar-light .navbar-nav .nav-item .nav-link:hover{color:#55d7c6}.wrapper .navbar-light .navbar-nav .nav-item.active .nav-link{color:#55d7c6}.wrapper .main-block{padding:80px 0 50px;position:relative}.wrapper .main-block #particles-js{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.wrapper .main-block #particles-js div{background:transparent !important}.wrapper .main-block .bio{color:#fff;position:relative;z-index:2}.wrapper .main-block .bio .text-1{font-size:24px;margin:0}.wrapper .main-block .bio .h1{font-family:cairo-semibold;font-size:70pt;margin-bottom:30px;position:relative}.wrapper .main-block .bio .h1 span{color:#B9ECDA}.wrapper .main-block .bio .h1::after{content:'';width:5px;height:100%;background-color:#fff;display:inline-block;vertical-align:middle;position:absolute;top:10px;margin-left:10px}.wrapper .main-block .bio .text-2{font-size:18px}.wrapper .main-block .bio .btn{min-height:45px;line-height:30px;min-width:195px;margin-top:50px;text-transform:capitalize}.wrapper .main-block .bio .btn.header-btn-2{background-color:#B9ECDA;color:#231F20;border-color:#B9ECDA}.wrapper .main-block .bio .btn.header-btn-2:hover{color:#fff;background-color:transparent}.wrapper .main-block .bio .btn.header-btn-1{color:#fff;border-color:#B9ECDA;margin-right:25px}.wrapper .main-block .bio .btn.header-btn-1:hover{background-color:#B9ECDA;color:#231F20}.wrapper .main-block .scrollDown{position:absolute;z-index:99;bottom:20%;left:0;right:0;margin:0 auto;border-radius:50%;width:40px;height:40px;line-height:40px;padding:0;text-align:center;background-color:#def3ff;color:#06267D;border:0;font-size:20px}.wrapper .main-block .scrollDown:hover{background-color:#06267D;color:#def3ff}.serv{position:relative}.serv::before{background:url("../img/serv_bg.png") no-repeat center center;background-size:cover;-webkit-background-size:cover;content:'';width:100%;height:100%;top:0px;position:absolute;z-index:-1}.serv .serv-block{overflow:hidden;padding-bottom:90px;position:relative;margin-bottom:20px}.serv .serv-block:nth-child(odd) .serv-title,.serv .serv-block:nth-child(odd) .serv-img,.serv .serv-block:nth-child(odd) .serv-content{float:right;width:33.333%;padding:0 15px}.serv .serv-block:nth-child(odd) .serv-title p{left:100px}.serv .serv-block:nth-child(odd) .serv-content{text-align:right}.serv .serv-block:nth-child(even) .serv-title,.serv .serv-block:nth-child(even) .serv-img,.serv .serv-block:nth-child(even) .serv-content{float:left;width:33.333%;padding:0 15px}.serv .serv-block:nth-child(even) .serv-title{text-align:right}.serv .serv-block:nth-child(even) .serv-title p{right:100px}.serv .serv-block .serv-title{position:relative;font-size:40px;color:#40a5d4;text-transform:capitalize;font-family:cairo-bold}.serv .serv-block .serv-title h2{margin:70px 0}.serv .serv-block .serv-title p{position:absolute;top:-30px;color:#eceef3;font-size:118pt;font-family:cairo-bold;z-index:-1}.serv .serv-block .serv-content{font-size:18px;margin:30px 0}.serv .serv-block .serv-content a{color:#40a5d4;font-family:cairo-semibold;text-transform:capitalize}.serv .serv-block .serv-content a i{font-size:14px;margin:0 5px}.serv .serv-block::after{content:'';position:absolute;bottom:0;left:50%;margin:0 auto;border-left:3px dashed #A4A4A4;height:70px;opacity:0.8}.serv .serv-block:last-child{padding-bottom:0;margin:0}.serv .serv-block:last-child::after{content:none}.portofolio{background-color:#fff}.portofolio .nav-tabs{display:block;margin-bottom:20px;text-align:center;border-bottom:0}.portofolio .nav-tabs .nav-item{display:inline-block}.portofolio .nav-tabs .nav-item .nav-link{border:0;color:#231F20;border-radius:100px;min-width:80px;text-align:center;padding:0.8em 1em;position:relative;z-index:1}.portofolio .nav-tabs .nav-item .nav-link::before{content:'';background:url("../img/bg.png") no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 0.3s ease-in-out;z-index:-1;border-radius:100px}.portofolio .nav-tabs .nav-item .nav-link.active,.portofolio .nav-tabs .nav-item .nav-link:hover{color:#fff}.portofolio .nav-tabs .nav-item .nav-link.active::before,.portofolio .nav-tabs .nav-item .nav-link:hover::before{opacity:1}.portofolio .grid .grid-item{width:16.666%}.portofolio .grid .grid-item.grid-item--width2{width:33.333%}.portofolio figure{position:relative;margin:0}.portofolio figure::before{content:'';background-image:linear-gradient(to bottom, rgba(64,165,212,0.9), rgba(185,236,218,0.8));width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;visibility:hidden}.portofolio figure img{width:100%;object-fit:cover}.portofolio figure figcaption{position:absolute;top:20%;left:0;width:100%;height:100%;text-align:center;color:#fff;padding:10px 5px;opacity:0;visibility:hidden}.portofolio figure figcaption h4{font-family:cairo-bold;margin-bottom:0}.portofolio figure figcaption p{font-size:18px;margin-bottom:20px}.portofolio figure figcaption .btn{border:1px solid #fff;color:#fff;border-radius:100px;min-width:156px;padding:10px 12px}.portofolio figure figcaption .btn:hover{background-color:#fff;color:#B9ECDA}.portofolio figure:hover::before{opacity:1;visibility:visible}.portofolio figure:hover figcaption{opacity:1;visibility:visible}.holol{position:relative}.holol::before{background:url("../img/vector4.png") no-repeat center center;background-size:cover;-webkit-background-size:cover;content:'';position:absolute;width:130px;height:332px;right:0;top:0}.holol .text{margin-bottom:80px}.holol .text p{font-size:18px}.holol .col-sm-4:nth-child(2),.holol .col-sm-4:nth-child(5){margin-top:-40px}.holol .box{background-color:#fff;padding:50px 25px;border-radius:15px;text-align:center;margin-bottom:25px;box-shadow:0 3px 6px #EEEEEE;position:relative}.holol .box::before{content:'';width:45px;height:45px;height:3px;background-color:#40a5d4;position:absolute;top:0;left:0;right:0;margin:0 auto}.holol .box img{margin-bottom:25px;height:45px}.holol .box h5{margin-bottom:0}.holol .box h5 span{display:block;color:#40a5d4;font-family:cairo-bold}.blog{position:relative;background:url("../img/blog_bg.png") no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat}.blog .container{position:relative}.blog .container::before{background:url("../img/vector3.png") no-repeat left top;content:'';width:100%;height:100%;top:-110px;left:0;position:absolute}.blog .head-title h2 span{color:#fff}.blog .head-title h2::before{opacity:0.2}.blog .head-title p{color:#fff;font-size:24px}.blog figure{border-radius:15px}.blog figure .image{border-radius:15px;position:relative;overflow:hidden;height:243px}.blog figure .image img{width:100%;min-height:100%;object-fit:cover}.blog figure .image::after{content:'';background-image:linear-gradient(to right, rgba(64,165,212,0.4), rgba(185,236,218,0.6) 50%);position:absolute;left:0;right:0;width:100%;height:100%;opacity:0;visibility:hidden}.blog figure figcaption{border-radius:15px;padding:10px 20px 20px;background-color:#fff;transform:translateY(-20px)}.blog figure figcaption .blog-date{color:#A4A4A4;font-family:cairo-semibold}.blog figure figcaption .blog-title{font-family:cairo-bold;text-align:center;margin:15px 0}.blog figure figcaption .blog-title a{color:#231F20}.blog figure figcaption .blog-content{text-align:center;font-size:18px;color:#A4A4A4;margin-bottom:20px}.blog figure:hover .image::after{opacity:1;visibility:visible}.blog figure:hover .blog-title a{color:#40a5d4;text-decoration:none}.blog figure:hover .btn2{background-color:#40a5d4;color:#fff;box-shadow:0 2px 4px rgba(64,165,212,0.5)}.partners .head-title h2{margin-bottom:20px}.partners .item{padding:40px 20px;border-radius:15px}.partners .item img{margin:0 auto}.partners .item:hover{background-color:#fff;box-shadow:0 3px 6px #f9f9f9}.contact{padding-bottom:80px;position:relative;overflow:hidden;padding-top:30px}.contact::before{content:'';position:absolute;right:60px;top:0;background-image:url("../img/vector3.png");width:67px;height:75px;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;background-repeat:no-repeat}.contact::after{content:'';position:absolute;left:-70px;bottom:0;background-image:url("../img/vector1.png");width:303px;height:283px;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;background-repeat:no-repeat;z-index:-1}.contact iframe{width:100% !important}.contact .col-md-4:nth-child(2){border-left:1px solid rgba(164,164,164,0.3);border-right:1px solid rgba(164,164,164,0.3)}.contact .details{background-color:#fff;padding:40px 80px;border-radius:15px;box-shadow:0 3px 10px #EEEEEEEEEEEE;margin-top:-100px;margin-bottom:30px;position:relative}.contact .details .wrap{float:left;position:relative;left:50%}.contact .details .wrap .content{float:left;position:relative;left:-50%}.contact .details h3{font-family:cairo-semibold;margin-bottom:40px}.contact .details h4{font-family:cairo-semibold;margin-bottom:20px;text-transform:capitalize}.contact .details h4 i{color:#40a5d4;font-size:14px;margin-right:5px}.contact .details p{font-size:18px;color:#A4A4A4}.contact .details p a{color:#A4A4A4;font-size:18px}.contact .details p a:hover{text-decoration:none;opacity:0.6}.contact .details ul{margin:0;padding:0;list-style:none}.contact .details ul li a{color:#A4A4A4;font-size:18px}.contact .details ul li a:hover{text-decoration:none;opacity:0.6}.contact form .form-control{min-height:50px;border:1px solid #EEEEEE;border-radius:8px}.contact form .form-control::placeholder{color:#A4A4A4}.contact form .form-control:focus::placeholder{opacity:0}.contact form .btn1{text-transform:uppercase}.copyrights{background-color:#051749;padding:25px 0;color:#fff}.copyrights p{margin:10px 0;font-family:cairo-semibold}.copyrights p span{opacity:0.5}.copyrights ul{margin:0;padding:0;list-style:none;text-align:right}.copyrights ul li{display:inline-block}.copyrights ul li{margin-right:10px}.copyrights ul li a i{font-size:14px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;color:#fff;background-color:#0B2364}.copyrights ul li:hover i{background-color:#1e60e6;text-shadow:0 5px 10px #000000}.p1{background:url(../img/port_bg.png) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;padding:80px 0}.p1 .head-title h2{margin-bottom:0;font-family:cairo-bold;color:#fff;font-size:40px}.p1 .head-title h2::before{background:url(../img/vector5.png) no-repeat center center}.portofolio-page .nav-tabs.grid-tab{border-bottom:0}.portofolio-page .nav-tabs.grid-tab .nav-item .nav-link{border:0;color:#231F20;border-radius:100px;min-width:80px;text-align:center;padding:0.8em 1em}.portofolio-page .nav-tabs.grid-tab .nav-item .nav-link:hover{color:#40a5d4}.portofolio-page .nav-tabs.grid-tab .nav-item .nav-link.active{background-color:#40a5d4;color:#fff}.portofolio-page .nav-tabs.grid-tab .nav-item .nav-link.active:hover{color:#fff}.portofolio-page .nav-tabs.list-grid-tab{float:right;border-bottom:0}.portofolio-page .nav-tabs.list-grid-tab .nav-item .nav-link{border:0;color:#3c505b;opacity:0.5;padding:0.3em 0.5em;font-size:24px}.portofolio-page .nav-tabs.list-grid-tab .nav-item .nav-link.active{background-color:transparent;opacity:1}.portofolio-page .nav-tabs.list-grid-tab .nav-item .nav-link:hover{opacity:1}.portofolio-page .grid{margin:80px 0}.portofolio-page .grid .grid-item{width:25%}.portofolio-page .grid .grid-item.grid-item--width2{width:50%}.portofolio-page figure{margin-bottom:0;position:relative}.portofolio-page figure::before{content:'';position:absolute;width:0;height:100%;left:0;top:0;background-color:rgba(255,255,255,0.9);opacity:0}.portofolio-page figure img{width:100%;object-fit:cover}.portofolio-page figure figcaption{position:absolute;top:40%;z-index:1;padding:0 20px;opacity:0}.portofolio-page figure figcaption h3{font-family:cairo-bold;color:#394043}.portofolio-page figure figcaption p{color:#394043;font-family:cairo-semibold}.portofolio-page figure figcaption p a{display:block;color:#394043}.portofolio-page figure figcaption p a:hover{color:#40a5d4}.portofolio-page figure:hover::before{opacity:1;width:100%}.portofolio-page figure:hover figcaption{opacity:1}.portofolio-page .btn-2{height:90px;padding:10px;border-radius:50%;line-height:70px;min-width:0}.portofolio-page .btn-2:hover{border-color:#40a5d4}.p2{background:url(../img/project_bg.jpg) no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-repeat:no-repeat;padding:70px 0 150px;color:#fff}.p2 h2{font-family:cairo-semibold}.p2 p{font-family:cairo-semibold}main.project-page{margin-top:-170px}main.project-page .project-img{border:8px solid #fff}main.project-page .project-img img{width:100%}main.project-page .project-logo{text-align:center;height:155px;width:155px;border-radius:50%;margin:0 auto 30px;border:1px solid #ddd;background-color:#fff;position:relative}main.project-page .project-logo img{height:50%;top:25%;position:absolute;left:0;right:0;margin:0 auto;object-fit:contain}main.project-page h3{color:#40a5d4;font-family:cairo-bold;position:relative;padding-bottom:10px;margin-bottom:20px}main.project-page h3::after{content:'';width:30px;height:3px;background-color:#40a5d4;position:absolute;left:0;bottom:0}