@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.login{display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.login-left{background:#479652;overflow:hidden}.login-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.login-right h3{font-size:30px;margin-top:0;text-align:center;color:#479652}.login-right p,.login-right li{font-size:16px;text-align:center;margin-top:10px}.container_login{width:100%;max-width:400px;align-items:center}.container_login button{margin-top:20px;background-color:#479652}.container_login button:hover{background-color:#357a3a;transition:background-color .3s ease-in-out}@media screen and (max-width: 768px){.login{grid-template-columns:1fr}.login-left{height:300px}.login-right{justify-content:flex-start;padding-top:20px}.container_login{margin-top:20px}}@media screen and (max-width: 480px){.login-right h3{font-size:24px}.login-right p,.login-right li{font-size:14px}.container_login button{margin-top:10px;background-color:#479652}}.authleft{background:#479652;display:flex;flex-direction:column;height:auto;justify-content:space-between;align-items:center;padding:20px;box-sizing:border-box}.logo-auth{align-self:flex-start;width:200px;filter:brightness(0) invert(1);height:auto;margin-bottom:20px}.mobile-img{width:70%;height:auto;max-width:300px;margin-bottom:20px}.authleft h1{color:#fff;text-align:center;margin-bottom:10px;font-size:40px}.authleft p{color:#fff;text-align:center;font-size:24px;margin:0 30px 40px}@media screen and (max-width: 768px){.authleft{height:auto;justify-content:center}.mobile-img{width:40%;height:auto;max-width:300px;margin-bottom:20px}.logo-auth{width:150px}.mobile-img{width:60%;max-width:250px}.authleft h1{font-size:32px}.authleft p{font-size:20px}}@media screen and (max-width: 480px){.authleft{height:auto;padding:10px}.logo-auth{width:120px}.mobile-img{width:50%;max-width:200px}.authleft h1{font-size:28px}.authleft p{font-size:18px;margin:0 20px 30px}}.Card{display:flex;align-items:center;padding:10px;border-radius:10px;border:2px solid #479652;margin:20px}.avatar{width:50px;height:50px;padding:5px;border-radius:50%;object-fit:cover;background-color:#f3fcff}.cardContent{display:flex;align-items:center}.Card.select:hover{background-color:#f3fcff}.Card.selected{background-color:#479652;color:#fff}.Card.select{background-color:#fff}.patientname{margin-left:10px}.selected{background-color:#add8e6}.select{background-color:#fff}.patient{display:flex}.patientList{position:fixed;height:calc(100vh - 90px);box-shadow:0 4px 8px #0000001a;stroke-width:0%}.patient-List-Card::-webkit-scrollbar{width:8px}.patient-List-Card::-webkit-scrollbar-track{background:#f1f1f1}.patient-List-Card::-webkit-scrollbar-thumb{background-color:#479652;border-radius:4px;border:2px solid #f1f1f1}.patient-List-Card::-webkit-scrollbar-thumb:hover{background-color:#555}.PatientDetails{margin-left:20px;width:90%;overflow-y:auto;box-shadow:0 4px 8px #0000001a;stroke-width:0%}.patient-List-Card{max-height:calc(100vh - 150px);overflow-y:auto}.backArrow{height:auto;display:flex;flex-wrap:wrap;position:relative}.patientListTitle{font-size:20px;margin:10px;color:#222;align-items:start;justify-content:start}.backArrowimg{right:0;margin:10px}.logo-img{height:100px;width:100px;border-radius:10%;background-color:#f3fcff}.patient-details{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.patientname-txt{color:#479652;margin-left:10px;font-weight:600;font-size:24px}.detail-txt{margin:40px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.txt-left{flex-basis:50%;font-size:18px}.layout-right{flex-basis:50%}.txt-right{flex-basis:50%;font-size:18px;display:flex;font-weight:600}.text-color{color:#479652}.card-layout{margin:50px auto;display:flex;align-items:center;justify-content:space-between;width:70%}.card-right,.card-left{flex-basis:40%;padding:20px;background-color:#f3fcff}.wound-img{margin-left:auto}.capture-card{max-width:100%;margin:10px;border-radius:20px;padding:10px;box-shadow:4px 4px 4px 4px #0000001a}.image-session{max-width:100%;max-height:150px;margin:0 auto;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-session img{max-width:100%;max-height:100%;object-fit:contain;margin-bottom:10px}.view-report-btn{font-size:12px;text-transform:none}.date-container{display:flex;margin-bottom:10px;margin-top:20px;justify-content:center;align-items:center}.date-container img{margin-right:5px}.date-container p{color:#000;font-size:16px}.grid-container{display:grid;background:none;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;padding:20px}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 900px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.capture-card{max-width:180px}.image-session img{max-height:120px}}@media (max-width: 600px){.grid-container{grid-template-columns:1fr}.capture-card{max-width:100%}.view-report-btn{font-size:10px}.date-container p{font-size:14px}}.ai-model-container{display:flex;overflow-x:auto}.ai-model-button-container{display:flex;justify-content:space-between;margin-bottom:50px}.ai-model-button{margin:10px}.dialog-date-container{display:flex;margin-bottom:10px;margin-top:20px;justify-content:start;align-items:center}.image-container{display:flex;border:2px solid #479652;margin-left:20px;border-radius:20px;padding-top:20px;padding-bottom:20px}.wound-tissue-p{text-align:center;color:#479652;font-weight:700;margin:10px}.image-wrapper{padding:10px;margin:auto;justify-content:center;align-items:center}.image-wrapper img{display:flex;justify-content:center;align-items:center;margin:auto;max-width:200px;max-height:200px}.image-wrapper p{color:#000;font-weight:500;margin-top:10px}.item-container{display:flex;margin-top:20px;justify-content:space-around;align-items:center}.item{display:flex;justify-content:center;align-items:center;flex:1;font-weight:700;text-align:center}.pie-chart{display:flex;justify-self:center;align-items:center;margin-right:40px}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.tab-panel{padding:20px;display:flex;flex-direction:row}.dashboard{overflow-y:auto;max-height:100vh}.dashboard-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.patient-card{background:linear-gradient(to right,#6fddff,#479652);box-shadow:4px 4px 4px #0000001a;display:flex;padding:30px}.single-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:16px;font-weight:500;color:#444}.empty-appointments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#666}.empty-appointments-img{max-width:60px;margin-bottom:15px;margin-top:100px}.empty-appointments-p{font-size:16px;font-weight:500;color:#444}.risk-card{background:linear-gradient(to right,#ff8880,#f10);box-shadow:4px 4px 4px #0000001a;display:flex;padding:30px}.appoinment-card{background:linear-gradient(to right,#90e673,#54bf30);box-shadow:4px 4px 4px #0000001a;display:flex;padding:30px}.pending-card{background:linear-gradient(to right,#fb0,#f80);box-shadow:4px 4px 4px #0000001a;display:flex;padding:30px}.card-grid{margin-top:50px;gap:20px;display:grid;grid-template-columns:repeat(2,1fr)}.card-card{display:block;flex-direction:row;width:100%;height:400px;margin-bottom:20px;background:#fff;box-shadow:4px 4px 4px #0000001a}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:repeat(1,1fr)}}.table-wrapper{overflow-x:auto;max-width:100%}.table-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.patient-name,.appointment-date,.appointment-time{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.patient-name,.appointment-date,.appointment-time,.table-header{font-size:.9rem}}@media (max-width: 480px){.patient-name,.appointment-date,.appointment-time,.table-header{font-size:.8rem}}.appointment-name{font-size:1.2rem}.appointment-time{font-size:.9rem}@media (max-width: 768px){.appointment-name{font-size:1rem}.appointment-time{font-size:.8rem}}@media (max-width: 480px){.appointment-name{font-size:.9rem}.appointment-time{font-size:.7rem}}.patient-name,.patient-info{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-header{font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 768px){.patient-name,.patient-info,.table-header{font-size:.9rem}}@media (max-width: 480px){.patient-name,.patient-info,.table-header{font-size:.8rem}}.profile{margin:auto;display:flex;align-items:center;justify-content:space-between;width:100%}.profile-left{display:block;padding:20px;flex-basis:20%;justify-content:center;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.profile-right{flex-basis:80%}.profile-photo{width:100px;height:100px;border-radius:10px;object-fit:cover}.profile-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-info button{padding:10px 20px;font-size:16px;background-color:#479652;color:#fff;border:none;border-radius:5px;cursor:pointer}.profile-details{display:flex;align-items:center;padding:20px;background-color:#fff;border-radius:10px;margin:20px;box-shadow:0 4px 8px #0000001a;justify-content:space-around}.profile-details p{margin:0 10px;font-size:16px}.About-details{display:block;align-items:center;padding:20px;flex:1;background-color:#fff;border-radius:10px;margin:20px;box-shadow:0 4px 8px #0000001a;justify-content:space-around}.profile-details .language{display:flex;flex-direction:column}.profile-details .language strong{margin-bottom:5px}.profile-details .language p{margin:0;color:#479652}.availability{display:flex;flex-direction:column;position:relative;padding:20px;height:100%;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:auto}.availability h3{margin-top:0;margin-bottom:20px}.availability .time-range span.label{color:#000}.availability ul{list-style-type:none;padding:0}.availability li{margin-bottom:10px;font-size:16px;color:#479652}.availability .time-range{display:inline-flex;align-items:center}.availability .time-range span{margin:0 5px}.availability .no-availability{color:gray}.availability button{position:absolute;top:20px;right:20px;padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.availability button:hover{background-color:#0056b3}.reviews{padding:20px;background-color:#fff;border-radius:10px;margin:20px;box-shadow:0 4px 8px #0000001a}.review{display:flex;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:10px}.patient-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:20px}.review p{margin:5px 0;font-size:16px}.review strong{display:block}.my-details{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;overflow-y:auto;box-sizing:border-box}.mydetails-details{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;width:100%;margin-top:20px;max-width:1200px}.mydetails-details-left,.mydetails-details-right{flex-basis:48%;margin-bottom:20px}@media screen and (max-width: 1300px){.my-details{padding:10px}.mydetails-details-left,.mydetails-details-right{flex-basis:100%}}@media screen and (max-width: 768px){.mydetails-details-left,.mydetails-details-right{flex-basis:100%}}@media screen and (min-width: 1301px){.mydetails-details-left,.mydetails-details-right{flex-basis:48%}}.appoinmentcard{width:calc(100% - 40px);margin:20px;background-color:#fff;padding:20px;height:100vh;border-radius:10px;box-sizing:border-box}.appoinment-horizontal-container{display:flex;align-items:center;gap:10px}.appoinment-horizontal-container img{width:18px;height:18px}.appoinment-horizontal-container a{text-decoration:none;color:#000;transition:color .3s,text-decoration .3s}.appoinment-horizontal-container a:hover{color:#479652;text-decoration:underline}.appoinment-horizontal-container span{margin:0 5px}.appoinment-patient-img{height:100px;width:100px;margin-top:40px;margin-left:30px;border-radius:10%;background-color:#f3fcff;object-fit:cover}.appoinment-patient-details{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:20px}.appoinment-patient-details>div{display:flex;flex-direction:column;justify-content:center}.appoinment-card-details{margin-left:20px}.appoinment-custom-card{display:flex;flex-direction:row;align-items:center;background-color:#f3fcff;border:2px solid #479652;border-radius:10px;margin-top:10px;padding:10px;justify-content:space-between;width:100%;height:100%}.appoinment-custom-card button{background-color:#f3fcff;border:2px solid #479652;border-radius:5px;padding:10px 20px;cursor:pointer;transition:background-color .3s,border-color .3s;align-self:center}.appoinment-custom-card button:hover{background-color:#479652;color:#fff;border-color:#479652}.date-container{display:flex;flex-direction:row;align-items:center;gap:10px}.videocontainer{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;position:absolute;top:0;left:0;right:0;bottom:0}.agoravideoContainer{width:100vw;height:100vh;background-color:#000}.sidebar{background:#fff;color:#479652;height:100vh;overflow-y:auto;box-shadow:0 4px 8px #0000001a;transition:width .3s ease;position:fixed;top:60px;z-index:100}.sidebar-open{width:250px}.sidebar-closed{width:50px}.link{display:flex;align-items:center;color:#479652;padding:10px 15px;gap:15px;transition:all .3s ease}.link:hover{background:#fff;color:#479652;border-top-right-radius:30px;border-bottom-right-radius:30px}.link:hover img{filter:invert(38%) sepia(73%) saturate(567%) hue-rotate(85deg) brightness(91%) contrast(89%)}.active{background:#479652;color:#fff;border-top-right-radius:30px;border-bottom-right-radius:30px}.active img{filter:brightness(0) invert(1)}.icon,.link_text{font-size:18px}.active .icon{fill:#fff}.main-content{background:#f6f6f6;overflow:hidden;margin-left:250px;margin-top:60px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:50px}@media (max-width: 768px){.sidebar-open{width:200px}.sidebar-closed{width:50px}.main-content{margin-left:50px}}@media (max-width: 480px){.sidebar{width:50px}.main-content{margin-left:50px}.link_text{display:none}}.app-bar{background-color:#fff;color:#fff;height:60px;width:100%;box-shadow:0 .9px 0 2px #cac7c71a;position:fixed;top:0;left:0}.logo{height:50px;margin-left:20px}@media (max-width: 768px){.top_section{justify-content:space-between}.MuiTextField-root{width:250px!important}.MuiIconButton-root{display:block}}.registation{display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.registation-left{background:#479652;overflow:hidden}.registation-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.registation-right h3{font-size:30px;margin-top:0;text-align:center;color:#479652}.registation-right p,.registation-right li{font-size:16px;text-align:center;margin-top:10px}.container_registation{width:100%;max-width:400px;align-items:center}.container_registation button{margin-top:20px}.container_registation button:hover{background-color:#45a049}@media screen and (max-width: 768px){.registation{grid-template-columns:1fr}.registation-left{height:300px}.registation-right{justify-content:flex-start;padding-top:20px}.container_registation{margin-top:20px}}@media screen and (max-width: 480px){.registation-right h3{font-size:24px}.registation-right p,.registation-right li{font-size:14px}.container_registation button{margin-top:10px}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.otp{display:grid;grid-template-columns:1fr 1fr;height:100vh;margin:0 auto}.otp-left{background:#479652;overflow:hidden;height:100%}.otp-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.otp-right h3{font-size:30px;margin-top:0;text-align:center;color:#479652}.otp-right p,.otp-right li{font-size:16px;text-align:center;margin-top:10px}.container_otp{width:100%;max-width:400px;align-items:center}.container_otp button{margin-top:20px}.container_otp:hover button{background-color:#45a049}@media screen and (max-width: 768px){.otp{grid-template-columns:1fr}.otp-left{height:300px}.otp-right{justify-content:flex-start;padding-top:20px}.container_otp{margin-top:20px}}@media screen and (max-width: 480px){.otp-right h3{font-size:24px}.otp-right p,.otp-right li{font-size:14px}.container_otp button{margin-top:10px}}.license{display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.license-left{background:#45a049;overflow:hidden}.license-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.license-right h3{font-size:30px;margin-top:0;text-align:center;color:#45a049}.license-right p,.license-right li{font-size:16px;text-align:center;margin-top:10px}.container_license{width:100%;max-width:400px;align-items:center}.container_license button{margin-top:20px}.container_license button:hover{background-color:#479652}@media screen and (max-width: 768px){.license{grid-template-columns:1fr}.license-left{height:300px}.license-right{justify-content:flex-start;padding-top:20px}.container_license{margin-top:20px}}@media screen and (max-width: 480px){.license-right h3{font-size:24px}.license-right p,.license-right li{font-size:14px}.container_license button{margin-top:10px}}.specialist{display:grid;grid-template-columns:1fr 1fr;margin:0 auto}.specialist-left{background:#45a049;overflow:hidden}.specialist-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.specialist-right h3{font-size:30px;margin-top:0;text-align:center;color:#45a049}.specialist-right p,.specialist-right li{font-size:16px;text-align:center;margin-top:10px}.container_specialist{width:100%;max-width:400px;align-items:center}.container_specialist button{margin-top:20px}.container_specialist :hover button{background-color:#479652}@media screen and (max-width: 768px){.specialist{grid-template-columns:1fr}.specialist-left{height:300px}.specialist-right{justify-content:flex-start;padding-top:20px}.container_specialist{margin-top:20px}}@media screen and (max-width: 480px){.specialist-right h3{font-size:24px}.specialist-right p,.specialist-right li{font-size:14px}.container_specialist button{margin-top:10px}}.forget-password{display:grid;grid-template-columns:1fr 1fr;height:100vh;margin:0 auto}.forget-password-left{background:#479652;overflow:hidden;height:100%}.forget-password-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.forget-password-right h3{font-size:30px;text-align:center;color:#479652}.container_forget{width:100%;max-width:400px}.container_forget button{margin-top:20px}.container_forget:hover button{background-color:#45a049}@media screen and (max-width: 768px){.forget-password{grid-template-columns:1fr}.forget-password-left{height:300px}.forget-password-right{justify-content:flex-start;padding-top:20px}}*{margin:0;padding:0;text-decoration:none;font-family:Nunito,sans-serif}.container{display:flex}main{width:100%;padding:20px}*{margin:0;padding:0;box-sizing:border-box}