.homepage{max-width:80%;margin:30px auto}.home_page_settings{background-image:url(../media/bg.1f812ad8.png);background-position:50%;background-size:cover;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.home_page_settings_left{color:#000;opacity:1;text-align:center;background-color:#fff;width:fit-content;max-width:70%;padding:8px}.home_page_settings_right{width:30%}.mytopinfo{width:350px}.mylogoimage{justify-content:center;align-items:center;width:100%;height:auto;display:flex;overflow:hidden}.mylogoimage img{object-fit:cover;width:100%;height:250px;box-shadow:var(--box-shadow);object-position:top;cursor:pointer;transition:transform .3s,box-shadow .3s}.mylogoimage img:hover{box-shadow:var(--box-shadow);cursor:pointer;transition:transform .3s,box-shadow .3s;transform:scale(1.05)}.mysocialmedia{align-items:center;gap:8px;display:flex}.mysocialmedia li{height:fit-content;margin:0;padding:0;list-style:none}.mysocialmedia li a{color:var(--site-color);text-decoration:none;background-color:var(--site-color)!important;border-radius:50%!important}.mytopinfo h1{font-family:variable}.mytopinfo p{color:var(--text-color);margin-bottom:10px;font-family:variable;font-size:18px}.services_Section{margin:40px 0}.services{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(100px,auto);gap:10px;max-width:80%;margin:20px auto;display:grid}.services_content{background-color:var(--site-color);cursor:pointer;border-radius:10px;width:250px;margin:0 0 20px;padding:5px;box-shadow:0 7px 10px #0003}.services_content h1{text-align:center;color:var(--black-color);font-family:subsets;font-size:20px;font-weight:600;margin:0!important;padding:0!important}.services_content p{color:var(--black-color);font-family:subsets;font-size:15px;font-weight:400}.projects_Section{margin-bottom:30px}.projects_Section h1{text-align:center;margin:10px 0 20px;font-family:variable;font-weight:300}.projects{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:5px;display:flex}.project{width:250px;height:350px;box-shadow:var(--box-shadow);background-color:#fff;margin-bottom:30px;padding:8px;position:relative;overflow:hidden}.project_image{width:230px;height:200px;position:relative}.project .project_image img{object-fit:cover;object-position:top;-o-object-fit:cover;-o-object-position:top;cursor:pointer;transition:all .5s}.project:hover .project_image img{object-position:bottom;-o-object-position:bottom}.details_p{font-family:variable;font-weight:300}.project h1{text-align:center;margin:10px 0;font-family:variable;font-weight:300}.view_details{text-align:center;position:absolute;top:50%;left:0;right:0}.project:hover{cursor:pointer;box-shadow:var(--box-shadow);z-index:1;transition:box-shadow .3s,transform .3s}.contact_Section{justify-content:space-around;display:flex}.skills_container{width:100%;margin:20px 0}.skills_container h1{text-align:center;font-family:variable;font-weight:300}.skills{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skill h2{margin-bottom:5px;font-family:variable;font-weight:300}.progress{background-color:#ccc;border-radius:5px;height:10px;margin-bottom:10px}.progress_bar{background-color:var(--site-color);border-radius:0 80px 80px 0;height:100%;transition:width .3s}.contact_form{flex-direction:column;align-items:center;gap:10px;width:100%;padding:8px 20px;display:flex}.contact_form input,.contact_form select{outline:none;width:100%;padding:8px;font-family:variable;font-weight:300}.contact_form textarea{resize:none;outline:none;width:100%;padding:8px;font-family:variable;font-weight:300}.contact_form button{border-radius:10px;width:100%;padding:8px;font-family:variable;font-weight:300}.animate{width:100%;height:100px;margin-top:30px;position:relative!important}.animate img{object-fit:cover;object-position:center;border-radius:10px;width:100%;height:100%}.services_title{text-align:center;color:#000;font-family:variable;font-size:20px;font-weight:700}.allproject{text-align:center;margin:70px auto}@media (max-width:900px){.home_page_settings{flex-direction:column;justify-content:center;align-items:center}.home_page_settings_left{margin:20px auto;max-width:100%!important}.home_page_settings_right{width:60%;margin:20px auto}.mytopinfo{width:100%;margin:0 auto}.mytopinfo h1{text-align:center}.mylogoimage{margin:0 auto}.mysocialmedia{justify-content:center;align-items:center;margin-top:20px}.services{grid-template-columns:repeat(2,1fr);justify-content:center;gap:20px}}@media only screen and (max-width:720px){.homepage{max-width:90%}.home_page_settings{height:max-content;width:100%!important}.home_page_settings_left{margin:20px auto;max-width:100%!important}.home_page_settings_right{width:90%;margin-top:40px}.mytopinfo{width:100%;margin:0 auto}.mylogoimage{width:100%}.services{grid-template-columns:repeat(1,1fr)}.services_content{justify-content:center;align-self:center;margin:0 auto!important}.contact_Section{flex-wrap:wrap}}@media only screen and (min-width:601px) and (max-width:900px){.services{grid-template-columns:repeat(2,1fr)}}