section#agentAgencyHero{width:100%;padding:200px 0 60px;background-size:cover;background-repeat:no-repeat;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}body.RTL section#agentAgencyHero,section#agentAgencyHero{background-image:url(/_next/static/media/login-hero-b.a2c12d05.png)}section#agentAgencyHero .agentAgencyHero-wrapper{display:flex;align-items:center;justify-content:space-between;z-index:3}section#agentAgencyHero .agentAgencyHero-wrapper .section-left{position:relative;max-width:30%;width:100%;text-align:center}section#agentAgencyHero .agentAgencyHero-wrapper .section-left p{max-width:490px;margin-bottom:0}section#agentAgencyHero .agentAgencyHero-wrapper .section-right{position:relative;text-align:center;max-width:55%;width:100%}.auth-form-group-custom{position:relative}.auth-form-group-custom .form-control{height:55px;padding-top:4px;padding-left:60px;padding-right:8px;width:100%}.auth-form-group-custom label{position:absolute;top:7px;left:60px}.auth-form-group-custom .auti-custom-input-icon{position:absolute;top:0;left:0;font-size:24px;background-color:#c29f60;padding:14px}.btn-login{font-size:16px;padding:0 32px;border-radius:0;display:inline-flex;align-items:center;outline:none;box-shadow:none;text-decoration:none;font-weight:600;transition:all .3s ease-in-out;height:50px;cursor:pointer;background:#000;width:100%;border:1px solid #000;color:#fff;text-align:center;justify-content:center}.btn-login.main{background:#c29f60;border:1px solid #c29f60}.invalid-feedback{width:100%;margin-top:.25rem;font-size:80%;color:#ff7991}.alert.alert-danger{color:#ff7991}.login-links{text-decoration:none;color:#c29f60}.dashboard-header-wrapper{width:100%;max-width:1650px;margin:20px auto;display:flex;justify-content:space-between;align-items:center}.dashboard-wrapper{width:100%;max-width:1650px;margin:10px auto}.payment-form-container{background-color:#f2e7d5;padding:20px;border-radius:20px}.tabs{display:flex}.tabs .button{padding:10px 20px;border:none;background-color:#f0e4d7;cursor:pointer;background:#f2e7d5 0 0 no-repeat padding-box;box-shadow:3px 3px 6px #00000029;border-radius:18px 18px 0 0;font-size:16px;font-weight:500;text-decoration:none;color:#000}.tabs .button.active,.tabs .button:focus,.tabs .button:hover{background-color:#d4c3a0}.tabs .button.disabled{cursor:default;pointer-events:none;color:#0000;background-color:#f0e4d7;box-shadow:none;animation:tabs-skeleton-pulse 1.2s ease-in-out infinite}@keyframes tabs-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.tab-content{padding:20px;border:1px solid #ddd;background-color:#fff;border-radius:5px}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{color:#333;font-weight:700;background-color:#f2e7d5}tr{transition:background-color .3s}tr,tr:hover{background-color:#f1f1f1}tr:nth-child(2n){background-color:#fafafa}.table-container{background-color:#f2e7d5;padding:0 20px 20px;border-radius:20px;overflow-x:auto;width:100%}.table-container .badge-soft-danger{background-color:#ff3d602e;color:#ff3d60;padding:1px 3px;border-radius:5px}.table-container .badge-soft-success{background-color:#1cbb8c2e;color:#1cbb8c;padding:1px 3px;border-radius:5px}.table-container .badge-soft-info{background-color:#4aa3ff2e;color:#4aa3ff;padding:1px 3px;border-radius:5px}.table-container .badge-soft-warning{background-color:#fcb92c2e;color:#fcb92c;padding:1px 3px;border-radius:5px}.table-container .badge-soft-secondary{background-color:#74788d2e;color:#74788d;padding:1px 3px;border-radius:5px}.pagination-container{display:flex;justify-content:space-between;align-items:center}.pagination{background-color:initial;border-radius:5px;padding:5px 10px;display:inline-flex;list-style:none;margin:0}.pagination-container nav{border:1px solid #dbd4d4;border-radius:10px}.pagination .page-item{margin:0 5px}.pagination .page-item .page-link{color:#b8c3d1;text-decoration:none;padding:5px 12px;border-radius:5px;background-color:initial;border:1px solid #0000;display:block;transition:all .3s ease}.pagination .page-item .page-link:hover{background-color:#d4c3a0;color:#fff}.pagination .page-item.disabled .page-link{color:#7a869a;pointer-events:none}.pagination .page-item.active .page-link{background-color:#c89d55;color:#fff;border:1px solid #c89d55}.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{border-radius:5px}.filter-container{display:flex;gap:20px}.admin-btn-search{background:#0000;border:none;font-size:15px}.admin-search,.admin-select{background-color:#f2e7d5;border:none}.create-order-container{display:flex;gap:20px}.create-order-container .section-left{width:100%;max-width:55%;background-color:#f2e7d5;padding:30px 20px;border-radius:20px}.create-order-container .section-left .card-title{font-size:22px;margin:0;font-weight:500}.create-order-container .section-left .card-title-desc{font-size:16px;margin:0;font-weight:400}.create-order-container .form-control{display:block;padding:6px 12px;width:100%;border:none}.create-order-container .custom-number-input{display:block;padding:6px 10px;width:100%;max-width:80px;color:#fff;background-color:#c29f60;border:none;border-radius:4px}.create-order-container .form-select{display:block;padding:8px 20px 8px 12px;background-color:#fff;border:none;width:100%;max-width:200px}.create-order-container .section-right h5.title{font-size:24px;margin:0;color:#c29f60;font-weight:500}.create-order-container .section-right p.title-desc{font-size:16px;margin:0;font-weight:400}.create-order-container .section-right .info-heading{font-size:18px;margin:0;font-weight:500}.create-order-container .section-right .info-desc{font-size:12px}.form-control.input-control{display:block;width:100%;background-color:#f2e7d5}.form-control.input-control,.user-profile-control{padding:6px 12px;border-radius:5px;border:0;outline:none}.user-profile-control{min-width:250px;background-color:#fff}.dropzone{border:2px dashed #79859c;border-radius:6px;min-height:150px}.dropzone,.dropzone .dz-message{display:flex;justify-content:center;align-items:center}.dropzone .dz-message{flex-direction:column;color:#79859c}.dropzone .dz-message .ri-upload-cloud-2-line{font-size:35px}.dropzone-previews{background:#f5f5f5;padding:10px;border-radius:10px}.download-sample-sheet a,.dropzone-previews a{text-decoration:none;color:#c29f60}.dropzone-previews .clear-btn{background:none;border:0;box-shadow:none;color:#e15555;outline:none}#customQuantity{padding:6px 12px;border:none}.single-order-form{background:#f4eee4 0 0 no-repeat padding-box;border-radius:20px;padding:20px}.single-order-form:nth-child(2n){background:#e8dcc7 0 0 no-repeat padding-box}.billing-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.billing-modal{background:#fff;border-radius:16px;padding:36px 32px;width:100%;max-width:520px;box-shadow:0 8px 40px #0000002e}.billing-modal-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.billing-modal-desc{font-size:14px;color:#666;margin:0 0 24px}.billing-field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;flex:1 1}.billing-field label{font-size:13px;font-weight:500;color:#444}.billing-field-row{display:flex;gap:16px}.billing-field-locked{background-color:#f0ece5!important;color:#888!important;cursor:not-allowed}.billing-input-error{border:1px solid #e15555!important}.billing-error{font-size:12px;color:#e15555}.billing-modal-submit{margin-top:8px;width:100%;background-color:#c29f60;color:#fff;border:none;border-radius:8px;padding:10px;font-size:15px;font-weight:500;cursor:pointer;justify-content:center}.billing-modal-submit:hover{background-color:#a8873f}.billing-modal-submit:disabled{opacity:.7;cursor:not-allowed}.umrah-dropdown{position:relative;display:inline-block}.umrah-dropdown-toggle{background-color:#c09a58;color:#fff;padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:1em;box-shadow:0 2px 4px #0003}.umrah-dropdown-content{position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0000001a;border:1px solid #ddd;border-radius:5px;z-index:1;margin-top:10px}.umrah-dropdown-content button{background-color:#f8f8f8;color:#333;padding:10px;width:100%;text-align:left;border:none;cursor:pointer;display:block;font-size:.9em}.umrah-dropdown-content button:hover{background-color:#ddd}.umrah-show{display:block}.agency-badge{background-color:#2e3236;color:#fff;padding:8px 16px;border-radius:30px;font-size:1em;box-shadow:0 2px 4px #0003;max-width:-moz-fit-content;max-width:fit-content}.agency-badge,.agency-icon{display:flex;align-items:center}.agency-icon{background-color:#c09a58;border-radius:50%;width:32px;height:32px;justify-content:center;margin-right:8px}body.RTL .agency-icon{margin-right:0;margin-left:8px}.agency-icon img{width:24px;height:24px;border-radius:50%}.agency-name{white-space:nowrap;font-weight:500}.top-cards-container{display:flex;gap:20px}.single-card-container{width:100%;max-width:33%}.graph-card,.number-card{margin-bottom:24px;box-shadow:0 2px 4px #00000014;word-wrap:break-word;border-radius:10px;padding:10px 20px}.bottom-cards-container{display:flex;gap:20px}.graph-container{width:100%;max-width:66%}.number-cards-container{width:100%;max-width:33%}.stats-number-container{display:grid;grid-template-columns:32% 32% 32%}.graph-card .mdi-circle.text-primary{background-color:#c29f60;width:8px;height:8px;display:inline-block;border-radius:50px}.graph-card .mdi-circle.text-danger{background-color:#ff3d60;width:8px;height:8px;display:inline-block;border-radius:50px}.graph-card .mdi-circle.text-warning{background-color:#fcb92c;width:8px;height:8px;display:inline-block;border-radius:50px}.graph-card .mdi-circle.text-success{background-color:#c29f60;width:8px;height:8px;display:inline-block;border-radius:50px}.profile-container{background-color:#f2e7d5;padding:40px 20px;border-radius:20px}.profile-container .profile-picture>img{width:150px;height:150px;min-width:150px;min-height:150px;max-width:150px;max-height:150px;border-radius:10px;padding:15px;object-fit:contain;border:3px solid #c09a58}.profile-container .profile-picture .edit-mode label{text-align:center;display:block}.profile-container .profile-picture .edit-mode label img{width:150px;height:150px;min-width:150px;min-height:150px;max-width:150px;max-height:150px;border-radius:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;object-fit:contain;background-color:#000;padding:15px;cursor:pointer}.profile-container .profile-picture .edit-mode label input{display:none}.profile-container .profile-picture .edit-mode label i{display:inline-flex;width:150px;height:150px;min-width:150px;min-height:150px;max-width:150px;max-height:150px;border-radius:10px;margin-left:auto;margin-right:auto;background-color:#f5f5f5;padding:15px;align-items:center;justify-content:center;cursor:pointer;color:#000;font-size:30px}.profile-container .info-row{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:30px}.profile-container .info-row .info-col{width:100%;max-width:48%}.profile-container .info-row .info-col .customSelectOptions__control{border:1px solid #fff;outline:none;box-shadow:none}.profile-container .info-row .info-col .customSelectOptions__control.customSelectOptions__control--menu-is-open{border:1px solid #c09a58;outline:none;box-shadow:none}.transaction-file-container input{display:none}.transaction-file-container .browse-text{display:inline-block;background-color:initial;color:#b18b45;border:2px solid #b18b45;font-weight:600;border-radius:5px;cursor:pointer;padding:5px 10px;margin-bottom:5px;transition:all .3s ease-in-out}.transaction-file-container .browse-text:hover{background-color:#b18b45;color:#fff;border:2px solid #b18b45;transition:all .3s ease-in-out}.transaction-file-container .file-info{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;background-color:initial;color:#b18b45;border:2px solid #b18b45;font-weight:600;border-radius:5px;cursor:pointer;padding:5px 10px;margin-bottom:5px;transition:all .3s ease-in-out}.transaction-file-container .file-info:hover{background-color:#b18b45;color:#fff;border:2px solid #b18b45;transition:all .3s ease-in-out}.transaction-file-container .file-info i{font-size:24px;color:#b18b45;transition:all .3s ease-in-out}.transaction-file-container .file-info:hover i{color:#fff;transition:all .3s ease-in-out}.transaction-file-container .file-info h6{font-size:14px;font-weight:400;color:#000;margin:0;transition:all .3s ease-in-out}.transaction-file-container .file-info:hover h6{color:#fff;transition:all .3s ease-in-out}.transaction-file-container .file-info p{font-size:14px;font-weight:600;color:#000;margin:0;transition:all .3s ease-in-out}.transaction-file-container .file-info:hover p{color:#fff;transition:all .3s ease-in-out}.dashboard-wrapper .expanded-row .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.dashboard-wrapper .expanded-row .row .col-md-2{max-width:16.5%;width:100%}.dashboard-wrapper .expanded-row .row .col-md-3{max-width:24.5%;width:100%}.progress-bar{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#c29f60;transition:width .6s ease}.progress,.progress-bar{display:flex;overflow:hidden}.progress{height:1rem;font-size:12px;background-color:#e9ecef;border-radius:.25rem}@media only screen and (max-width:1420px){section#agentAgencyHero .agentAgencyHero-wrapper .section-left img{width:100px}section#agentAgencyHero .agentAgencyHero-wrapper .section-left p{max-width:100%}section#agentAgencyHero .agentAgencyHero-wrapper .section-left .sub-heading{font-size:30px}}@media only screen and (max-width:1150px){.filter-btn-container{flex-wrap:wrap;flex-direction:column-reverse;align-items:start}.umrah-dropdown{margin-bottom:15px}.bottom-cards-container{flex-wrap:wrap}.graph-container,.number-cards-container{max-width:100%}.dashboard-wrapper .expanded-row .row .col-md-2{max-width:32%;width:100%;margin-bottom:20px}.dashboard-wrapper .expanded-row .row .col-md-3{max-width:48%;width:100%}}@media only screen and (max-width:900px){section#agentAgencyHero .agentAgencyHero-wrapper .section-left{max-width:60%}.filter-container{flex-wrap:wrap}.filter-container div{margin-bottom:0!important}.table-container{margin-top:10px}.create-order-container .section-left{max-width:100%}.create-order-container .section-right{display:none}}@media only screen and (max-width:768px){.tabs{justify-content:space-between}.tabs .button{padding:10px;font-size:.9em}}@media only screen and (max-width:640px){.dashboard-header-wrapper .section-left img{width:150px}.top-cards-container{flex-wrap:wrap}section#agentAgencyHero .agentAgencyHero-wrapper .section-left{max-width:100%;text-align:center!important}section#agentAgencyHero .agentAgencyHero-wrapper .section-left .btn-group{justify-content:center}section#agentAgencyHero .agentAgencyHero-wrapper .section-right{max-width:0}.tabs{flex-direction:column;gap:8px;margin:0 8px}.tabs .button{width:100%;padding:12px 10px;font-size:1em}.tab-content{margin-top:15px}.pagination-container{flex-wrap:wrap;gap:10px;justify-content:center}.single-card-container{max-width:100%}}@media only screen and (max-width:450px){.pagination .page-item .page-link{padding:1px 6px}.dashboard-header-wrapper .section-left img{width:100px}.agency-badge{font-size:12px;padding:5px 10px}}.modal.media-modal .modal-container .modal-content .modal-header{margin:0}.media-modal .media-list{display:grid;grid-template-columns:33% 33% 33%;justify-content:space-between}.media-modal .media-list img,.media-modal .media-list video{width:100%;object-fit:cover}