@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";@import"https://cdn.lineicons.com/4.0/lineicons.css";.header_section{padding:6rem 0}.header_section{margin-top:5rem}.header_row{align-items:center;justify-content:space-between}.hero_text{font-family:Roboto,sans-serif;width:70%;color:var(--blue-color)}#hero_subtitle{font-size:17px;text-transform:capitalize;font-weight:400}.hero_text h1{font-size:46px;line-height:56px;font-weight:600;text-transform:capitalize;margin-bottom:10px;margin-top:0}.hero_text p{font-size:14px;line-height:27px;font-weight:400}.header_section img{width:50%;height:650px;display:none}.header_btns{display:flex}#head_project_btn{text-decoration:none}.header_socials{margin:38px 0 0 20px}.header_socials a{text-decoration:none;color:var(--blue-color)}.header_socials div{position:relative}.header_socials div span{position:absolute;background-color:var(--blue-color);color:#fff;padding:1rem;border-radius:10px;font-size:11px;z-index:2;top:-54px;left:10px;transition:all 1s}.header_socials div span:after{content:"";background-color:var(--blue-color);height:10px;width:10px;position:absolute;display:block;bottom:-4px;rotate:-45deg;z-index:4}.whatsapp{width:80px}.header_socials i{padding:10px;font-size:17px;border-radius:100%;border:1px solid var(--blue-color);margin-left:10px;cursor:pointer}.header_socials .lni-envelope:hover+.header_email{display:block}@media (min-width:992px){.header_section{margin-top:0}.header_section img{display:block}.hero_text{width:45%}}@media (max-width:425px){.header_socials i{display:none}}.about-section{padding:var(--section-padding);font-family:Roboto,sans-serif;background-color:#f9f9f979}.about-section .page_paragraph{width:100%}.about_details h5{font-size:22px;font-weight:500}.about_timeline span{border:1px solid var(--blue-color);padding:8px 1rem;border-radius:20px;font-size:13px}.about_details h6{font-size:17px;font-weight:500;margin-bottom:0;margin-top:18px;text-transform:capitalize}.about_details h4{font-size:13px;text-transform:capitalize;font-weight:400;margin-top:10px}.about_details_content{border-left:1px solid #eee}.about_timeline{padding-left:2rem;position:relative}.about_timeline{padding-top:1rem}.about_timeline:after{content:"";padding:4px;background-color:var(--blue-color);position:absolute;left:-4px;top:22px;border-radius:50%}.project-section{padding:var(--section-padding);font-family:Roboto,sans-serif;color:var(--blue-color)}.project-section .page_row{align-items:start}.project-section .section_header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center}.project_images{display:none}.project_img{position:relative;width:100%;margin-top:2rem}.project_img img:first-child{width:70%;height:240px}.project_img img:last-child{width:60%;height:210px;position:absolute;right:50px;top:100px}.project-section .project_card{padding-bottom:10px;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-bottom:2rem;cursor:pointer}.project-section .project_title span{text-transform:uppercase;font-size:12px;letter-spacing:2px}.project-section .project_title h6{font-size:18px;font-weight:500;margin:7px 0}.project-section .project_card a{text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--blue-color);display:flex;align-items:center;margin-top:10px;margin-bottom:12px}.project-section .project_card a i{font-size:16px;margin-left:8px}.skills_section{padding:var(--section-padding);color:var(--blue-color)}.skills_section .section_header p{margin-bottom:2rem}.skills_details_text{border-bottom:1px solid #eee;padding-bottom:1rem;margin-top:1px;padding-left:16px}.skills_details_text h6{font-size:17px;text-transform:capitalize;margin-bottom:10px;margin-top:15px;position:relative;cursor:pointer}.skills_details_text h6 p{font-size:12px;position:absolute;left:-20px;font-weight:300;top:-10px}.skills_details_text span{font-size:13px;display:block;position:relative;line-height:25px;padding-left:10px;font-weight:500;margin-left:10px}.skills_details_text span:before{content:"";padding:2px;top:10px;left:-10px;position:absolute;background-color:var(--blue-color);border-radius:100%}.skills_description{overflow:hidden;transition:all .001ms}.contact-section{padding:var(--section-padding);background-color:#f9f9f9}.contact_details{margin-top:3rem}.contact_details_col{padding-top:1rem;border-top:1px solid #eee;color:var(--blue-color)}.contact_details_text{display:flex;align-items:center}.contact_details_text i{background-color:#fff;padding:15px;display:block;border-radius:50%;font-size:20px;color:var(--blue-color);margin-right:10px;border:var(--site-border)}.contact_details_text p{font-size:13px}.contact_details_text p span{display:block}.contact_details_text p span:first-child{font-weight:500;margin-bottom:8px}.contact_details_text p span:last-child{font-weight:300}.contact_details_text p a{color:var(--blue-color)}.navbar{color:var(--blue-color);border-bottom:1px solid #f1f1f1;position:fixed;top:0;width:100%;background-color:#fff;z-index:2}.navbar .page_row{align-items:center;justify-content:none}#logo{font-size:20px;font-weight:700;line-height:0}.navlinks{display:none}.navlinks a{margin-left:3rem;text-decoration:none;font-size:14px;padding-bottom:4px;color:var(--blue-color)}#contact{background-color:var(--blue-color);color:#fff;padding:10px 2rem;font-size:14px;border-radius:30px}.active{border-bottom:3px solid var(--blue-color)}.navbar_btns{display:none;align-items:center}.navbar_btns a{text-decoration:none}.navbar i{padding:10px;border:1px solid #eee;border-radius:10px;margin-right:1rem;cursor:pointer}.menu_bar{background-color:var(--blue-color);height:35px;border-radius:5px;width:35px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu_bar span{width:15px}.menu_bar span,.menu_bar span:after,.menu_bar span:before{height:1.5px;background-color:#fff;display:block}.menu_bar span:after,.menu_bar span:before{content:"";position:absolute;width:8px;height:1.5px}.menu_bar span:after{margin-top:6px}.menu_bar span:before{margin-top:-6px}.mobile_links{height:100%;background-color:#fff}.mobile_links a{display:block;padding:1rem 0;text-decoration:none;color:var(--blue-color);font-size:14px}@media (min-width:992px){.menu_bar{display:none}.navlinks{display:block}#contact{display:inline}.navbar_btns{display:flex}}.modal{position:fixed;width:100%;height:100%;top:0;z-index:6;color:var(--blue-color);left:0;flex-direction:column;align-items:center;justify-content:center;display:flex;transform:scale(1)}.modal:after{content:"";position:relative;height:100%;width:100%;background-color:#000;opacity:.5}.modal_contianer{background-color:#fff;width:65%;height:85%;z-index:8;position:absolute;font-family:Roboto,sans-serif;overflow:scroll}.close-box{position:relative;padding-top:4rem}.modal_contianer #close-modal{background-color:var(--blue-color);color:#fff;display:block;position:absolute;right:1rem;top:1rem;padding:10px;font-size:13px;border-radius:100%;cursor:pointer}.modal_contianer .page_row{width:80%;margin:0 auto}.project_detail_first_row{align-items:center}.project_modal_col{width:48%}.project_details{border-radius:20px}.project_details_text{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}.project_details h6{font-size:15px;font-weight:500;width:40%;margin:0;line-height:45px}.project_details p,.project_details a{font-size:13px;font-weight:400;margin:0;line-height:45px}.project_details a{color:#00f;text-decoration:underline}.project_description{padding-left:2rem}.project_description h1{font-weight:500;margin-bottom:1rem;font-size:30px}.project_description p{font-size:13px;line-height:25px}.project_modal_images{margin-top:3rem;background-color:var(--blue-color);width:100%;padding:6rem 0}.project_modal_images img{width:600px;height:300px}.project_modal_images img:first-child{margin-right:10px}.image_slider span{height:4px;display:inline-block;width:20px;background-color:#f1f1f1;margin-right:10px;cursor:pointer;margin-top:1rem}.project_tools_box{justify-content:space-between}.tech_problems_description{margin-top:1rem}.tech_problems_description h6{font-size:18px;margin-bottom:8px}.tech_problems_list p{font-size:14px;line-height:22px;margin-bottom:1rem}.tech_problems_list span{display:block;font-size:13px;line-height:25px;color:var(--blue-color)}.project_module_arrows{margin:2rem 0}.project_module_arrows i{border:1px solid #ccc;padding:8px;border-radius:100%;cursor:pointer}.work-section{padding:4rem 0;color:#444397;margin-top:6rem}.work-section #work_btn{background-color:var(--blue-color);color:#fff;display:inline-block;font-size:13px;padding:16px 18px;width:100px;display:flex;align-items:center;border-radius:30px;text-transform:capitalize;border:none;margin-bottom:2rem;cursor:pointer;text-decoration:none}.work-section #work_btn i{margin-left:10px}.work-section .page_row{display:flex}.work_left_col h1{width:80%;margin-bottom:1rem;font-weight:600}.work_left_col{width:100%}.work_left_col p,.work_details p,.work_details span{font-size:14px;line-height:27px;color:#444397}.work_type{display:flex;flex-direction:column;justify-content:space-between;margin-top:2rem;margin-bottom:4rem}.work_type div{margin-bottom:1rem}.work_type span{display:block;line-height:20px}.work_type span a{color:#00f}.work_type span:first-child{text-transform:capitalize;font-weight:500;font-size:14px}.work_type span:last-child{text-transform:uppercase;font-size:11px}.work_info{justify-content:space-between;align-items:center;margin-bottom:3rem}.work_info:last-child .work_images{margin-top:1rem}.work_images{width:90%;position:relative}.work_images #big_work_image{width:100%;border-radius:10px}#small_img_one{position:absolute;height:310px;width:170px;right:-4rem;top:3rem;display:none}.work_description{width:100%}.work_details h6{font-size:24px;font-weight:500;margin-bottom:1rem}.work_details p{color:#444397;margin-bottom:2rem;font-size:15px}.work_details span{position:relative;padding-left:18px;display:block;margin-bottom:1rem}.work_details span:after{position:absolute;height:7px;width:7px;background-color:#444397;content:"";left:0;top:10px;border-radius:50%}.work_gallery{margin:4rem 0}.work_gallery .page_row{justify-content:space-between}.work_gallery img{width:23%;border-radius:10px}@media (min-width:992px){.work_info{justify-content:space-between;align-items:center;margin-bottom:10rem}#small_img_one{display:block}.work_info:last-child .work_images{margin-top:0}.work_type div{margin-bottom:0}}@media (min-width:768px){.work_type{flex-direction:row}}.portfolio_page_images{width:50%;padding-right:1rem}.portfolio_page_images img{width:100%;display:inline}.project_page_text{width:50%}:root{--blue-color:#444397;--section-padding: 6rem 0;--section-background-color: #f9f9f9;--site-border:1px solid #eee;--pageTitle-font-size:30px}body,html{margin:0;padding:0;height:100vh;width:100vw;font-family:Roboto,sans-serif}.page_row{display:flex;transition:all .8s;justify-content:space-between}.about-section .page_row,.header_section .header_row,.project_row,.skills_row,.contact_row,.work_info{flex-direction:column}.section_container{width:85%;margin:0 auto}.section_header{color:var(--blue-color)}.section_header h1{font-weight:600;font-size:35px;text-transform:capitalize;line-height:50px;width:100%}.content_col_left,.content_col_right,.contact_details_col{width:70%;color:var(--blue-color);margin:0 auto}.project_button{background-color:var(--blue-color);color:#fff;display:inline-block;font-size:14px;padding:1rem 2rem;display:flex;align-items:center;border-radius:30px;text-transform:capitalize;border:none;margin-top:2rem;cursor:pointer}.project_button i{margin-left:5px}.page_paragraph{font-size:14px;line-height:28px;font-weight:400;width:100%}@media (min-width:1200px){.section_container{width:70%}}@media (min-width:992px){.content_col_left{width:46%;margin:0}.content_col_right{width:47%;margin:0}.work_left_col{width:60%}.work_description{width:40%}.work_images{width:46%}.about-section .page_row,.header_section .header_row,.project_row,.skills_row,.contact_row,.work_info{flex-direction:row}.project_images{display:block}.contact_details_col{width:31%}.skills_details{padding-left:2rem;border-left:1px solid #eee}.page_paragraph{width:90%}.section_header h1,#project_title_text p{width:70%}}@media (max-width:600px){.hero_text,.content_col_left,.content_col_right,.contact_details_col{width:100%}.section_header h1,.hero_text h1{font-size:30px;line-height:40px}}@media (min-width:600px){.project-section .project_card{flex-direction:row;align-items:center}.project-section .project_card a{margin:0}}