@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Reem+Kufi+Ink&display=swap";@import"https://fonts.googleapis.com/css2?family=Calibri&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Futura&display=swap";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Garamond&display=swap";@import"https://fonts.googleapis.com/css2?family=Helvetica&display=swap";@import"https://fonts.googleapis.com/css2?family=Ramaraja&display=swap";@import"https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Proxima+Nova&display=swap";@import"https://fonts.googleapis.com/css2?family=Frutiger&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Verdana&display=swap";@import"https://fonts.googleapis.com/css2?family=Century+Schoolbook&display=swap";@import"https://fonts.googleapis.com/css2?family=Arial&display=swap";@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cambria&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;color:inherit;font-family:Reem Kufi Ink,sans-serif;font-family:Nunito Sans,sans-serif;word-break:break-word}ul{list-style:none}a{text-decoration:none}:root{--primary: #0cb5cd;--primary-hover: #3c67b0;--secondary: #f9fafb;--text-color: #333;--border-color: #e0e0e08b;--shadow: 0 0 10px rgba(0,0,0,.1)}.horizontal{display:flex}.vertical{display:flex;flex-direction:column}.full-width{width:100%}.max-width{max-width:1512px;padding:0 50px}.max-width2{max-width:1900px!important;padding:0 50px;margin:0 auto}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.btn-primary-primary{background-color:var(--primary);border:1px solid var(--primary);color:#fff!important;font-size:14px;cursor:pointer;padding:6px 10px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:5px}.btn-primary-primary:hover{border:1px solid var(--primary-hover);background-color:var(--primary-hover);border-radius:5px}.btn-secondary-primary{background:transparent;border:1px solid var(--primary);color:var(--primary)!important;font-size:16px;cursor:pointer;padding:6px 10px;display:flex;align-items:center;border-radius:5px;justify-content:center}.btn-secondary-primary:hover{background-color:var(--primary-hover);border:1px solid var(--primary-hover);color:#fff!important}.btn-primary-blue{background-color:var(--blue);border:1px solid var(--blue);border-radius:5px;color:#fff!important;font-size:16px;cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center}.btn-primary-blue:hover{background-color:var(--blue-hover)}.btn-secondary-blue{background-color:transparent;border:1px solid var(--blue);border-radius:5px;color:var(--blue);font-size:16px;cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center}.btn-secondary-blue:hover{background-color:var(--blue-hover);color:#fff}.react-select__control--is-focused{box-shadow:none!important;outline:none!important}.custom-label{font-size:15px;font-weight:300;margin-left:8px;margin-bottom:-15px;padding:5px 5px 8px;color:var(--text-color);background-color:#fff;display:inline!important}.custom-input{width:100%;height:40px;font-size:16px;padding:4px 8px;font-weight:400;color:var(--text-color);border-radius:5px;border:1px solid var(--border-color);resize:vertical}.custom-input[type=file]::file-selector-button{background-color:var(--grey);color:#fff;border:none;padding:6px 8px;border-radius:5px;font-size:10px;cursor:pointer;transition:background-color .3s ease}.input-group{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.custom-input[type=file]::file-selector-button:hover{background-color:var(--blue)}.custom-input[type=file]{font-size:16px;border:none;padding:0;border-radius:5px;width:100%}.custom-input[type=file]{color:#000}.asterik{display:inline;color:red}.custom-gpt-menu{max-width:400px;color:#000!important;border-bottom:1px solid var(--red)}.custom-gpt-menu-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px;border-radius:5px;background-color:#fff;transition:background-color .3s}.custom-gpt-submenu{margin-left:20px;display:none}.custom-gpt-submenu-item{cursor:pointer;padding:8px;border-radius:5px;background-color:#f7f7f7;transition:background-color .3s}.custom-gpt-caret{color:var(--red);font-size:16px;transition:transform .3s}.custom-gpt-caret.custom-gpt-rotate{transform:rotate(180deg)}.question-container{display:flex;flex-direction:column;width:100%;border-radius:10px;border:1px solid var(--red);padding:20px}.question-wrapper{border-bottom:1px solid var(--red);padding-bottom:10px;margin-bottom:10px;font-size:16px;display:flex;justify-content:space-between;color:#767676}.question-text{color:var(--blue-hover);font-weight:500}.category-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.category-text{font-size:10px;color:#fff;background-color:var(--red);padding:5px 10px;border-radius:2px}.custom-scroll{padding-right:10px}.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--red);border-radius:10px}.detail-custom-container{display:flex;flex-direction:column;gap:10px}.detail-custom-container span{display:inline-block;max-width:200px;line-height:20px}.detail-custom-container b{color:var(--red);display:inline-block;width:70px}.end{height:200px;width:100%}.pagination button{background-color:var(--red);color:#fff;border-radius:2px;border:0px}.pagination button:hover{background-color:var(--red-light)}#quotes-per-page{border:1px solid var(--red);border-radius:2px}.quote-body p{display:inline-block!important}.tooltip{position:relative}.tooltip:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--red);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;box-shadow:0 2px 5px #0000004d;z-index:10;opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;bottom:120%;left:50%;transform:translate(-50%);opacity:0;visibility:hidden}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:var(--red-hover);background:linear-gradient(var(--red) 0%,var(--red-hover) 100%);box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;right:-21px}.ribbon span:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid var(--red-hover);border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid var(--red-hover)}.ribbon span:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid var(--red-hover);border-bottom:3px solid transparent;border-top:3px solid var(--red-hover)}.login-container{min-height:1000px;width:100%;max-width:770px;background:url(/static/media/loginbg.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;margin:30px auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:35px}.slam-img{height:120px}.page-title-login{font-size:30px;margin:20px auto}.login-form-label{font-size:20px}.login-form-input{width:100%;padding:15px 10px;border:1px solid var(--red);border-radius:10px}.custom-padding{padding:0 50px}.custom-table{width:100%;border-collapse:collapse}.custom-table .table-head{background-color:var(--red)!important}.table-head th{padding:10px;text-align:left}.table-head th:first-child{border-radius:10px 0 0}.table-head th:last-child{border-radius:0 10px 0 0}.custom-table td{padding:10px}.custom-table tr:nth-child(odd){background-color:#f2f2f2}.courses-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.course-card{height:400px;box-shadow:var(--shadow);border-radius:10px;width:100%;overflow:hidden;position:relative}.course-play-btn{font-size:90px;color:#87cefa;position:absolute;bottom:120px;z-index:1;left:calc(100% - 50px);transform:translate(-50%,50%);transition:.5s;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px;width:80px}.course-card img{height:calc(100% - 100px);width:100%;transition:.5s}.course-card .card-info{position:absolute;bottom:0;height:100px;background-color:#fff;transition:.5s;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:15px;width:100%}.course-card:hover .card-info{height:100%;padding-top:50px}.course-card:hover img{height:100%}.course-card:hover .course-play-btn{left:50%;bottom:50%}.extra-pad{padding:50px}.courese-detail-img{width:100%;border-radius:10px;border:1px solid var(--red)}.section-sub-heading{font-size:20px;color:var(--red)}.lecture-heading{width:100%;padding:8px 15px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;background-color:var(--red)}.lecture-content{width:100%;height:0;overflow:hidden;transition:height .3s ease}.price-container{min-height:250px;border-radius:10px;border:1px solid var(--red);padding:20px;display:flex;flex-direction:column;gap:30px}.price{font-size:30px;color:var(--red-hover)}.video-container{width:100%;height:100%;position:relative;z-index:1}.video-container video{width:100%;height:80vh;max-height:900px;object-fit:cover}.overlay{position:absolute;height:100%;width:100%;background-color:#282a2e30!important}.hero-text-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;color:#fff;font-weight:700;z-index:20;font-family:Playfair,serif!important}.spacer{height:100px;width:100%}.swiper-slide img{object-fit:cover}.navbar-font ul li a{font-family:var(--section-font)!important;font-weight:600}.same-font-heeding{font-family:var(--section-font)!important;font-weight:600;letter-spacing:normal}.articles-2-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.search-bar-container{display:flex;align-items:center;border-radius:5px;border:1px solid var(--red);width:100%}.search-bar-container input{border:none;border-radius:5px 0 0 5px;padding:10px;width:calc(100% - 100px);max-width:400px}.search-btn{background-color:var(--red);color:#fff;padding:10px;border:1px solid var(--red);border-radius:0 5px 5px 0;width:100px;cursor:pointer;font-size:12px}.search-btn:hover{border:1px solid var(--red-hover);background-color:var(--red-hover)}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper th{padding:10px;text-align:left;background-color:var(--grey);color:#fff;font-size:12px;font-weight:600}.table-wrapper th:first-child{border-radius:10px 0 0}.table-wrapper th:last-child{border-radius:0 10px 0 0}.chatsearch-bar{height:30px;border:none;padding:0 5px;width:100%;outline:none}.names-container{overflow:auto;width:100%;margin-top:20px;max-width:300px;height:calc(100vh - 180px);min-height:300px;border-radius:10px;padding:0 3px}.messages-container{margin-top:20px;overflow:auto;width:calc(100% - 300px);height:calc(100vh - 180px);min-height:300px;border-radius:10px;padding:0}.name-card{display:flex;align-items:center;padding:10px;border-radius:5px;background-color:#f2f2f2;margin-bottom:5px;height:80px;cursor:pointer}.name-card:hover{background-color:#e0e0e0}.user-image{width:70px;height:70px;border-radius:50%;margin-right:10px;background-color:#e0e0e0}.last-message{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.mesage-name-bar{width:100%;background-color:#f2f2f2;padding:5px 10px;border-radius:10px 10px 0 0;display:flex;height:60px}.mesages-body-container{width:100%;height:calc(100vh - 290px);min-height:300px;padding:10px;overflow:auto;border-radius:0 0 10px 10px}.chat-input-message{width:100%;height:50px;border-radius:0 0 0 10px;border:1px solid var(--red);padding:10px;font-size:16px}.message-box{display:flex;align-items:center;justify-content:space-between;border-radius:5px}.other-message{justify-content:flex-end}.message-box-bg{background-color:#f2f2f2;padding:10px;border-radius:5px;max-width:60%;margin-top:10px;font-size:14px;color:var(--text-color)}.clickable-box-filter:hover{background-color:#f2f2f2;cursor:pointer}.clickable-box-filter.active{background-color:#eee}.subject-line{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;padding-top:0;padding-bottom:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:20px;line-height:20px}.date-line{width:150px}.preloader-trebble{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:60px;height:60px;border:6px solid #ccc;border-top:6px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.all-data-content{position:relative}.popup-label{font-size:15px;color:var(--red);margin-bottom:-5px}.popup-text{font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:10px}.popup-table{width:100%;border-collapse:collapse;font-size:13px}.popup-table-container{max-height:45vh;overflow:auto}.popup-table th{padding:10px 5px;text-align:left;font-size:12px;font-weight:800}.popup-table td{padding:5px;text-align:left;font-size:12px;font-weight:400;border-bottom:1px solid var(--border-color)}.show-mobile{display:none}.slider-text{line-height:50px;font-size:50px}@media screen and (max-width : 1800px){.slide-unique-gpt{flex:0 0 25%}.slider-text{font-size:55px;line-height:55px}}@media screen and (max-width : 1100px){.slide-unique-gpt{flex:0 0 calc(100% / 3)!important}.slider-text{line-height:40px;font-size:40px}}@media screen and (max-width : 800px){.search-bar{height:50px}.custom-footer-settings{grid-template-columns:1fr!important}.small-font-on-mobile{font-size:24px}.max-width2{padding:10px}.event-enrol-vertical{flex-direction:column!important;padding:10px 20px}.login-container{padding:auto!important}.custom-class-length{width:calc(100% - 20px)!important}.logo b,.logo b span{font-size:13px!important;line-height:13px!important}.logo span{font-size:8px!important}.about-bg{height:300px!important}.hero-search-bar{min-width:200px!important}.navbar-list,.hide-mobile{display:none}.slider-text{width:calc(100% - 20px)!important;line-height:20px;font-size:20px}.show-mobile{display:flex}.max-width{padding:0 15px}.new-article-wrapper,.new-muslim-article-wrapper{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.hero-text-2{font-size:30px}.about-us-section{flex-direction:column!important}.about-us-section img{width:100%!important}.biography-img{max-width:none!important;border-radius:10px}.footer-respon{text-align:center;gap:15px;flex-direction:column!important;align-items:center!important}.midle-menu{grid-template-columns:1fr;gap:10px}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-logo img{margin:10px auto}.subscription-fom .horizontal{flex-direction:column!important;align-items:flex-start!important;gap:30px!important}.mobile-menu .navbar-link{width:100px}.mb-vertical{flex-direction:column!important}.mb-align-start{align-items:flex-start}.mb-full-width{width:100%;max-width:none}.search-bar-responsiveness{width:100%!important}.search-bar-responsiveness .search-bar{padding:10px 30px}.search-bar-responsiveness .search-bar-icon{height:50px}.mb-align-end{align-items:flex-end!important}.mb-align-center{align-items:center}.new-muslim-book-thumbnail{height:130px;width:130px;min-width:130px}.new-muslim-book-wrapper{flex-direction:column}.filters-container{max-width:100%;width:100%}.search-bar{max-width:none}.custom-scroll{padding:0}.mb-vertical-reverse{display:flex;flex-direction:column-reverse!important}.greeting-containera img{max-width:280px;height:auto!important}.orange-container-qna{padding:0;border:none}.courese-detail-img{border:none}.price-container{padding:0;border:none}.slide-unique-gpt{flex:0 0 100%!important}.thumbnial-bg{background-attachment:scroll!important}*{--allfont: "Nunito Sans", sans-serif;font-family:Proxima Nova,sans-serif!important}.sidebar{display:none;position:absolute;width:100%;z-index:100;border-radius:0}.dashboard-container{padding:0}.close-sidebar{display:flex}.admin-hamburger{display:block;font-size:24px;text-shadow:0 0 0 black}}.show-menu{display:flex!important}.side-bar-logo{height:50px;object-fit:contain}.sidebar{height:100vh;width:250px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;width:100%}.stripe-connect-container{width:100%}.stripe-connect{background-color:#fff;color:var(--blue);width:100%;padding:5px;border-radius:5px;font-weight:500;border:1px solid var(--border);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.stripe-connect:hover{background-color:var(--blue);color:var(--blue);border:1px solid var(--blue)}.bi-stripe{font-size:20px}.fc-toolbar-title{font-size:1.25rem!important;font-weight:500!important}.clickable-row{background-color:#fff;color:var(--primary);font-weight:700;padding-left:5px;padding-right:5px;cursor:pointer}.sidebar-links{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.side-bar-link{text-decoration:none;color:var(--text-color);padding:10px 16px;width:100%;display:flex;align-items:center;transition:background-color .3s;border-radius:7px;gap:10px}.side-bar-link:hover,.side-bar-link.active{background-color:var(--primary);color:#fff}.top-bar{border-bottom:1px solid var(--border-color);padding:10px 0}.greetings{height:30px}.greeting-text{font-size:20px;font-weight:500;color:var(--text-color);text-align:center}.top-bar-profile-photo{height:30px;width:30px;border-radius:50%;object-fit:cover;background-color:var(--primary)}.cards-icons{width:100px}.page-name{font-size:24px;font-weight:600;height:50px;display:flex;align-items:center;color:var(--text-color)}.body-container{padding:0 20px;height:calc(100vh - 60px);overflow:auto}.custom-case-table{height:calc(100vh - 230px);overflow:auto}.side-bar-sub-menu{height:0;margin-left:20px;overflow:hidden;transition:height .3s;border-radius:7px}.side-bar-sub-menu-show{height:132px;overflow:hidden}.text-link{color:var(--text-color)}.text-link:hover{color:var(--primary)}.grey-box{background-color:#f2f2f2;border-radius:7px;width:100%;height:100%;min-height:200px}.case-detail-summary{grid-area:case-detail-summary}.case-detail-tasks{grid-area:case-detail-tasks}.case-detail-activites{grid-area:case-detail-activites}.case-detail-staff{grid-area:case-detail-staff}.case-detail-contacts{grid-area:case-detail-contacts}.case-detail-page-container{height:calc(100vh - 160px);display:grid;grid-gap:10px;grid-template-areas:"case-detail-summary case-detail-summary case-detail-tasks" "case-detail-contacts case-detail-staff case-detail-activites  ";grid-template-columns:1fr 1fr 1fr}.contact-detail-page-container{height:calc(100vh - 160px);display:grid;grid-gap:10px;grid-template-areas:"case-detail-summary case-detail-summary case-detail-activites" "case-detail-contacts case-detail-staff case-detail-activites  ";grid-template-columns:1fr 1fr 1fr}.case-detail-top-bar{margin:10px 0 15px}.case-detail-header{padding:10px;border-radius:7px 7px 0 0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.small-btn{padding:3px 10px;border-radius:5px;font-size:12px;cursor:pointer;transition:background-color .3s}.top-bar-text-link{color:var(--text-color);font-size:14px;font-weight:500}.top-bar-text-link:hover,.top-bar-text-link.active{color:var(--primary)}.custom-close-popup-btn{background-color:red;position:absolute;top:0;right:0;border:none;color:#fff;padding:5px 10px}.custom-close-popup-btn:hover{background-color:#8b0000;cursor:pointer;transition:background-color .3s}.popup-title-bar{border-bottom:1px solid var(--border-color);font-weight:600;font-size:18px}.add-case-poup{max-width:none;width:550px}.popup-body-container{margin:20px auto}.case-detail-body{padding:10px;height:calc(50vh - 145px);overflow:auto}.case-detail-summary-content-item{width:100%}.case-detail-summary-content-item-label{font-weight:700;color:#000}.case-detail-summary-input{height:35px;width:100%;border:1px solid var(--border-color);border-radius:5px}.case-detail-summary-input:focus{outline:none;border:1px solid var(--primary)}.case-detail-summary-input:disabled{background-color:#f2f2f2;cursor:not-allowed}.list-item{padding:4px 0;border-bottom:1px solid var(--border-color)}.list-link-btn{text-decoration:none;color:var(--primary)}.list-link-btn:hover{color:var(--primary-hover)}.quickaccess-submenu{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.quick-access-btn{font-size:25px;line-height:30px;font-weight:900}.quick-access-btn:hover{color:var(--primary);cursor:pointer;transition:color .3s}.popup-wrapper{position:absolute;position:fixed;top:0;left:0;height:100vh;display:flex;display:none;z-index:999;align-items:center;justify-content:center;width:100%;background-color:#282a2e20}.popup{min-height:200px;min-width:340px;background-color:#fff;border-radius:10px;max-width:600px;max-height:95vh;overflow:auto}.popup-header{display:flex;width:100%;padding:10px;align-items:center;border-bottom:1px solid var(--orange);justify-content:space-between;position:relative;margin-bottom:15px}.popup-name{font-size:20px;font-weight:600;color:var(--orange)}.close-popup-btn{border:none;color:#fff;height:38.5px;width:25px;cursor:pointer;font-weight:900;background-color:var(--orange);position:absolute;top:4px;right:4px;border-radius:2px 10px 2px 2px}.close-popup-btn:hover{background-color:red}.popup-body{padding:0 15px}.submit-btn{width:100px;margin:0 auto 10px;height:35px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;background-color:var(--orange);border:none}.submit-btn:hover{color:#fff;background-color:var(--blue)}