.header_container{display:flex;justify-content:space-between;align-items:center;padding:30px 50px;height:100px}.header_left_side{padding:5px}.header_container .portfolio_logo{max-height:100%;height:50px;width:auto!important}.header_container .header_links{list-style:none;display:flex;gap:30px;color:#858689}.header_links .header_link{cursor:pointer;font-size:18px;font-weight:700}.header_links .header_link:hover{color:#fff}.header_links .header_link a{text-decoration:none;color:#858689;font-weight:700}.input_wrapper{background-color:#3d3e42;max-width:150px;height:30px;border-radius:10px;display:flex;position:relative}.input_wrapper input{all:unset;max-width:150px;padding-left:10px;caret-color:#fff}.search_icon{position:absolute;right:10px;bottom:0}@media (max-width:768px){.header_container{flex-direction:column;height:auto;justify-content:flex-start;padding:10px 20px}.header_container .portfolio_logo{height:30px}.header_links .header_link{font-size:15px;font-weight:700}}.intro_container{display:flex;padding:30px 50px}.intro_container .intro_left_side{width:50%;padding-left:50px;padding-right:20px;display:flex;flex-direction:column;justify-content:center}.intro_left_side .intro_text{font-size:25px;color:#fff}.intro_text .name_text{font-family:Rasa-Medium;color:#ffca6c;font-size:40px}.intro_left_side .position_text{color:#fff;font-size:25px;padding-right:60px}.intro_left_side a{all:unset}.intro_left_side .contact_me_intro_button{all:unset;border:2px solid #ffca6c;width:130px;padding:10px;text-align:center;color:#ffca6c;border-radius:5px;margin-top:30px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.intro_left_side .contact_me_intro_button:hover{background-color:#ffca6c;color:#34353a}.intro_container .intro_right_side{width:50%;display:flex;justify-content:end;position:relative}.intro_right_side .portfolio_image{height:auto;width:auto;max-width:100%;max-height:600px}.line_vertical{height:120px;border:1px solid #ffca6c}.social_media_container{background-color:rgba(0,0,0,.5);padding:0 10px;padding-block:20px;justify-content:space-between;align-items:center;align-items:flex-start;position:absolute;bottom:50px;right:0;display:flex;flex-direction:column;border-radius:10px}.social_media_container .social_media_link{display:flex;justify-content:center;margin-bottom:20px}.social_media_container .social_media_link svg{transition:fill .3s ease}.social_media_container .social_media_link:last-child{margin-bottom:0}.social_media_container .social_media_link:hover svg{fill:#ffca6c}@media (max-width:768px){.intro_container{flex-wrap:wrap;flex-direction:column-reverse;padding:10px 20px}.intro_container .intro_left_side{width:100%;padding:0;justify-content:center;align-items:center}.intro_container .intro_right_side{width:100%;justify-content:center}.intro_left_side .intro_text{text-align:center}.intro_left_side .position_text{text-align:center;padding-right:0}.intro_right_side .portfolio_image{max-height:600px;width:100%;height:auto;object-fit:contain;object-position:bottom}.social_media_container{padding:15px 10px;bottom:20px}.social_media_container svg{width:30px;height:30px;margin-bottom:10px}.social_media_container svg:last-child{margin-bottom:0}}.about_container{display:flex;flex-direction:column;padding:30px 50px}.about_container .about_title{color:#fff;font-family:Rasa-Medium;font-size:40px}.text_container{display:flex;align-items:start}.horizontal_line{width:250px;margin-top:10px;border-color:#ffca6c;border-width:1.5px}.text_container .about_text{color:#fff;font-size:18px;padding-left:10px}.highlighted_text{color:#ffca6c}@media (max-width:768px){.about_container{padding:10px 20px}.text_container .about_text{font-size:15px;padding-left:0}.horizontal_line{margin-right:5px}}.my_skills_container{display:flex;flex-wrap:wrap;justify-content:center;padding:30px 50px;position:relative}.my_skills_title{color:#fff;text-align:center;font-family:Rasa-Medium;font-size:40px;margin-top:40px}.my_skill{width:25%;padding:10px}.my_skill_card{background-color:#3d3e42;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;height:300px;padding:20px;cursor:pointer;position:relative;z-index:1;transition:box-shadow .3s ease}.my_skill_card:hover{box-shadow:0 0 10px 5px rgba(255,201,107,.3)}.my_skill_card .skill_image{width:120px!important;height:100px!important;max-width:100%;max-height:100%;object-fit:contain;margin-bottom:20px}.my_skill_card .skill_name{text-align:center;color:#fff;font-size:18px}.my_skills_container .cricles_container{position:absolute;right:40px;bottom:40px;height:100px;width:200px;flex-wrap:wrap;display:flex;gap:30px 40px}.my_skills_container .cricles_container .circle{width:15px;height:15px;border-radius:50%;background-color:#ffca6c;opacity:.3;filter:blur(3px)}@media (max-width:992px){.my_skill{width:33.3333%;padding:10px}}@media (max-width:768px){.my_skills_container{padding:10px 20px}.my_skill_card{height:150px}.my_skill{width:50%;padding:10px}.my_skill_card .skill_image{width:90px!important;height:50px!important;margin-bottom:5px}}@media (max-width:300px){.my_skill{width:100%}}.portfolio_section_container{display:flex;flex-wrap:wrap;flex-direction:column;padding:30px 50px 80px;position:relative}.portfolio_section_container .cricles_container{position:absolute;left:40px;top:60px;height:100px;width:200px;flex-wrap:wrap;display:flex;gap:30px 40px}.portfolio_section_container .cricles_container .circle{width:15px;height:15px;border-radius:50%;background-color:#ffca6c;opacity:.3;filter:blur(5px)}.portfolio_title{color:#fff;text-align:center;font-family:Rasa-Medium;font-size:40px;margin-top:40px}.portfolio_work_container{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;min-height:690px}.portfolio_work{width:33.3333%;height:300px;padding:10px}.portfolio_work_image_container{cursor:pointer;overflow:hidden;border-radius:10px}.image-wrapper,.portfolio_work_image_container{position:relative;width:100%;height:100%}.portfolio_project_image{object-fit:cover!important;object-position:top!important;cursor:pointer;border-radius:10px}.portfolio_work_image_container:hover .overlay_background{height:100%}.portfolio_work_image_container:hover svg{width:50px;height:50px}.overlay_background{position:absolute;width:100%;height:0;background-color:#ffc96c89;top:0;left:0;justify-content:center;align-items:center;display:flex;transition:height .3s ease;z-index:10}.overlay_background svg{width:0;height:0;fill:#fff}.view_more_button{all:unset;width:130px;height:30px;padding:10px;text-align:center;background-color:#ffca6c;color:#34353a;border-radius:5px;cursor:pointer;margin-top:30px;transition:background-color .3s ease,outline .3s ease,color .3s ease}.view_more_button:hover{outline:2px solid #ffca6c;background-color:#34353a;color:#ffca6c}@media (max-width:768px){.portfolio_section_container{padding:10px 20px 60px}.portfolio_work{height:200px;width:50%}.portfolio_work_container{min-height:450px}}@media (max-width:576px){.portfolio_work{width:100%;height:300px}.portfolio_work_container{min-height:650px}}.experience_section_container{padding:30px 50px;background-color:#3d3e42;display:flex;flex-direction:column;position:relative}.experience_title{position:absolute;top:-25px;font-size:40px;font-family:Rasa-Medium;color:#fff}.progressive_bar_experience{display:flex;padding-block:30px}.progresive_left_side{width:20%;height:fit-content;display:flex;padding-top:10px;justify-content:flex-end}.progressive_right_side{padding-left:20px;padding-right:200px}.camera_caption{width:105px;height:30px;background:#5d5e61;position:relative;color:#ececed;display:flex;justify-content:center;align-items:center}.camera_caption:after{position:absolute;right:-24px;content:"";width:0;height:0;border-top:17px solid transparent;border-bottom:14px solid transparent;border-left:25px solid #5d5e61}.experience_light_circle{width:20px;height:20px;border-radius:50%;background-color:#ffca6c;margin-left:35px;margin-block:auto;box-shadow:0 0 10px 5px rgba(255,201,107,.3);cursor:pointer;transition:box-shadow .3s ease}.experience_light_circle:hover{box-shadow:0 0 20px 15px rgba(255,201,107,.5)}.company_info{display:flex}.job_position_title{color:#fff;font-size:38px}.company_name{color:#fff;font-size:22px;border-left:2px solid #fff;margin-left:-30px;padding-left:30px;font-style:italic}.work_location{color:#fff;font-size:22px;padding-left:10px}.job_description{color:#babbbc;border-left:2px solid #fff;margin-left:-30px;padding-left:30px}.progressive_bar_experience:hover .experience_light_circle{box-shadow:0 0 20px 15px rgba(255,201,107,.5)}.experience_section_container .cricles_container{position:absolute;left:40px;bottom:40px;height:200px;width:100px;flex-wrap:wrap;display:flex;gap:30px 40px}.experience_section_container .cricles_container .circle{width:15px;height:15px;border-radius:50%;background-color:#ffca6c;opacity:.3;filter:blur(10px)}.started_date_mobile{display:none}@media (max-width:768px){.experience_section_container{padding:10px 20px}.progressive_right_side{padding-right:20px}.experience_light_circle{height:15px;width:15px}.camera_caption{font-size:12px}}@media (max-width:576px){.progresive_left_side{width:30%}.job_position_title{font-size:25px}.company_name,.work_location{font-size:18px}.company_name,.job_description{margin-left:-28px;padding-left:28px}.progresive_left_side{width:auto}.camera_caption{display:none}.experience_light_circle{margin:0}.started_date_mobile{margin-left:25px;display:block;width:105px;height:30px;background:#5d5e61;position:relative;color:#ececed;display:flex;justify-content:center;align-items:center}.started_date_mobile:after{position:absolute;left:-24px;content:"";width:0;height:0;border-top:17px solid transparent;border-bottom:14px solid transparent;border-right:25px solid #5d5e61}.experience_section_container .cricles_container{right:40px;left:unset}}@media (max-width:300px){.progressive_right_side{padding:0}}.testimonial_section_container{position:relative;padding-block:60px}.testimonial_item{display:flex;padding-left:50px}.testimonial_item_left{width:50%;padding-top:60px}.testimonial_item_left .testimonial_title{font-size:40px;font-family:Rasa-Medium;color:#fff;font-weight:400}.testimonial_description_container{margin-top:30px;display:flex}.testimonial_desc_left .horizontal_line{width:50px;margin-right:10px}.testimonial_item_left .testimonial_desc_text{color:#fff;font-size:18px;margin-bottom:15px}.testimonial_client_name{font-size:25px;font-family:Rasa-Medium;color:#fff;font-weight:400;font-style:italic}.testimonial_client_position{color:#fff;font-size:18px;display:flex}.testimonial_client_position_contanier{display:flex}.testimonial_client_position_contanier .horizontal_line{width:20px;border-width:2px;border-bottom:none;border-left:none;border-right:none;margin-right:5px}.testimonial_item_right{width:50%;display:flex;justify-content:flex-end;align-items:center;padding-left:25px}.testimonial_item_right .testimonial_item_image_container{width:500px;height:300px;background-color:#ffca6c;position:relative;display:flex;justify-content:center;border-top-left-radius:50px;border-bottom-left-radius:50px}.testimonial_item_image_container .testimonial_client_image{height:130%;position:absolute;bottom:0;width:auto;object-fit:contain}@media (max-width:992px){.testimonial_item_right{padding-top:100px;align-items:start}.testimonial_item_right .testimonial_item_image_container{height:200px;width:350px}.testimonial_item_image_container .testimonial_client_image{right:0}.testimonial_desc_left .horizontal_line{width:30px}.testimonial_item_left{padding-top:0}}@media (max-width:768px){.testimonial_item_left{width:100%}.testimonial_item_right{width:100%;padding-left:0}.testimonial_item{flex-direction:column;padding-left:20px;padding-right:20px}.testimonial_item_left .testimonial_desc_text{font-size:16px}.testimonial_item_right .testimonial_item_image_container{width:100%;border-radius:20px;justify-content:center}.testimonial_item_image_container .testimonial_client_image{right:unset}}@media (max-width:340px){.testimonial_item_image_container{overflow:hidden}.testimonial_item_image_container .testimonial_client_image{height:100%;width:100%;object-fit:contain;object-position:bottom}}.contact_me_section_container{background-color:#3d3e42}.contact_me_header{display:flex;justify-content:center}.contact_me_hr{width:100%;height:0;border:2px solid #ffca6c;margin-top:-2px}.contact_me_header .contact_me_title{font-size:40px;font-family:Rasa-Medium;color:#fff;font-weight:400;white-space:nowrap;margin-top:-25px;padding-inline:30px}.contact_me_content_wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:50px 250px;gap:10px}.contact_me_content_wrapper .contact_me_button{all:unset;background-color:#31333b;padding:15px 30px;color:#ffca6c;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;min-width:250px;flex-wrap:wrap;position:relative;z-index:2;transition:box-shadow .3s ease}.contact_me_content_wrapper .contact_me_button:hover{box-shadow:0 0 10px 5px rgba(255,201,107,.3)}.contact_me_button .email_svg{width:30px;height:20px}.contact_me_footer{display:flex;justify-content:center;align-items:flex-end}.contact_me_footer .contact_me_social_media_wrapper{display:flex;gap:15px;padding-inline:30px;margin-bottom:-15px}.contact_me_social_media_wrapper span{all:unset;height:100%;cursor:pointer;display:flex;position:relative;z-index:2}.contact_me_social_media_wrapper span:hover svg{fill:#ffca6c}.thanks_for_scroling_section{padding:100px 50px;position:relative}.thanks_for_scrolling_text{font-size:40px;font-family:Rasa-Medium;color:#ffca6c;font-weight:400;text-align:center}.contact_me_social_media_wrapper svg{width:30px;height:30px;transition:fill .3s ease}.thanks_for_scroling_section .cricles_container{position:absolute;right:40px;top:-70px;height:200px;width:200px;flex-wrap:wrap;display:flex;gap:30px 40px;opacity:.3}.thanks_for_scroling_section .cricles_container .circle{width:15px;height:15px;border-radius:50%;background-color:#ffca6c;opacity:.3;filter:blur(2px)}@media (max-width:992px){.contact_me_content_wrapper{padding:50px 150px}}@media (max-width:768px){.contact_me_footer .contact_me_social_media_wrapper{padding-inline:15px;margin-bottom:-10px}.contact_me_header .contact_me_title{padding-inline:15px;font-size:30px;margin-top:-18px}.contact_me_content_wrapper{padding:30px 50px}.contact_me_content_wrapper .contact_me_button{min-width:200px;flex-wrap:wrap;padding:10px 5px;font-size:13px}.contact_me_content_wrapper .contact_me_button svg{width:20px;height:20px}.contact_me_social_media_wrapper svg{width:25px;height:25px}.thanks_for_scroling_section{padding:40px 10px}.thanks_for_scrolling_text{font-size:30px;font-family:Rasa-Medium;color:#ffca6c;font-weight:400;text-align:center}.thanks_for_scroling_section .cricles_container{right:0;bottom:0;top:unset}}.portfolio_container{min-height:100vh;background-color:#34353a;padding:10px;position:relative}.portfolio{box-shadow:0 0 10px 5px rgba(255,201,107,.3);max-width:1440px;margin:0 auto}.animated_element{position:fixed;left:0;top:0;height:100vh;width:100%;background-color:#34353a;z-index:5;transition:height 2s ease;display:flex;justify-content:center;align-items:center}.shrink_height{height:0}.hide_element{margin-top:-200px!important}.progress{background:rgba(255,255,255,.1);justify-content:flex-start;border-radius:100px;align-items:center;position:relative;padding:0 5px;display:flex;height:40px;width:500px;margin:0;transition:margin .1s ease}.progress-value{animation:load 3s normal forwards;box-shadow:0 10px 40px -10px #ffca6c;border-radius:100px;background:#ffca6c;height:30px;width:0}.scroll_to_top{all:unset;position:fixed;right:20px;bottom:20px;z-index:3;cursor:pointer}.scroll_to_top .arrow_up_icon{transition:fill .3s ease}.scroll_to_top .arrow_up_icon:hover{fill:#ffca6c}.hide_content{display:none}@keyframes load{0%{width:0}to{width:100%}}@media (max-width:768px){.animated_element{padding-inline:50px}.scroll_to_top .arrow_up_icon{width:35px;height:35px}}