@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";

:root{--primary_color:#787878;--dark:#323232}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{scroll-behavior:smooth;color:#9f9f9f;background:#0f0f0f;font-family:Inter,sans-serif;font-size:14px;line-height:19.2px}img{max-width:100%}a{text-decoration:none}.text-right{text-align:right}.container{max-width:1170px}.gap-24{gap:24px}.h-full{height:100%}.preloader{transform-origin:bottom;z-index:111111;background-color:#111;position:fixed;inset:0}.preloader .black_wall{transform-origin:top;background-color:#222;height:100%;animation:.5s ease-in-out both preloader_slide}.preloader .loader{background-color:var(--primary_color);transform-origin:0;border-radius:2px;width:100%;height:3px;margin:auto;animation:3s ease-in-out 1s infinite both loader_running;position:absolute;top:0;left:0;right:0}.preloader.off{animation:.5s ease-in-out reverse both preloader_slide}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}ul,ol{margin:0;padding:0;list-style:none}.flex-1{flex:1}.theme-btn{background:var(--dark);color:#fff;border-radius:16px;padding:12px 30px;font-size:16px;font-weight:500;transition:all .3s;display:inline-block}.theme-btn:hover{color:var(--dark);background:#fff}.shadow-box{background:#0f0f0f;border-radius:30px;position:relative}.shadow-box:after{content:"";content:"";z-index:-1;background:linear-gradient(120deg,#ffffff1f,#ffffff03);border-radius:30px;margin:-1px;position:absolute;inset:0}.service-area .service-content-wrap .service-content-inner .service-item:before,.shadow-box:before{content:"";z-index:1;opacity:.25;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.shadow-box *{z-index:2;position:relative}.section-heading{color:#fff;text-transform:uppercase;letter-spacing:-1px;justify-content:center;align-items:center;gap:5px;margin-top:2px;font-size:74px;font-weight:600;display:flex}.section-heading img{display:block}.info-box{padding:24px}.credential-area .credential-sidebar .overlay-link,.contact-area .contact-form .overlay-link,.project-details-wrap .project-about-2 .overlay-link,.project-details-wrap .project-infos-wrap .overlay-link,.projects-area .project-item .overlay-link,.about-area .about-edc-exp .overlay-link,.about-area .about-image-box .overlay-link,.about-area .about-me-box .overlay-link,.info-box .overlay-link{opacity:0;z-index:9;border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.credential-area .credential-sidebar .bg-img,.contact-area .contact-form .bg-img,.project-details-wrap .project-about-2 .bg-img,.project-details-wrap .project-infos-wrap .bg-img,.projects-area .project-item .bg-img,.about-area .about-edc-exp .bg-img,.about-area .about-image-box .bg-img,.about-area .about-me-box .bg-img,.info-box .bg-img{opacity:.1;object-fit:cover;border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.info-box>img{margin:auto auto 16px;display:block}.info-box .infos h4{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin-top:8px;margin-bottom:6px;font-size:12px}.info-box .infos h1{color:#fff;font-size:20px;font-weight:500}.info-box .about-btn{opacity:.2;transition:all .3s;display:inline-block}.info-box:hover .about-btn{opacity:1}.info-box .inner-profile-icons{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;padding:22px;display:flex}.info-box .inner-profile-icons.shadow-box:before{opacity:.1}.info-box .inner-profile-icons.shadow-box:after{opacity:.5}.info-box .inner-profile-icons a{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 24px -1px #0000001a}.info-box .inner-profile-icons a:before{content:"";z-index:-1;opacity:.1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(120deg,#ffffff80,#ffffff1a);border-radius:50%;width:100%;height:100%;position:absolute}.info-box .inner-profile-icons a i{font-size:32px}.info-box.about-services-box .icon-boxes{justify-content:center;align-items:center;gap:80px;margin-top:46px;margin-bottom:56px;display:flex}.info-box.about-services-box .icon-boxes i{color:#fff;font-size:40px}.info-box.about-client-box .clients .client-item{text-align:center;border-radius:30px;flex:1;padding:42px 30px;position:relative}.info-box.about-client-box .clients .client-item:before{content:"";z-index:-1;opacity:.1;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.info-box.about-client-box .clients .client-item h1{color:#fff;letter-spacing:-1px;margin-bottom:17px;font-size:34px;line-height:1.2}.info-box.about-client-box .clients .client-item p{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin:0;font-size:12px}.info-box.about-contact-box{padding-top:83px;padding-bottom:42px}.info-box.about-contact-box h1{color:#fff;margin:0;font-size:44px;font-weight:500;line-height:52px}.info-box.about-contact-box h1 span{color:var(--primary_color)}.info-box.about-contact-box .about-btn{opacity:.2;transition:all .3s;display:block;position:absolute;bottom:35px;right:30px}.info-box.about-contact-box:hover .about-btn{opacity:1}.info-box.about-contact-box .star-icon{opacity:.5;margin:0;position:absolute;top:0;left:30px}.info-box.about-profile-box,.info-box.about-blog-box{flex-direction:column;justify-content:space-between;display:flex}.breadcrumb-area{padding-top:77px}.breadcrumb-area .breadcrumb-content p{color:#bcbcbc;opacity:.7}.breadcrumb-area .breadcrumb-content .section-heading{margin-bottom:30px;font-size:56px;display:block;position:relative}.breadcrumb-area .breadcrumb-content .section-heading img{display:initial}.header-area{margin-top:10px}.header-area .logo{z-index:16;display:inline-block}.header-area .logo img{display:block}.header-area .navbar{margin:0;padding:0}.header-area .navbar .theme-btn{display:none}.header-area .navbar .menu{align-items:center;gap:49px;margin:0;padding:0;display:flex}.header-area .navbar .menu li a{color:#676767;padding:26px 0;font-size:16px;transition:all .3s;display:block}.header-area .navbar .menu li.active a,.header-area .navbar .menu li a:hover{color:#fff}.header-area .show-menu{color:#fff;cursor:pointer;z-index:16;flex-direction:column;justify-content:space-between;width:25px;height:18px;font-size:25px;display:none}.header-area .show-menu span{background:#fff;width:100%;height:1px;transition:all .4s;display:block}.header-area .show-menu.active span:first-child{transform:translateY(6px)scale(1)rotate(45deg)scale(1)}.header-area .show-menu span:last-child{transform-origin:0}.header-area .show-menu.active span:last-child{transform:translate(4px,-2px)scale(1)rotate(-45deg)scale(1)}.header-area .show-menu.active span:nth-child(2){transform:scale(0)}.about-area{padding-top:40px}.about-area .about-me-box{align-items:flex-start;gap:30px;padding:50px 46px;display:flex;position:relative}.about-area .about-me-box .img-box{background:linear-gradient(90deg,#0f0f0f -15%,#1a1a1a 58%,#0f0f0f 97%);border-radius:30px 0;flex:none;width:224px;height:224px;position:relative;overflow:hidden}.about-area .about-me-box .img-box img{object-fit:cover;width:100%;height:100%;display:block}.about-area .about-me-box .infos{position:initial;padding-top:30px}.about-area .about-me-box .infos h4{color:#bcbcbc;opacity:.7;letter-spacing:.3px;margin-bottom:3px;font-size:14px}.about-area .about-me-box .infos h1{color:#fff;margin-bottom:12px;font-size:36px;font-weight:500;line-height:40px}.about-area .about-me-box .infos p{letter-spacing:.3px;margin:0}.about-area .about-me-box .infos .about-btn{opacity:.2;transition:all .3s;display:block;position:absolute;bottom:30px;right:30px}.about-area .about-me-box:hover .infos .about-btn{opacity:1}.about-area .about-credentials-wrap .banner{margin-bottom:24px;padding:17px 25px}.marquee{width:100%;max-width:100%;height:19px;position:relative;overflow-x:hidden}.marquee div{white-space:nowrap;will-change:transform;font-size:12px;animation:32s linear infinite marquee;position:absolute}.about-area .about-credentials-wrap .banner .marquee b{color:#fff;font-weight:400}.about-area .about-credentials-wrap .banner .marquee img{margin:0 5px;display:inline-block}.about-area .about-credentials-wrap>.gx-row>*{flex:1;width:50%}.about-area .about-image-box{border-radius:30px;flex:none;width:370px;padding:24px}.about-area .about-image-box .image-inner{background:linear-gradient(90deg,#610c9f -15%,#6e0eb3 58%,#610c9f 97%);border-radius:30px}.about-area .about-image-box img{border-radius:30px;display:block}.about-area .about-details{flex:1}.about-area .about-details .about-details-inner{padding:115px 60px 30px 30px;position:relative}.about-area .about-details .about-details-inner img{position:absolute;top:0;left:30px}.about-area .about-details .about-details-inner h1{color:#fff;font-size:36px;font-weight:500}.about-area .about-details .about-details-inner p{color:#fff;opacity:.8;margin:0;font-size:16px;line-height:25px}.about-area .about-edc-exp{padding:30px}.about-area .about-edc-exp h3{text-transform:uppercase;color:#fff;margin-bottom:23px;font-size:16px}.about-area .about-edc-exp ul li+li{margin-top:32px}.about-area .about-edc-exp ul li .date{color:#bcbcbc;opacity:.6;margin-bottom:12px;font-size:16px;font-weight:500}.about-area .about-edc-exp ul li h2{color:#fff;opacity:.9;margin-bottom:7px;font-size:18px}.about-area .about-edc-exp ul li .type{color:#bcbcbc;opacity:.6;margin:0;font-size:14px;font-weight:400}.main-aboutpage .about-area .about-contact-box{padding-top:102px}.projects-area{padding-top:65px}.projects-area .section-heading{justify-content:center;margin-bottom:15px}.projects-area .project-item{margin-bottom:24px;padding:16px 16px 26px}.projects-area .project-item .project-img{border-radius:16px;margin-bottom:13px}.projects-area .project-item .project-img img{object-fit:cover;border-radius:16px;display:block}.projects-area .project-item .project-info p{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin-top:5px;margin-bottom:2px;font-size:14px}.projects-area .project-item .project-info h1{color:#fff;opacity:.9;margin:0;font-size:22px;font-weight:500}.projects-area .project-item .project-btn{opacity:.2;transition:all .3s;display:inline-block}.projects-area .project-item:hover .project-btn{opacity:1}.project-details-wrap .project-details-img{height:550px;margin-bottom:50px;position:relative}.project-details-wrap .project-details-img img{object-fit:cover;width:100%;height:100%;display:block}.project-details-wrap .project-infos-wrap{gap:100px;padding:36px;position:relative}.project-details-wrap .project-infos-wrap img{position:absolute;top:0;left:50%;transform:translate(-50%)}.project-details-wrap .project-infos-wrap .bg-img{transform:translate(0)}.project-details-wrap .project-infos-wrap .project-details-info{padding:24px;position:relative}.project-details-wrap .project-about-2 .left-details:before,.project-details-wrap .project-infos-wrap .project-details-info:before{content:"";z-index:-1;opacity:.1;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.project-details-wrap .project-infos-wrap .project-details-info p{color:#fff;opacity:.8;margin-bottom:20px;font-size:16px;line-height:1.56}.project-details-wrap .project-infos-wrap .project-details-info p:last-child{margin-bottom:0}.project-details-wrap .project-infos-wrap .project-details-info h3{color:#bcbcbc;opacity:.5;text-transform:uppercase;letter-spacing:-.1px;margin-bottom:13px;font-size:18px;font-weight:500}.project-details-wrap .project-details-2-img{border-radius:30px;height:400px}.project-details-wrap .project-details-3-img img,.project-details-wrap .project-details-2-img img,.project-details-new-img img{object-fit:cover;border-radius:30px;width:100%;height:100%;display:block}.project-details-wrap .project-details-3-img{border-radius:30px;height:480px;position:relative}.project-details-wrap .project-about-2{gap:80px;padding:36px}.project-details-wrap .project-about-2 .left-details{flex:none;width:290px;padding:30px 54px;position:relative}.project-details-wrap .project-about-2 .left-details img{position:absolute;top:0;right:40px}.project-details-wrap .project-about-2 .left-details ul li+li{margin-top:27px}.project-details-wrap .project-about-2 .left-details ul li p{color:#bcbcbc;opacity:.6;margin-bottom:10px;font-size:18px}.project-details-wrap .project-about-2 .left-details ul li h4{color:#fff;opacity:.9;margin:0;font-size:18px}.project-details-wrap .project-about-2 .right-details h3{color:#bcbcbc;opacity:.5;margin-bottom:17px;font-size:18px}.project-details-wrap .project-about-2 .right-details p{color:#fff;opacity:.8;margin-bottom:26px;font-size:16px;line-height:1.56}.project-details-wrap .project-about-2 .right-details p:last-child{margin-bottom:0}.project-details-wrap .big-btn{color:#fff;opacity:.9;margin-top:100px;padding:38px 57px;font-size:44px;line-height:1.2;transition:all .3s;display:block}.project-details-wrap .big-btn:hover{color:#0f0f0f;background:#fff}.credential-area{padding-top:40px;padding-bottom:40px}.credential-area .gx-row{gap:80px}.credential-area .credential-sidebar{flex:none;width:370px;position:sticky;top:15%}.credential-area .credential-sidebar .shadow-box{padding:24px 24px 34px}.credential-area .credential-sidebar:after{opacity:.25}.credential-area .credential-sidebar .img-box{background:linear-gradient(90deg,#0f0f0f -15%,#1a1a1a 58%,#0f0f0f 97%);border-radius:30px;margin-bottom:40px}.credential-area .credential-sidebar .img-box img{border-radius:30px;margin:auto;display:block}.credential-area .credential-sidebar p{color:#bcbcbc;opacity:.5;margin-bottom:16px;font-size:16px}.credential-area .credential-sidebar h2{color:#fff;font-size:26px;font-weight:500}.credential-area .credential-sidebar .social-links{gap:10px;margin-bottom:16px}.credential-area .credential-sidebar .social-links li a{color:#fff;background:linear-gradient(120deg,#ffffff1a,#ffffff03);border:1px solid #ffffff0d;border-radius:50%;width:50px;height:50px;font-size:20px;line-height:55px;transition:all .3s;display:block}.credential-area .credential-sidebar .social-links li a:hover{color:#0f0f0f;background:#fff}.credential-area .credential-sidebar .theme-btn{width:100%}.credential-area .credential-content .credential-about{margin-bottom:40px}.credential-area .credential-edc-exp h2,.credential-area .credential-content .credential-about h2{color:#fff;text-transform:uppercase;font-size:18px}.credential-area .credential-content .credential-about h2{margin-bottom:37px}.credential-area .credential-content .credential-about p{color:#fff;opacity:.8;margin-bottom:30px;font-size:16px;line-height:1.56}.credential-area .credential-content .credential-about p:last-child{margin-bottom:0}.credential-area .credential-experience,.credential-area .credential-education{margin-bottom:40px}.credential-area .credential-edc-exp h2{margin-bottom:22px}.credential-area .credential-edc-exp .credential-edc-exp-item+.credential-edc-exp-item{margin-top:58px}.credential-area .credential-edc-exp .credential-edc-exp-item h4{color:#bcbcbc;opacity:.6;font-size:16px;font-weight:500}.credential-area .credential-edc-exp .credential-edc-exp-item h3{color:#fff;font-size:18px}.credential-area .credential-edc-exp .credential-edc-exp-item h5{color:#bcbcbc;opacity:.6;font-size:14px;font-weight:400}.credential-area .credential-edc-exp .credential-edc-exp-item p{color:#fff;opacity:.8;margin:0;font-size:16px;line-height:1.56}.credential-area .skills-wrap h2{color:#fff;text-transform:uppercase;margin-bottom:19px;font-size:18px}.credential-area .skills-wrap .skill-items{grid-template-columns:1fr 1fr}.credential-area .skills-wrap .skill-item{width:50%}.credential-area .skills-wrap .skill-item .percent{color:#bcbcbc;opacity:.6;margin-bottom:9px;font-weight:500;display:block}.credential-area .skills-wrap .skill-item .name{color:#fff;opacity:.9;margin-bottom:4px;font-size:18px}.credential-area .skills-wrap .skill-item p{color:#bcbcbc;opacity:.6;margin:0;font-size:14px}.credential-area .awards-wrap{padding-top:100px}.credential-area .awards-wrap.skills-wrap .skill-items{grid-template-columns:1fr}.credential-area .awards-wrap.skills-wrap .skill-item{width:100%}.service-area{padding-top:87px}.service-area .container>.section-heading{display:none}.service-area .service-sidebar{height:100%}.service-area .service-sidebar .service-sidebar-inner{height:100%;padding:91px 24px 90px 60px}.service-area .service-sidebar .service-sidebar-inner ul{flex-direction:column;justify-content:space-between;height:100%;display:flex}.service-area .service-sidebar .service-sidebar-inner ul li{letter-spacing:-1%;color:#fff;align-items:center;gap:50px;font-size:16px;font-weight:400;line-height:16.8px;display:flex}.service-area .service-sidebar .service-sidebar-inner ul li i{color:#fff;font-size:30px;display:block}.service-area .service-content-wrap .service-content-inner{padding:27px 30px}.service-area .service-content-wrap .service-content-inner .service-items{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.service-area .service-content-wrap .service-content-inner .service-item{width:calc(50% - 12px);padding:24px 47px 59px 30px}.service-area .service-content-wrap .service-content-inner .service-item h3{color:#bcbcbc;opacity:.56;text-transform:uppercase;letter-spacing:-1%;font-size:15px;font-weight:500}.service-area .service-content-wrap .service-content-inner .service-item p{color:#fff;opacity:.8;margin:0;font-size:14px;line-height:25px}.service-area .profile-contact-credentials-wrap .about-contact-box{height:100%;padding-top:102px}.blog-area{padding-top:130px}.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget{margin-bottom:40px}.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget .blog-sidebar-widget-inner{padding:46px 30px 62px}.blog-sidebar .blog-sidebar-inner .search-widget .blog-sidebar-widget-inner{padding:0}.blog-sidebar .blog-sidebar-inner .search-widget form{border-radius:30px;position:relative}.blog-sidebar .blog-sidebar-inner .search-widget form:before,.blog-sidebar .blog-sidebar-inner .search-widget form:after{border-radius:30px}.blog-sidebar .blog-sidebar-inner .search-widget form input{color:#fff;background:0 0;border:none;border-radius:30px;width:100%;padding:19px 20px}.blog-sidebar .blog-sidebar-inner .search-widget form input:focus{box-shadow:none;outline:none}.blog-sidebar .blog-sidebar-inner .search-widget form .theme-btn{border:none;border-radius:30px;position:absolute;top:6px;right:6px}.blog-sidebar .blog-sidebar-inner .categories-widget ul li,.blog-sidebar .blog-sidebar-inner .recent-post-widget ul li{margin-bottom:24px;display:block}.blog-sidebar .blog-sidebar-inner .categories-widget ul li:last-child,.blog-sidebar .blog-sidebar-inner .recent-post-widget ul li:last-child{margin-bottom:0}.blog-sidebar .blog-sidebar-inner .categories-widget ul li a,.blog-sidebar .blog-sidebar-inner .recent-post-widget ul li a{color:#fff;opacity:.8;font-size:16px;line-height:25px;display:block}.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget h3{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin-bottom:30px;font-size:18px}.blog-details-area .blog-details-content .tags,.blog-sidebar .blog-sidebar-inner .tags-widget ul{flex-wrap:wrap;gap:10px;display:flex}.blog-details-area .blog-details-content .tags a,.blog-sidebar .blog-sidebar-inner .tags-widget ul li a{padding:10px 22px;font-size:14px;font-weight:400}.blog-area .blog-items{padding-right:85px}.blog-area .blog-items .blog-item+.blog-item{margin-top:70px}.blog-area .blog-items .blog-item .img-box{height:400px;margin-bottom:70px;position:relative}.blog-area .blog-items .blog-item .img-box img{object-fit:cover;width:100%;height:100%;display:block}.blog-details-area .blog-details-content .meta,.blog-area .blog-items .blog-item .content .meta{color:var(--primary_color);letter-spacing:-1%;margin-bottom:10px;font-size:16px;font-weight:400;line-height:16.8px;display:block}.blog-details-area .blog-details-content h1,.blog-area .blog-items .blog-item .content h1{text-transform:uppercase;margin-bottom:24px;font-size:24px;line-height:26.8px}.blog-area .blog-items .blog-item .content h1 a{color:#fff}.blog-details-area .blog-details-content p,.blog-area .blog-items .blog-item .content p{color:#fff;opacity:.8;margin-bottom:30px;font-size:16px;font-weight:400;line-height:25px}.blog-details-area{padding-top:130px}.blog-details-area .blog-details-content{padding-right:85px}.blog-details-area .blog-details-content .img-box{margin-bottom:70px}.blog-details-area .blog-details-content .img-box img{width:100%;display:block}.blog-details-area .blog-details-content h1{color:#fff}.blog-details-area .blog-details-content .list{margin-bottom:30px}.blog-details-area .blog-details-content .list li{color:#898989;margin-bottom:24px;font-size:16px;line-height:25px}.blog-details-area .blog-details-content .list li:last-child{margin-bottom:0}.blog-details-area .blog-details-content .comments-and-form-wrap{margin-top:70px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments-and-form-wrap-inner{padding:40px 30px}.blog-details-area .blog-details-content .comments-and-form-wrap h2{color:#fff;letter-spacing:-1%;margin-bottom:40px;font-size:24px;line-height:26.8px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list{border-bottom:1px solid #323232;align-items:flex-start;gap:40px;margin-bottom:40px;padding-bottom:40px;display:flex}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .children{padding-left:80px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-avatar{flex:none;width:100px;height:100px;position:relative}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-avatar img{object-fit:cover;border-radius:50px;width:100%;height:100%;display:block}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-body .date{color:var(--primary_color);letter-spacing:-1%;margin-bottom:10px;font-size:16px;font-weight:500;line-height:16.8px;display:block}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-body h3{color:#fff;letter-spacing:-1%;font-size:24px;line-height:26.8px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-body p{color:#898989;font-size:16px;line-height:25px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-body .reply-btn{padding:10px 22px;font-size:14px}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group textarea,.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group input{color:#fff;background:linear-gradient(120deg,#ffffff0d,#ffffff03);border:none;border-radius:10px;width:100%;padding:17px 20px;font-size:14px;display:block}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group{margin-bottom:16px}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group:last-child{margin-bottom:0}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group textarea{resize:none;height:145px}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form button{border:none;width:100%;padding:18px 30px}.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group textarea:focus,.blog-details-area .blog-details-content .comments-and-form-wrap .comment-form form .input-group input:focus{box-shadow:none;outline:none}.contact-area{padding-top:80px}.contact-area .contact-form{width:100%;max-width:765px;position:relative}.contact-area .contact-form .shadow-box{padding:40px}.contact-area .contact-form img{position:absolute;top:0;right:10px}.contact-area .contact-form h1{color:#fff;margin-bottom:30px;font-size:44px}.contact-area .contact-form h1 span{color:var(--primary_color)}.contact-area .contact-form form .input-group+.input-group{margin-top:16px}.contact-area .contact-form form .input-group textarea,.contact-area .contact-form form .input-group input{color:#fff;background:linear-gradient(120deg,#ffffff0d,#ffffff03);border:none;border-radius:10px;width:100%;padding:17px 20px;font-size:14px;display:block}.contact-area .contact-form form .input-group textarea{resize:none;height:145px}.contact-area .contact-form form .input-group textarea:focus,.contact-area .contact-form form .input-group input:focus{box-shadow:none;outline:none}.contact-area .contact-form form .input-group button{border:none;border-radius:10px;width:100%;padding:16px 30px;font-size:14px}.contact-area .contact-infos{flex:none;width:290px}.contact-area .contact-infos h3{color:#fff;text-transform:uppercase;margin-bottom:29px;font-size:16px}.contact-area .contact-infos .contact-details{margin-bottom:55px}.contact-area .contact-infos .contact-details li{gap:24px}.contact-area .contact-infos .contact-details li+li{margin-top:70px}.contact-area .contact-infos .contact-details li .icon-box{text-align:center;color:#fff;border-radius:10px;flex:none;width:68px;height:68px;font-size:30px;line-height:75px}.contact-area .contact-infos .contact-details li .icon-box:after,.contact-area .contact-infos .contact-details li .icon-box:before{border-radius:10px}.contact-area .contact-infos .contact-details li .right span{color:#bcbcbc;opacity:.5;text-transform:uppercase;margin-bottom:7px;font-size:14px;line-height:1.2;display:block}.contact-area .contact-infos .contact-details li .right h4{color:#fff;opacity:.8;margin-bottom:7px;font-size:16px;font-weight:500}.contact-area .contact-infos .contact-details li .right h4:last-child{margin-bottom:0}.contact-area .social-links{gap:20px}.contact-area .social-links li a{text-align:center;color:#fff;border-radius:50%;width:82px;height:82px;font-size:32px;line-height:92px;transition:all .3s;display:block}.contact-area .social-links li a:hover{color:#0f0f0f;background:#fff}.contact-area .social-links li a:before,.contact-area .social-links li a:after{border-radius:50%}.feedback-message{text-align:center;color:#fff;border-radius:5px;padding:10px}.feedback-success{background-color:#787878}.feedback-error{background-color:#d470702b}.footer-area{padding-top:128px;padding-bottom:78px}.main-workspage .footer-area{padding-top:104px}.footer-area .footer-content .logo{display:inline-block}.footer-area .footer-content .logo img{display:block}.footer-area .footer-content .footer-menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:44px;margin:33px 0 37px;padding:0;display:flex}.footer-area .footer-content .footer-menu li a{color:#676767;text-transform:uppercase;letter-spacing:.1px;font-size:12px;font-weight:600;transition:all .3s}.footer-area .footer-content .footer-menu li a:hover{color:#fff}.footer-area .footer-content .copyright{color:#727272;margin:0;font-size:14px;font-weight:500}.footer-area .footer-content .copyright span{color:var(--primary_color)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-65.3%)}}@keyframes loader_running{0%{transform-origin:0;transform:scaleX(0)}49%{transform-origin:0;transform:scaleX(1)}50%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes preloader_slide{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mobile-menu{display:none}@media (max-width:1090px){.container{padding:0 20px}.about-area .about-me-box{padding:40px 30px}.about-area .about-me-box .img-box{width:190px;height:190px}.about-area .about-me-box .infos{padding-top:10px}.about-area .about-me-box .infos h1{font-size:30px;line-height:1.2}.about-area .about-me-box .infos .about-btn{bottom:25px}.info-box{padding:20px}.info-box>img{width:75%}.info-box.about-services-box .icon-boxes{margin-top:31px;margin-bottom:39px}.info-box .inner-profile-icons{padding:16px}.info-box .inner-profile-icons a{width:62px;height:62px}.info-box .inner-profile-icons a i{font-size:25px}.info-box.about-contact-box .star-icon{width:auto}.info-box.about-contact-box{padding-top:74px}.section-heading{font-size:54px}.section-heading img{width:25px}.service-area .service-sidebar .service-sidebar-inner{height:auto;padding:50px 24px}.service-area .service-sidebar .service-sidebar-inner ul{justify-content:center;gap:114px}.service-area .service-content-wrap .service-content-inner .service-item{width:100%;padding-bottom:30px}}@media (max-width:920px){.about-area .container .row:first-child .col-md-6{flex:none;width:100%}.about-area .about-me-box{margin-bottom:24px}.about-area .about-me-box .img-box{width:224px;height:224px}.about-area .about-me-box .infos h1{font-size:36px;line-height:1.2}.info-box.about-client-box .clients .client-item{padding:42px 10px}.info-box.about-client-box .clients .client-item h1{margin-bottom:12px;font-size:26px}.about-area .container>.row:nth-child(2) .blog-service-profile-wrap{flex-wrap:wrap;justify-content:space-between}.about-area .container>.row:nth-child(2) .blog-service-profile-wrap>div{width:calc(50% - 12px)}.about-area .container>.row:nth-child(2) .blog-service-profile-wrap>div:nth-child(2){order:3}.info-box.about-services-box .icon-boxes{gap:40px}.about-area .container>.row:nth-child(3) .col-md-6{width:100%}.info-box.about-client-box{margin-bottom:24px}.section-heading{justify-content:center;font-size:36px}.profile-contact-credentials-wrap{grid-template-columns:1fr 1fr;display:grid!important}.project-details-wrap .project-about-2,.project-details-wrap .project-infos-wrap{gap:24px}.breadcrumb-area .breadcrumb-content .section-heading br{display:none}}@media (max-width:810px){.credential-area .credential-sidebar{width:300px}.credential-area .container .gx-row{gap:40px}.about-area .about-me-wrap{flex-direction:column;gap:40px;align-items:center!important}.project-details-wrap .project-infos-wrap{flex-direction:column;padding:50px 24px 24px}.about-area .about-details .section-heading{margin-bottom:40px}.mobile-menu{text-align:center;z-index:9;background-color:#202020;flex-direction:row;justify-content:space-around;width:100%;padding-top:10px;display:flex;position:fixed;bottom:0}.mobile-menu div a,.mobile-menu div a:visited{color:#fff!important}}@media (max-width:767px){.credential-area .credential-sidebar .img-box img{border-radius:unset}.header-area{padding:20px 0}.header-area .navbar{z-index:15;width:100%;transform-origin:50% 50% 0px;opacity:0;visibility:hidden;will-change:transform;background:#0f0f0f;justify-content:center;padding-top:100px;padding-bottom:24px;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden;transform:translateY(-300px)scaleY(.5)scaleY(.5)}.header-area .navbar.active{opacity:1;visibility:visible;transform:translate(0,0)scale(1)scale(1)}.header-area .navbar .menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%}.header-area .navbar .menu li a{padding:0}.header-area .navbar .theme-btn{margin-top:48px;display:inline-block}.header-area .gx-row>.theme-btn{display:none}.header-area .show-menu{display:flex}.contact-area .gx-row,.credential-area .container .gx-row{flex-direction:column}.contact-area .contact-form{margin-top:50px}.project-details-wrap .project-about-2 .left-details,.contact-area .contact-form,.credential-area .credential-sidebar{width:100%}.about-area .about-experience{margin-bottom:24px}.projects-area .container>.row{grid-template-columns:1fr 1fr;display:grid}.project-details-wrap .project-about-2,.projects-area .container>.row .col-md-8>.d-flex{flex-direction:column}.project-details-wrap .project-details-img{height:300px}.breadcrumb-area .breadcrumb-content .section-heading{font-size:36px}.service-area .service-sidebar .service-sidebar-inner{width:100%;margin:auto auto 30px;padding:50px 24px}.service-area .service-sidebar .service-sidebar-inner ul{gap:50px;max-width:220px;margin:auto}.service-area .col-md-8>.section-heading{display:none}.service-area .container>.section-heading{margin-bottom:30px;display:flex}.blog-details-area,.blog-area{padding-top:40px;padding-bottom:40px}.blog-details-area .blog-details-content,.blog-area .blog-items{padding-right:0}.blog-area .blog-items .blog-item .img-box{margin-bottom:50px}.blog-sidebar{margin-top:50px}.mobile-menu{text-align:center;z-index:9;background-color:#202020;flex-direction:row;justify-content:space-around;width:100%;padding-top:10px;display:flex;position:fixed;bottom:0}.mobile-menu div a,.mobile-menu div a:visited{color:#fff!important}}@media (max-width:585px){.credential-area .credential-sidebar .img-box img{border-radius:unset}.about-area .about-me-box{flex-direction:column}.about-area .about-me-box .img-box{margin:auto}.about-area .container>.row:nth-child(2) .blog-service-profile-wrap{grid-template-columns:1fr}.about-area .about-credentials-wrap>.gx-row{flex-wrap:wrap}.about-area .about-credentials-wrap>.gx-row>*{flex:none;width:100%}.info-box>img{width:auto}.info-box.about-client-box .clients{flex-wrap:wrap;justify-content:center!important}.info-box.about-client-box .clients .client-item{flex:none;width:calc(50% - 12px)}.info-box.about-contact-box h1{font-size:30px;line-height:1.2}.contact-area .contact-form h1{font-size:34px}.contact-area .contact-form .shadow-box{padding:55px 20px 30px}.contact-area .social-links li a{width:50px;height:50px;font-size:20px;line-height:58px}.contact-area .contact-infos .contact-details li .icon-box{width:58px;height:58px;font-size:25px;line-height:63px}.contact-area .contact-infos .contact-details li+li{margin-top:40px}.projects-area .container>.row,.profile-contact-credentials-wrap{grid-template-columns:1fr}.about-area .about-image-box{width:100%;max-width:370px;padding:15px}.about-area .about-details .about-details-inner h1,.section-heading{font-size:26px}.about-area .about-details .about-details-inner{padding-top:80px}.projects-area .container>.section-heading{margin-bottom:40px;display:flex}.projects-area .col-md-8 .section-heading{display:none}.breadcrumb-area .breadcrumb-content .section-heading{font-size:24px}.project-details-wrap .project-details-3-img,.project-details-wrap .project-details-2-img{height:250px}.project-details-wrap .row .col-md-6:first-child .project-details-3-img{margin-bottom:24px}.project-details-wrap .project-about-2,.project-details-wrap .project-about-2 .left-details{padding:30px}.project-details-wrap .big-btn{margin-top:50px;padding:30px 46px;font-size:25px}.about-area .container>.row:nth-child(2) .blog-service-profile-wrap>div,.projects-area .project-item .project-img img{width:100%}.blog-area .blog-items .blog-item .img-box{height:300px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .children{padding-left:40px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list{gap:20px}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list .comment-avatar{width:70px;height:70px}.mobile-menu{text-align:center;z-index:9;background-color:#202020;flex-direction:row;justify-content:space-around;width:100%;padding-top:10px;display:flex;position:fixed;bottom:0}.mobile-menu div a,.mobile-menu div a:visited{color:#fff!important}}@media (max-width:425px){.about-area .about-me-box .infos h1{font-size:30px}.about-area .about-me-box .infos{padding-right:20px}.info-box.about-services-box .icon-boxes{gap:25px}.info-box.about-services-box .icon-boxes i{font-size:30px}.credential-area .skills-wrap .skill-items,.info-box.about-client-box .clients{grid-template-columns:1fr}.footer-area .footer-content .footer-menu{gap:24px}.credential-area .credential-content .credential-about{padding-bottom:70px}.contact-area .contact-form h1{font-size:30px}.info-box.about-client-box .clients .client-item{width:100%}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .comment-list{text-align:center;flex-direction:column;align-items:center}.blog-details-area .blog-details-content .comments-and-form-wrap .comments .children{padding-left:0}.mobile-menu{text-align:center;z-index:9;background-color:#202020;flex-direction:row;justify-content:space-around;width:100%;padding-top:10px;display:flex;position:fixed;bottom:0}.mobile-menu div a,.mobile-menu div a:visited{color:#fff!important}}iframe{border-radius:30px}.player-wrapper{padding-top:56.25%;position:relative}.react-player{width:100%;height:100%;position:absolute;top:0;left:0}
