.login_page_body{width:100%;height:100vh;display:flex;flex-direction:row;gap:0px;box-sizing:border-box;padding-top:50px}.login_page_body .strings_section{width:50%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;box-sizing:border-box;padding:50px 10px;gap:30px}.login_page_body .strings_section .Logo{width:200px;height:200px;object-fit:cover}.login_page_body .strings_section .description_login{padding:0;margin:0;font-size:25px;width:80%;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;gap:10px}.login_page_body .strings_section .description_login span{width:auto;display:block;font-size:17px}.login_page_body .strings_section .skip_login_btn{width:200px;height:40px;background-color:#58a0ff;display:flex;flex-direction:row;align-items:center;margin-top:70px;justify-content:center;border-radius:10px}.login_page_body .strings_section .skip_login_btn p{text-align:start;color:#fff;font-size:15px;width:50%;font-weight:400}.login_page_body .strings_section .skip_login_btn .icon_skin{color:#fff;font-size:12px}.login_page_body .login_form{width:50%;height:100%;background-color:#fff;box-sizing:border-box;padding:50px 60px;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative}.login_page_body .login_form p{padding:0;margin:0;font-size:30px;width:100%;color:#555;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login_page_body .login_form .text_filed{width:100%;height:40px;display:flex;flex-direction:row}.login_page_body .login_form .text_filed .textfiled_icon{width:10%;height:100%;font-size:20px;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.login_page_body .login_form .text_filed input{width:90%;height:100%;box-sizing:border-box;padding:10px;outline:none;border:none;background-color:#f5f5f5}.login_page_body .login_form .text_filed{width:100%;height:40px;display:flex;flex-direction:row;align-items:center}.login_page_body .login_form .text_filed button{width:50%;border-radius:5px;height:100%;line-height:20px;background-color:#f5f5f5;outline:none}.login_page_body .login_form .text_filed label{width:50%;height:100%;font-size:12px;display:flex;align-items:end;text-align:end;justify-content:end;color:#000}.login_page_body .login_form .or_login_label{font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;text-align:center;color:#000}.login_page_body .login_form .login_with{width:100%;height:40px;display:flex;align-items:center;justify-content:center}.login_page_body .login_form .login_with p{width:100px;font-size:17px;color:#000}.login_page_body .login_form .login_error{font-size:13px;color:red;width:100%;text-align:center;background-color:#f5f5f5;position:absolute;left:0;right:0;bottom:20px}@media (max-width: 767px){.login_page_body{flex-direction:column;height:auto;width:100%;padding-bottom:50px}.login_page_body .strings_section{padding:40px 0;width:100%;display:flex;flex-direction:column;align-items:center}.login_page_body .strings_section .Logo{width:150px;height:150px}.login_page_body .strings_section .description_login{font-size:20px;text-align:center;width:100%}.login_page_body .strings_section .skip_login_btn{width:200px;margin-top:20px}.login_page_body .login_form{width:100%;padding:10px 0}.login_page_body .login_form p{font-size:17px;width:70%}.login_page_body .login_form .text_filed .textfiled_icon{font-size:14px}.login_page_body .login_form .text_filed input{padding:6px}.login_page_body .login_form .or_login_label{font-size:8px;margin-top:10px;margin-bottom:5px}.login_page_body .login_form .login_with{margin-top:5px}.login_page_body .login_form .login_with p{font-size:14px}}.contact_page_body{width:100%;height:100vh;display:flex;flex-direction:row;padding-top:50px}.contact_page_body .contact_info{width:45%;height:100%}.contact_page_body .contact_info img{opacity:.1;z-index:0;position:absolute}.contact_page_body .contact_info .contacts_info_container{width:100%;height:100%;display:flex;flex-direction:column;gap:30px;justify-content:center;box-sizing:border-box;padding:50px 100px}.contact_page_body .contact_info .contacts_info_container .ather_contacts{width:100%;text-align:start;font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;padding:0;margin:0;color:#000}.contact_page_body .contact_form{z-index:1;width:55%;height:100%;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding:60px 100px;align-items:end;position:relative}.contact_page_body .contact_form .sending_message{position:absolute;top:10px;color:#58a0ff}.contact_page_body .contact_form label{width:100%;text-align:start;font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;padding:0;margin:0;color:#000}.contact_page_body .contact_form p{font-size:16px;font-weight:400;padding:0;margin:0;color:#000}.contact_page_body .contact_form input{width:100%;height:45px;border-radius:5px;outline:none;border:none;background-color:#f5f5f5;box-sizing:border-box;padding:10px}.contact_page_body .contact_form .name_number_inouts{width:100%;height:45px;display:flex;flex-direction:row;gap:5px;padding:0;margin:0}.contact_page_body .contact_form .name_number_inouts input{box-sizing:border-box;padding:10px;width:50%;height:100%;border-radius:5px;outline:none;border:none;background-color:#f5f5f5}.contact_page_body .contact_form textarea{box-sizing:border-box;padding:10px;width:100%;height:150px;border-radius:5px;outline:none;border:none;background-color:#f5f5f5}.contact_page_body .contact_form .send_message_btn{width:200px;height:50px;font-size:16px;font-weight:400;background-color:#58a0ff;outline:none;color:#fff}@media (max-width: 767px){.contact_page_body{flex-direction:column;width:100%;height:auto;min-height:100vh;gap:40px;padding-bottom:100px;padding-top:100px}.contact_page_body .contact_info{width:100%;height:auto;padding:0}.contact_page_body .contact_info img{width:90%;height:100vh}.contact_page_body .contact_info .contacts_info_container{padding:10px 0}.contact_page_body .contact_form{height:auto;width:100%;padding:0}}.contact_item{display:flex;flex-direction:row;gap:20px;align-items:center;width:auto;max-width:100%;z-index:1;box-sizing:border-box;padding:3px;border-radius:10px;transition:background-color 1s}.contact_item:hover{background-color:#58a0ff}.contact_item:hover .contact_item_label{color:#fff}.contact_item .contact_item_icon{width:40px;height:40px;border-radius:30px;background-color:#58a0ff;display:flex;justify-content:center;align-items:center;font-size:18px;color:#f5f5f5}.contact_item .contact_item_label{text-decoration:underline;transition:color 1s;height:100%;display:flex;align-items:center;font-weight:600;color:#000}header{width:100%;height:60px;position:absolute;left:0;right:0;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box;padding-left:5%;padding-right:5%;box-shadow:1px 1px 5px #999;z-index:10;background-color:#fff}header .logo_section{width:auto;height:100%;display:flex;flex-direction:row;gap:0px;align-items:center;display:none}header .logo_section .mobile_icon_menu{display:none}header .logo_section .logo_label{font-size:17px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;width:100px;font-style:italic;display:flex;align-items:center;height:100%}header .about_search_seaction{width:auto;height:100%;display:flex;flex-direction:row;gap:30px}header .about_search_seaction .about_me_icon{width:auto;display:flex;flex-direction:row;align-items:center;gap:5px}header .about_search_seaction .about_me_icon label{color:#555;padding-right:10px}header .about_search_seaction .about_me_icon .profile_img{width:40px;height:40px;border-radius:30px}header .about_search_seaction .about_me_icon .active_profile_image{width:40px;height:40px;border-radius:30px;padding:2px;border:2px solid blue}header .about_search_seaction .search_input{display:flex;width:200px;height:100%;align-items:center;position:relative}header .about_search_seaction .search_input .search_icon{position:absolute;right:5px;background-color:#f5f5f5}header .about_search_seaction .search_input input{width:100%;height:30px;box-sizing:border-box;padding:5px;border:none;border-radius:5px;outline:none;background-color:#f5f5f5}header .app_routes{display:flex;width:400px;gap:5px;align-items:center}header .app_routes .route{height:40px;width:100px;text-align:start;display:flex;justify-content:center;align-items:center;color:#555;position:relative}@media (max-width: 767px){header{width:100%;box-sizing:border-box;padding-left:5%;padding-right:5%}header .logo_section{display:flex;gap:10px}header .logo_section .mobile_icon_menu{width:30px;height:30px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#000}header .app_routes{position:fixed;background-color:#f5f5f5;width:60%;height:100vh;right:-300px;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;align-items:start;padding:50px 20px;transition:right 1s}header .app_routes .route{justify-content:start}header .about_search_seaction .search_input{display:none}header .about_search_seaction .about_me_icon{width:auto;gap:10px}}.about_me_introduction{width:100%;height:100vh;display:flex;flex-direction:row;box-sizing:border-box;padding-top:40px;position:relative}.about_me_introduction #dotsCanvas{z-index:0;position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;pointer-events:none}.about_me_introduction .personelle_information_section{z-index:1;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:20px}.about_me_introduction .personelle_information_section label,.about_me_introduction .personelle_information_section h1,.about_me_introduction .personelle_information_section p{padding:0;margin:0}.about_me_introduction .personelle_information_section .hallo_word{width:auto;height:auto;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;color:#000}.about_me_introduction .personelle_information_section .my_name{font-size:40px;width:50%;line-height:1.3;font-weight:500;color:#000}.about_me_introduction .personelle_information_section .my_name span{color:#58a0ff}.about_me_introduction .personelle_information_section .my_bio{font-size:15px;font-weight:300;width:80%;line-height:1.6;color:#000}.about_me_introduction .personelle_information_section .contact_cv_btns{width:100%;height:50px;display:flex;flex-direction:row;gap:5px}.about_me_introduction .personelle_information_section .contact_cv_btns button{width:200px;height:100%;border-radius:30px}.about_me_introduction .personelle_information_section .contact_cv_btns .btn_cv{background-color:#58a0ff;color:#fff;border-radius:30px;width:200px;display:flex;justify-content:center;align-items:center}.about_me_introduction .personelle_information_section .contact_cv_btns .btn_contact{background:none;border:2px solid #58a0ff;color:#58a0ff;display:flex;text-align:center;justify-content:center;align-items:center;gap:10px;border-radius:30px;width:200px;background-color:#fff}.about_me_introduction .personelle_profile_contact{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;gap:20px;z-index:1}.about_me_introduction .personelle_profile_contact .image_profile{width:90%;height:80%;border:1px solid #c8e0ff;background-color:#fff;border-radius:200px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px}.about_me_introduction .personelle_profile_contact .image_profile .profile_border{width:100%;height:100%;border:1px solid #94c3ff;box-sizing:border-box;padding:10px;border-radius:200px}.about_me_introduction .personelle_profile_contact .image_profile .profile_border .profile_container{width:100%;height:100%;border:5px solid #58a0ff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:200px}.about_me_introduction .personelle_profile_contact .image_profile .profile_border .profile_container .profile_img{width:100%;height:100%;border-radius:200px;object-fit:cover;box-shadow:1px 1px 30px #58a0ff;opacity:.8;transition:transform 1s ease;z-index:2}.about_me_introduction .personelle_profile_contact .image_profile .profile_border .profile_container .profile_img:hover{transform:scale(1.2)}.about_me_introduction .personelle_profile_contact .media_contacts{height:50%;width:50%;display:flex;flex-direction:column;gap:20px;justify-content:center}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item{height:40px;display:flex;align-items:center;gap:5px;transition:background-color .5s ease;border-radius:10px;background-color:#fff}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item:hover{background:linear-gradient(to left,#f5f5f5,#58a0ff)}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item:hover .social_icon{background:none;color:#fff}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item .social_icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:20px;background-color:#f5f5f5}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item .social_text{color:#000;font-weight:400}@media (max-width: 767px){.about_me_introduction{flex-direction:column;padding-top:100px;height:auto;gap:90px}.about_me_introduction .personelle_information_section{width:100%;height:auto}.about_me_introduction .personelle_profile_contact{width:100%;height:auto;margin-bottom:100px;gap:5px}.about_me_introduction .personelle_profile_contact .media_contacts{width:40%}.about_me_introduction .personelle_profile_contact .media_contacts .social_media_item .social_text{font-size:14px}.about_me_introduction .personelle_profile_contact .image_profile{width:60%;height:80%}}.formations_section{width:100%;min-height:40vh;height:auto;display:flex;flex-direction:column;margin-top:50px;margin-bottom:100px}.formations_section p{color:#58a0ff}.formations_section .formation_setion{display:grid;grid-template-columns:auto auto;gap:30px;margin-top:30px}@media (max-width: 767px){.formations_section{grid-template-columns:auto;gap:10px;height:auto;gap:50px;margin-top:10%;margin-bottom:30%;width:100%}.formations_section .formation_setion{width:100%;display:grid;grid-template-columns:auto;gap:50px;margin-top:10px}}.formation-card{width:100%;border-radius:10px;display:flex;flex-direction:row;gap:10px;box-sizing:border-box;padding:5px}.formation-card .formation_image{width:40%;height:100%;border-radius:10px}.formation-card .formation_details{width:50%;height:100%;display:flex;flex-direction:column;gap:1px;justify-content:center}.formation-card .formation_details .formation_title{padding:0;margin:0;font-size:20px;color:#000;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.formation-card .formation_details .formation_description{color:#000;padding:0;margin:0;font-size:15px;width:100%;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 767px){.formation-card{height:auto;width:100%;border-radius:10px;flex-direction:column;gap:10px;box-sizing:border-box;padding:5px;display:flex}.formation-card .formation_details{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;justify-content:center}.formation-card .formation_details .formation_title{padding:0;margin:0;font-size:16px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.formation-card .formation_details .formation_description{padding:0;margin:0;font-size:13px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}}.services_template{width:100%;margin:auto;display:flex;flex-direction:column;min-height:100vh;gap:50px}.services_template p{color:#58a0ff}.services_template .services_container{display:grid;grid-template-columns:auto auto auto;grid-row-gap:50px;grid-column-gap:0px}@media (max-width: 700px){.services_template{gap:90px}.services_template .services_container{width:100%;margin:auto;display:grid;grid-template-columns:auto;grid-row-gap:50px}}.service-card{width:80%;border-radius:5px;box-sizing:border-box;box-shadow:1px 1px 5px #d7d7d7;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px;padding:20px;margin:auto;height:300px;transition:transform .5s ease-in-out}.service-card:hover{transform:translateY(-5px)}.service-card .service-card-img{width:100px;height:100px}.service-card .service-card-img img{width:100%;height:100%}.service-card h3,.service-card p{padding:0;margin:0}.service-card p{font-size:12px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.service-card h3{font-size:19px;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.service-card span{color:#000;width:100%;display:flex;justify-content:end}.skill_template{width:100%;display:flex;flex-direction:column;height:40vh;justify-content:center;align-items:start;overflow:hidden;gap:20px;gap:50px}.skill_template p{color:#58a0ff}.skill_template .skill_card{height:45px;box-sizing:border-box;border-radius:30px;display:flex;justify-content:center;align-items:center;justify-self:center;text-align:center;padding:0 30px;margin:5px 10px;box-shadow:1px 1px 3px #999}@media (max-width: 700px){.skill_template{display:flex;flex-direction:column}.skill_template .skill_card{display:grid;grid-template-columns:auto auto;font-size:14px;color:#000}}.footer{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.footer .footer_tanks{padding:0;margin:0;font-size:15px;font-weight:500;text-align:center;color:#c8c8c8}.footer .footer_profile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.footer .footer_profile .footer_image_profile{width:100px;height:100px;box-sizing:border-box;padding:3px;border:4px #58a0ff solid;border-radius:150px}.footer .footer_profile .footer_name{font-size:20px;font-weight:700;color:#58a0ff;padding:0;margin:0}.footer .footer_pages_router{width:100%;height:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.footer .footer_pages_router .footer_route{font-size:17px;font-weight:500;color:#000}@media (max-width: 450px){.footer .footer_pages_router{height:auto}.footer .footer_pages_router .footer_route{font-size:14px;font-weight:500}}.footer .footer_media_icons{width:100%;height:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;font-size:25px}.footer .footer_copy_right{font-weight:400;font-size:12px;padding:0;margin:0}@media (max-width: 450px){.footer .footer_copy_right{font-size:11px}}.gallery_page{width:100%;min-height:100vh;display:flex;flex-direction:column;gap:150px;align-items:center;box-sizing:border-box;padding-top:150px;height:auto}.gallery_page .introduction_gallery{width:100%;height:450px;display:flex;flex-direction:row;justify-content:space-between}.gallery_page .introduction_gallery .latest_project_description{width:50%;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:20px}.gallery_page .introduction_gallery .latest_project_description .latest_project_label_date{width:100%;height:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.gallery_page .introduction_gallery .latest_project_description .latest_project_label_date .latest_project_label{font-size:12px;font-weight:300;color:#000;padding:0;margin:0}.gallery_page .introduction_gallery .latest_project_description .latest_project_label_date .latest_project_date{font-size:10px;font-weight:300;color:#555;padding:0;margin:0}.gallery_page .introduction_gallery .latest_project_description .latest_paroject_name{padding:0;margin:0;font-weight:600;font-size:35px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gallery_page .introduction_gallery .latest_project_description .latest_paroject_name .latest_paroject_name_funtion{color:#58a0ff}.gallery_page .introduction_gallery .latest_project_description .latest_project_description{padding:0;margin:0;font-size:14px;font-weight:300;height:auto;width:100%}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns{width:100%;height:45px;display:flex;gap:10px;flex-direction:row}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns .lates_project_google_btn{width:150px;height:100%;border-radius:40px;background-color:#58a0ff;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns .lates_project_google_btn .lates_project_apple_label{font-weight:400;font-size:16px}.gallery_page .projects_section{width:100%;height:auto}.gallery_page .projects_section .projects_section_mobile{display:grid;grid-template-columns:auto auto auto;gap:20px;padding-bottom:100px}@media (max-width: 450px){.gallery_page .projects_section .projects_section_mobile{grid-template-columns:auto}}.gallery_page .projects_section .proects_section_web{display:grid;grid-template-columns:auto auto;gap:20px;padding-bottom:100px}@media (max-width: 450px){.gallery_page .projects_section .proects_section_web{grid-template-columns:auto}}@media (max-width: 700px){.gallery_page{height:auto;padding-top:120px}.gallery_page .introduction_gallery{height:auto;flex-direction:column;align-items:center;justify-content:center;gap:40px}.gallery_page .introduction_gallery .latest_project_description{order:2;width:100%;height:auto;gap:10px}.gallery_page .introduction_gallery .latest_project_description .latest_paroject_name{padding:0;margin:0;font-size:30px}.gallery_page .introduction_gallery .latest_project_description .latest_project_description{font-size:13px}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns{height:40px}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns .lates_project_google_btn{width:130px}.gallery_page .introduction_gallery .latest_project_description .latest_project_btns .lates_project_google_btn .lates_project_apple_label{font-size:14px}.gallery_page .introduction_gallery .latest_project_paceholder{order:1}}.project_card{width:35vw;border-radius:20px;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;position:relative;background-color:#fff;transition:box-shadow .3s ease,transform .5s ease;margin:50px auto auto}.project_card:hover{transform:scale(1.05);box-shadow:1px 1px 5px #555}.project_card .images_scrolling_controller{position:absolute;width:100%;height:100%;top:0;height:315px;display:flex;flex-direction:row}.project_card .images_scrolling_controller .icon_scroll_left,.project_card .images_scrolling_controller .icon_scroll_right{width:50%;height:100%}.project_card .template_images{width:auto;display:flex;flex-direction:row;gap:10px;overflow:hidden;box-sizing:border-box;padding:3px;scroll-behavior:smooth}.project_card .template_images img{box-shadow:1px 1px 5px #555;border-radius:10px;height:300px;object-fit:fill}.project_card .template_description{width:100%;display:flex;flex-direction:column;gap:10px}.project_card .template_description h3,.project_card .template_description p{padding:0;margin:0}.project_card .template_description .template_info{display:flex;flex-direction:column}.project_card .template_description .template_info .description_template{font-size:13px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;display:flex;line-height:1.4;color:#000;margin:10px 0}.project_card .template_description .template_info .tags_container .template_type{height:auto;font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;padding:0 10px;background-color:#58a0ff;display:inline-block;margin:2px;border-radius:10px;color:#fff;line-height:19px}.project_card .template_description .template_info .name_time{width:100%;height:30%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project_card .template_description .template_info .name_time h3{font-size:15px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.project_card .template_description .template_info .name_time p{font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;color:#000}.project_card .template_description .tempate_icon_btn{width:100%;height:35px;display:flex;flex-direction:row;gap:2px}.project_card .template_description .tempate_icon_btn .download_template{width:50%;height:100%;background:none;background-color:#58a0ff;font-size:13px;outline:none;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.project_card .template_description .tempate_icon_btn .icon_like{border-radius:10px;font-size:15px;width:15%;height:100%;display:flex;align-items:center;color:#fff;justify-content:center;background-color:#58a0ff}.project_card .template_reders_icons{width:30px;height:100px;position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:20px}.project_card .template_reders_icons .icon_read_template,.project_card .template_reders_icons .icon_read_vedio{width:30px;height:30px;border-radius:30px;background-color:#fff;display:flex;justify-content:center;align-items:center}.project_card .no_github_url{font-size:12px;height:30px;border-radius:10px;box-sizing:border-box;padding:5px;position:absolute;color:red;bottom:-30px;line-height:15px}@media (max-width: 700px){.project_card{width:90vw}.project_card .template_description{width:100%}.project_card .template_description .tempate_icon_btn{height:40px}}.blog_page{width:100%;min-height:100vh;padding-top:100px;padding-bottom:100px;display:flex;flex-direction:column;gap:50px}.blog_page .blogs_body{height:auto;display:flex;flex-direction:row;gap:20px;margin-top:150px}.blog_page .blogs_body .blogs_section{width:75%;height:100%;display:grid;grid-template-columns:auto auto;gap:20px}.blog_page .blogs_body .blogs_filters{width:25%;height:min-content;gap:0px;display:flex;flex-wrap:wrap}.blog_page .blogs_body .blogs_section,.blog_page .blogs_body .blogs_filters{order:1}@media (max-width: 700px){.blog_page{width:100%;min-height:100vh;padding-top:100px;padding-bottom:100px;display:flex;flex-direction:column;gap:50px}.blog_page .blogs_body{flex-direction:column;margin-top:50px;gap:50px}.blog_page .blogs_body .blogs_section{width:100%;grid-template-columns:auto}.blog_page .blogs_body .blogs_filters{width:100%;height:min-content}.blog_page .blogs_body .blogs_filters{order:1}.blog_page .blogs_body .blogs_section{order:2}}.blog_card_compoent{width:100%;height:500px;display:flex;flex-direction:column;gap:2%}.blog_card_compoent .img_blog{height:49%;width:100%}.blog_card_compoent .blog_informations{width:100%;height:49%;display:flex;flex-direction:column;gap:10px}.blog_card_compoent .blog_informations .blog_title{font-size:22px;font-weight:600;padding:0;margin:0}.blog_card_compoent .blog_informations .blog_description{font-weight:400;font-size:15px;padding:0;margin:0}.blog_card_compoent .blog_informations .blog_tags_section{width:100%;height:auto;display:flex;flex-wrap:wrap}.blog_card_compoent .blog_informations .blog_writer_date{height:50px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blog_card_compoent .blog_informations .blog_writer_date .blog_writer{width:50%;height:50px;display:flex;flex-direction:row;justify-self:start;align-items:center;gap:5px}.blog_card_compoent .blog_informations .blog_writer_date .blog_writer .blog_writer_img{width:50px;border-radius:50px}.blog_card_compoent .blog_informations .blog_writer_date .blog_writer .blog_writer_name{padding:0;margin:0;font-size:17px;font-weight:600}.blog_card_compoent .blog_informations .blog_writer_date .the_blog_date{font-size:10px;font-weight:400}.blog_card_compoent .blog_informations .container_on_hover_effect{width:100%;height:2px;border-radius:2px;background-color:none}.blog_card_compoent:hover .container_on_hover_effect{background-color:#58a0ff}@media (max-width: 700px){.blog_card{width:100%;display:flex;flex-direction:column;gap:20px;margin:30px auto auto;box-sizing:border-box;padding:5px;border-radius:20px;box-shadow:1px 1px 5px #999}}.currant_work{width:100%;height:400px;margin-top:5%;display:flex;flex-direction:row;gap:20px}.currant_work .currant_work_description_sec{width:50%;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:10px}.currant_work .currant_work_description_sec .crrant_woro_date_container{width:100%;height:30px;font-size:11px;font-weight:200;display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:start;padding:0;margin:0}.currant_work .currant_work_description_sec .title_curant_work{padding:0;margin:0;font-weight:600;font-size:35px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.currant_work .currant_work_description_sec .title_curant_work .title_currant_work_marker{color:#58a0ff}.currant_work .currant_work_description_sec .currant_work_description{font-size:14px;font-weight:300;padding:0;margin:0}.currant_work .currant_work_description_sec .curant_work_tags{width:auto;display:flex;flex-wrap:wrap;padding:0;margin:0}.currant_work .currant_work_description_sec .btn_wich_good_lock{width:auto;height:45px;border-radius:30px;text-align:center;color:#fff;background-color:#58a0ff;padding:10px 30px;outline:none;font-size:16px}.currant_work .currant_work_media_sec_mobile{width:50%;height:100%;display:flex;flex-direction:row;justify-content:end;gap:5px}.currant_work .currant_work_media_sec_mobile .currant_work_media_image_mobile{width:40%;height:100%;box-shadow:1px 1px 5px #c1c1c1;border-radius:10px}.currant_work .currant_work_media_sec_web{width:50%;height:100%;display:flex;justify-content:end;align-items:end}.currant_work .currant_work_media_sec_web .currant_work_media_image_web{height:90%;width:100%}@media (max-width: 700px){.currant_work{height:auto;flex-direction:column;gap:50px;margin-top:1%}.currant_work .currant_work_description_sec{width:100%;gap:20px}.currant_work .currant_work_description_sec .title_curant_work{font-size:30px}.currant_work .currant_work_description_sec .currant_work_description{font-size:12px;font-weight:300;padding:0;margin:0}.currant_work .currant_work_media_sec{width:100%;justify-content:center;gap:20px}.currant_work .currant_work_media_sec .currant_work_media_image{width:45%}}.template_vedio_navbar{position:fixed;top:0;bottom:0;width:450px;background-color:#fff;z-index:100;box-sizing:border-box;padding:30px;transition:left 1s}.template_vedio_navbar h4{font-size:17px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400}.template_vedio_navbar .template_vedio_header{width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-between}.template_vedio_navbar .template_vedio_header h4{padding:0;margin:0}.template_vedio_navbar .template_vedio_header .icon_close{width:30px;height:30px;border-radius:30px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.template_vedio_navbar .vedio_media{width:100%;height:90%;border-radius:10px}@media (max-width: 700px){.template_vedio_navbar{position:fixed;top:0;bottom:0;width:100%;background-color:#fff;z-index:100;box-sizing:border-box;padding:30px}}.progress_bar{position:fixed;top:0;height:3px;background-color:#58a0ff;left:0;right:0;z-index:100}.title_container{display:flex;flex-direction:row;height:30px;align-items:center}.title_container p{height:30px;line-height:25px;margin:0;font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;padding:0 10px;color:#58a0ff}.title_container .span_raduis{width:3px;height:3px;border-radius:10px;border:#58a0ff 1px solid}.services_details_container{min-height:100vh;padding-top:100px;display:flex;flex-direction:column;gap:80px}.services_details_container .service_details_description{padding:20px;width:100%;height:50vh;display:flex;flex-direction:row;gap:50px;justify-content:center}.services_details_container .service_details_description .details_section1{width:50%;height:100%}.services_details_container .service_details_description .details_section1 img{width:100%;height:100%}.services_details_container .service_details_description .details_section2{width:50%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:30px}.services_details_container .service_details_description .details_section2 p{font-size:17px;font-weight:500;color:#000}.services_details_container .service_details_description .details_section2 .description_details_service{font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;line-height:30px}.services_details_container .service_details_description .details_section2 .services_see_projects_btn{width:100%;display:flex;flex-direction:row;justify-content:end}.services_details_container .service_details_description .details_section2 .services_see_projects_btn .btn_see_projects{background-color:#58a0ff;color:#fff;border-radius:30px;width:200px;height:50px;display:flex;justify-content:center;align-items:center}.services_details_container .service_details_doit_items{width:100%;padding:10px;display:grid;grid-template-columns:auto auto auto}@media (max-width: 767px){.services_details_container{min-height:100vh;padding-top:100px;display:flex;flex-direction:column;gap:80px;padding-bottom:100px}.services_details_container .service_details_description{width:90%;height:auto;flex-direction:column}.services_details_container .service_details_description .details_section1,.services_details_container .service_details_description .details_section1 img{width:100%;height:100%}.services_details_container .service_details_description .details_section2{width:100%}.services_details_container .service_details_doit_items{width:100%;padding:10px;display:grid;grid-template-columns:auto}}.service_technolgy_card{width:300px;height:250px;display:flex;flex-direction:column;gap:10px;padding:10px}.service_technolgy_card .technology_imgname{height:40%;display:flex;flex-direction:row;align-items:end;gap:20px}.service_technolgy_card .technology_imgname p{font-size:20px;font-weight:700;color:#58a0ff}.service_technolgy_card .technology_imgname img{width:100px;height:100%;border-radius:20px;box-shadow:5px 5px 5px #f5f5f5}.service_technolgy_card p{font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;color:#000}@media (max-width: 700px){.service_technolgy_card{width:300px;height:auto;display:flex;flex-direction:column;gap:10px;padding:10px}.service_technolgy_card .technology_imgname{height:auto;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px}.service_technolgy_card .technology_imgname p{font-size:20px;font-weight:700;color:#58a0ff}.service_technolgy_card .technology_imgname img{width:100px;height:100px;border-radius:20px;box-shadow:5px 5px 5px #f5f5f5}.service_technolgy_card p{font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;color:#000}}.project_web_card{width:100%;height:70vh;border-radius:10px;display:flex;flex-direction:row;gap:0px}.project_web_card .web_project_about{width:35%;height:100%;box-sizing:border-box;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:10px}.project_web_card .web_project_about .title_web_prj{width:100%;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.project_web_card .web_project_about .title_web_prj h2{font-size:22px;font-weight:400}.project_web_card .web_project_about .title_web_prj p{font-size:10px;line-height:30px;color:#555}.project_web_card .web_project_about p{font-size:15px;font-weight:300;line-height:1.6}.project_web_card .web_project_about .web_projects_tags{width:100%;height:auto}.project_web_card .web_project_about .web_projects_tags .tag_item{height:25px;border-radius:10px;display:inline-block;margin:2px;text-align:center;color:#fff;line-height:25px;background-color:#58a0ff;padding:0 20px;font-size:12px}.project_web_card .web_project_about .web_projects_btns{width:100%;height:70px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.project_web_card .web_project_about .web_projects_btns .go_out_card{height:40px;background-color:#58a0ff;color:#fff;border-radius:30px;width:150px;display:flex;justify-content:center;align-items:center}.project_web_card .web_project_imgs{width:65%;height:100%;box-sizing:border-box;padding:20px;position:relative}.project_web_card .web_project_imgs img{width:100%;height:100%;border-radius:25px}@media (max-width: 700px){.project_web_card{width:100%;height:auto;border-radius:10px;display:flex;flex-direction:column;gap:0px;box-shadow:1px 1px 5px #999}.project_web_card .web_project_about{width:100%}.project_web_card .web_project_imgs{width:100%;height:100%;box-sizing:border-box;padding:20px;position:relative}.project_web_card .web_project_imgs img{width:100%;height:100%;border-radius:25px}}.carousel{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;position:relative}.carousel .btn_next_pre{background:none;border:none;outline:none}.carousel .slide{width:100%;height:100%;background-color:#fff;text-align:center;display:flex;flex-wrap:nowrap;overflow-x:hidden}.carousel .slide-item{opacity:1;transition:opacity 1s ease-in-out;width:100%;height:100%;display:flex;flex-direction:row}.carousel .slide-item .img_sec{width:100%;height:100%;border-radius:10px}.carousel .hide{opacity:0}.carousel .web_project_imgs_btn_container{width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}.carousel .web_project_imgs_btn_container .icon_next_image{width:50px;height:50px;border-radius:10px;background-color:#58a0ff;display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;transition:1s background-color,1s color;position:absolute;bottom:5px;right:5px}.carousel .web_project_imgs_btn_container .icon_next_image:hover{background-color:#fff;color:#58a0ff}@media (max-width: 700px){.carousel{width:100%;height:50vh;display:flex;flex-direction:row;justify-content:space-between;position:relative}.carousel .btn_next_pre{background-color:#f5f5f5;position:absolute;bottom:0;outline:none;border:none}.carousel #prev{left:0}.carousel #next{right:0}.carousel .slide{width:100%;height:100%;background-color:#fff;text-align:center;display:flex;flex-wrap:nowrap;overflow-x:hidden}.carousel .slide-item{opacity:1;transition:opacity .9s ease-in-out;width:100%;height:100%;display:flex;flex-direction:row}.carousel .slide-item .img_sec{width:100%;height:90%}.carousel .slide-item .disctiption_sec{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;align-items:start;justify-content:center;box-sizing:border-box;padding:0 0 0 10px}.carousel .hide{opacity:0}}.currant_work_tip{width:auto;padding:0 20px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.currant_work_tip .tip_notifier{width:5px;height:5px;border-radius:5px;background-color:#58a0ff}.currant_work_tip .tip_text{font-size:11px;font-weight:300;padding:0;margin:0}.filter_label{width:auto;height:30px;padding:5px 25px;border-radius:30px;border:1px solid #58a0ff;color:#58a0ff;margin:1px;display:flex;align-items:center;justify-content:center;cursor:pointer}.filter_label_selected{width:auto;padding:5px 25px;height:30px;margin:1px;border-radius:30px;border:1px solid #58a0ff;color:#fff;background-color:#58a0ff;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 450px){.filter_label,.filter_label_selected{padding:2px 10px;font-size:15px}}.mobile_card_v2{width:340px;height:450px;display:flex;position:relative}.mobile_card_v2 .faced_image,.mobile_card_v2 .back_image{border:3px solid #58a0ff;width:60%;height:87%;position:absolute;border-radius:20px}.mobile_card_v2 .faced_image{top:0;left:0}.mobile_card_v2 .back_image{bottom:0;right:0}.mobile_card_v2 .profile_screens_count{width:80px;height:30px;border-radius:40px;background-color:#58a0ff;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff}.web_project_card_v2{width:100%;height:420px;background-color:#cfcfcf;border-radius:10px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:10px}.web_project_card_v2 .web_project_card_bigger_img_contaniner{width:100%;height:80%;position:relative}.web_project_card_v2 .web_project_card_bigger_img_contaniner .web_project_card_bigger_img{width:100%;height:100%;border-radius:4px}.web_project_card_v2 .web_project_card_bigger_img_contaniner .try_live_btn{position:absolute;bottom:20px;right:20px;height:40px;width:40px;border-radius:10px;box-shadow:1px 1px 10px #999;background-color:#fff;display:flex;justify-content:center;align-items:center}.web_project_card_v2 .web_project_card_bigger_img_contaniner .try_live_btn .try_live_arrow{transform:rotate(-45deg)}.web_project_card_v2 .web_project_smaller_images{width:100%;height:20%;display:grid;grid-template-columns:auto auto auto;gap:10px}.web_project_card_v2 .web_project_smaller_images .web_project_card_smaller_img{border-radius:4px;width:100%;height:100%}.web_project_card_v2 .error_happend{width:450px;height:50px;border:2px solid rgb(255,0,0);border-radius:5px;position:fixed;top:100px;left:20px;background-color:#ffb6b6;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px;box-sizing:border-box;padding:0 10px;font-size:16px}.web_project_card_v2 .error_happend .error_text_placeholder{font-size:12px;color:red;height:20px;line-height:19px}@media (max-width: 450px){.web_project_card_v2 .error_happend{width:90%;height:40px;left:5px;top:70px}.web_project_card_v2 .error_happend .error_text_placeholder{font-size:11px;color:red;height:10px;line-height:11px}}.mobile_template_details_body{min-height:100vh;padding-top:130px;display:flex;flex-direction:column;gap:100px;padding-bottom:100px}@media (max-width: 450px){.mobile_template_details_body{gap:40px}}.mobile_template_details_body .mobile_template_detials_description{height:auto;margin:auto;width:50%;display:flex;flex-direction:column;gap:20px;align-items:center}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_description{width:100%}}.mobile_template_details_body .mobile_template_detials_description .mobile_template_name{font-size:35px;font-weight:500;padding:0;margin:0}.mobile_template_details_body .mobile_template_detials_description .mobile_template_name .mobile_template_funtion{color:#58a0ff}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_description .mobile_template_name{font-size:30px}}.mobile_template_details_body .mobile_template_detials_description .mobile_template_description{font-weight:300;font-size:14px;padding:0;margin:0;text-align:center}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_description .mobile_template_description{font-size:13px}}.mobile_template_details_body .mobile_template_detials_description .mobile_template_tags{width:100%;height:auto;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.mobile_template_details_body .mobile_template_detials_description .mobile_template_btns{width:100%;height:45px;display:grid;grid-template-columns:auto auto auto;gap:10px}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_description .mobile_template_btns{gap:2px}}.mobile_template_details_body .mobile_template_detials_description .mobile_template_btns .mobile_template_btn{border-radius:30px;height:100%;width:100%;background-color:#58a0ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;gap:10px;cursor:pointer}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_description .mobile_template_btns .mobile_template_btn{cursor:pointer;font-size:13px}}.mobile_template_details_body .mobile_template_detials_images{display:grid;grid-template-columns:auto auto auto auto;gap:0px}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_images{grid-template-columns:auto auto;margin-bottom:50px}}.mobile_template_details_body .mobile_template_detials_images .mobile_template_details_img{height:450px;width:70%;margin:auto;border-radius:5px;transition:transform 1s ease;gap:0}.mobile_template_details_body .mobile_template_detials_images .mobile_template_details_img:hover{transform:scale(1.1);box-shadow:1px 1px 10px #b8b8b8}@media (max-width: 450px){.mobile_template_details_body .mobile_template_detials_images .mobile_template_details_img{grid-template-columns:auto;height:350px;width:100%;margin:auto}.mobile_template_details_body .mobile_template_detials_images .mobile_template_details_img:hover{transform:scale(1.1);box-shadow:1px 1px 5px #cfcfcf}}.mobile_template_details_body .error_happend{width:350px;height:50px;border:2px solid rgb(255,0,0);border-radius:5px;position:absolute;top:100px;left:20px;background-color:#ff000017;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px;box-sizing:border-box;padding:0 10px;font-size:16px}.mobile_template_details_body .error_happend .error_text_placeholder{font-size:12px;color:red;height:20px;line-height:19px}@media (max-width: 450px){.mobile_template_details_body .error_happend{width:80%;height:40px;left:5px;top:70px}.mobile_template_details_body .error_happend .error_text_placeholder{font-size:12px;color:red;height:10px;line-height:11px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;width:80%;margin:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 767px){:root{width:90%}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}