@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");

 body {
     background-color: #fff;
     color: #4f4f4f;
     font-size: 15px;
     height: 100%;
     overflow-x: hidden;
     line-height: 1.5;
 }


 [dir="rtl"] {

     .custom_radio .checkmark:after {
         transform: translate(50%, -50%);
     }

     .main-nav>li .submenu>li.has-submenu>a::after {
         transform: translateY(-50%) scale(-1);
     }

     .owl-nav button.owl-next,
     .owl-nav button.owl-prev,
     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev {
         transform: scale(-1);
     }

     .status-toggle .check:checked+.checktoggle:after {
         transform: translate(calc(100% - -3px), -50%);
     }

     .status-toggle .checktoggle:after {
         transform: translate(3px, -50%);
         -webkit-transform: translate(-3px, -50%);
     }

     .custom_check .checkmark:after {
         transform: translateX(50%);
     }
 }

 :root {
     /* Color Variables */
     --primary: #00a3d6;
     --secondary: #d6a32a;
     --border: 1px dashed #cdcdcd;

     /* menueer */
     --muneer-color: #0c2e5a !important;
     --muneer-color-accent: #004c2333 !important;
     --muneer-color-transparent: #004c2318 !important;
     --muneer-text: #464646 !important;
     --muneer-btn-bg: #0c2e5a !important;
     --muneer-btn-color-hover: #0b284e !important;
     --muneer-color-dark: #0a284e;

     /* Border Radius Scale */
     --radius-none: 0;
     --radius-xs: 2px;
     --radius-sm: 4px;
     --radius-md: 6px;
     --radius-lg: 8px;
     --radius-xl: 10px;
     --radius-2xl: 12px;
     --radius-3xl: 15px;
     --radius-4xl: 20px;
     --radius-5xl: 25px;
     --radius-6xl: 30px;
     --radius-7xl: 40px;
     --radius-8xl: 50px;
     --radius-full: 50%;
     --radius-pill: 100px;

     /* Special compound border radius values */
     --radius-card-top: 10px 10px 0 0;
     --radius-card-bottom: 0 0 10px 10px;
     --radius-speech: 20px 20px 20px 0;

     /* Box Shadow Scale */
     --shadow-none: none;
     --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
     --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
     --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     --shadow-lg: 0 4px 12px -1px rgba(222, 222, 222, 0.36);
     --shadow-xl: 0 4px 24px rgba(179, 179, 179, 0.25);
     --shadow-2xl: 0 4px 54px rgba(197, 197, 197, 0.25);
     --shadow-3xl: 0 6px 12px 0px rgba(0, 0, 0, 0.08);

     /* Inset shadows */
     --shadow-inset: inset 0 0 5px rgba(231, 231, 231, 1);
     --shadow-inset-lg: inset 0 0 7px rgba(128, 128, 128, 1);

     /* Focus rings */
     --shadow-focus: 0 0 0 3px rgba(122, 158, 177, 0.25);
     --shadow-focus-sm: 0 0 3px rgba(0, 0, 0, 0.1);

     /* Special decorative shadows */
     --shadow-elevated: 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
     --shadow-floating: 0px 4px 9px -1px rgba(19, 16, 34, 0.03);
     --shadow-button: 0px 4px 4px rgba(245, 248, 255, 1);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #1d1d1d;
 }

 h1 {
     font-size: 44px;
     font-weight: 600;
 }

 h2 {
     font-size: 30px;
     font-weight: 600;
 }

 h3 {
     font-size: 22px;
     font-weight: 600;
 }

 h4 {
     font-size: 20px;
     font-weight: 500;
 }

 h5 {
     font-size: 14px;
     font-weight: 500;
 }

 h6 {
     font-size: 13px;
     font-weight: 500;
 }

 a {
     color: #414141;
     text-decoration: none;
     font-weight: 500;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 p {
     font-weight: 500;
     color: #5f5f5f;
     /*font-family: "Roboto Slab", sans-serif !important;*/
 }

 /*span {*/
 /*    font-family: "Roboto Slab", sans-serif !important;*/
 /*}*/
 ul li,
 ol li {
     font-weight: 500;
     /*list-style-type: disc;*/
     /*margin-bottom: 15px;*/
 }

 a:hover,
 a:focus {
     color: var(--primary);
     text-decoration: none;
     outline: none;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 button:focus {
     outline: 0;
 }

 ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .main-wrapper {
     overflow: hidden;
 }

 /*-----------------
    2. Bootstrap Classes
-----------------------*/

 .btn.focus,
 .btn:focus {
     box-shadow: var(--shadow-none);
 }

 .btn.btn-white {
     background: #fff;
     border: 1px solid #fff;
     color: #1c0828;
     box-shadow: inset 0 0 0 var(--primary);
     border-radius: var(--radius-xl);
     font-weight: 600;
     font-size: 13px;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-primary {
     background: var(--primary);
     border-radius: var(--radius-xl);
     border: 1px solid var(--primary);
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
     padding: 8px 18px;
     color: #fff;
     font-weight: 600;
     font-size: 14px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .btn-primary:hover,
 .btn-primary.active,
 .btn-primary:active,
 .open>.dropdown-toggle.btn-primary {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 input[type="number"] {
     -moz-appearance: textfield;
     /* background-color: #eeeeee4a !important; */
     color: var(--bs-gray-700);
     appearance: none;
     padding: 0.75rem 1rem;
     border: 1px solid var(--bs-gray-300);
     border-radius: 0.65rem;
     transition:
         border-color 0.15s ease-in-out,
         box-shadow 0.15s ease-in-out;
     height: 48px;
     line-height: 32px;
     width: 100%;
 }

 .btn-primary.active.focus,
 .btn-primary.active:focus,
 .btn-primary.active:hover,
 .btn-primary.focus:active,
 .btn-primary:active:focus,
 .btn-primary:active:hover,
 .btn-primary:focus,
 .open>.dropdown-toggle.btn-primary.focus,
 .open>.dropdown-toggle.btn-primary:focus,
 .open>.dropdown-toggle.btn-primary:hover {
     background-color: var(--secondary);
     border: 1px solid var(--secondary);
     box-shadow: inset 0 70px 0 0 var(--secondary);
     color: #fff !important;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-primary.active:not(:disabled):not(.disabled),
 .btn-primary:active:not(:disabled):not(.disabled),
 .show>.btn-primary.dropdown-toggle {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     box-shadow: inset 70px 0 0 0 var(--primary);
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-primary.active:focus:not(:disabled):not(.disabled),
 .btn-primary:active:focus:not(:disabled):not(.disabled),
 .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: var(--shadow-none);
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     box-shadow: inset 70px 0 0 0 var(--primary);
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-outline-primary {
     background-color: #fff;
     border: 1px solid var(--primary);
     color: var(--primary);
     box-shadow: inset 0 0 0 white;
     border-radius: var(--radius-lg);
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-outline-primary:hover,
 .btn-outline-primary:focus,
 .btn-outline-primary.active,
 .btn-outline-primary:active,
 .open>.dropdown-toggle.btn-primary {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     color: #fff;
 }

 .btn-outline-primary.active.focus,
 .btn-outline-primary.active:focus,
 .btn-outline-primary.active:hover,
 .btn-outline-primary.focus:active,
 .btn-outline-primary:active:focus,
 .btn-outline-primary:active:hover,
 .open>.dropdown-toggle.btn-outline-primary.focus,
 .open>.dropdown-toggle.btn-outline-primary:focus,
 .open>.dropdown-toggle.btn-outline-primary:hover {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     box-shadow: inset 0 70px 0 0 var(--primary);
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-secondary-one {
     border-radius: var(--radius-lg);
     border: 2px solid var(--black-10, #fff);
     background: rgba(255, 255, 255, 0.15);
     text-transform: capitalize;
     color: #fff;
     font-weight: 600;
     font-size: 14px;
     padding: 10px 20px;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn.btn-sm {
     padding: 2px 7px;
     font-size: 13px;
     border-radius: var(--radius-lg);
 }

 .btn-secondary {
     background: var(--secondary);
     border: 1px solid var(--secondary);
     border-radius: var(--radius-xl);
     color: var(--primary);
     font-weight: 600;
     font-size: 14px;
     padding: 10px 20px;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
     display: inline-flex;
     align-items: center;
 }

 .btn-secondary-one:hover {
     background-color: #fff;
     border: 2px solid #1c0828;
     color: #1c0828;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-secondary:hover,
 .btn-secondary:focus,
 .btn-secondary.active,
 .btn-secondary:active,
 .open>.dropdown-toggle.btn-secondary {
     background-color: rgba(255, 212, 182, 1);
     border: 1px solid rgba(255, 212, 182, 1);
     color: var(--primary);
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-secondary.active.focus,
 .btn-secondary.active:focus,
 .btn-secondary.active:hover,
 .btn-secondary.focus:active,
 .btn-secondary:active:focus,
 .btn-secondary:active:hover,
 .open>.dropdown-toggle.btn-secondary.focus,
 .open>.dropdown-toggle.btn-secondary:focus,
 .open>.dropdown-toggle.btn-secondary:hover {
     background-color: #fff;
     border: 1px solid #1c0828;
     box-shadow: inset 70px 0 0 0 white;
     color: #1c0828;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-secondary.active:not(:disabled):not(.disabled),
 .btn-secondary:active:not(:disabled):not(.disabled),
 .show>.btn-secondary.dropdown-toggle {
     background-color: #1c0828;
     border-color: #1c0828;
     color: #fff;
 }

 .btn-secondary.active:focus:not(:disabled):not(.disabled),
 .btn-secondary:active:focus:not(:disabled):not(.disabled),
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: var(--shadow-none);
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     background-color: #1c0828;
     border-color: #1c0828;
     color: #fff;
 }

 .btn-secondary.active:not(:disabled):not(.disabled),
 .btn-secondary:active:not(:disabled):not(.disabled),
 .show>.btn-secondary.dropdown-toggle {
     background-color: var(--secondary);
     border-color: var(--secondary);
     color: var(--primary);
 }

 .btn-secondary.active:focus:not(:disabled):not(.disabled),
 .btn-secondary:active:focus:not(:disabled):not(.disabled),
 .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: var(--shadow-none);
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
     background-color: var(--secondary);
     border-color: var(--secondary);
     color: var(--primary);
 }

 .btn-secondary-outline {
     background: #f7f7ff;
     border: 1px solid var(--primary);
     color: var(--primary);
     border-radius: var(--radius-sm);
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-secondary-outline:hover {
     background-color: var(--primary);
     border: 1px solid var(--primary);
     box-shadow: inset 0 70px 0 0 var(--primary);
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-danger {
     background: #e82646;
     border-radius: var(--radius-xl);
     border: 1px solid #e82646;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
     padding: 8px 15px;
     color: #fff;
     font-weight: 600;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .form-group {
     margin-bottom: 1rem;
 }

 label {
     display: inline-block;
     margin-bottom: 0.5rem;
     color: #828282;
     font-size: 12px;
 }

 .form-control {
     padding: 6px 15px;
     border-radius: var(--radius-lg);
 }

 .form-control:focus {
     border-color: #bbb;
     box-shadow: var(--shadow-none);
     outline: 0 none;
 }

 .text-body {
     color: #74788d !important;
 }

 .pagination>ul li.arrow a {
     background: #f1f1f1;
     font-size: 16px;
     margin: 0 9px;
 }

 .pagination>ul li.active a {
     background: var(--primary);
     border-color: var(--primary);
     color: #fff;
 }

 .card {
     background: #fff;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     margin-bottom: 24px;
 }

 .card .card-header {
     background-color: transparent;
 }

 .card .card-body {
     padding: 20px;
 }

 .table {
     margin-bottom: 0;
 }

 .bg-info {
     background-color: #1170e4 !important;
 }

 .bg-success {
     background-color: #1abe17 !important;
 }

 /*-----------------
	3. Avatar
-----------------------*/

 .avatar {
     position: relative;
     display: inline-block;
     width: 3rem;
     height: 3rem;
 }

 .avatar>img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }

 .avatar-title {
     width: 100%;
     height: 100%;
     background-color: #20c0f3;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .avatar-away::before,
 .avatar-offline::before,
 .avatar-online::before {
     position: absolute;
     inset-inline-end: 0;
     bottom: 0;
     width: 25%;
     height: 25%;
     border-radius: var(--radius-full);
     content: "";
     border: 2px solid #fff;
 }

 .avatar-online::before {
     background-color: #0c9e6f;
 }

 .avatar-away::before {
     background-color: #ffbc34;
 }

 .avatar .border {
     border-width: 3px !important;
 }

 .avatar .rounded {
     border-radius: var(--radius-md) !important;
 }

 .avatar .avatar-title {
     font-size: 16px;
 }

 .avatar-xs {
     width: 29px;
     height: 29px;
 }

 .avatar-xs .border {
     border-width: 2px !important;
 }

 .avatar-xs .rounded {
     border-radius: var(--radius-sm) !important;
 }

 .avatar-xs .avatar-title {
     font-size: 10px;
 }

 .avatar-xs.avatar-away::before,
 .avatar-xs.avatar-offline::before,
 .avatar-xs.avatar-online::before {
     border-width: 1px;
 }

 .avatar-sm {
     width: 2.5rem;
     height: 2.5rem;
 }

 .avatar-sm .border {
     border-width: 3px !important;
 }

 .avatar-sm .rounded {
     border-radius: var(--radius-sm) !important;
 }

 .avatar-sm .avatar-title {
     font-size: 14px;
 }

 .avatar-sm.avatar-away::before,
 .avatar-sm.avatar-offline::before,
 .avatar-sm.avatar-online::before {
     border-width: 2px;
 }

 .avatar-lg {
     width: 3.75rem;
     height: 3.75rem;
 }

 .avatar-lg .border {
     border-width: 3px !important;
 }

 .avatar-lg .rounded {
     border-radius: var(--radius-lg) !important;
 }

 .avatar-lg .avatar-title {
     font-size: 22px;
 }

 .avatar-lg.avatar-away::before,
 .avatar-lg.avatar-offline::before,
 .avatar-lg.avatar-online::before {
     border-width: 3px;
 }

 textarea {
     resize: none;
 }

 /*-----------------
	4. Nav Tabs
-----------------------*/

 .nav-tabs {
     border-bottom: 1px solid #f0f0f0;
 }

 .nav-tabs>li>a {
     margin-inline-end: 0;
     color: #888;
     border-radius: var(--radius-none);
 }

 .nav-tabs>li>a:hover,
 .nav-tabs>li>a:focus {
     border-color: transparent;
     color: #2f95c7;
 }

 .nav-tabs.nav-tabs-solid>li>a {
     color: #2f95c7;
 }

 .nav-tabs.nav-tabs-solid>.active>a,
 .nav-tabs.nav-tabs-solid>.active>a:hover,
 .nav-tabs.nav-tabs-solid>.active>a:focus {
     background-color: var(--primary) !important;
     border-color: var(--primary);
     color: #fff;
 }

 .tab-content {
     padding-top: 0;
 }

 .nav-tabs .nav-link {
     border-radius: var(--radius-none);
 }

 .nav-tabs .nav-link:focus,
 .nav-tabs .nav-link:hover {
     background-color: #eee;
     border-color: transparent;
     color: #272b41;
 }

 .nav-link:focus,
 .nav-link:hover {
     color: var(--primary);
 }

 .nav-tabs.nav-justified>li>a {
     border-radius: var(--radius-none);
     margin-bottom: 0;
 }

 .nav-tabs.nav-justified>li>a:hover,
 .nav-tabs.nav-justified>li>a:focus {
     border-bottom-color: #ddd;
 }

 .nav-tabs.nav-justified.nav-tabs-solid>li>a {
     border-color: transparent;
 }

 .nav-tabs.nav-tabs-solid>li>a {
     color: #272b41;
 }

 .nav-tabs.nav-tabs-solid>li>a.active,
 .nav-tabs.nav-tabs-solid>li>a.active:hover,
 .nav-tabs.nav-tabs-solid>li>a.active:focus {
     background-color: var(--primary);
     border-color: var(--primary);
     color: #fff;
 }

 .nav-tabs.nav-tabs-solid.nav-tabs-rounded {
     border-radius: var(--radius-8xl);
 }

 .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a {
     border-radius: var(--radius-8xl);
 }

 .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active,
 .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
 .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
     border-radius: var(--radius-8xl);
 }

 .nav-tabs-justified>li>a {
     border-radius: var(--radius-none);
     margin-bottom: 0;
 }

 .nav-tabs-justified>li>a:hover,
 .nav-tabs-justified>li>a:focus {
     border-bottom-color: #ddd;
 }

 .nav-tabs-justified.nav-tabs-solid>li>a {
     border-color: transparent;
 }

 .nav-tabs.nav-justified.nav-tabs-top {
     border-bottom: 1px solid #ddd;
 }

 .nav-tabs.nav-justified.nav-tabs-top>li>a,
 .nav-tabs.nav-justified.nav-tabs-top>li>a:hover,
 .nav-tabs.nav-justified.nav-tabs-top>li>a:focus {
     border-width: 2px 0 0 0;
 }

 .nav-tabs.nav-tabs-top>li {
     margin-bottom: 0;
 }

 .nav-tabs.nav-tabs-top>li>a,
 .nav-tabs.nav-tabs-top>li>a:hover,
 .nav-tabs.nav-tabs-top>li>a:focus {
     border-width: 2px 0 0 0;
 }

 .nav-tabs.nav-tabs-top>li.open>a,
 .nav-tabs.nav-tabs-top>li>a:hover,
 .nav-tabs.nav-tabs-top>li>a:focus {
     border-top-color: #ddd;
 }

 .nav-tabs.nav-tabs-top>li+li>a {
     margin-inline-start: 1px;
 }

 .nav-tabs.nav-tabs-top>li>a.active,
 .nav-tabs.nav-tabs-top>li>a.active:hover,
 .nav-tabs.nav-tabs-top>li>a.active:focus {
     border-top-color: var(--primary);
 }

 .nav-tabs.nav-tabs-bottom>li>a.active,
 .nav-tabs.nav-tabs-bottom>li>a.active:hover,
 .nav-tabs.nav-tabs-bottom>li>a.active:focus {
     border-bottom-width: 2px;
     border-color: transparent;
     border-bottom-color: var(--primary);
     background-color: transparent;
     transition: none 0s ease 0s;
     -moz-transition: none 0s ease 0s;
     -o-transition: none 0s ease 0s;
     -ms-transition: none 0s ease 0s;
     -webkit-transition: none 0s ease 0s;
 }

 .nav-tabs.nav-tabs-solid {
     background-color: #fafafa;
     border: 0;
 }

 .nav-tabs.nav-tabs-solid>li {
     margin-bottom: 0;
 }

 .nav-tabs.nav-tabs-solid>li>a {
     border-color: transparent;
 }

 .nav-tabs.nav-tabs-solid>li>a:hover,
 .nav-tabs.nav-tabs-solid>li>a:focus {
     background-color: #dcdcdc;
 }

 .nav-tabs.nav-tabs-solid>.open:not(.active)>a {
     background-color: #dcdcdc;
     border-color: transparent;
 }

 .nav-tabs-justified.nav-tabs-top {
     border-bottom: 1px solid #ddd;
 }

 .nav-tabs-justified.nav-tabs-top>li>a,
 .nav-tabs-justified.nav-tabs-top>li>a:hover,
 .nav-tabs-justified.nav-tabs-top>li>a:focus {
     border-width: 2px 0 0 0;
 }

 /*-----------------
    5. Table
-----------------------*/

 .table tr {
     padding: 15px;
     font-size: 14px;
     border-color: #dcdcdc;
     color: #74788d;
 }

 .table tbody td,
 .table th {
     padding: 15px;
     font-size: 13px;
     color: #74788d;
 }

 .table td,
 .table th {
     vertical-align: middle;
     white-space: nowrap;
 }

 .table> :not(:first-child) {
     border-top: 0;
 }

 .table td h2 {
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     margin: 0;
     padding: 0;
     vertical-align: middle;
 }

 .table-avatar a.avatar {
     line-height: normal;
     width: 24px;
     height: 24px;
     margin-inline-end: 8px;
 }

 .table-avatar a.avatar img {
     border-radius: var(--radius-full);
 }

 .table td h2 a {
     color: #4f4f4f;
     font-size: 13px;
     font-weight: 500;
 }

 table.table td h2.table-avatar {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     font-size: inherit;
     font-weight: 400;
     margin: 0;
     padding: 0;
     vertical-align: middle;
     white-space: nowrap;
 }

 table.table td h2 a:hover {
     color: var(--primary);
 }

 table.table td h2 span {
     color: #74788d;
     display: block;
     font-size: 10px;
     margin-top: 7px;
     font-weight: normal;
 }

 table.dataTable {
     margin-top: 0 !important;
 }

 table.dataTable td,
 table.dataTable th {
     font-size: 13px;
 }

 table.dataTable th {
     font-weight: 600;
     color: #1d1d1d;
 }

 table.dataTable td {
     font-weight: 500;
     color: #4f4f4f;
 }

 table.dataTable th {
     background: #f2f2f2;
 }

 .table-striped>tbody>tr:nth-child(odd)>td {
     background-color: rgb(194 231 213 / 24%) !important;
 }

 .table-striped>tbody>tr:nth-child(even)>* {
     background-color: #fff;
 }

 table.dataTable thead .sorting:before,
 table.dataTable thead .sorting_asc:before,
 table.dataTable thead .sorting_desc:before,
 table.dataTable thead .sorting_asc_disabled:before,
 table.dataTable thead .sorting_desc_disabled:before {
     inset-inline-end: 1em;
     content: "\f0de";
     font-family: "Font Awesome 5 Free";
 }

 table.dataTable thead .sorting:after,
 table.dataTable thead .sorting_asc:after,
 table.dataTable thead .sorting_desc:after,
 table.dataTable thead .sorting_asc_disabled:after,
 table.dataTable thead .sorting_desc_disabled:after {
     inset-inline-end: 1em;
     content: "\f0dd";
     font-family: "Font Awesome 5 Free";
 }

 .dataTables_paginate .pagination .previous,
 .dataTables_paginate .pagination .next {
     display: none;
 }

 .custom-table {
     border: 1px solid #dbdbdb;
     border-radius: var(--radius-lg);
 }

 #tablefilter div.dataTables_filter .form-control {
     height: 42px;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     width: 100%;
     background-color: #fff;
     padding: 10px 12px 10px 35px;
 }

 #tablefilter div.dataTables_filter label {
     position: relative;
     margin: 0;
 }

 #tablefilter div.dataTables_filter label::before {
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     font-size: 14px;
     content: "\f002";
     inset-inline-end: 12px;
     top: 50%;
     transform: translateY(-50%);
     color: #828282;
     width: 20px;
 }

 .form-wrap.form-item {
     margin-bottom: 15px;
 }

 a.disable {
     color: #b4b4b4;
     pointer-events: none;
 }

 /*-----------------
    6. loader
-----------------------*/
 .loader-main {
     position: fixed;
     top: 0;
     inset-inline-start: 0;
     z-index: 999999;
     width: 100%;
     height: 100%;
     background: #ffffff47;
     backdrop-filter: blur(50px);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .page-loader {
     width: 48px;
     height: 48px;
     border: 3px dotted var(--primary);
     border-style: solid solid dotted dotted;
     border-radius: var(--radius-full);
     display: inline-block;
     position: relative;
     box-sizing: border-box;
     animation: rotation 2s linear infinite;
 }

 .page-loader::after {
     content: "";
     box-sizing: border-box;
     position: absolute;
     inset-inline-start: 0;
     inset-inline-end: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     border: 3px dotted #040404;
     border-style: solid solid dotted;
     width: 24px;
     height: 24px;
     border-radius: var(--radius-full);
     animation: rotationBack 1s linear infinite;
     transform-origin: center center;
 }

 @keyframes rotation {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes rotationBack {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(-360deg);
     }
 }

 /*-----------------
    7. Header
-----------------------*/

 .header {
     position: sticky;
     /*  position: absolute; */
     inset-inline-start: 0;
     top: 0;
     width: 100%;
     z-index: 1001;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 @media (width > 1400px) {
     .header .container {
         max-width: 95%;
     }
 }

 @media (width > 992px) {
     .header .container {
         padding-inline: 0;
     }
 }

 .header.fixed {
     position: fixed;
     box-shadow: var(--shadow-2xl);
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
     background: #fff;
 }

 .navbar-brand.logo {
     margin-inline-end: 0;
 }

 .logo img {
     height: auto;
     max-width: 100%;
     max-height: 70px;
 }

 .logo a {
     float: inline-start;
 }

 .logo a img {
     float: inline-start;
     max-height: 32px;
 }

 .header-nav {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     position: relative;
     padding: 4px 10px;
     margin-bottom: 0;
 }

 .main-menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .main-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .main-menu-wrapper .main-nav>li+li {
     margin-inline-start: 18px;
 }

 .main-nav>li>a {

     font-size: 13px;
     font-weight: 500;
 }

 .main-nav>li.active>a {
     color: #1d1d1d;
     font-size: 15px;
     font-weight: 500;
 }

 @media (min-width: 992px) {
     .text-lg-end {
         text-align: end !important;
     }
 }

 .main-nav>li .submenu li a {
     display: block;
     padding: 10px;
     clear: both;
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
     width: 100%;
     position: relative;
     border-radius: var(--radius-xl);
 }

 .main-nav>li .submenu>li.has-submenu>a::after {
     content: "\f054";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     inset-inline-end: 15px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 10px;
 }

 .main-nav>li .submenu li {
     position: relative;
     margin: 5px 0;
 }

 .main-nav li a {
     display: block;
     font-weight: 500;
 }

 .not-home {
     .main-nav li a {
         color: #494949 !important;
     }

     .header-navbar-rht .logged-item .nav-link {
         color: #494949 !important;
     }

     .header-navbar-rht li>a.btn-primary {
         color: #fff;
     }

     .header-navbar-rht>li a {
         color: #fff;
     }
 }

 .main-nav li a:hover {
     color: var(--primary) !important;
 }

 .main-nav li.login-link {
     display: none;
 }

 .header-navbar-rht {
     margin: 0;
     padding: 0;
 }

 .header-navbar-rht>li {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     padding-inline-end: 10px;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .header-navbar-rht>li:last-child {
     padding-inline-end: 0px;
 }

 .header-navbar-rht li>a.btn-primary {
     padding: 8px 20px;
 }

 .header-navbar-rht li>a.btn-secondary {
     padding: 8px 8px;
 }

 .header-navbar-rht li>a.header-login {
     padding: 14px 30px;
     font-weight: 700;
 }

 .header-navbar-rht .search-filter-selected .form-group .select2-container {
     width: 100% !important;
 }

 .card.p-4.sticky-top {
     position: relative;
     position: relative;
     top: unset;
     z-index: unset;
 }

 .course-btn-secondry {
     background-color: #c8a06c;
     height: 32px;
     color: white;
     text-decoration: none;
     font-weight: 500;
     transition: background-color 0.3s ease;
 }

 .course-btn-secondry:hover {
     background-color: #d8b787 !important;
 }

 .user-item {
     background: color-mix(in oklab, transparent, var(--primary) 7%);
     border-radius: var(--radius-xl);
     margin-bottom: 12px;
     padding: 8px 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .user-item img {
     width: 48px;
     height: 48px;
     border-radius: var(--radius-full);
     margin-inline-end: 8px;
     flex-shrink: 0;
 }

 .user-item .user-name h6 {
     margin-bottom: 2px;
     text-align: start;
 }

 .user-item .user-name p {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .user-menu {
     float: inline-end;
     margin: 0;
     position: relative;
     z-index: 99;
 }

 .user-menu.nav>li>a {
     color: #fff;
     font-size: 13px;
     line-height: 58px;
     padding: 0 15px;
     height: 60px;
 }

 .user-menu.nav>li>a:hover,
 .user-menu.nav>li>a:focus {
     background-color: rgba(0, 0, 0, 0.2);
 }

 .user-menu.nav>li>a:hover i,
 .user-menu.nav>li>a:focus i {
     color: #fff;
 }

 .user-menu.nav>li>a.mobile_btn {
     border: 0;
     position: relative;
     padding: 0;
     margin: 0;
     cursor: pointer;
 }

 .header-navbar-rht li.logged-item .dropdown-menu {
     min-width: 300px;
     max-height: calc(100vh - 100px);
     top: 100%;
     background: #ffffffbd;
     backdrop-filter: blur(15px);
     overflow-y: auto;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
 }

 .header-navbar-rht li.logged-item.noti-wrapper .dropdown-menu {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
 }

 .header-navbar-rht li.logged-item .dropdown-menu::-webkit-scrollbar {
     width: 6px;
     background: #cdcdcd;
     height: 10px;
 }

 .header-navbar-rht li.logged-item .dropdown-menu::-webkit-scrollbar-track {
     box-shadow: var(--shadow-inset);
     border-radius: var(--radius-sm);
 }

 .header-navbar-rht li.logged-item .dropdown-menu::-webkit-scrollbar-thumb {
     background: #686868;
     border-radius: var(--radius-sm);
 }

 .header-navbar-rht li.logged-item .dropdown-menu::-webkit-scrollbar-thumb:hover {
     background: #1b2559;
 }

 .header-navbar-rht .dropdown-menu {
     min-width: 200px;
     padding: 0;
 }

 .header-navbar-rht .dropdown-menu .dropdown-item {
     padding: 7px 15px;
 }

 .header-navbar-rht .dropdown-menu .dropdown-item {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-top: 1px solid #e3e3e3;
     padding: 10px 15px;
     color: #000 !important;
 }

 .header-navbar-rht .dropdown-menu .dropdown-item:hover {
     color: #0090ce !important;
 }

 .header-navbar-rht .logged-item .nav-link {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     font-size: 13px;
     font-weight: 500;
     padding: 0;
     position: relative;
 }

 .header-navbar-rht>li a {
     color: #fff;
 }

 .popular-icon span img {
     width: 100%;
 }

 #wichCount {
     position: absolute;
     top: -20px;
     font-size: 9px;
     width: 18px;
     inset-inline-start: -5px;
     height: 18px;
     color: #fff;
     background: var(--primary);
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 [dir="rtl"] .border-start {
     border-inline-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
     border-inline-start: unset !important;
 }

 #cartCount {
     position: absolute;
     top: -20px;
     font-size: 9px;
     width: 18px;
     inset-inline-start: -5px;
     height: 18px;
     color: #fff;
     background: var(--primary);
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .header-navbar-rht .logged-item .log-user {
     border-radius: var(--radius-xl);
     padding: 5px 7px;
     width: unset;
     height: unset;
     display: flex;
     align-items: center;
     gap: 4px;
 }

 .header-navbar-rht .logged-item .log-user .users-img img {
     width: 24px;
     height: 24px;
     border-radius: var(--radius-full);
 }

 .header-navbar-rht .logged-item .dropdown-toggle:after {
     margin: 0 5px;
 }

 .header-navbar-rht .logged-item .nav-link .badge {
     position: absolute;
     top: 15px;
     inset-inline-end: 0;
 }

 .header-navbar-rht .logged-item .search-filter-selected {
     margin-bottom: 12px;
     padding-bottom: 12px;
     border-bottom: 1px solid #cdcdcd;
 }

 .header-navbar-rht .logged-item .search-filter-selected .form-group {
     margin-bottom: 0;
 }

 .header-navbar-rht .logged-item .dropdown-menu hr {
     color: #cdcdcd;
     opacity: 1;
     margin: 6px 0;
 }

 .header-navbar-rht li.work-btn {
     position: relative;
     margin-inline-end: 15px;
 }

 .header.fixed {
     .main-nav li a {
         color: #515151 !important;
     }

     .logo img {
         filter: unset;
     }

     .header-navbar-rht>li a {
         color: var(--primary) !important;
     }

     .header-navbar-rht>li a.btn-primary {
         color: #fff !important;
     }
 }

 .header-navbar-rht li.work-btn a {
     display: inline-flex;
     align-items: center;
 }

 .header-navbar-rht li.work-btn:after {
     content: "";
     background: #cdcdcd;
     width: 1px;
     height: 27px;
     position: absolute;
     inset-inline-end: 0;
 }

 .header .header-navbar-rht>li .dropdown-menu {
     box-shadow: var(--shadow-lg);
     border-radius: var(--radius-xl);
     top: 100%;
     inset-inline-end: 100%;
     left: 0;
     padding: 15px;
 }

 html[dir="ltr"] .header .header-navbar-rht>li .dropdown-menu {
     left: -250px;
 }

 .header .header-navbar-rht>li .dropdown-menu .dropdown-item:hover {
     color: #fff !important;
     background: #197a863d;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
     margin-bottom: 5px;
 }

 .header .header-navbar-rht>li .dropdown-menu .dropdown-item {
     padding: 10px 12px;
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     border-radius: var(--radius-xl);
     border: 0;
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
 }

 .header .header-navbar-rht>li .dropdown-menu .dropdown-item.log-out {
     color: #e82646;
 }

 .header .header-navbar-rht>li .dropdown-menu .dropdown-item img {
     width: 16px;
     margin-inline-end: 8px;
 }

 .header .header-navbar-rht .noti-wrapper .bell-icon {
     width: 24px;
     height: 24px;
     background: #fff;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-full);
     margin: 0;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .header .header-navbar-rht .noti-wrapper .bell-icon:hover {
     background: var(--primary);
     border-color: var(--primary);
 }

 .header .header-navbar-rht .noti-wrapper .bell-icon:hover img {
     filter: brightness(0) invert(1);
 }

 .header .header-navbar-rht .noti-wrapper .badge-pill {
     width: 3px;
     height: 3px;
     background-color: #e82646;
     position: absolute;
     top: 5px;
     inset-inline-end: 5px;
     margin: 0;
     padding: 0;
     display: block;
 }

 .header .dropdown-toggle:after {
     border-top: 0;
     border-inline-start: 0;
     border-bottom: 2px solid #757575;
     border-inline-end: 2px solid #757575;
     content: "";
     height: 7px;
     display: inline-block;
     pointer-events: none;
     -webkit-transform-origin: 66% 66%;
     -ms-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     width: 7px;
     vertical-align: 2px;
     margin-inline-start: 13px;
 }

 .user-menu.nav>li>a .badge {
     background-color: #f43f3f;
     display: block;
     font-size: 8px;
     font-weight: bold;
     min-height: 15px;
     min-width: 15px;
     position: absolute;
     inset-inline-end: 3px;
     top: 6px;
 }

 .user-menu.nav>li>a>i {
     font-size: 1.25rem;
     line-height: 60px;
 }

 .flag-dropdown .nav-link {
     color: #28283c;
     padding: 0.5rem 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: inline-flex;
 }

 .account-item .nav-link {
     padding: 0.5rem 0;
 }

 .user-infos {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .main-nav li.megamenu>ul {
     width: 100%;
 }

 .menu-heading {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 15px;
 }

 .menu-heading span {
     border-radius: var(--radius-xl);
     background: var(--secondary);
     width: 40px;
     height: 40px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -webkit-justify-content: center;
     margin-inline-end: 8px;
     flex-shrink: 0;
 }

 .menu-heading h5 {
     font-size: 19px;
     margin-bottom: 0;
 }

 .menu-list {
     margin-bottom: 24px;
 }

 .menu-list ul li {
     margin-bottom: 20px;
 }

 .menu-list ul li h6 {
     font-size: 13px;
     margin-bottom: 5px;
 }

 .main-nav>li .submenu.mega-submenu .menu-list ul li h6 a {
     color: #1d1d1d;
     font-size: 14px;
 }

 .main-nav>li .submenu.mega-submenu .menu-list ul li h6 a:hover,
 .main-nav>li .submenu.mega-submenu .menu-list ul li h6 a.active {
     color: var(--primary);
     background-color: transparent;
 }

 .main-nav>li .submenu.mega-submenu .menu-list ul li p a {
     color: #686868;
     background-color: transparent;
     white-space: normal;
     font-size: 10px;
 }

 .main-nav>li .submenu.mega-submenu .menu-list ul li p a:hover {
     color: #686868;
 }

 .main-nav>li .submenu .menu-list ul li p {
     font-size: 10px;
     font-weight: 500;
     color: #686868;
     margin-bottom: 0;
 }

 .main-nav>li .submenu.mega-submenu ul li a {
     padding: 0;
 }

 .main-nav>li .submenu .menu-list ul li .more-link {
     font-size: 10px;
     font-weight: 600;
     color: #4f4f4f;
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .main-nav>li .submenu .menu-list ul li .more-link i {
     opacity: 0;
 }

 .main-nav li .submenu .menu-list ul li .more-link:hover {
     background-color: transparent;
     color: var(--primary);
 }

 .main-nav li .submenu .menu-list ul li .more-link:hover i {
     opacity: 1;
     margin-inline-start: 8px;
 }

 .main-nav li>ul.mega-submenu {
     padding: 40px 40px 16px;
 }

 /*-----------------
	8. Mobile Menu
-----------------------*/

 .sidebar-overlay {
     background-color: rgba(0, 0, 0, 0.6);
     display: none;
     height: 100%;
     inset-inline-start: 0;
     position: fixed;
     z-index: 2;
     top: 0;
     width: 100%;
 }

 .menu-opened .main-menu-wrapper {
     transform: translateX(0) !important;
 }

 .menu-header {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 60px;
     padding: 0 20px;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     display: none;
 }

 .menu-logo img {
     height: 50px;
 }

 .menu-close {
     font-size: 17px;
     color: var(--primary);
 }

 .bar-icon {
     display: inline-block;
     width: 18px;
 }

 .bar-icon span {
     background-color: var(--primary);
     display: block;
     float: inline-start;
     height: 2px;
     margin-bottom: 6px;
     width: 30px;
     border-radius: var(--radius-xs);
 }

 header.fixed {
     .bar-icon span {
         background-color: var(--primary);
     }
 }

 header.not-home {
     .bar-icon span {
         background-color: var(--primary);
     }

     .logo img {
         filter: unset;
     }
 }

 .bar-icon span:nth-child(3) {
     margin-bottom: 0;
 }

 #mobile_btn {
     display: none;
     margin-inline-end: 30px;
 }

 html.menu-opened body {
     overflow: hidden;
 }

 .main-menu-wrapper {
     margin: 0 15px 0;
 }

 .navbar-brand.logo-small {
     display: none;
 }

 .navbar-brand.logo-small img {
     max-height: 30px;
 }

 /*-----------------
    9. Top-Header
-----------------------*/

 .product-more {
     padding: 37px 0 37px;
 }

 .product-more h3 {
     font-weight: 700;
     font-size: 22px;
     color: #030a16;
     margin-bottom: 0;
 }

 .megamenu-main {
     position: static !important;
 }

 .submenu-product-group {
     margin-bottom: 40px;
 }

 .main-nav>li .submenu li .submenu-head a {
     padding: 0;
 }

 .main-nav>li .submenu-head li a {
     white-space: normal;
 }

 .submenu-head {
     text-align: center;
     margin-bottom: 25px;
 }

 .submenu-head .product-content img {
     margin-bottom: 10px;
 }

 .submenu-head .product-content {
     padding: 10px;
     background: #ffffff;
     box-shadow: var(--shadow-xl);
     border-radius: var(--radius-xl);
 }

 .submenu-head .product-content p {
     font-weight: 600;
     font-size: 15px;
     color: #666666;
     margin-bottom: 0;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .submenu-head .product-content h4 {
     font-weight: 700;
     font-size: 17px;
     color: #030a16;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .submenu-head:hover .product-content h4,
 .submenu-head:hover .product-content p {
     color: var(--primary);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .megamenu-full-width li {
     height: calc(100vh - 90px);
     overflow: auto;
 }

 .megamenu-full-width li {
     background: #fff;
     box-shadow: var(--shadow-2xl);
     border-radius: 0px 0px var(--radius-7xl) var(--radius-7xl);
 }

 .main-nav li.responsive-link {
     display: none;
 }

 /*-----------------
	10. Home
-----------------------*/

 .hero-section {
     position: relative;
     z-index: 1;
     background-size: cover !important;

     .home-item {
         min-height: 79vh;
         align-content: center;
         padding-top: 80px;
     }

     .home-item::after {
         position: absolute;
         width: 100%;
         height: 100%;
         background: #00000085;
         content: "";
         top: 0;
         z-index: -1;
         left: 0;
     }

     .banner-content {
         border-radius: var(--radius-4xl);
     }
 }

 .banner-head h1 {
     font-size: 70px;
     margin-bottom: 24px;
     position: relative;
     text-align: center;
     color: #fff;
     line-height: 1.8;
 }

 /*.banner-head h1::after {*/
 /*content: "";*/
 /*    background-image: url(../img/bg/title-bar-img.svg);*/
 /*    position: absolute;*/
 /*    width: 150px;*/
 /*    height: 10px;*/
 /*    inset-inline-end: 0;*/
 /*    bottom: -10px;*/
 /*}*/
 .banner-head p,
 .banner-head h3,
 .banner-head span {
     font-size: 25px;
     margin-bottom: 24px;
     color: #fff !important;
     text-align: center;
 }

 .banner-form {
     position: relative;
     padding: 20px 20px 10px;
     background: #ffffffb0;
     border-radius: var(--radius-4xl);
     background-repeat: no-repeat;
     background-size: cover;
     margin-bottom: 24px;
 }

 .banner-form form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 10px 20px 0;
     border-radius: var(--radius-xl);
     gap: 1rem;
 }

 .banner-search-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     width: 90%;
     margin: 0 -10px;
 }

 .banner-form .input-block {
     min-width: 180px;
     width: 100%;
     display: inline-block;
     text-align: start;
     margin: 0 5px 24px;
 }

 .input-locaion {
     position: relative;
 }

 .banner-form .input-block .input-locaion .form-control {
     padding-inline-end: 20px;
 }

 .input-locaion img {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     inset-inline-end: 0;
 }

 .banner-form .input-block label {
     font-size: 10px;
     font-weight: 500;
     color: #4f4f4f;
     margin-bottom: 3px;
 }

 .banner-form .input-block .form-control {
     font-size: 13px;
     font-weight: 400;
     color: #1d1d1d;
     padding: 8px;
     border-radius: var(--radius-lg);
     height: 42px;
     border: 0;
     background: #f3f3f3;
 }

 .banner-form .input-block .form-control::placeholder {
     font-size: 13px;
     font-weight: 400;
     color: #1d1d1d;
 }

 .banner-form .input-block .select2-container .select2-selection--single {
     border: 0;
     height: auto;
 }

 .banner-form .input-block .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 10px;
     /*line-height: normal;*/
     color: #1d1d1d;
 }

 .banner-form .input-block .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: auto;
     top: 50%;
 }

 .banner-form .input-block-btn {
     float: inline-end;
     margin: 0 0 10px;
     margin-inline-start: auto;
 }

 .banner-form .input-block-btn .btn {
     padding: 11px 23px;
 }

 .banner-form .input-block-btn .btn i {
     font-size: 13px;
     margin-inline-end: 5px;
 }

 .popular-search {
     /* display: flex; */
     display: none;
     align-items: center;
 }

 .popular-search ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .popular-search h5 {
     font-size: 15px;
     margin-inline-end: 12px;
     margin-bottom: 12px;
     flex-shrink: 0;
 }

 .popular-search ul li {
     margin: 0 12px 12px 0;
 }

 .popular-search ul li:last-child {
     margin-inline-end: 0;
 }

 .popular-search ul li a {
     background: #ffffff;
     border-radius: var(--radius-xl);
     padding: 5px 15px;
     font-size: 13px;
     color: #1d1d1d;
     border: 1px solid #ddd;
     font-weight: 600;
     display: inline-flex;
 }

 .popular-search ul li a:hover {
     background: var(--primary);
     color: #fff;
 }

 .banner-img-right {
     max-width: 100%;
     position: relative;
     background: radial-gradient(#0d4c2161 19%, #cda76530 30%, #ffffff 64%);
     inset-inline-start: 30px;
 }

 .banner-bg-imgs img {
     position: absolute;
     z-index: -1;
 }

 .banner-bg-imgs .banner-bg-one {
     inset-inline-end: 200px;
     top: 0;
 }

 .banner-bg-imgs .banner-bg-two {
     inset-inline-end: 38%;
     bottom: 0;
     display: none;
 }

 .banner-bg-imgs .banner-bg-three {
     inset-inline-start: 0;
     top: 0;
     max-width: 400px;
 }

 .banner-bg-imgs .banner-bg-four {
     inset-inline-start: 20px;
     top: 50px;
     animation: spin 3000ms linear infinite;
 }

 .banner-small-bg-one {
     position: absolute;
     bottom: 30%;
     inset-inline-end: 60px;
 }

 .banner-small-bg-two {
     position: absolute;
     bottom: 23%;
     inset-inline-end: 450px;
 }

 @keyframes spin {
     to {
         transform: rotate(360deg);
     }
 }

 .service-section {
     padding: 80px 0;
 }

 .section-header {
     margin-bottom: 40px;
 }

 .section-header h2 {
     font-size: 32px;
     margin-bottom: 0;
     position: relative;
 }

 .section-header h2 span {
     position: relative;
 }

 span.site_name {
     color: var(--primary);
 }

 .section-header h2 span::after {
     /*content: "";*/
     background-image: url(../img/bg/title-bar-img.svg);
     position: absolute;
     width: 100%;
     height: 10px;
     inset-inline-start: 0;
     bottom: -6px;
     background-size: cover;
 }

 .service-grid .servive-name h4 {
     font-weight: 600;
     margin-bottom: 3px;
     font-size: 17px;
 }

 .service-grid {
     background: #fff;
     box-shadow: var(--shadow-elevated);
     border-radius: var(--radius-xl);
     margin-bottom: 24px;
 }

 .service-grid .service-img {
     position: relative;
     transition: 0.5s all;
     overflow: hidden;
     border-radius: var(--radius-card-top);
 }

 .service-grid .service-img:hover img {
     transform: scale(1.14);
     transition: 0.5s all;
 }

 .service-grid .service-img img {
     border-radius: var(--radius-card-top);
     width: 100%;
     transition: 0.5s all;
 }

 .service-grid .servive-name span {
     color: #4f4f4f;
 }

 .service-type {
     padding: 24px;
 }

 .next-arrow a i {
     color: #1d1d1d;
     font-size: 17px;
 }

 .service-grid:hover .next-arrow a i {
     color: var(--primary);
 }

 .avg-price h6 {
     font-size: 10px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 5px;
 }

 .avg-price span {
     font-size: 17px;
     color: #fff;
     font-weight: 600;
 }

 .avg-price {
     position: absolute;
     text-align: end;
     inset-inline-end: 0;
     top: 0;
     margin: 15px 15px 0 0;
 }

 .more-btn {
     margin-top: 26px;
 }

 .more-btn a.btn {
     display: inline-flex;
     padding: 14px 25px;
     height: auto;
     align-items: center;
     justify-content: center;
 }

 .more-btn a.btn i {
     font-size: 10px;
     margin-inline-start: 8px;
 }

 .explore-gigs-section {
     background: #fff;
     padding: 40px 0;
     position: relative;
     overflow: hidden;
 }

 .section-tab {
     margin-bottom: 40px;
 }

 .section-tab ul li .nav-link {
     background: #fff;
     color: #1d1d1d;
     font-size: 14px;
     padding: 10px 25px;
     border-radius: var(--radius-xl);
     margin-inline-end: 15px;
     font-weight: 500;
     transition: 0.5s all;
 }

 .section-tab ul li .nav-link.active {
     background: var(--primary);
     color: #fff;
 }

 .section-tab ul li .nav-link:hover {
     background: var(--primary);
     color: #fff;
     transition: 0.5s all;
 }

 .section-tab ul li:last-child .nav-link {
     margin-inline-end: 0;
 }

 .section-head {
     align-items: center;
     justify-content: space-between;
 }

 .gigs-grid {
     background: #fff;
     box-shadow: var(--shadow-sm);
     border: 1px solid #f8f8f8;
     border-radius: var(--radius-xl);
     padding: 6px;
     margin-bottom: 24px;
     min-height: 432px;
     position: relative !important;
     overflow: hidden;
 }

 #wishlistContainer .gigs-grid {
     min-height: 220px;
 }

 .gigs-grid .star-rate span i {
     color: rgba(255, 185, 6, 1);
 }

 .gigs-grid .gigs-content {
     padding: 15px 5px;
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     min-height: 280px;
 }

 .trainingCard.gigs-grid.fellowship-card .gigs-content {
     min-height: 300px;
 }

 .trainingCard.gigs-grid.fellowship-card .gigs-content .gigs-title {
     margin: 0px !important;
 }

 .trainingCard.gigs-grid.fellowship-card .gigs-content .gigs-title h2 a {
     font-size: 0.85rem;
 }

 .pe-2 {
     padding-inline-start: 0.5rem !important;
     padding-inline-end: unset !important;
 }

 .ps-2 {
     padding-inline-end: 0.5rem !important;
     padding-inline-start: unset !important;
 }

 [dir="ltr"] {
     .gigs-grid .gigs-content {
         direction: ltr;
     }

     .contact-content {
         .contact-details {

             a,
             p {
                 font-size: 13px;
             }
         }
     }

     .testimonial-item,
     .blog-content,
     .service-box {
         direction: ltr;
     }
 }

 #cartListContainer .owl-carousel .owl-item img,
 #cartListContainer .gigs-img .img-slider a::after {
     border-radius: var(--radius-xl);
 }

 #cartListContainer .owl-carousel .owl-stage-outer,
 #cartListContainer .owl-carousel .owl-item,
 #cartListContainer .slide-images,
 #cartListContainer .owl-carousel .owl-stage {
     height: 100%;
 }

 #cartListContainer .gigs-card-footer {
     align-items: flex-start;
 }

 .policies-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 6px 20px;
 }

 .gigs-content .gigs-info .badge {
     color: #fff;
     padding: 4px 6px;
     border-radius: var(--radius-md);
     font-size: 12px;
     position: relative;
     background: #8ac036 !important;
     display: inline-flex;
     align-items: center;
 }

 .gigs-info {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .gigs-info p {
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #1d1d1d;
     margin-bottom: 0;
 }

 .owl-carousel .owl-item .gigs-info p img {
     width: 18px;
     height: 18px;
     margin-inline-end: 6px;
 }

 .clients-slider.owl-carousel .owl-item img {
     object-fit: contain !important;
 }

 .gigs-info p img {
     width: 18px;
     height: 18px;
     margin-inline-end: 6px;
 }

 .gigs-info p i {
     margin-inline-end: 6px;
 }

 .gigs-info small {
     font-size: 13px;
     font-weight: 500;
     margin-inline-start: 8px;
     margin-inline-end: auto;
 }

 .gigs-card-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 10px;
 }

 .gigs-card-footer button,
 .gigs-card-footer a {
     width: 100%;
 }

 .blog-content-footer {
     margin-top: 15px;
     color: var(--secondary);
 }

 .blog-content-footer.desc {
     border-top: 0;
     margin-top: 0;
     color: #4f4f4f;
 }

 .gigs-share {
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .gigs-share a.img-icon {
     background: #f2f2f2;
     color: #1d1d1d;
 }

 .gigs-share a {
     width: 32px;
     height: 32px;
     margin-inline-end: 6px;
     border-radius: var(--radius-8xl);
     color: #1170e4;
     background: #f1f6fd;
     border: 1px solid #d5d5d5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chekout-login {
     background: linear-gradient(#ffffff 0%,
             #f6fbfe 25%,
             #eaf6fc 50%,
             #dff1fa 75%,
             #d4ecf8 100%);
     padding: 30px;
     border-radius: var(--radius-lg);
 }

 .empty-cart {
     margin-bottom: 30px;
 }

 .empty-cart img {
     width: 300px;
 }

 .gigs-share a:hover {
     color: #fff;
     background: #1170e4;
 }

 .gigs-card-footer .badge {
     background: #004c2600;
     border-radius: var(--radius-xl);
     border: var(--border);
     color: #004c26;
     margin-bottom: 0;
     padding: 4px 8px;
     position: relative;
     display: inline-flex;
     align-items: center;
 }

 .gigs-card-footer .badge::before {
     /* content: "\e953"; */
     font-family: "feather";
     font-weight: 900;
     position: absolute;
     inset-inline-end: 10px;
 }

 .gigs-card-footer h5 {
     font-size: 19px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .star-rate span {
     font-size: 13px;
     color: #4f4f4f;
     display: inline-flex;
     align-items: center;
     font-weight: 600;
 }

 .star-rate span i {
     color: #9b9b9b;
     margin-inline-end: 5px;
 }

 .service-widget .form-check {
     padding-block: 10px;
     padding-inline: 10px 30px;
     border-radius: var(--radius-md);
     border: var(--border);
     margin-bottom: 10px;
 }

 .service-widget .form-check .course-type {
     color: #004c26;
 }

 .service-widget .form-check .course-price {
     font-size: 16px;
     color: #cb9253;
     font-weight: bold;
 }

 .star-rate span i.filled {
     color: rgba(255, 185, 6, 1);
 }

 .gigs-title {
     margin: 10px 0;
 }

 .gigs-title h3 {
     font-size: 19px;
     margin-bottom: 0;
     line-clamp: 2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     line-height: 22px;
     /*height: 43px;*/
     text-overflow: ellipsis;
     display: -webkit-box;
 }

 .gigs-title h3 a {
     font-size: 18px;
 }

 #muneer-popup-footer {
     padding: 16px 32px;
     display: none;
 }

 #muneer-theme-switcher label {
     margin: 0px;
 }

 #muneer-popup-buttons button:last-child {
     margin-right: 0;
     display: none;
 }

 .muneer-action-box {
     background: #197a863d;
 }

 .muneer-multi-toggle-box .muneer-icon,
 .muneer-toggle-box .muneer-icon {
     background-color: var(--primary);
 }

 .muneer-multi-toggle-box:hover,
 .muneer-toggle-box:hover,
 #muneer-popup-main select:hover {
     background: #197a863d;
 }

 #muneer-sidebar #muneer-popup-buttons button:hover,
 .muneer-action-box:hover {
     background: #197a863d;
 }

 #muneer-online-dictionary-box #muneer-online-dictionary-form #muneer-online-dictionary-search {
     background: #197a863d;
 }

 #muneer-popup #muneer-popup-buttons button,
 #muneer-sidebar #muneer-popup-buttons button,
 #muneer-voice-nav-popup #muneer-popup-buttons button {
     background-color: var(--primary) !important;
 }

 .sliderImg {
     position: absolute;
     width: 100%;
     z-index: -1;
     height: 100%;
     top: 0;
     left: 0;
     object-fit: cover;
 }

 .card-overlay-badge span {
     font-size: 10px;
     border-end-end-radius: 10px;
     border-start-end-radius: 0;
     font-weight: normal;
     padding: 6px 8px;
     display: inline-flex;
     align-items: center;
 }

 .gigs-img {
     position: relative;
     border-radius: var(--radius-xl);
     overflow: hidden;
 }

 @media (width> 767px) {
     #cartListContainer .cart-page .gigs-content {
         position: relative;
         padding-top: 51px;
     }

     .cart-page .gigs-card-footer div:not(.d-block) {
         position: absolute;
         top: 0px;
         inset-inline-end: 0px;
     }

     .cart-page .gigs-card-footer div a {
         padding: 4px;
         color: red;
         border-radius: var(--radius-sm) var(--radius-none) var(--radius-sm) var(--radius-none);
         background: #ff000038;
     }
 }

 @media (width > 1160px) {
     .banner-img-right {
         max-width: 100%;
     }

     header {
         .container {
             max-width: 95%;
         }
     }
 }

 header {
     .container {
         max-width: 97% !important;
     }
 }

 .gigs-img:hover .img-slider img {
     transform: scale(1.14);
     transition: 0.5s all;
 }

 .gigs-img .img-slider a {
     position: relative;
     overflow: hidden;
     display: block;
     border-radius: var(--radius-card-top);
 }

 .gigs-img .img-slider a::after {
     content: "";
     background: linear-gradient(182deg,
             rgba(0, 0, 0, 0.55) -7.43%,
             rgba(0, 0, 0, 0) 45.63%,
             rgba(0, 0, 0, 0.13) 98.07%);
     width: 100%;
     height: 100%;
     border-radius: var(--radius-card-top);
     position: absolute;
     top: 0;
     inset-inline-start: 0;
 }

 .gigs-img img {
     border-radius: var(--radius-card-top);
     position: relative;
     transition: 0.5s all;
     width: 100%;
 }

 .cart-page .gigs-img img,
 .cart-page .gigs-img .img-slider a::after {
     border-radius: var(--radius-xl);
 }

 .fc-title {
    color: #858585;
    padding: 0 8px;
    font-weight: 400;
    font-size: 16px;
    border-radius: var(--radius-3xl);
    border-inline: 2px solid #858585;
 }

 .selected-course {
     background: url(https://i.ibb.co/WN9qp0B7/correct.png) #e3ebe7 !important;
     background-size: 16px !important;
     background-repeat: no-repeat !important;
     background-position: 5px 50% !important;
     padding-left: 25px !important;
     background-color: #0b2d5849 !important;
 }

 .cardBadge {
     background-color: #1fd8ff2b !important;
 }

 .card-overlay-badge {
     display: flex;
     align-items: center;
     position: absolute;
     inset-inline-start: 0;
     top: -2px;
     z-index: 1;
 }

 .card-overlay-badge span i {
     margin-inline-end: 8px;
 }

 .card-overlay-badge span.bg-warning {
     margin-inline-end: 8px;
 }

 .fav-selection {
     position: absolute;
     inset-inline-end: 0;
     top: 0;
     z-index: 1;
 }

 .fav-selection a {
     width: 32px;
     height: 32px;
     margin-inline-end: 6px;
     background: #fff;
     border-radius: var(--radius-xl) var(--radius-none) var(--radius-xl) var(--radius-none);
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .fav-selection a:last-child {
     margin-inline-end: 0;
 }

 .fav-selection .fav-icon.favourite {
     background: var(--primary);
     color: #fff;
 }

 .user-thumb {
     position: absolute;
     inset-inline-end: 0;
     bottom: 0;
     margin-bottom: 15px;
     margin-inline-end: 15px;
     z-index: 1;
 }

 .user-thumb img {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-full);
     border: 2px solid #fff;
 }

 .img-slider .owl-dots {
     display: flex;
     justify-content: center;
     width: 100%;
     position: absolute;
     bottom: 0;
 }

 .img-slider .owl-dots .owl-dot {
     width: 5px;
     height: 5px;
     border-radius: var(--radius-7xl);
     background: #f2f2f2;
     margin: 0 0 15px 0;
     margin-inline-end: 5px;
 }

 .img-slider .owl-dots .owl-dot.active {
     width: 27px;
     height: 5px;
 }

 .gigs-card-slider.owl-carousel .owl-nav,
 .gigs-card-cat.owl-carousel .owl-nav {
     display: flex;
     justify-content: center;
     margin-top: 16px;
 }

 .gigs-card-cat.owl-carousel .owl-nav {
     gap: 15px;
 }

 .gigs-card-slider.owl-carousel .owl-nav button {
     width: 50px;
     height: 50px;
     border-radius: var(--radius-full);
     border: 1px solid #cdcdcd;
     background: #fff;
     margin-inline-end: 15px;
     transition: 0.5s all;
 }

 .gigs-card-slider.owl-carousel .owl-nav button:hover {
     background: #0c2e5a;
     color: #fff;
     transition: 0.5s all;
 }

 .gigs-card-slider.owl-carousel .img-slider .owl-nav {
     display: none;
 }

 .gigs-card-slider.owl-carousel .owl-nav button:last-child {
     margin-inline-end: 0;
 }

 .section-bg-one {
     position: absolute;
     inset-inline-end: 0;
     top: 0;
     z-index: -1;
 }

 .section-bg-two {
     position: absolute;
     inset-inline-end: 20px;
     bottom: 50px;
     z-index: -1;
     animation: spin 3000ms linear infinite;
 }

 .client-slider-sec {
     padding: 50px 0;
 }

 .client-logo {
     min-height: 40px;
     display: flex;
     align-items: center;
     background: #fff;
     padding: 20px;
     box-shadow: 0px 4px 9px -1px rgba(19, 16, 34, 0.03);
     margin-bottom: 20px;
 }

 .client-logo img {
     height: 130px;
     width: 100% !important;
 }

 .client-slider-sec .section-header p {
     color: #515151;
     text-align: center;
 }

 .explore-services-sec {
     padding: 80px 0;
     position: relative;
     overflow: hidden;
 }

 .explore-services-one {
     position: absolute;
     inset-inline-end: 0;
     top: -100px;
     z-index: -1;
 }

 .explore-services-two {
     position: absolute;
     inset-inline-start: 0;
     top: 0;
     max-width: 450px;
     z-index: -1;
 }

 .trusted-customers {
     background-image: url(../img/bg/section-bg-02.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
     z-index: 1;
     border-radius: var(--radius-xl);
 }

 .trusted-customers::after {
     content: "";
     width: 100%;
     height: 100%;
     border-radius: var(--radius-xl);
     background: linear-gradient(180deg,
             #000 0%,
             rgba(0, 0, 0, 0) 48%,
             rgba(0, 0, 0, 0.76) 100%);
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     z-index: -1;
 }

 .trusted-bg-one {
     position: absolute;
     inset-inline-end: -40px;
     top: -40px;
 }

 .trusted-bg-two {
     position: absolute;
     inset-inline-start: -40px;
     bottom: -40px;
 }

 .trusted-customers .section-header {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .trusted-customers .section-header h2 {
     color: #fff;
     font-size: 42px;
     margin-bottom: 15px;
     text-align: center;
 }

 .trusted-customers .section-header p {
     color: #fff;
     font-size: 17px;
     margin-bottom: 0;
 }

 .trusted-customers-sec {
     position: relative;
 }

 .explore-bg1 {
     position: absolute;
     top: -25%;
     inset-inline-start: 0;
     width: 300px;
 }

 .explore-bg2 {
     position: absolute;
     bottom: 140px;
     inset-inline-start: -70px;
     animation: spin 3000ms linear infinite;
     width: 60px;
 }

 .popular-section.expert-section {
     padding: 50px 0;
 }

 .expert-wrapper {
     padding: 20px;
     border-radius: var(--radius-lg);
 }

 .expert-header h2 {
     text-align: start;
 }

 .expert-header p {
     color: #e6e6e6;
     margin-bottom: 40px;
 }

 .expert-icon {
     margin-inline-end: 5px;
     background: #fff;
     padding: 8px;
     position: absolute;
     align-self: center;
     inset-inline-end: 2px;
     top: 6px;
     border-end-start-radius: 21px;
     height: 65px;
     width: 65px;
 }

 .muneer-trigger-button-box button {
     background-color: var(--primary) !important;
 }

 .expert-icon img {
     filter: brightness(0.6);
     width: 100%;
     height: auto;
 }

 .expert-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 24px;
     background-color: var(--primary);
     padding: 60px 25px 25px;
     height: 175px !important;
     border-radius: var(--radius-2xl);
     margin: 8px;
 }

 .expert-item h4 {
     color: var(--secondary);
     margin-bottom: 14px;
     font-size: 22px;
 }

 .expert-item p {
     color: #fff;
     margin-bottom: 0;
     text-align: start !important;
     line-height: 20px;
     font-weight: normal;
 }

 .expert-section .popular-img {
     position: unset;
 }

 .expert-section .popular-img-left {
     bottom: 50px;
     inset-inline-start: 10px;
     top: auto;
 }

 .top-listing-section {
     position: relative;
     padding: 80px 0 56px;
 }

 .con-bg {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     inset-inline-end: 0;
     z-index: -1;
 }

 .provide-section {
     position: relative;
     padding: 56px 0 56px;
     z-index: 1;
 }

 .provide-section::before {
     position: absolute;
     content: "";
     inset-inline-end: 0;
     background: #fff;
     top: 0;
     width: 50%;
     height: 100%;
     background-position: top center;
     background-size: cover;
     z-index: -1;
 }

 .provide-box {
         position: relative;
    padding: 30px;
    border-radius: 0 50px;
    height: 300px;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    overflow: hidden;
 }

 .provide-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #008bc6, #6ea52a00);
    clip-path: polygon(0 0, 100% 0, 0 100%);
 }

 /* EN direction (LTR) */
 [dir="ltr"] .provide-box {
     border-radius: 50px 0;
 }

 [dir="ltr"] .provide-box::before {
     left: auto;
     right: 0;
     clip-path: polygon(100% 0, 100% 100%, 0 0);
 }

 .provide-box img,
 .provide-box svg {
     width: 50px;
 }

 .provide-box .provide-icon {
     background: #fff;
     width: 70px;
     height: 70px;
     border-radius: var(--radius-full);
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     display: flex;
     padding: 15px;
 }

 .provide-box h3 {
     margin-top: 15px;
     margin-bottom: 6px;
     color: var(--secondary);
 }

 .provide-box p {
    margin-bottom: 14px;
    font-weight: 400;
    color: #8b8787;
    margin: 0;
 }

 .provide-box p strong,
 .provide-box p span {
     font-size: 16px;
     font-weight: 500;
 }

 .provide-box .btn i {
     margin-inline-start: 5px;
 }

 .provide-section .section-header h2 {
     margin-bottom: 24px;
 }

 .country-lists .gigs-location img {
     filter: unset;
 }

 .country-lists .gigs-title h3 {
     margin-bottom: 10px;
 }

 .gigs-title h2 {
     font-size: 20px !important;
 }

 .gigs-title h2 a {
     color: var(--primary) !important;
 }

 .gigs-content div.d-flex strong {
     color: var(--primary) !important;
     margin-inline-end: 4px;
     font-size: 12px;
 }

 .gigs-content div.d-flex span {
     font-size: 14px;
 }

 .gigs-content div.d-flex strong i {
     margin-inline-end: 4px;
     font-size: 15px;
 }

 .country-lists .gigs-title p {
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .country-lists .card-overlay-badge span i {
     font-size: 6px;
 }

 .country-lists .gigs-card-footer h5 {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .country-lists .gigs-card-footer h5 span {
     font-size: 13px;
     color: #4f4f4f;
     margin-inline-end: 8px;
 }

 .fw-semibold {
     font-weight: 600;
 }

 .section-header p {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .cta-section {
     background: url(../img/bg/faq-bg.png);
     border-radius: var(--radius-xl);
     padding: 14px;
     margin: 80px 0;
 }

 .cta-wrap {
     background: #fdf6f1;
     padding: 60px;
     border-radius: var(--radius-xl);
     position: relative;
     z-index: 1;
 }

 .cta-bg1 {
     position: absolute;
     top: 0;
     inset-inline-start: 0;
 }

 .cta-bg2 {
     position: absolute;
     bottom: 0;
     inset-inline-end: 0;
     z-index: -1;
 }

 .cta-wrap h3 {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 0;
 }

 .cta-wrap .badge {
     font-size: 15px;
     font-weight: 600;
     padding: 13px 10px;
     background: #1d1d1d;
     border-radius: var(--radius-xl);
     margin-bottom: 15px;
     white-space: pre-wrap;
 }

 .cta-btn i {
     margin-inline-start: 5px;
 }

 .popular-section {
     background: #ffffff21;
     position: relative;
     overflow: hidden;
     padding: 80px 0 56px;
 }

 .popular-img {
     position: relative;
 }

 .popular-img-left {
     position: absolute;
     top: 460px;
 }

 .popular-img-left img {
     animation: spin 3000ms linear infinite;
     width: 60px;
 }

 .popular-img-right {
     position: absolute;
     top: -80px;
     inset-inline-end: -40px;
     opacity: 0.1;
 }

 .popular-img-right img {
     width: 400px;
 }

 .category-grid {
     border: 1px solid #d9d9d9;
     padding: 24px;
     margin-bottom: 24px;
     text-align: center;
     border-radius: var(--radius-xl);
     position: relative;
     overflow: hidden;
     cursor: pointer;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .popular-icon {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     width: 68px;
     height: 68px;
     border-radius: var(--radius-full);
     background: #fff;
     margin-bottom: 24px;
     opacity: 1;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .category-grid:hover .popular-icon {
     /*opacity: 0;*/
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .popular-content {
     opacity: 1;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .category-grid:hover .popular-content {
     /*opacity: 0;*/
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .popular-content h5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
     color: var(--primary);
     margin-bottom: 5px;
 }

 .popular-content p {
     font-weight: 400;
     color: #d6a32a;
     font-size: 10px;
     margin-bottom: 0;
 }

 /*.category-overlay {*/
 /*    position: absolute;*/
 /*    bottom: 100%;*/
 /*    inset-inline-start: 0;*/
 /*    inset-inline-end: 0;*/
 /*    overflow: hidden;*/
 /*    width: 100%;*/
 /*    height: 0;*/

 /*    border-radius: var(--radius-xl);*/
 /*    z-index: 1;*/
 /*    -webkit-transition: 0.7s;*/
 /*    -moz-transition: 0.7s;*/
 /*    -o-transition: 0.7s;*/
 /*    transition: 0.7s;*/
 /*}*/
 /*.category-grid:hover .category-overlay {*/
 /*    height: 100%;*/
 /*    bottom: 0;*/
 /*    -webkit-transition: 0.7s;*/
 /*    -moz-transition: 0.7s;*/
 /*    -o-transition: 0.7s;*/
 /*    transition: 0.7s;*/
 /*}*/
 .category-overlay-img {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     border-radius: var(--radius-xl);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
     display: none;
 }

 /*.category-overlay-img:before {*/
 /*    background: #0c2e5a;*/
 /*    content: "";*/
 /*    position: absolute;*/
 /*    inset-inline-start: 0;*/
 /*    top: 0;*/
 /*    width: 100%;*/
 /*    height: 100%;*/
 /*    z-index: 1;*/
 /*    -webkit-transition: 0.7s;*/
 /*    -moz-transition: 0.7s;*/
 /*    -o-transition: 0.7s;*/
 /*    transition: 0.7s;*/
 /*}*/
 /*.category-overlay-img img {*/
 /*    display: none;*/
 /*}*/
 .category-overlay-content {
     position: absolute;
     z-index: 1;
     bottom: 24px;
     inset-inline-start: 24px;
     display: none;
 }

 /*.category-overlay-content h5 {*/
 /*    white-space: nowrap;*/
 /*    text-overflow: ellipsis;*/
 /*    overflow: hidden;*/
 /*    width: 100%;*/
 /*    color: #fff;*/
 /*    margin-bottom: 5px;*/
 /*}*/
 /*.category-overlay-content i {*/
 /*    font-size: 17px;*/
 /*    color: #fff;*/
 /*    margin-bottom: 0;*/
 /*}*/
 .listing-section {
     background: #fff;
     position: relative;
     overflow: hidden;
     padding: 80px 0;
 }

 .listing-tab .nav {
     border: 0;
     margin-bottom: 25px;
 }

 .listing-tab .nav li {
     margin-bottom: 15px;
 }

 .listing-tab .nav li a {
     background: #fff;
     color: var(--secondary) !important;
     font-size: 13px;
     padding: 10px 20px;
     border-radius: var(--radius-xl);
     margin-inline-end: 14px;
     font-weight: 500;
     transition: 0.5s all;
     /*border: 2px dashed #0c2e5a;*/
 }

 .listing-tab .nav .nav-link.active {
     background: var(--primary);
     color: #fff;
 }

 .listing-tab .nav .nav-link:hover {
     background: var(--primary);
     color: #fff;
     transition: 0.5s all;
 }

 .listing-tab .nav li:last-child .nav-link {
     margin-inline-end: 0;
     border: none !important;
 }

 .gigs-location {
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     margin-bottom: 0;
 }

 .gigs-location img {
     filter: invert(25%) sepia(97%) saturate(2355%) hue-rotate(204deg) brightness(97%) contrast(87%);

     width: auto !important;
 }

 .gigs-location span {
     width: 26px;
     height: 26px;
     border-radius: var(--radius-full);
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -webkit-justify-content: center;
     background: #e7f1fc;
     margin-inline-end: 8px;
 }

 .listing-gigs .gigs-grid .gigs-img .img-slider a,
 .listing-gigs .gigs-grid .gigs-img .gigs-img .img-slider img {
     border-radius: var(--radius-xl);
 }

 .course_price {
     font-size: 15px;
     color: var(--primary);
     font-weight: bold;
     margin-top: 4px;
 }

 .course_price svg {
     color: var(--primary) !important;
 }

 .gigs-card-footer p.badge {
     display: flex;
     flex-direction: column;
     width: 100%;
     height: 46px;
 }

 .gigs-card-footer svg {
     color: var(--primary) !important;
 }

 .gigs-card-footer p.badge {
     display: flex;
     flex-direction: column;
 }

 .listing-gigs .gigs-grid .gigs-info {
     justify-content: flex-start;
 }

 .listing-gigs .gigs-grid {
     padding: 24px;
 }

 .listing-gigs .gigs-grid .gigs-content {
     padding: 24px 0 0;
 }

 .listing-gigs .gigs-grid .star-rate {
     margin-inline-start: 8px;
 }

 .listing-gigs .star-rate {
     border-inline-start: 1px solid #cdcdcd;
     padding-inline-start: 8px;
 }

 .listing-gigs .star-rate span {
     font-weight: 500;
 }

 .listing-gigs .gigs-grid .user-thumb {
     bottom: -23px;
     margin: 0 15px 0 0;
 }

 .listing-gigs .gigs-grid .user-thumb img {
     border: 6px solid #fff;
 }

 .testimonial-section {
     position: relative;
     padding: 80px 0;
 }

 .testimonial-item {
     background-color: var(--primary);
     padding: 24px;
     border-radius: 0 50px;
     margin-bottom: 24px;
     min-height: 300px;
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     color: #ffffff !important;
     /* ensures text is readable on blue gradient */
 }

 .testimonial-icon {
     /*margin-bottom: 24px;*/
     display: none;
 }

 .testimonial-slider .testimonial-icon img {
     width: auto;
 }

 .testimonial-item h4 {
     margin-bottom: 15px;
     color: #ffffff !important;
 }

 .testimonial-item p {
     margin-bottom: 10px;
     color: #ffffff !important;
 }

 .testimonial-item .star-rate {
     margin-bottom: 15px;
 }

 .testimonial-slider .testimonial-user img {
     width: 48px;
     height: 48px;
     border-radius: var(--radius-full);
     margin-inline-end: 8px;
 }

 .testimonial-user {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-top: 1px dotted var(--secondary);
     padding-top: 15px;
 }

 .testimonial-info h6 {
     margin-bottom: 3px;
     color: #ffffff !important;
 }

 .testimonial-info p {
     margin-bottom: 0;
 }

 .testimonial-slider.owl-carousel .owl-nav {
     display: flex;
     justify-content: center;
     margin-top: 16px;
 }

 .testimonial-slider.owl-carousel .owl-nav button {
     width: 48px;
     height: 48px;
     margin-inline-end: 15px;
     transition: 0.5s all;
 }

 .testimonial-bg1 {
     position: absolute;
     top: 10%;
     left: 0;
     display: none;
 }

 .testimonial-bg2 {
     position: absolute;
     bottom: 10%;
     right: 0;
     display: none;
 }

 .testimonial-bg3 {
     position: absolute;
     bottom: 0;
     left: 79px;
 }

 .faq-section {
     padding: 80px 0;
 }

 .faq-section .faq-wrapper {
     padding: 0;
     background: none;
 }

 .faq-section .faq-card {
     box-shadow: var(--shadow-lg);
 }

 .faq-sec {
     margin-bottom: 80px;
 }

 .faq-heading .section-header {
     margin-bottom: 24px;
 }

 .faq-heading p {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 40px;
 }

 .faq-heading .btn i {
     margin-inline-start: 5px;
 }

 .faq-wrapper {
     padding: 24px;
     background: url("../img/bg/faq-bg.png");
 }

 .faq-wrapper .faq-card {
     margin-bottom: 15px;
     border: 0;
 }

 .faq-wrapper .faq-card:last-child {
     margin-bottom: 0;
     padding-bottom: 15px;
 }

 .faq-wrapper .faq-card p:last-child {
     margin-bottom: 0;
 }

 .faq-wrapper .faq-card .faq-title {
     font-size: 19px;
 }

 /*-----------------
	12. Search Page
-----------------------*/

 .breadcrumb-bar {
     background: repeating-linear-gradient(42deg, #f9f9f92b, #193f8814 387px);
     position: relative;
     overflow: hidden;
     padding: 30px 0;
 }

 .breadcrumb-img {
     position: relative;
 }

 .breadcrumb-img .breadcrumb-left {
     position: absolute;
     top: -40px;
     left: 0;
 }

 .breadcrumb-img .breadcrumb-left img {
     display: none;
 }

 .breadcrumb-title {
     font-size: 22px;
     font-weight: 600;
     color: #1d1d1d;
     margin: 15px 0;
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     z-index: 1;
 }

 .breadcrumb-title a {
     font-size: 19px;
     margin-inline-end: 6px;
 }

 .breadcrumb-bar-info .breadcrumb-title {
     margin-bottom: 50px;
 }

 .page-breadcrumb ol {
     font-size: 13px;
     font-weight: 600;
     color: #4f4f4f;
     background-color: transparent;
     margin-bottom: -10px;
     padding: 0;
     position: relative;
     z-index: 1;
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
 }

 .page-breadcrumb ol li {
     font-weight: 600;
     color: #4f4f4f;
 }

 .page-breadcrumb ol li a {
     font-weight: 600;
     color: #4f4f4f;

     svg {
         width: 20px !important;
         height: 20px !important;
     }
 }

 .page-breadcrumb .breadcrumb a:hover {
     color: var(--primary);
 }

 .page-breadcrumb ol li.active {
     color: var(--primary);
 }

 .breadcrumb-item+.breadcrumb-item::before {
     float: inline-start;
     padding-inline-end: 0.5rem;
     content: "\f105";
     font: normal normal normal 14px/1.6 FontAwesome;
     color: #000;
 }

 @media (991px < width < 1133px) {
     .main-nav>li>a {
         white-space: nowrap;
     }
 }

 [dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
     content: "\f104";
 }

 /*.page-breadcrumb .breadcrumb-item + .breadcrumb-item {*/
 /*    padding-inline-start: 10px;*/
 /*}*/

 .breadcrumb-item[aria-current="page"] {
     color: var(--primary) !important;
 }

 .page-content {
     padding: 60px 0 0;
 }

 .select2-results__option {
     padding: 10px 12px;
     font-size: 13px;
 }

 .select2-container .select2-selection--single {
     border: 1px solid #dddddd;
     border-radius: var(--radius-md);
     height: 50px;
     outline: 0;
     font-size: 13px;
 }

 .select2-container--default .select2-selection--single {
     /* background-color: #f3f3f3; */
     border: 1px solid #aaa;
     border-radius: var(--radius-lg);
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 42px;
     inset-inline-end: 7px;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow b {
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     border-color: #4f4f4f;
     border-style: solid;
     border-width: 0 2px 2px 0;
     padding: 3px;
     height: 0;
     margin-inline-start: -6px;
     margin-top: -3px;
     width: 0;
     transform: rotate(45deg) translateY(-50%);
     -webkit-transform: rotate(45deg) translateY(-50%);
     -ms-transform: rotate(45deg) translateY(-50%);
 }

 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #4f4f4f;
     border-width: 2px 0 0 2px;
     margin-top: 3px;
     padding: 3px;
 }

 .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-end: 30px;
     padding-inline-start: 12px;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #4f4f4f;
     line-height: 42px;
     font-weight: 400;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--primary);
     border: 0;
 }

 .select2-container--default .select2-selection--multiple {
     border: 1px solid #dcdcdc;
     min-height: auto !important;
     height: auto !important;
     overflow: visible !important;
     white-space: normal !important;
 }

 .select2-dropdown {
     border-color: #dcdcdc;
 }

 .search-filter {
     float: inline-start;
     width: 100%;
     position: relative;
     padding: 24px 24px 4px;
     margin-top: -110px;
     margin-bottom: 60px;
     border-radius: var(--radius-xl);
     background: #fff;
     box-shadow: var(--shadow-elevated);
 }

 .search-filter form {
     float: inline-start;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .search-filter-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     width: 90%;
     margin: 0 -5px;
 }

 .search-filter .form-group {
     min-width: 180px;
     width: 100%;
     display: inline-block;
     text-align: start;
     border-inline-end: 1px solid #e6e6e6;
     padding: 0 10px 0 0;
     margin: 0 5px 20px;
 }

 .search-filter .form-group label {
     font-size: 10px;
     font-weight: 500;
     color: #4f4f4f;
     margin-bottom: 0;
 }

 .search-filter .form-group .form-control {
     font-size: 13px;
     font-weight: 400;
     color: #1d1d1d;
     padding: 0px;
     border-radius: var(--radius-xl);
     height: auto;
     border: 0;
 }

 .search-filter .form-group .form-control::placeholder {
     font-size: 13px;
     font-weight: 400;
     color: #1d1d1d;
 }

 .search-filter .form-group .select2-container .select2-selection--single {
     border: 0;
     height: auto;
 }

 .search-filter .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 0;
     line-height: normal;
     color: #1d1d1d;
 }

 .search-filter .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: auto;
     top: 7px;
 }

 .search-filter .search-filter-btn {
     float: inline-end;
     margin: 0 0 20px;
     margin-inline-start: auto;
 }

 .search-filter .search-filter-btn .btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     min-width: 106px;
     min-height: 54px;
     border-radius: var(--radius-xl);
 }

 .search-gigs .gigs-grid {
     margin-bottom: 24px;
     box-shadow: var(--shadow-elevated);
 }

 .search-gigs .gigs-info small {
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     margin-inline-start: 8px;
     margin-inline-end: auto;
 }

 .search-load-btn {
     text-align: center;
     margin-top: 16px;
 }

 .search-load-btn .btn {
     padding: 11px 18px;
     border-radius: var(--radius-xl);
     display: inline-flex;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     min-height: 48px;
 }

 .search-load-btn .btn .spinner-border {
     padding: 0;
     margin: 0;
     border: 0;
     width: 18px;
     height: 18px;
 }

 .search-filter-selected .form-group {
     position: relative;
 }

 .search-filter-selected.breadcrumb-select-box .form-group {
     position: relative;
     float: inline-end;
 }

 .search-filter-selected .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-end: 30px;
     color: rgba(79, 79, 79, 1);
     font-weight: 600;
 }

 .search-filter-selected .form-group .select-box-icon {
     position: absolute;
     inset-inline-start: 10px;
     top: 12px;
     z-index: 5;
 }

 .search-filter-selected .form-group .select2-container {
     width: auto !important;
 }

 .sort-search-gigs h5 {
     margin-bottom: 0;
     font-size: 15px;
 }

 .form-check-input:checked {
     background-color: #004c26;
     border-color: #004c26;
 }

 .form-check .form-check-input {
     margin-left: -1.25em !important;
 }

 .sort-search-gigs {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 24px;
     padding-bottom: 24px;
     border-bottom: 1px solid #cdcdcd;
 }

 .search-filter-selected .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-end: 70px;
     color: rgba(29, 29, 29, 1);
 }

 .breadcrumb-select-box.search-filter-selected .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 30px;
 }

 .filter-select-boxes .search-filter-selected .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 30px;
 }

 .search-filter-selected .form-group .sort-text {
     position: absolute;
     inset-inline-start: 15px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 5;
     font-weight: 600;
     font-size: 13px;
     color: #4f4f4f;
 }

 .sort-search-gigs .search-filter-selected .form-group select {
     color: rgba(29, 29, 29, 1);
 }

 .filter-gigs {
     display: flex;
     align-items: center;
     margin-bottom: 30px;
 }

 .filter-gigs h5 {
     margin-inline-end: 10px;
     margin-bottom: 10px;
 }

 .filter-gigs .filter-select-boxes {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .filter-gigs .search-filter-selected .form-group {
     float: unset;
 }

 .filter-gigs .filter-select-boxes li {
     margin-inline-end: 10px;
     margin-bottom: 10px;
 }

 .filter-gigs .filter-select-boxes li:last-child {
     margin-inline-end: 0;
 }

 .pagination {
     justify-content: center;
     padding: 0;
 }

 .pagination ul {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     margin-top: 16px;
 }

 .pagination ul li a,
 .pagination li a {
     width: 45px;
     height: 45px;
     border: 1px solid #b4b4b4;
     background: #fff;
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-inline-end: 15px;
     font-weight: 600;
     color: #1d1d1d;
     transition: 0.5s all;
 }

 .pagination ul li a.active,
 .pagination li.active a {
     background: var(--primary);
     color: #fff;
     border-color: var(--primary);
 }

 .pagination ul li a:hover,
 .pagination li.active a:hover {
     background: var(--primary);
     color: #fff;
     border-color: var(--primary);
     transition: 0.5s all;
 }

 .pagination ul li a.previous {
     margin-inline-end: 24px;
     font-size: 10px;
 }

 .pagination ul li a.next {
     margin-inline-start: 9px;
     margin-inline-end: 0;
     font-size: 10px;
 }

 .page-item:first-child .page-link,
 .page-item:last-child .page-link {
     border-radius: var(--radius-full);
 }

 /*a.btn:hover {*/
 /*    color: white !important;*/
 /*};*/

 .owl-nav button.owl-next:hover,
 .owl-nav button.owl-prev:hover {
     background-color: var(--primary) !important;
 }

 [dir="rtl"] .owl-nav button.owl-next,
 [dir="rtl"] .owl-nav button.owl-prev {
     transform: rotate(180deg);
 }

 .contentTraining {
     padding-top: 80px;
 }

 /*-----------------
    13. Services Details
-----------------------*/

 .page-content.category-wrap {
     padding: 60px 0 20px;
 }

 .service-wrap {
     border-radius: var(--radius-xl);
     /*border: 1px solid #CDCDCD;*/
     padding: 0 10px;
     margin-bottom: 24px;
 }

 .service-wrap h3 {
     margin-bottom: 24px;
     font-size: 35px;
 }

 .service-wrap p:last-child,
 .about-me p {
     margin-bottom: 0;
     line-height: 1.8;
     font-weight: 500;
     font-size: 14px;
 }

 .service-lists li {
     padding-inline-start: 20px;
     position: relative;
     margin-bottom: 20px;
 }

 .service-lists li::before {
     content: "\f111";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     position: absolute;
     inset-inline-start: 0;
     top: 6px;
     font-size: 6px;
 }

 .service-widget {
     border-radius: var(--radius-xl);
     /*border: 1px solid #CDCDCD;*/
     padding: 24px;
     margin-bottom: 24px;
 }

 .service-widget .btn {
     margin-bottom: 24px;
     height: auto;
     padding: 14px 20px;
 }

 .service-widget .btn i {
     margin-inline-end: 5px;
 }

 .service-img-wrap {
     margin-bottom: 24px;
 }

 .service-img-wrap img {
     border-radius: var(--radius-xl);
     /*object-fit: contain;*/
     max-height: 500px;
 }

 .service-amt {
     text-align: center;
     margin-bottom: 24px;
 }

 .service-amt p {
     color: #4f4f4f;
     margin-bottom: 0;
     font-size: 17px;
     font-weight: 600;
 }

 .service-amt h2 {
     font-size: 26px;
     margin-bottom: 0;
 }

 .service-amt h2 span {
     color: #4f4f4f;
 }

 .buy-items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .buy-items li:not(:last-child) {
     margin-inline-end: 15px;
 }

 .buy-box {
     border-radius: var(--radius-xl);
     background: #fff;
     box-shadow: var(--shadow-floating);
     border: 1px solid #cdcdcd;
     padding: 10px 5px;
     text-align: center;
 }

 .buy-box i {
     margin-bottom: 5px;
 }

 .buy-box p {
     font-size: 13px;
     margin-bottom: 10px;
 }

 .buy-box h6 {
     font-size: 15px;
     font-weight: 600;
     color: #1d1d1d;
     margin-bottom: 0;
 }

 .member-info {
     margin-bottom: 14px;
 }

 .member-info li {
     margin-bottom: 10px;
     padding: 0 0 10px;
     font-size: 13px;
     display: flex;
     justify-content: space-between;
     color: var(--primary);
     font-weight: 500;
 }

 .member-info li:last-child {
     border-bottom: 0;
 }

 .member-info li span {
     font-size: 13px;
     font-weight: 600;
     color: #15484f;
     float: inline-end;
 }

 .user-details {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 24px;
 }

 .user-img {
     flex-shrink: 0;
     margin-inline-end: 10px;
 }

 .user-img img {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-lg);
 }

 .user-info h5 {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 5px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .user-info h6 {
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 5px;
 }

 .user-info p {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .user-info p i {
     margin-inline-end: 5px;
     color: #ffb906;
 }

 .user-info .badge {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 3px 5px;
 }

 .user-info .badge i {
     font-size: 7px;
     margin-inline-end: 5px;
     line-height: 0;
 }

 .badge {
     font-size: 13px;
     font-weight: 500;
     padding: 5px 2px;
 }

 .badge-success {
     border-radius: var(--radius-xl);
     border: 1px solid #1abe17;
     background: #f2faf2;
     color: #1abe17;
 }

 .extra-service {
     margin-bottom: 24px;
 }

 .faq-card .view a:after {
     display: none;
 }

 .extra-service h3 {
     margin-bottom: 20px;
     font-size: 21px;
 }

 .service-time {
     border: var(--border);
     border-radius: var(--radius-sm);
 }

 .service-time .modal {
     padding: 0;
 }

 .service-time .modal.new-modal .modal-header {
     border-bottom: var(--border);
     justify-content: center;
 }

 .service-time .modal-dialog {
     max-width: 80%;
     margin-top: 0;
 }

 .service-time .modal-dialog {
     text-align: end;
 }

 .service-time .modal-content {
     height: 70vh;
 }

 .service-time .modal iframe {
     height: 100%;
 }

 .service-time li {
     /*background-color: #FCFCFC;*/
     padding: 15px;
     /*border-bottom: 1px solid #CDCDCD;*/
 }

 /*.service-time li:first-child {*/
 /*    border-radius: var(--radius-card-top);*/
 /*}*/
 /*.service-time li:last-child {*/
 /*    border: 0;*/
 /*    border-radius: var(--radius-card-bottom);*/
 /*}*/
 .service-time .delivery-info h6 {
     margin-bottom: 5px;
 }

 .service-time .delivery-info p {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .service-time .delivery-amt h6.amt {
     color: #1d1d1d;
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .view {
     text-align: end;
 }

 .view a {
     color: var(--secondary) !important;
 }

 .btn-light-primary {
     background-color: var(--secondary);
     border: 1px solid var(--secondary);
     color: var(--primary);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     padding: 7px 14px;
     font-weight: 600;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
     border-radius: var(--radius-xl);
 }

 .btn-light-primary:hover,
 .btn-light-primary.active,
 .btn-light-primary:active,
 .open>.dropdown-toggle.btn-primary {
     background-color: var(--primary);
     /*border: 1px solid var(--primary);*/
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .btn-light-primary i {
     margin-inline-end: 5px;
 }

 .modal-form-group {
     margin-bottom: 15px;
 }

 .form-control {
     border-radius: var(--radius-xl);
     border: 1px solid #cdcdcd;
     background: #fff;
     font-size: 13px;
     font-weight: 500;
     padding: 10px 12px;
 }

 .form-control::placeholder {
     color: #828282;
 }

 .service-modal .user-details {
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     padding: 15px;
 }

 .service-modal .form-control::placeholder {
     color: #4f4f4f;
 }

 .modal-content {
     border-radius: var(--radius-lg);
 }

 .modal-title {
     font-size: 19px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .modal-header {
     padding: 20px;
     align-items: start;
 }

 .modal-body {
     padding: 0 20px 20px;
 }

 .modal {
     z-index: 1050 !important;
 }

 .modal-backdrop {
     background-color: rgb(0 0 0 / 21%);
     z-index: 1040 !important;
     backdrop-filter: blur(14px);
 }

 .modal-backdrop.show {
     opacity: 1;
 }

 .service-modal .select2-container .select2-selection--single {
     border: 1px solid #cdcdcd;
     height: 41px;
 }

 .service-modal .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 12px;
     font-size: 13px;
     font-weight: 500;
     border-radius: var(--radius-xl);
 }

 .service-modal p {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .service-modal .drag-upload {
     margin-bottom: 10px;
 }

 .custom_check {
     color: #4f4f4f;
     position: relative;
     font-size: 13px;
     padding-inline-start: 30px;
     margin-bottom: 10px;
     display: inline-block;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     height: 20px;
 }

 .custom_check input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .custom_check input:checked~.checkmark {
     background-color: var(--primary);
     border-color: var(--primary);
 }

 .custom_check input:checked~.checkmark:after {
     display: block;
 }

 .custom_check .checkmark {
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     height: 20px;
     width: 20px;
     border: 1px solid #cdcdcd;
     background-color: #fff;
     border-radius: var(--radius-lg);
     transition: all 0.4s ease;
 }

 .custom_check .checkmark:after {
     content: "\f00c";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     position: absolute;
     display: block;
     color: #fff;
     font-size: 10px;
     top: 50%;
     inset-inline-start: 50%;
     transform: translate(-50%, -50%);
     line-height: 0;
 }

 [dir="rtl"] .custom_check .checkmark:after {
     transform: translate(50%, -50%);
 }

 .custom_check a {
     color: var(--primary);
 }

 .breadcrumb-links {
     text-align: end;
 }

 .breadcrumb-links a {
     color: #1d1d1d;
     font-size: 13px;
     font-weight: 600;
 }

 .breadcrumb-links li {
     display: inline-block;
 }

 .breadcrumb-links li:not(:last-child) {
     margin-inline-end: 15px;
 }

 .breadcrumb-links a span {
     width: 32px;
     height: 32px;
     border-radius: var(--radius-full);
     border: 1px solid #cdcdcd;
     color: #1d1d1d;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 8px;
 }

 .breadcrumb-links a:hover {
     color: var(--primary);
 }

 .breadcrumb-links a:hover span {
     color: var(--primary);
     border: 1px solid var(--primary);
 }

 .float-call {
     position: fixed;
     width: 36px;
     padding: 3px;
     height: 36px;
     bottom: 104px;
     inset-inline-end: 11px;
     background-color: var(--primary);
     color: #ffffff !important;
     border-radius: var(--radius-xl);
     text-align: center;
     font-size: 19px;
     z-index: 100;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--primary);
     box-shadow: var(--shadow-md);
 }

 .float-whts {
     position: fixed;
     width: 36px;
     padding: 3px;
     height: 36px;
     bottom: 62px;
     inset-inline-end: 12px;
     background-color: var(--primary);
     color: #ffffff !important;
     border-radius: var(--radius-xl);
     text-align: center;
     font-size: 23px;
     z-index: 100;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--primary);
     box-shadow: var(--shadow-md);
 }

 .breadcrumb-info .breadcrumb-title {
     font-size: 26px;
     font-weight: 600;
     margin: 15px 0;
 }

 .breadcrumb-info .info-links li {
     display: inline-block;
     margin-inline-end: 15px;
     color: #000;
     font-size: 13px;
     font-weight: 500;
 }

 .breadcrumb-info .info-links li i {
     color: var(--primary);
     margin-inline-end: 8px;
 }

 .breadcrumb-info .info-links li.order-count {
     color: #004c26;
     border-radius: var(--radius-xl);
     background: #004c2617;
     padding: 5px 11px;
 }

 .breadcrumb-info .info-links li.order-count i {
     color: #1170e4;
 }

 .counter-wrap {
     border-radius: var(--radius-xl);
     padding: 40px 40px 20px;
 }

 @media (max-width: 991.98px) {
     .counter-wrap {
         padding: 40px 40px 16px;
     }

     .navbar-nav>li>a.nav-link.active::after,
     .navbar-nav>li>a.active::after {
         display: none;
     }
 }

 .counter-item {
     text-align: center;
     font-size: 42px;
     background-color: var(--primary);
     padding: 40px 25px;
     border-radius: var(--radius-4xl);
 }

 .counter-item>* {
     color: #fff;
 }

 .faq-card {
     background: #fff;
     padding: 15px;
     border-bottom: 1px solid #cdcdcd;
 }

 .faq-card:last-child {
     margin-bottom: 0;
     border: 0;
     padding-bottom: 0;
 }

 .faq-card .faq-title {
     font-size: 17px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .faq-card a {
     color: #1d1d1d;
     display: block;
     position: relative;
     padding-inline-end: 28px;
 }

 .faq-card .card-collapse .faq-content {
     padding-top: 15px;
 }

 .faq-card a:after {
     content: "+";
     position: absolute;
     top: 50%;
     inset-inline-end: 0;
     transform: translateY(-50%);
 }

 .faq-card a:not(.collapsed):after {
     content: "-";
 }

 .faq-card a:not(.collapsed)::after {
     color: var(--primary);
 }

 .sortby-title h4 {
     color: #4f4f4f;
     margin-bottom: 20px;
 }

 .sortby-title h4 span {
     color: #1d1d1d;
 }

 .sortby-title .form-group {
     margin-bottom: 20px;
 }

 .bg-success-light {
     background: #1abe17;
 }

 .review-widget {
     margin-bottom: 24px;
 }

 .review-widget .review-title h3 {
     margin-bottom: 20px;
 }

 .review-widget .pagination {
     justify-content: start;
     -webkit-justify-content: start;
     -ms-flex-pack: start;
 }

 .review-widget .pagination ul {
     margin: 0;
 }

 .review-lists li {
     border-bottom: 1px solid #cdcdcd;
 }

 .review-lists li:last-child {
     margin-bottom: 20px;
 }

 .review-lists li ul li {
     border-bottom: 0;
 }

 .review-wrap {
     padding: 24px 0;
 }

 .review-user-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 10px;
 }

 .review-img {
     margin-inline-end: 11px;
 }

 .review-img img {
     width: 60px;
     height: 60px;
     flex-shrink: 0;
     border-radius: var(--radius-md);
 }

 .reviewer-loc,
 .reviewer-rating {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     flex-wrap: wrap;
 }

 .reviewer-info h6,
 .reviewer-info p {
     display: inline-block;
 }

 .reviewer-info h6 {
     margin: 0 15px 5px 0;
 }

 .reviewer-loc p {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0 15px 5px 0;
 }

 .reviewer-loc p i {
     margin-inline-end: 8px;
 }

 .review-content p {
     margin-bottom: 10px;
 }

 .reviewer-rating p {
     margin: 0;
     font-size: 13px;
     font-weight: 500;
 }

 .reviewer-rating .star-rate {
     border-inline-end: 1px solid #cdcdcd;
     margin-inline-end: 5px;
     padding-inline-end: 5px;
     font-size: 13px;
     font-weight: 600;
 }

 .review-content a {
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .review-content i {
     margin-inline-end: 8px;
 }

 .review-content a:hover {
     color: var(--primary);
 }

 .review-lists>li>ul>li .review-wrap {
     border-radius: var(--radius-xl);
     background: #f2f2f2;
     padding: 24px;
 }

 .service-wrap.tags-lists-widget {
     padding-bottom: 14px;
 }

 .service-wrap.tags-widget {
     padding-bottom: 14px;
 }

 .tags li {
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .tags li a {
     padding: 8px 10px;
     font-size: 13px;
     font-weight: 500;
     border-radius: var(--radius-xl);
     background: #f2f2f2;
     display: inline-block;
 }

 .tags li a:hover {
     background: var(--primary);
     color: #fff;
 }

 .about-me {
     border-radius: var(--radius-xl);
     display: none;
     background: #e4c9a329;
     padding: 24px;
     margin-bottom: 24px;
 }

 .about-me h6 {
     font-size: 15px;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 10px;
 }

 .about-me p {
     margin-bottom: 10px;
 }

 .about-me a {
     font-size: 13px;
     font-weight: 500;
     color: var(--primary);
 }

 .slider-card {
     margin-bottom: 24px;
     direction: ltr;
 }

 .slider-nav-thumbnails {
     border-radius: var(--radius-xl);
 }

 .slider-nav-thumbnails img {
     width: 100%;
     border-radius: var(--radius-xl);
 }

 .owl-nav button.owl-next,
 .owl-nav button.owl-prev,
 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
     width: 44px;
     height: 44px;
     border-radius: var(--radius-6xl);
     border: 1px solid #cdcdcd;
     background: #fff;
     box-shadow: var(--shadow-floating);
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 .owl-nav button.owl-next:hover,
 .owl-nav button.owl-prev:hover {
     background: var(--primary);
     color: #fff;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 .slider-card .owl-carousel .owl-nav button.owl-prev {
     inset-inline-start: -15px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 .slider-card .owl-carousel .owl-nav button.owl-next {
     inset-inline-end: -15px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 .mynav1 {
     text-align: end;
     margin-bottom: 24px;
 }

 .mynav1 .owl-prev,
 .nav-top .owl-prev {
     margin-inline-end: 15px;
 }

 .recent-img img {
     border-radius: var(--radius-xl);
 }

 .share-icon {
     width: 32px;
     height: 32px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background: #f2f2f2;
     color: #1170e4;
     border-radius: var(--radius-full);
     margin-inline-end: 8px;
 }

 .share-icon:hover {
     background-color: #1170e4;
     color: #fff;
 }

 .fav-selection a.video-icon {
     inset-inline-end: 45px;
 }

 .fav-selection a.video-icon:hover {
     inset-inline-end: 45px;
 }

 .title-sec h3 {
     margin-bottom: 24px;
 }

 .worknav {
     text-align: end;
     gap: 4px;
     display: flex;
 }

 .review-widget .review-header {
     border-bottom: 1px solid #cdcdcd;
 }

 .review-widget .review-header h3 {
     margin-bottom: 20px;
 }

 .review-widget .sort-search-gigs {
     display: block;
     margin: 0;
     padding: 0;
 }

 .review-widget .search-filter-selected {
     float: inline-end;
     margin-bottom: 20px;
 }

 .new-modal .modal-header {
     border-bottom: 1px solid #cdcdcd;
     margin: 0 24px 0;
     padding: 24px 0 15px;
     justify-content: space-between;
 }

 .new-modal .modal-body {
     padding-top: 15px;
 }

 .modal-btn .btn {
     height: auto;
     padding: 8px 10px;
 }

 .detail-table {
     border-radius: var(--radius-xl);
     border: 1px solid #cdcdcd;
     margin-bottom: 15px;
 }

 .detail-table table {
     margin: 0;
 }

 .detail-table thead th,
 .detail-table tfoot th {
     background: #f2f2f2;
     color: #1d1d1d;
     font-size: 13px;
     font-weight: 600;
     border: 0;
 }

 .detail-table tr {
     border-color: #cdcdcd;
 }

 .detail-table tr td {
     font-size: 13px;
     font-weight: 500;
     color: #1d1d1d;
 }

 .text-primary {
     color: var(--primary) !important;
 }

 .new-modal .user-info .location {
     font-size: 13px;
     font-weight: 500;
     margin-inline-start: 11px;
     color: #4f4f4f;
     position: relative;
     padding-inline-start: 10px;
 }

 .new-modal .location::before {
     background: #cdcdcd;
     width: 1px;
     height: 100%;
     position: absolute;
     content: "";
     inset-inline-start: 0;
     top: 0;
 }

 .new-modal .user-img img {
     border-radius: var(--radius-md);
 }

 .modal-title {
     margin-bottom: 0;
 }

 .modal-content {
     border-radius: var(--radius-xl);
 }

 .modal-header .close-btn {
     background-color: #f2f2f2;
     border: 1px solid #f2f2f2;
     border-radius: var(--radius-full);
     color: #363636;
     font-size: 15px;
     height: 26px;
     width: 26px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
 }

 .modal-header .close-btn:hover {
     border: 1px solid #ff7f25;
     background-color: #ff7f25;
     color: #fff;
     -webkit-transition: all 0.7s;
     -moz-transition: all 0.7s;
     -o-transition: all 0.7s;
     transition: all 0.7s;
     -webkit-transform: rotateZ(360deg);
     -moz-transform: rotateZ(360deg);
     transform: rotateZ(360deg);
 }

 .order-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 15px;
 }

 .order-item img {
     object-fit: cover;
 }

 .order-info h5 {
     margin-bottom: 9px;
 }

 .order-info ul li {
     display: inline-block;
     margin-inline-end: 8px;
     padding-inline-end: 8px;
     font-size: 13px;
     font-weight: 500;
     position: relative;
 }

 .order-info ul li:last-child {
     margin-inline-end: 0;
     padding-inline-end: 0;
 }

 .order-info ul li::after {
     background: #cdcdcd;
     width: 1px;
     height: 100%;
     position: absolute;
     content: "";
     inset-inline-end: 0;
     top: 0;
 }

 .order-info ul li:last-child::after {
     content: none;
 }

 .order-status .title {
     font-size: 15px;
     margin-bottom: 10px;
 }

 .order-img {
     margin-inline-end: 8px;
 }

 .order-img img {
     width: 60px;
     height: 60px;
     border-radius: var(--radius-md);
 }

 .gigs-slider .gigs-grid {
     margin-bottom: 24px;
 }

 .recent-works {
     padding-top: 36px;
 }

 /*-----------------
    14. Top Scroller
-----------------------*/

 .back-to-top-icon.show {
     opacity: 1;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }

 .back-to-top i {
     color: #fff;
 }

 .back-to-top-icon {
     position: fixed;
     bottom: 20px;
     inset-inline-end: 12px;
     z-index: 9999;
     width: 36px;
     height: 36px;
     text-align: center;
     border-radius: var(--radius-xl);
     background: var(--primary);
     color: #fff;
     cursor: pointer;
     border: 0;
     text-decoration: none;
     transition: opacity 0.2s ease-out;
     opacity: 0;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }

 .back-to-top-icon:hover {
     color: #fff;
     background: #2f95c7;
 }

 .app-screen-img {
     border-radius: var(--radius-xl);
 }

 /*-----------------
	15. Blog
-----------------------*/

 .breadcrumb-bar.breadcrumb-two {
     background: #fff;
     position: relative;
     z-index: 2;
 }

 .breadcrumb-bar.breadcrumb-two::before {
     content: "";
     background-image: url(../img/bg/breadcrumb-bg.png);
     width: 100%;
     height: 100%;
     position: absolute;
     inset-inline-start: 0;
     top: 0;
     background-repeat: no-repeat;
     background-size: contain;
     z-index: -1;
 }

 .blog-grid {
     position: relative;
     background: #fff;
     padding: 20px;
     border-radius: var(--radius-xl);
     box-shadow: var(--shadow-floating);
     margin-bottom: 24px;
     height: -webkit-fill-available;
 }

 .blog-grid .blog-img a {
     display: block;
 }

 .blog-img {
     margin-bottom: 15px;
     border-radius: var(--radius-xl);
     position: relative;
     transition: 0.5s all;
     overflow: hidden;
 }

 .blog-img img {
     border-radius: var(--radius-xl);
     width: 100%;
     height: auto;
     min-height: 160px;
     transition: 0.5s all;
     object-fit: contain;
     margin: 0px !important;
 }

 .blog-img:hover img {
     transform: scale(1.05);
     transition: 0.5s all;
 }

 .blog-content .user-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 15px;
 }

 .blog-content .badge-text .badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 5px 10px;
     color: rgb(255 255 255);
     background: var(--secondary);
     font-size: 13px;
 }

 .blog-content .user-info {
     display: flex;
     align-items: center;
     margin-bottom: 5px;
 }

 .blog-content .badge-text {
     margin-bottom: 5px;
 }

 .blog-content .user-info img {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-full);
     margin-inline-end: 10px;
 }

 .blog-content .user-info h6 {
     margin-bottom: 0;
     font-size: 15px;
     text-align: start;
 }

 .blog-content .user-info h6 span {
     display: block;
     margin-top: 3px;
     font-size: 13px;
     color: #4f4f4f;
     font-weight: normal;
 }

 .blog-title h3 {
     font-size: 17px;
     margin-bottom: 0;
     line-clamp: 2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     height: 50px;
     text-overflow: ellipsis;
     display: -webkit-box;
     line-height: 24px;
 }

 .blog-title h3 a {
     color: var(--primary);
 }

 .blog-content-footer p {
     align-items: center;
     margin-bottom: 0;
     overflow: hidden;
     font-size: 13px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     font-weight: normal;
     line-clamp: 1;
     -webkit-box-orient: vertical;
 }

 .blog-content-footer p span {
     display: inline-block;
     margin-inline-end: 5px;
 }

 .blog-content-footer .read-more {
     font-weight: 600;
     color: #4f4f4f;
     display: inline-flex;
     align-items: center;
 }

 .blog-content-footer .read-more:hover {
     color: var(--primary);
 }

 .blog-content-footer .read-more span {
     line-height: normal;
     margin-inline-start: 5px;
 }

 .blog-grid .blog-content a.mt-4 {
     text-decoration: underline;
     background: var(--primary);
     width: fit-content;
     color: #fff;
     padding: 6px 16px;
     border-radius: var(--radius-md);
 }

 .blog-sidebar .card {
     border: 0;
     border-radius: var(--radius-xl);
     padding: 24px;
     border: 2px dashed #0c2e5a;
 }

 .blog-sidebar .card-header h6 {
     font-weight: 500;
     margin-bottom: 15px;
 }

 .blog-sidebar .card-header {
     padding: 0;
     background-color: #fff;
     border-bottom: 1px solid #cdcdcd;
 }

 .blog-sidebar .card-body {
     padding: 15px 0 0;
 }

 .blog-sidebar {
     margin-bottom: 24px;
 }

 .blog-sidebar .card-header h6 img {
     margin-inline-end: 8px;
 }

 .blog-sidebar .search-group {
     margin-bottom: 20px;
 }

 .card.tag-widget {
     padding-bottom: 4px;
 }

 .category-widget .categories li {
     color: #1d1d1d;
     margin-bottom: 10px;
 }

 .category-widget .categories li span {
     float: inline-end;
 }

 .tags-list li {
     display: inline-block;
     margin: 0 10px 20px 0;
 }

 .tags-list li a {
     padding: 3px 10px;
     font-size: 13px;
     font-weight: 500;
     border-radius: var(--radius-xl);
     background: var(--secondary);
     color: var(--primary);
     display: inline-block;
 }

 .tags-list li a:hover {
     background: var(--primary);
     color: #fff;
 }

 .latest-posts li {
     margin-bottom: 10px;
     border-radius: var(--radius-xl);
     padding: 15px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px dashed #0c2e5a;
 }

 .latest-posts li:last-child {
     margin-bottom: 0;
 }

 .post-thumb {
     border-radius: var(--radius-xl);
     flex-shrink: 0;
     margin-inline-end: 15px;
     transition: 0.5s all;
     overflow: hidden;
 }

 .post-thumb:hover img {
     transform: scale(1.14);
     transition: 0.5s all;
 }

 .post-thumb img {
     width: 100px;
     height: 95px;
     border-radius: var(--radius-xl);
     transition: 0.5s all;
 }

 .post-info h6 {
     line-clamp: 2;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     margin-bottom: 10px;
 }

 .blog-user {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .blog-user img {
     width: 32px;
     height: 32px;
     border-radius: var(--radius-full);
     margin-inline-end: 10px;
 }

 .blog-user-info p {
     font-size: 13px;
     font-weight: 600;
     color: #1d1d1d;
     margin-bottom: 0;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .blog-user-info .xs-text {
     font-size: 10px;
     color: #4f4f4f;
     font-weight: normal;
 }

 .blog-carousel .owl-dots {
     text-align: center;
 }

 .blog-carousel .owl-dots .owl-dot.active {
     background: var(--primary);
 }

 /*-----------------
	16. About Us
-----------------------*/

 .about-us-section {
     padding: 80px 0 0px;
 }

 .about-us-info ul li,
 .about-us-info ol li {
     list-style-type: disc !important;
     margin: 0 20px;
 }

 .about-inner-img {
     margin-bottom: 24px;
     border-radius: var(--radius-xl);
 }

 .about-inner-img img {
     border-radius: 10px;
     padding: 25px;
     background: linear-gradient(90deg,
             #c6d3f0 0%,
             /* very light blue */
             #a0b8e0 25%,
             /* light blue */
             #7a9ed0 50%,
             /* medium blue */
             #4f73b8 75%,
             /* darker blue */
             #273883 100%
             /* primary blue */
         );
     box-shadow: 0px 1px 2px #00000020;
 }

 .about-us-head h6 {
     color: var(--primary);
     margin-bottom: 5px;
 }

 .about-us-head h2 {
     font-size: 26px;
     margin-bottom: 10px;
     max-width: 500px;
 }

 .about-us-head p {
     margin-bottom: 15px;
 }

 .about-us-head h5 {
     font-size: 19px;
     margin-bottom: 10px;
 }

 .about-features {
     display: flex;
 }

 .about-features .list-one {
     margin-inline-end: 24px;
 }

 .about-features ul li {
     margin-bottom: 15px;
 }

 .about-features ul li span {
     margin-inline-end: 5px;
 }

 .about-us-header {
     text-align: center;
     margin-bottom: 40px;
 }

 .why-choose-sec {
     background: #fdf6f1;
     padding: 80px 0 56px;
 }

 .about-us-header h2 {
     font-size: 26px;
     margin-bottom: 10px;
 }

 .about-us-header p {
     max-width: 490px;
     margin: auto;
 }

 .why-choose-card {
     background: #fff;
     box-shadow: var(--shadow-floating);
     border-radius: var(--radius-xl);
     padding: 24px;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     margin-bottom: 24px;
     transition: 0.5s all;
 }

 .why-choose-card:hover {
     transform: translateY(-5px);
     transition: 0.5s all;
 }

 .card-icon {
     width: 63px;
     height: 71px;
     border-radius: 64% 36% 26% 74% / 66% 75% 25% 34%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--secondary);
     margin: 0 auto 15px;
 }

 .why-choose-card h4 {
     font-size: 17px;
     margin-bottom: 15px;
 }

 .why-choose-card p {
     line-clamp: 3;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     margin-bottom: 0;
 }

 .popular-category-sec {
     padding: 80px 0;
 }

 .popular-category-sec .about-us-header {
     margin-bottom: 20px;
 }

 .popular-cat-card {
     border: 1px solid #4f4f4f;
     padding: 24px 0;
     border-radius: var(--radius-xl);
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     transition: 0.5s all;
     margin-top: 20px;
     box-shadow: var(--shadow-floating);
 }

 .category-icon {
     width: 70px;
     height: 70px;
     border-radius: var(--radius-full);
     padding: 10px;
     background: #1d1d1d;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 24px;
     transition: 0.5s all;
 }

 .popular-cat-card:hover .category-icon {
     background: var(--primary);
     transition: 0.5s all;
 }

 .popular-cat-card:hover {
     transform: translateY(-10px);
     transition: 0.5s all;
 }

 .popular-cat-card h4 {
     font-size: 17px;
     margin-bottom: 5px;
 }

 .popular-cat-card span {
     font-size: 13px;
     font-weight: 600;
 }

 .popular-category-slider .owl-dots {
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 40px;
 }

 .popular-category-slider .owl-dots .owl-dot {
     width: 10px;
     height: 10px;
     background: #e6e6e6;
     border-radius: var(--radius-4xl);
     margin-inline-end: 5px;
 }

 .popular-category-slider .owl-dots .owl-dot:last-child {
     margin-inline-end: 0;
 }

 .popular-category-slider .owl-dots .owl-dot.active {
     width: 30px;
     background: var(--primary);
 }

 .client-review-sec {
     background: #fdf6f1;
     padding: 80px 0;
 }

 .review-card {
     background: #fff;
     border-radius: var(--radius-xl);
     padding: 24px;
 }

 .review-card h4 {
     font-size: 19px;
     margin: 24px 0 15px;
 }

 .review-card p {
     margin-bottom: 15px;
     line-clamp: 4;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
 }

 .review-user {
     display: flex;
     align-items: center;
     padding-top: 24px;
     margin-top: 24px;
     border-top: 1px solid #b4b4b4;
 }

 .owl-carousel .quotation-icon img {
     width: auto;
 }

 .owl-carousel .review-user img {
     width: 60px;
     height: 60px;
     border-radius: var(--radius-full);
     margin-inline-end: 15px;
 }

 .review-user h6 {
     margin-bottom: 0;
     font-size: 15px;
 }

 .review-user h6 span {
     display: block;
     font-size: 13px;
     color: #4f4f4f;
     margin-top: 3px;
 }

 .owl-carousel.review-slider .owl-nav {
     display: flex;
     justify-content: center;
     margin-top: 40px;
 }

 .owl-carousel.review-slider .owl-nav button {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-full);
     margin-inline-end: 10px;
     color: rgba(29, 29, 29, 1);
     transition: 0.5s all;
 }

 .owl-carousel.review-slider .owl-nav button:hover {
     background: #1d1d1d;
     color: #fff;
     transition: 0.5s all;
 }

 .start-seller-sec {
     padding: 80px 0;
 }

 .seller-inner-img img {
     border-radius: var(--radius-xl);
     width: 100%;
 }

 .seller-info-content {
     background: #fff;
     box-shadow: var(--shadow-lg);
     border-radius: var(--radius-xl);
     padding: 40px;
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: center;
     margin: auto 0 auto -100px;
     height: 530px;
 }

 .seller-info-content p {
     margin-bottom: 15px;
 }

 .seller-info-content h3 {
     font-size: 26px;
     margin-bottom: 15px;
 }

 .seller-para {
     -webkit-line-clamp: 3;
     line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
 }

 .sllers-list {
     display: flex;
     align-items: center;
     flex-direction: column;
     align-items: self-start;
     flex-shrink: 0;
     margin-inline-end: 15px;
 }

 .sllers-list li {
     margin-bottom: 15px;
 }

 .sllers-list li span {
     color: rgba(26, 190, 23, 1);
     margin-inline-end: 10px;
 }

 .seller-small-img img {
     border-radius: var(--radius-xl);
     width: 100%;
 }

 /*-----------------
    17. Team
-----------------------*/

 .team-section {
     padding: 80px 0;
 }

 .team-grid {
     background: #fff;
     box-shadow: var(--shadow-floating);
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 24px;
     position: relative;
 }

 .team-img {
     position: relative;
     overflow: hidden;
     margin-bottom: 5px;
 }

 .team-overlay-img {
     position: relative;
     overflow: hidden;
     border-radius: var(--radius-xl);
 }

 .team-overlay-img::after {
     content: "";
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     width: 100%;
     height: 100%;
     border-radius: var(--radius-xl);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-grid:hover .team-overlay-img::after {
     content: "";
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     width: 100%;
     height: 100%;
     border-radius: var(--radius-xl);
     background: rgba(0, 0, 0, 0.6);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-overlay-img img {
     width: 100%;
     border-radius: var(--radius-xl);
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-grid:hover .team-overlay-img img {
     -webkit-transform: scale(1.15);
     -moz-transform: scale(1.15);
     transform: scale(1.15);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-view-btn {
     position: absolute;
     top: 0;
     width: 100%;
     text-align: center;
     opacity: 0;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-grid:hover .team-view-btn {
     top: 50%;
     opacity: 1;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .team-view-btn .btn {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     padding: 11px 18px;
     height: auto;
 }

 .team-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .team-title {
     margin-top: 10px;
 }

 .team-title h4 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 200px;
     margin-bottom: 5px;
 }

 .team-title p {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: 180px;
     margin-bottom: 0;
 }

 .team-social-links {
     margin-top: 10px;
 }

 .team-social-links a {
     width: 40px;
     min-width: 40px;
     height: 40px;
     margin-inline-end: 5px;
     border-radius: var(--radius-full);
     background: #e6e6e6;
     color: #363636;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }

 .team-social-links a:last-child {
     margin-inline-end: 0;
 }

 .team-social-links a:hover {
     background: var(--primary);
     color: #fff;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }

 .hi-icon {
     display: inline-block;
     font-size: 0px;
     cursor: pointer;
     border-radius: var(--radius-none);
     text-align: center;
     position: relative;
     z-index: 1;
 }

 .hi-icon:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: var(--radius-none);
     content: "";
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }

 .hi-icon:before {
     speak: none;
     font-size: 17px;
     line-height: 20px;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     display: block;
     -webkit-font-smoothing: antialiased;
 }

 .hi-icon {
     overflow: hidden;
     -webkit-transition:
         background 0.3s,
         color 0.3s,
         box-shadow 0.3s;
     -moz-transition:
         background 0.3s,
         color 0.3s,
         box-shadow 0.3s;
     transition:
         background 0.3s,
         color 0.3s,
         box-shadow 0.3s;
 }

 .hi-icon:after {
     display: none;
 }

 .hi-icon:hover:before {
     -webkit-animation: toTopFromBottom 0.5s forwards;
     -moz-animation: toTopFromBottom 0.5s forwards;
     animation: toTopFromBottom 0.5s forwards;
 }

 @-webkit-keyframes toTopFromBottom {
     49% {
         -webkit-transform: translateY(-100%);
     }

     50% {
         opacity: 0;
         -webkit-transform: translateY(100%);
     }

     51% {
         opacity: 1;
     }
 }

 @-moz-keyframes toTopFromBottom {
     49% {
         -moz-transform: translateY(-100%);
     }

     50% {
         opacity: 0;
         -moz-transform: translateY(100%);
     }

     51% {
         opacity: 1;
     }
 }

 @keyframes toTopFromBottom {
     49% {
         transform: translateY(-100%);
     }

     50% {
         opacity: 0;
         transform: translateY(100%);
     }

     51% {
         opacity: 1;
     }
 }

 .team-slider .owl-dots {
     text-align: center;
     margin-top: 16px;
 }

 .team-slider .owl-dots .owl-dot {
     width: 10px;
     height: 10px;
     border-radius: var(--radius-8xl);
     background: #ffe3cf;
     margin: 0;
     margin-inline-end: 5px;
 }

 .team-slider .owl-dots .owl-dot:last-child {
     margin-inline-end: 0;
 }

 .team-slider .owl-dots .owl-dot.active {
     width: 30px;
     height: 10px;
     background: var(--primary);
 }

 .team-details {
     margin-bottom: 40px;
 }

 .team-details-img {
     position: relative;
     overflow: hidden;
     border-radius: var(--radius-xl);
 }

 .team-details-img img {
     width: 100%;
     border-radius: var(--radius-xl);
 }

 .team-details-img .team-social-links {
     position: absolute;
     bottom: 20px;
     width: 100%;
     margin-top: 0;
     text-align: center;
 }

 .team-details-heading {
     margin-bottom: 24px;
 }

 .team-details-heading h2 {
     margin-bottom: 6px;
 }

 .team-details-heading h5 {
     color: var(--primary);
     margin-bottom: 24px;
 }

 .team-details-heading p {
     margin-bottom: 0;
 }

 .team-details-list ul li {
     margin-bottom: 8px;
 }

 .team-details-list ul li:last-child {
     margin-bottom: 0;
 }

 .team-details-list ul li span {
     font-weight: 600;
     color: #1d1d1d;
 }

 .team-persnoal-info {
     padding: 24px;
     margin-bottom: 40px;
     border-radius: var(--radius-xl);
     background: #fff;
     box-shadow: var(--shadow-floating);
 }

 .team-persnoal-info h3 {
     font-weight: 600;
     margin-bottom: 15px;
 }

 .team-persnoal-info p {
     margin-bottom: 0;
 }

 .team-skills {
     margin-bottom: 40px;
 }

 .team-skills-info {
     padding: 24px;
     border-radius: var(--radius-xl);
     background: #fff;
     box-shadow: var(--shadow-floating);
 }

 .team-skills-info h3 {
     font-weight: 600;
     margin-bottom: 15px;
 }

 .team-progress {
     margin-bottom: 24px;
 }

 .team-progress-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 10px;
 }

 .team-progress-content h6 {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .team-progress-content p {
     font-size: 13px;
     font-weight: 500;
     color: #1d1d1d;
     margin-bottom: 0;
 }

 .team-skills-info .progress {
     height: 10px;
 }

 .team-skills-info .progress-bar {
     background: var(--primary);
 }

 .team-skills-info .progress-bar.w-90 {
     width: 90%;
 }

 .team-skills-info .progress-bar.w-82 {
     width: 82%;
 }

 .team-skills-info .progress-bar.w-85 {
     width: 85%;
 }

 .team-skills-info .progress-bar.w-95 {
     width: 95%;
 }

 .team-skills-info .progress-bar.w-80 {
     width: 80%;
 }

 .team-skills-info ul li {
     position: relative;
     padding-inline-start: 30px;
     margin-bottom: 15px;
 }

 .team-skills-info ul li:after {
     content: "\f111";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     position: absolute;
     display: block;
     font-size: 6px;
     top: 8px;
     inset-inline-start: 12px;
 }

 .team-skills-info p {
     margin-bottom: 0;
 }

 .team-form {
     background: #fff;
     border-radius: var(--radius-xl);
     padding: 24px;
     border: 2px dashed #0c2e5a;
 }

 .team-form-heading {
     margin-bottom: 24px;
 }

 .team-form-heading h3 {
     font-weight: 600;
     margin-bottom: 5px;
 }

 .team-form-heading p {
     font-weight: 600;
     margin-bottom: 0;
 }

 .team-form .form-group {
     margin-bottom: 24px;
 }

 .team-form .form-group textarea.form-control {
     min-height: 160px;
 }

 /*-----------------
    18. Contact Us
-----------------------*/

 .contact-top {
     padding: 0;
 }

 .contact-map {
     border: var(--border);
     border-radius: var(--radius-xl);
     padding: 15px;
 }

 .contact-map iframe {
     width: 100%;
     height: 100%;
     border: none;
     border-radius: var(--radius-xl);
 }

 .contact-bottom {
     padding: 60px 0 20px;
 }

 .contact-grid {
     background: #ffffff;
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 24px;
     border: var(--border);
     text-align: center;
 }

 .contact-grid.con-info {
     border: 1px solid #cdcdcd;
     box-shadow: var(--shadow-none);
     text-align: start;
 }

 .contact-grid.con-info .contact-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .contact-content {
     .contact-details {

         a,
         p {
             font-weight: normal;
             font-size: 14px;
         }
     }
 }

 .contact-grid.con-info .contact-icon {
     margin-bottom: 0;
 }

 .contact-grid.con-info .contact-icon span {
     border: 1px solid var(--primary);
     background: #fff;
 }

 .contact-icon span i {
     font-size: 27px;
     color: #ff6a26;
 }

 .contact-grid.con-info .contact-icon {
     margin: 0 15px 0 0;
 }

 .contact-icon {
     margin: 0 0 15px 0;
 }

 .contact-icon span {
     width: 60px;
     height: 60px;
     border-radius: var(--radius-8xl);
     background: #2738834f;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin: auto;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }

 .contact-icon span img {
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     filter: grayscale(1);
 }

 .contact-grid:hover .contact-icon span {
     background: var(--primary);
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
 }

 .contact-grid:hover {
     .contact-icon span img {
         filter: brightness(0) invert(1);
         transform: rotateY(360deg);
         -webkit-transform: rotateY(360deg);
         -ms-transform: rotateY(360deg);
         -webkit-transition: 0.4s;
         -moz-transition: 0.4s;
         -o-transition: 0.4s;
         transition: 0.4s;
     }

     .contact-icon span svg {
         color: #fff;
         transform: rotateY(360deg);
         -webkit-transform: rotateY(360deg);
         -ms-transform: rotateY(360deg);
         -webkit-transition: 0.4s;
         -moz-transition: 0.4s;
         -o-transition: 0.4s;
         transition: 0.4s;
     }
 }

 .contact-details h6 {
     margin-bottom: 15px;
     font-size: 17px;
 }

 .contact-details p {
     margin-bottom: 0;
 }

 .contact-details-address p {
     max-width: 90%;
     margin: 0 auto 0;
 }

 .contact-map.map-v3 {
     line-height: 0;
     margin-bottom: 0;
 }

 .contact-map.map-v3 iframe {
     height: 500px;
 }

 .contact-img img {
     border-radius: var(--radius-xl);
 }

 /*-----------------
	19. Service
-----------------------*/

 .service-gigs .gigs-grid {
     margin-bottom: 24px;
 }

 .sidebar-widget {
     border-radius: var(--radius-xl);
     background: #fff;
     padding: 15px;
 }

 .sidebar-header {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 14px;
     flex-wrap: wrap;
 }

 .sidebar-header h3 {
     margin-bottom: 10px;
 }

 .sidebar-header .reset-link {
     text-decoration: underline;
     margin-bottom: 10px;
     color: #e82646;
     font-size: 13px;
     font-weight: 500;
 }

 .sidebar-header .reset-link:hover {
     color: var(--primary);
 }

 .sidebar-widget .btn {
     height: auto;
     padding: 9px 20px;
 }

 .sidebar-widget .btn i {
     padding-inline-end: 5px;
 }

 .collapse-card {
     margin-bottom: 15px;
 }

 .sidebar-widget .collapse-card:last-child .card-title a.collapsed {
     border: 0;
 }

 .collapse-card .card-title {
     font-size: 15px;
 }

 .collapse-card .card-title a {
     position: relative;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 15px;
     border-bottom: 1px solid #cdcdcd;
     color: #4f4f4f;
 }

 .collapse-card .card-title a:hover,
 .collapse-card .card-title a.collapsed:hover::after {
     color: var(--primary);
 }

 .collapse-card .card-title a::after {
     content: "\f056";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     inset-inline-end: 0;
     top: 1px;
     font-size: 15px;
     color: var(--primary);
 }

 .collapse-card .card-title a.collapsed::after {
     content: "\f055";
     color: #1d1d1d;
 }

 .collapse-card .card-title a img {
     margin-inline-end: 8px;
 }

 .collapse-body {
     padding: 15px 0;
 }

 .collapse-body ul li:not(:last-child) {
     margin-bottom: 10px;
 }

 .collapse-body ul li .custom_check {
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 0;
 }

 .collapse-body ul li .custom_check .checkmark {
     top: 2px;
 }

 .sidebar-widget .form-group {
     margin-bottom: 20px;
 }

 .sidebar-widget .form-control {
     padding: 10px 12px;
     font-weight: 600;
 }

 .search-group {
     position: relative;
 }

 .search-group .search-icon {
     position: absolute;
     top: 50%;
     inset-inline-end: 10px;
     transform: translateY(-50%);
     color: #828282;
 }

 .search-group .form-control {
     padding: 10px 12px 10px 10px;
 }

 .seller-list li a {
     color: #4f4f4f;
 }

 .seller-list li a:hover {
     color: var(--primary);
 }

 .seller-list li span {
     float: inline-end;
 }

 .custom_radio {
     color: #4f4f4f;
     display: inline-block;
     position: relative;
     font-size: 15px;
     padding-inline-start: 30px;
     margin-bottom: 0 !important;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .custom_radio input {
     position: absolute;
     opacity: 0;
 }

 .custom_radio input:checked~.checkmark:after {
     opacity: 1;
 }

 .custom_radio .checkmark {
     position: absolute;
     top: 50%;
     inset-inline-start: 0;
     height: 20px;
     width: 20px;
     transform: translateY(-50%);
     background-color: #fff;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-full);
 }

 .custom_radio .checkmark:after {
     display: block;
     content: "";
     position: absolute;
     opacity: 0;
     top: 50%;
     transform: translate(-50%, -50%);
     inset-inline-start: 50%;
     width: 8px;
     height: 8px;
     border-radius: var(--radius-full);
     background: var(--primary);
     -webkit-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
 }

 [dir="rtl"] {
     .custom_radio .checkmark:after {
         transform: translate(50%, -50%);
     }
 }

 [dir="ltr"] {

     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev {
         transform: scale(-1);
     }
 }

 .slide-title-wrap {
     margin-top: 30px;
 }

 .title-section {
     border-bottom: 1px solid #cdcdcd;
     padding-bottom: 9px;
     margin-bottom: 24px;
 }

 .title-header {
     margin-bottom: 15px;

     h1 {
         font-size: 28px;
     }
 }

 .title-header h3 {
     margin-bottom: 5px;
 }

 .title-header p {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .title-filter {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     justify-content: end;
     -webkit-justify-content: end;
     -ms-flex-pack: end;
     float: inline-end;
 }

 .title-filter .select2-container .select2-selection--single {
     height: 42px;
 }

 .title-filter .search-group {
     max-width: 276px;
     margin-bottom: 15px;
 }

 .title-section .search-filter-selected {
     margin: 0 0 0 10px;
     margin-inline-start: 10px;
 }

 .title-section .search-filter-selected .form-group {
     margin-bottom: 15px;
 }

 .text-dark {
     color: #1d1d1d !important;
 }

 .view-all a {
     font-size: 13px;
     font-weight: 600;
     color: var(--primary);
 }

 .gigs-user-info {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .gigs-user-info li {
     position: relative;
     padding-inline-start: 9px;
     margin-inline-end: 8px;
 }

 .gigs-user-info li:first-child {
     padding-inline-start: 0;
 }

 .gigs-user-info li:last-child {
     margin-inline-end: 0;
 }

 .gigs-user-info li:first-child::before {
     content: none;
 }

 .gigs-user-info li::before {
     content: "|";
     position: absolute;
     top: 0;
     height: 100%;
     color: #cdcdcd;
     width: 1px;
     inset-inline-start: 0;
 }

 .gigs-user {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .gigs-user img {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
     margin-inline-end: 8px;
     border-radius: var(--radius-full);
 }

 .gigs-user-info p {
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 0;
 }

 .gigs-loc p i {
     margin-inline-end: 8px;
 }

 .view-content ul li:last-child {
     margin-bottom: 10px;
 }

 .service-sliders.owl-carousel .owl-stage {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .service-box {
     border-radius: var(--radius-xl);
     border: 1px solid #cdcdcd;
     background: #fff;
     box-shadow: var(--shadow-lg);
     padding: 15px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     height: 100%;
 }

 .service-box:hover {
     border: 1px solid var(--primary);
 }

 .service-box .service-info {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .service-box .service-icon {
     border-radius: var(--radius-xl);
     background: #fdf6f1;
     width: 62px;
     height: 62px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -webkit-justify-content: center;
     margin-inline-end: 8px;
     flex-shrink: 0;
 }

 .service-box .service-icon img {
     width: auto;
     padding: 8px;
     max-height: 100%;
 }

 .service-box .servive-name h5 {
     margin-bottom: 0;
 }

 .service-box .servive-name p {
     margin-bottom: 0;
 }

 .slider-title {
     font-size: 26px;
     margin-bottom: 20px;
 }

 .service-nav {
     margin-bottom: 20px;
 }

 .service-gigs .gigs-info small {
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     margin-inline-start: 8px;
     margin-inline-end: auto;
 }

 .filters-wrap {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 9px;
 }

 .filters-wrap>li {
     display: inline-block;
     margin-inline-end: 15px;
 }

 .filters-wrap li.view-all {
     margin-bottom: 15px;
 }

 .filters-wrap li.view-all img {
     margin-inline-end: 8px;
 }

 .filters-wrap .collapse-card {
     position: relative;
 }

 .filters-wrap .filter-header a {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     background: #fff;
     padding: 10px 30px 10px 10px;
     font-size: 13px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     position: relative;
     color: #4f4f4f;
     white-space: nowrap;
 }

 .filters-wrap .filter-header a img {
     margin-inline-end: 8px;
 }

 .filters-wrap .filter-header a::after {
     content: "\f078";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     position: absolute;
     inset-inline-end: 10px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 13px;
     color: #4f4f4f;
 }

 .filters-wrap .collapse-body {
     border-radius: var(--radius-xl);
     background: #fff;
     box-shadow: var(--shadow-elevated);
     position: absolute;
     top: 100%;
     width: 320px;
     inset-inline-start: 0;
     z-index: 2;
     padding: 15px;
     display: none;
     margin-top: 5px;
 }

 .filter-btn {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     border-top: 1px solid #cdcdcd;
     padding-top: 15px;
     margin-top: 15px;
 }

 .filter-btn a {
     font-weight: 600;
     color: #040404;
 }

 .filter-btn .btn {
     padding: 8px 14px;
     height: auto;
 }

 .marketing-section {
     border-radius: var(--radius-xl);
     background: #040404;
     position: relative;
     padding: 60px;
     text-align: center;
     color: #fff;
     margin-bottom: 40px;
     overflow: hidden;
 }

 .marketing-section h2 {
     font-size: 26px;
     color: #fff;
     margin-bottom: 5px;
 }

 .marketing-section p {
     font-size: 13px;
     margin-bottom: 0;
 }

 .market-bg {
     position: absolute;
     inset-inline-end: 0;
     top: 0;
 }

 .market-img {
     position: absolute;
     inset-inline-start: 0;
     top: 0;
 }

 .marketing-content {
     margin: auto;
     max-width: 512px;
 }

 .owl-nav.disabled {
     display: none;
 }

 .trend-section {
     border-bottom: 1px solid #cdcdcd;
     margin-bottom: 24px;
     padding-bottom: 24px;
 }

 .trend-section h3 {
     font-weight: 600;
     margin-bottom: 20px;
 }

 .trend-section .trend-nav {
     margin-bottom: 20px;
 }

 .trend-box {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     border-radius: var(--radius-xl);
     border: 1px solid #cdcdcd;
     background: #fff;
     box-shadow: var(--shadow-lg);
     padding: 15px;
 }

 .trend-info {
     margin-inline-end: 24px;
 }

 .trend-info h6 {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 2px;
 }

 .trend-info p {
     font-size: 10px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .filters-section {
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .service-sliders.owl-carousel .owl-stage-outer {
     overflow: visible;
 }

 .service-sliders .owl-item {
     opacity: 0;
     transition: opacity 2000ms;
 }

 .service-sliders .owl-item.active {
     opacity: 1;
 }

 .owl-carousel button.owl-dot {
     width: 8px;
     height: 8px;
     border-radius: var(--radius-full);
     background: #e6e6e6;
     margin: 0 3px;
 }

 .owl-carousel button.owl-dot.active {
     width: 30px;
     border-radius: var(--radius-lg);
 }

 .slider-card {
     overflow: hidden;
 }

 .slider-card .slick-track {
     display: flex;
 }

 .slider-card .slick-slide {
     width: 25% !important;
     margin: 0 10px;
     overflow: hidden;
 }

 .slider-card .slick-slide.slick-cloned {
     width: 25% !important;
     margin: 0 10px;
     overflow: hidden;
 }

 .slider-card .slick-slide.slick-active {
     width: 100% !important;
     margin: 0 10px;
     overflow: hidden;
 }

 .slider-card .service-slider .slick-slide.slick-active {
     width: 25% !important;
 }

 .singleImage.slider-card .service-slider .slick-slide.slick-active {
     width: 100% !important;
 }

 .slider-card .slick-slide img {
     width: 100%;
     border-radius: var(--radius-xl);
 }

 .service-slider {
     position: relative;
     margin-bottom: 15px;
     direction: ltr;
     z-index: 999;
 }

 .service-slider button {
     width: 44px;
     height: 44px;
     border: 1px solid #cdcdcd;
     font-size: 0;
     background: #fff;
     border-radius: var(--radius-full);
     z-index: 9999;
     transition: 0.5s all;
 }

 .service-slider button:hover {
     background: #1d1d1d;
     border-color: #1d1d1d;
     transition: 0.5s all;
     color: #fff;
 }

 .service-slider button.slick-prev {
     position: absolute;
     top: 50%;
     inset-inline-start: 30px;
     transform: translateY(-50%);
 }

 .service-slider button.slick-prev:before {
     content: "\f053";
     display: inline-block;
     font-family: "Font Awesome 5 Free";
     font-size: 14px;
     font-weight: 900;
 }

 .service-slider button.slick-next {
     position: absolute;
     top: 50%;
     inset-inline-end: 30px;
     transform: translateY(-50%);
 }

 .service-slider button.slick-next:before {
     content: "\f054";
     display: inline-block;
     font-family: "Font Awesome 5 Free";
     font-size: 14px;
     font-weight: 900;
 }

 /*-----------------
	20. Authentication
-----------------------*/

 .login-wrapper {
     width: 100%;
     overflow: hidden;
     height: 100vh;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .login-wrapper .login-content {
     width: 100%;
     height: 100vh;
     padding: 24px;
     overflow: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     background:
         linear-gradient(45deg, var(--primary), transparent),
         linear-gradient(45deg, transparent, var(--secondary));
     -webkit-box-align: center;
     -ms-flex-align: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     flex-wrap: wrap;
 }

 .login-wrapper .login-content .login-logo {
     display: block;
     max-width: 310px;
     margin: 0 auto 30px;
     text-align: center;
 }

 .login-wrapper .login-userset {
     width: 470px;
 }

 .login-heading {
     text-align: center;
     margin-bottom: 30px;
 }

 .login-heading h3 {
     font-weight: 600;
     margin-bottom: 5px;
 }

 .login-heading p {
     margin-bottom: 0;
     font-weight: 400;
 }

 .form-wrap {
     position: relative;
     margin-bottom: 24px;
 }

 .login-card {
     padding: 24px;
     border-radius: var(--radius-xl);
     background-color: #ffffffd9;
 }

 .login-card .login-logo a img {
     height: 80px;
 }

 .form-icon {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     inset-inline-end: 15px;
 }

 .form-icon .form-control {
     padding: 10px 30px 10px 15px;
 }

 .form-focus .focus-label {
     font-size: 12px;
     font-weight: 400;
     pointer-events: none;
     position: absolute;
     -webkit-transform: translate3d(0, -50%, 0) scale(1);
     -ms-transform: translate3d(0, -50%, 0) scale(1);
     -o-transform: translate3d(0, -50%, 0) scale(1);
     transform: translate3d(0, -50%, 0) scale(1);
     transform-origin: left top;
     transition: 240ms;
     inset-inline-start: 15px;
     top: 50%;
     z-index: 1;
     color: #828282;
     margin-bottom: 0;
     width: 80%;
 }

 .form-focus.focused .focus-label {
     opacity: 1;
     top: -13px;
     font-size: 10px;
     z-index: 1;
     color: var(--primary);
     inset-inline-start: 11px;
 }

 .form-focus.focused .form-control {
     background: #ffffff;
     border-color: var(--primary);
 }

 .form-focus .form-control:focus {
     border-color: var(--primary);
 }

 .form-focus .form-control:focus~.focus-label,
 .form-focus .form-control:-webkit-autofill~.focus-label {
     opacity: 1;
     font-weight: 400;
     top: -13px;
     font-size: 10px;
     z-index: 1;
     color: var(--primary);
     inset-inline-start: 11px;
 }

 .login-content .btn {
     width: 100%;
     height: auto;
     padding: 8px 20px;
 }

 .span-or {
     background-color: #e9eeeb;
     padding: 0 10px;
     z-index: 9;
     position: relative;
 }

 .login-or::before {
     inset-inline-start: 0;
 }

 .login-or::after {
     inset-inline-end: 0;
 }

 .login-or::before,
 .login-or::after {
     width: 100%;
     content: "";
     border-top: 1px solid #dbdbdb;
     position: absolute;
     top: 50%;
 }

 .login-or {
     text-align: center;
     font-size: 13px;
     font-weight: 500;
     color: #1d1d1d;
     margin: 12px 0;
     padding: 10px 0;
     position: relative;
 }

 .login-social-link {
     gap: 8px;
     align-items: center;
     justify-content: center;
     display: flex;
 }

 .login-social-link li a {
     box-shadow: var(--shadow-lg);
     font-weight: 500;
     color: #1d1d1d;
     padding: 12px 20px;
     width: fit-content;
     border-radius: var(--radius-xl);
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background-color: #fff;
     border: 1px solid #fff;
 }

 .login-social-link li a:hover {
     border: 1px solid #ff7f25;
     color: #ff7f25;
 }

 .login-social-link li+li {
     margin-inline-start: 15px;
 }

 .acc-in {
     text-align: center;
     margin-top: 30px;
 }

 .acc-in p {
     font-size: 14px;
     font-weight: 500;
     color: #636363;
     margin-bottom: 0;
 }

 .acc-in p a {
     color: var(--secondary);
 }

 .authentication-wrapper {
     background: #004c2414;
     height: 100%;
     position: fixed;
     top: 0;
     inset-inline-start: 0;
     width: 50%;
 }

 .authentication-content {
     height: 100%;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: end;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: end;
 }

 .login-slider {
     padding: 0 80px;
     text-align: center;
 }

 .login-slider h2 {
     color: #393939;
     margin-bottom: 10px;
 }

 .login-slider p {
     color: #919191;
     font-weight: 600;
     margin-bottom: 0;
 }

 .login-carousel .owl-dots {
     text-align: center;
 }

 .login-carousel .login-slider img {
     width: auto;
     margin: 0 auto 60px;
 }

 .login-bg .shape-01 {
     position: absolute;
     top: 0;
     inset-inline-start: 0;
 }

 .login-bg .shape-04 {
     position: absolute;
     top: 25%;
     inset-inline-start: 50px;
 }

 .login-bg .shape-02 {
     position: absolute;
     top: 3%;
     inset-inline-end: 5%;
 }

 .login-bg .shape-03 {
     position: absolute;
     top: 8%;
     inset-inline-start: 45%;
 }

 .login-bg .shape-05 {
     position: absolute;
     bottom: 10px;
     inset-inline-start: 50px;
     animation: spin 3000ms linear infinite;
 }

 .login-bg .shape-06 {
     position: absolute;
     bottom: 0;
     inset-inline-start: 45%;
 }

 .login-bg .shape-07 {
     position: absolute;
     bottom: 0;
     inset-inline-start: 70%;
 }

 .login-carousel {
     margin-bottom: 80px;
 }

 .forgot-link {
     font-size: 13px;
     font-weight: 600;
     color: var(--primary);
 }

 .mantadory-info p {
     color: #e82646;
     margin-bottom: 0;
 }

 .mantadory-info p i {
     margin-inline-end: 8px;
 }

 /*-----------------
	21. Error
-----------------------*/

 .error-wrapper {
     width: 100%;
     overflow: hidden;
     height: 100vh;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .error-item {
     width: 100%;
     height: 100vh;
     padding: 24px;
     overflow: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     flex-wrap: wrap;
 }

 .error-imgs .error-bg {
     position: absolute;
     z-index: -1;
 }

 .error-imgs .error-01 {
     inset-inline-start: 6%;
     bottom: 20%;
 }

 .error-imgs .error-02 {
     inset-inline-start: 50%;
     transform: translateX(-50%);
     top: 5%;
 }

 .error-imgs .error-03 {
     inset-inline-end: 7%;
     bottom: 30%;
 }

 .error-imgs .error-04 {
     inset-inline-end: 7%;
     top: 10%;
 }

 .error-imgs .error-05 {
     inset-inline-start: 14%;
     top: 20%;
     width: 66px;
 }

 .error-img img {
     margin-bottom: 50px;
 }

 .error-info {
     margin: 0 auto;
     max-width: 390px;
 }

 .error-content h2 {
     font-size: 32px;
     margin-bottom: 10px;
 }

 .error-content p {
     color: #828282;
     margin: 0 0 10px;
 }

 .error-content .btn {
     padding: 8px 17px;
 }

 .error-content .btn i {
     margin-inline-start: 5px;
 }

 .count-bgs .count-01 {
     position: absolute;
     bottom: -20px;
     inset-inline-start: -15px;
     z-index: -1;
     width: 66px;
 }

 .count-bgs .count-02 {
     position: absolute;
     bottom: -70px;
     inset-inline-end: 5%;
     z-index: -1;
 }

 .count-imgs.error-imgs .error-01 {
     inset-inline-start: 30px;
     bottom: 10%;
 }

 .count-imgs.error-imgs .error-05 {
     inset-inline-start: 14%;
     top: 10%;
 }

 .count-imgs.error-imgs .error-02 {
     bottom: 50px;
     inset-inline-end: 5%;
     inset-inline-start: auto;
     top: auto;
 }

 /*-----------------
	22. Coming Soon
-----------------------*/

 .days-count {
     position: relative;
     display: inline-block;
     margin-bottom: 80px;
 }

 .days-count ul {
     background-color: #fff;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     padding: 24px 24px 10px;
     display: inline-block;
     position: relative;
 }

 .days-count ul li {
     display: inline-block;
     padding: 10px;
     border-inline-end: 1px solid #cdcdcd;
     text-align: center;
     width: 200px;
     margin-bottom: 14px;
 }

 .days-count ul li:last-child {
     border: 0;
 }

 .days-count ul li h3 {
     font-size: 32px;
     margin-bottom: 0;
 }

 .days-count ul li p {
     color: #686868;
     margin-bottom: 0;
 }

 .header-logo {
     margin-bottom: 50px;
 }

 .coming-soon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     flex-direction: column;
     height: inherit;
     padding: 20px;
     overflow: auto;
     width: 100%;
 }

 .coming-content h2 {
     font-size: 37px;
     margin-bottom: 24px;
 }

 .getback-content {
     max-width: 535px;
     width: 100%;
     margin: 0 auto;
 }

 .getback-content p {
     margin-bottom: 30px;
 }

 .getback-content .form-wrap {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .mail-form .btn {
     padding: 8px 15px;
     height: 42px;
 }

 .mail-form .form-control {
     font-weight: 600;
     height: 42px;
     margin-inline-end: 10px;
 }

 .social-footer {
     margin-top: 50px;
 }

 .social-footer .social-icon {
     margin-bottom: 15px;
 }

 .social-footer p {
     color: #1d1d1d;
     margin-bottom: 0;
 }

 .social-icon li {
     display: inline-block;
     margin-inline-end: 15px;
 }

 .social-icon li:last-child {
     margin-inline-end: 0;
 }

 .social-icon li a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background: #1d1d1d;
     color: #fff;
     width: 50px;
     height: 50px;
     border-radius: var(--radius-full);
 }

 .lock-screen .login-heading h3 {
     margin-bottom: 15px;
 }

 .lock-user img {
     width: 80px;
     height: 80px;
     border-radius: var(--radius-full);
     margin-bottom: 15px;
 }

 .lock-user p {
     font-weight: 600;
     color: #1d1d1d;
 }

 .coming-content .progress {
     height: 12px;
 }

 .progress-wrap {
     max-width: 386px;
     width: 100%;
     margin: 0 auto 80px;
 }

 .progress-wrap p {
     text-align: left;
     font-weight: 600;
 }

 .progress-wrap p span {
     float: inline-end;
 }

 .maintanence-sec .coming-content h2 {
     font-size: 56px;
     margin-bottom: 15px;
 }

 .maintanence-sec .coming-content p {
     margin-bottom: 15px;
 }

 .lock-screen .login-card {
     max-width: 480px;
     margin: 0 auto;
     width: 100%;
 }

 /*-----------------
	23. Category
-----------------------*/

 .category-wrap .category-item {
     margin-bottom: 40px;
 }

 .category-item {
     margin-bottom: 24px;
 }

 .category-img {
     position: relative;
     transition: 0.5s all;
     overflow: hidden;
     border-radius: var(--radius-xl);
     margin-bottom: 14px;
 }

 .category-img img {
     border-radius: var(--radius-xl);
     transition: 0.5s all;
 }

 .category-item .category-img:hover img {
     transform: scale(1.14);
     transition: 0.5s all;
 }

 .category-slug {
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
 }

 [dir="rtl"] .category-slug {
     transform: translate(50%, -50%);
 }

 .category-slug a {
     box-shadow: var(--shadow-elevated);
     background: #fff;
     color: #1d1d1d;
     font-size: 13px;
     font-weight: 600;
     padding: 5px 10px;
     border-radius: var(--radius-xl);
 }

 .category-list ul li {
     padding: 10px 0;
     border-bottom: 1px solid #cdcdcd;
 }

 .category-list ul li:last-child {
     padding-bottom: 0;
     border-bottom: 0;
 }

 .category-list ul li a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .category-list ul li a i {
     margin-inline-start: 8px;
     opacity: 0;
     transition: 0.5s all;
 }

 .category-list ul li a:hover {
     color: var(--primary);
 }

 .category-list ul li a:hover i {
     opacity: 1;
     transition: 0.5s all;
 }

 /*-----------------
	24. Blog Details
-----------------------*/

 .blog-detail-img img {
     width: 100%;
     height: auto;
     max-width: 1000px;
     max-height: 600px;
     border-radius: var(--radius-xl);
     display: block;
     object-fit: cover;
     margin-bottom: 40px;
 }

 .blog-contents ul li,
 .blog-contents ol li {
     list-style: disc;
     margin-inline-start: 20px;
 }

 .blog-contents p {
     margin-bottom: 20px;
 }

 .blog-contents h3 {
     margin: 20px 0;
 }

 .blog-wrap {
     background: #fdf6f1;
     border-inline-start: 2px solid var(--primary);
     padding: 24px;
     margin-bottom: 20px;
 }

 .blog-contents .blog-wrap p,
 .blog-wrap p {
     margin-bottom: 0;
 }

 .blog-author {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 24px;
     background: var(--secondary);
     margin-bottom: 20px;
     border-radius: var(--radius-xl);
 }

 .blog-author .author-img {
     margin-inline-end: 10px;
     flex-shrink: 0;
 }

 .blog-author .author-img img {
     width: 120px;
     height: 120px;
     border-radius: var(--radius-full);
 }

 .blog-author .author-detail h5 {
     color: var(--primary);
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 5px;
 }

 .blog-author .author-detail h6 {
     color: #1d1d1d;
     margin-bottom: 10px;
 }

 .blog-author .author-detail p {
     margin-bottom: 0;
 }

 .blog-details .blog-pagination {
     margin-bottom: 20px;
 }

 .blog-details h1.breadcrumb-title {
     margin-bottom: 20px;
 }

 .blog-details p img {
     max-width: 100%;
 }

 .blog-pagination {
     border: 1px solid #cdcdcd;
     border-width: 1px 0 1px 0;
     padding: 20px 0 10px;
 }

 .blog-pagination .page-link {
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .blog-pagination p {
     font-size: 10px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .blog-pagination .page-link a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 5px;
 }

 .blog-pagination .page-previous i {
     margin-inline-end: 5px;
 }

 .blog-pagination .page-next i {
     margin-inline-start: 5px;
 }

 .blog-paginationblog-details {
     margin-bottom: 20px;
 }

 .comment-section h3 {
     margin-bottom: 24px;
 }

 .comment-section .custom_check {
     font-weight: 600;
 }

 .relate-post-section {
     padding: 80px 0 56px;
 }

 .relate-post-section h3 {
     margin-bottom: 15px;
 }

 .badge.bg-primary-light {
     color: #ffffff;
     background: #8ac036 !important;
 }

 /*-----------------
	25. Portfolio Details
-----------------------*/

 .portfolio-detail-img {
     margin-bottom: 24px;
 }

 .portfolio-detail-img img {
     border-radius: var(--radius-xl);
 }

 .portfolio-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     flex-wrap: wrap;
     margin-bottom: 14px;
 }

 .portfolio-header h2 {
     margin-bottom: 10px;
 }

 .portfolio-header .badge {
     display: inline-block;
     padding: 7px 10px;
     margin-bottom: 10px;
 }

 .portfolio-contents h5 {
     margin-bottom: 15px;
 }

 .portfolio-scope {
     margin-bottom: 24px;
 }

 .portfolio-scope p {
     margin-bottom: 15px;
 }

 .portfolio-scope p:last-child {
     margin-bottom: 0;
 }

 .portfolio-scope ul li {
     position: relative;
     padding-inline-start: 15px;
 }

 .portfolio-scope ul li::before {
     position: absolute;
     content: "\f111";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     top: 8px;
     inset-inline-start: 0;
     font-size: 6px;
 }

 .portfolio-info {
     box-shadow: var(--shadow-elevated);
     padding: 24px 24px 19px;
     margin-bottom: 24px;
 }

 .portfolio-info h6 {
     margin-bottom: 5px;
 }

 .portfolio-info p {
     margin-bottom: 0;
 }

 .portfolio-social .social-icon li {
     margin: 0 10px 5px 0;
 }

 .portfolio-box {
     margin-bottom: 24px;
 }

 .portfolio-social {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
 }

 .portfolio-social h6 {
     margin: 0 22px 5px 0;
 }

 .portfolio-social .social-icon li a {
     width: 40px;
     height: 40px;
     background: #e6e6e6;
     color: #363636;
 }

 .portfolio-social .social-icon li a:hover {
     background: var(--primary);
     color: #fff;
 }

 .portfolio-details .blog-pagination {
     margin-bottom: 24px;
 }

 .navbar-nav>li a.nav-link.active,
 .navbar-nav>li a.active {
     color: var(--primary) !important;
     position: relative;
 }

 /*.navbar-nav > li > a.nav-link.active::before,*/
 /*.navbar-nav > li > a.active::before {*/
 /*    content: "";*/
 /*    width: 10px;*/
 /*    height: 10px;*/
 /*    background: var(--primary);*/
 /*    position: absolute;*/
 /*    border-top-left-radius: 30px;*/
 /*    inset-inline-start: 50%;*/
 /*    top: 12px;*/
 /*    transform: translatex(-50%);*/
 /*}*/
 .navbar-nav>li>a.nav-link.active::after,
 .navbar-nav>li>a.active::after {
     content: "";
     width: 90%;
     height: 10px;
     position: absolute;
     border-top: 2px dashed var(--primary);
     bottom: 10px;
     inset-inline-start: 0;
     inset-inline-end: 0;
     margin: auto;
 }

 /*-----------------
	27. Footer
-----------------------*/

 .footer {
     padding: 40px 0 0;
     background: url(../img/footer.jpg);
     position: relative;
     /*margin-top: 35px;*/
     background-size: contain;
     background-position: bottom;
     background-repeat: repeat-x;
     z-index: 1;
 }

 .footer-bg-two {
     position: absolute;
     right: 0;
     bottom: 50px;
     max-width: 220px;
     z-index: -1;
     display: none;
 }

 .footer-widget {
     margin-bottom: 20px;
 }

 p[data-start="2037"][data-end="2276"],
 p[data-start="135"][data-end="323"],
 p[data-start="227"][data-end="436"] {
     display: none;
 }

 .vision-logo {
     max-height: 140px !important;
     display: none;
 }

 .footer-logos {
     flex-wrap: nowrap !important;
 }

 .footer-widget img {
     height: 110px;
 }

 .footer-widget h3 {
     font-size: 19px;
     color: #1f1f1f;
     margin-bottom: 24px;
 }

 .footer-widget p {
     color: #515151;
 }

 .footer .haael-logo {
     width: 126px !important;
     height: auto;
 }

 .footer-widget .menu-items li a {
     color: #515151 !important;
 }

 .footer-widget .menu-items li a:hover {
     color: var(--primary);
 }

 .footer-widget .menu-items li {
     margin-bottom: 10px;
     position: relative;
     display: flex;
     align-items: center;
     padding-inline-start: 15px;
 }

 .footer-widget .menu-items li:last-child {
     margin-bottom: 0;
 }

 .footer-widget .menu-items li::before {
     content: "";
     width: 7px;
     height: 7px;
     border-radius: var(--radius-xl);
     background: var(--secondary);
     position: absolute;
     inset-inline-start: 0;
 }

 .social-links ul {
     display: flex;
     align-items: center;
 }

 .social-links ul li {
     margin-inline-end: 10px;
 }

 .social-links ul li::marker {
     display: none !important;
 }

 .social-links ul li:last-child {
     margin-inline-end: 0;
 }

 .social-links ul li a {
     width: 38px;
     height: 38px;
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgb(87 87 87);
     background: #fff;
     transition: 0.5s all;
 }

 .social-links ul li a:hover {
     background: var(--primary);
     transition: 0.5s all;
     color: #fff;
 }

 .social-links ul li a i {
     font-size: 19px;
     color: #0c2e5a;
     transition: 0.5s all;
 }

 .social-links ul li a:hover i {
     color: #fff;
 }

 .location-list {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     padding: 8px;
 }

 .location-list li h6 {
     font-size: 13px;
     font-weight: 500;
     color: #575757;
     margin-bottom: 0px;
 }

 .location-list li span {
     width: 35px;
     height: 35px;
     border-radius: var(--radius-xl);
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--primary);
     font-size: 16px;
     flex-shrink: 0;
     border: 1px solid #b9b9b9;
     margin-inline-end: 8px;
 }

 .location-list li {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
 }

 .footer-top table p {
     margin-bottom: 4px;
 }

 .footer-top table img {
     margin-bottom: 0;
     height: 59px;
 }

 .location-list li p {
     color: #898989;
     margin-bottom: 0;
 }

 [dir="rtl"] {
     .location-list li p {
         direction: ltr;
         text-align: end;
     }
 }

 .contact-widget {
     border-top: 1px solid #cdcdcd;
     padding: 0;
     margin-top: 20px;
 }

 .paypal-icons {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;

     justify-content: center;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 15px;
 }

 .footer-bottom {
     /*background: linear-gradient(*/
     /*    0deg,*/
     /*    color-mix(in oklab, transparent, var(--secondary) 37%),*/
     /*    transparent*/
     /*);*/
     padding: 20px 0;
 }

 .footer-bottom-links ul {
     display: flex;
     align-items: center;
     justify-content: end;
     font-size: 14px;
 }

 .footer-bottom-links ul li a {
     color: #515151;
     text-decoration: underline;
 }

 .footer-bottom-links ul li a:hover {
     color: var(--primary);
 }

 .footer-bottom-links ul li {
     margin-inline-end: 30px;
 }

 .footer-bottom-links ul li:last-child {
     margin-inline-end: 0;
 }

 .copy-right p {
     color: #656565;
     font-weight: normal;
     margin-bottom: 0;

     a {
         font-weight: bold;
         color: var(--primary);
     }
 }

 /*-----------------
	28. Privacy Policy
-----------------------*/

 .privacy-section .terms-policy ul li {
     margin: 0 0 11px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .privacy-section .terms-policy ul li span {
     margin-inline-end: 10px;
     color: var(--primary);
 }

 .privacy-section .terms-policy p:last-child {
     margin-bottom: 0;
 }

 /*-----------------
	29. portfolio
-----------------------*/

 .gallery-widget {
     position: relative;
     overflow: hidden;
     border-radius: var(--radius-xl);
     margin-bottom: 24px;
 }

 .gallery-widget img {
     border-radius: var(--radius-xl);
 }

 .gallery-overlay {
     opacity: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
     text-align: center;
     z-index: 9;
 }

 .gallery-widget:hover a::after {
     content: "";
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     width: 100%;
     height: 100%;
     border-radius: var(--radius-xl);
     background: rgba(0, 0, 0, 0.6);
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
 }

 .gallery-widget:hover .gallery-overlay {
     opacity: 1;
     -webkit-transition: 0.7s;
     -moz-transition: 0.7s;
     -o-transition: 0.7s;
     transition: 0.7s;
     top: 50%;
 }

 .gallery-overlay h4 {
     color: #fff;
     margin-bottom: 5px;
 }

 .gallery-overlay p {
     color: #fff;
     margin-bottom: 0;
 }

 /*-----------------
	30. User Dashboard
-----------------------*/

 .user-sidebar {
     border: 1px solid #cdcdcd;
     padding: 24px;
     border-radius: var(--radius-xl);
 }

 .user-sidebar .user-head {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: var(--border);
     padding-bottom: 24px;
     margin-bottom: 24px;
 }

 .user-head img {
     width: 60px;
     height: 60px;
     border-radius: var(--radius-md);
     margin-inline-end: 8px;
 }

 .user-information {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     width: 100%;
 }

 .user-information h6 {
     margin-bottom: 5px;
 }

 .user-information ul li {
     font-size: 11.5px;
     font-weight: 600;
     display: inline-block;
     margin-inline-end: 5px;
     padding-inline-end: 8px;
     position: relative;
 }

 .user-information ul li::before {
     content: "|";
     inset-inline-end: 0;
     top: 0;
     position: absolute;
     color: #cdcdcd;
 }

 .user-information ul li:last-child::before {
     content: none;
 }

 .user-information ul li:last-child {
     margin-inline-end: 0;
     padding-inline-end: 0;
 }

 .user-information ul li i {
     color: #ffb906;
 }

 .user-edit {
     width: 26px;
     height: 26px;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-full);
     font-size: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .user-edit:hover {
     background-color: var(--primary);
     border-color: var(--primary);
     color: #fff;
 }

 .user-body ul li {
     margin-bottom: 5px;
 }

 .user-body ul li a {
     font-size: 13px;
     font-weight: 500;
     color: #4f4f4f;
     padding: 10px;
     border-radius: var(--radius-xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .user-body ul li a img {
     margin-inline-end: 8px;
     width: 16px;
 }

 .sidebarBudgeDiv {
     flex-basis: min-content;
     text-align: end;
 }

 .user-sidebar .user-body ul li a span.badge {
     font-size: 9px;
     padding: 4px 5px;
     width: fit-content;
     min-width: 43px;
 }

 .user-body ul li a.active img,
 .user-body ul li a:hover img {
     filter: brightness(0) invert(1);
 }

 .dashboard-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     border-bottom: var(--border);
     margin-bottom: 20px;
     padding-bottom: 10px;
     flex-wrap: wrap;
 }

 .dashboard-header .main-title {
     margin-bottom: 7px;
 }

 .dashboard-header .main-title h3 {
     margin-bottom: 3px;
 }

 .head-info {
     margin-bottom: 10px;
 }

 .head-info p,
 .dashboard-header .main-title p {
     margin-bottom: 0;
 }

 .head-info p {
     font-weight: 600;
 }

 .head-info .btn {
     padding: 8px 14px;
 }

 .dash-widget {
     /*background: .dash-widget ;*/
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 24px;
     background-color: #197a8629;
 }

 .dash-widget .dash-icon {
     width: 44px;
     height: 44px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     border-radius: var(--radius-full);
     color: var(--primary) !important;
 }

 .dash-widget p {
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .dash-widget h3 {
     margin-bottom: 0;
 }

 .bg-pending {
     background-color: #7230ff;
 }

 .dash-widget.dash-credit {
     background: #f2faf2;
     overflow: hidden;
 }

 .dash-widget.dash-credit .dash-cont {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 15px;
 }

 .dash-widget.dash-credit .dash-cash-info {
     overflow: hidden;
 }

 .dash-widget.dash-credit h3 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .dash-widget.dash-credit .dash-icon {
     margin-inline-end: 15px;
     border: 1px solid #cdcdcd;
     color: #1d1d1d;
     flex-shrink: 0;
 }

 .dash-grade {
     background: #fff;
     border-radius: var(--radius-xl);
     padding: 15px;
 }

 .dash-grade img {
     margin-inline-end: 6px;
 }

 .dash-earning {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     background: #f7ebdf;
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 24px;
     position: relative;
     z-index: 1;
 }

 .dash-earning::before {
     background: url("../img/bg/dash-bg.png");
     position: absolute;
     inset-inline-end: 0;
     top: 0;
     content: "";
     width: 40%;
     height: 100%;
     background-repeat: no-repeat;
     z-index: -1;
 }

 .dash-earning p,
 .dash-earning h6 {
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 0;
     color: #616161;
 }

 .dash-earning h3 {
     color: #0e0e0e;
     margin-bottom: 24px;
 }

 .dash-earning h6 {
     font-weight: 500;
 }

 .dash-earning h6 span {
     color: var(--primary);
 }

 .earning-btn .btn {
     padding: 8px 15px;
 }

 .dashboard-card .card-body {
     padding: 15px;
 }

 .dashboard-card.card-gig {
     margin-bottom: 0;
 }

 .recent-payment {
     overflow: hidden;
 }

 .recent-payment h6 {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     margin-bottom: 5px;
 }

 .recent-payment ul li {
     display: inline-block;
     font-size: 13px;
     font-weight: 500;
     margin-inline-end: 10px;
     padding-inline-end: 10px;
     position: relative;
 }

 .recent-payment ul li:last-child {
     margin-inline-end: 0;
     padding-inline-end: 0;
 }

 .recent-payment ul li::before {
     position: absolute;
     content: "";
     top: 50%;
     transform: translateY(-50%);
     inset-inline-end: 0;
     width: 1px;
     height: 16px;
     background: #cdcdcd;
 }

 .recent-payment ul li:last-child::before {
     content: none;
 }

 .recent-payment ul li .badge-receive {
     margin-inline-end: 10px;
 }

 .badge-receive {
     border-radius: var(--radius-xl);
     padding: 6px 10px;
 }

 .file-content h6 {
     margin-bottom: 5px;
 }

 .recent-payment p,
 .file-content p {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .bg-pink-light {
     background: #fcf2f5 !important;
 }

 .dashboard-card .card-header {
     padding: 15px 15px 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     flex-wrap: wrap;
 }

 .dashboard-card .card-header .card-title {
     margin-bottom: 10px;
 }

 .dashboard-card .card-header .view-link {
     margin-bottom: 10px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 600;
     color: #4f4f4f;
 }

 .dashboard-card .card-header .view-link:hover {
     color: var(--primary);
 }

 .dashboard-card .card-header .view-link i {
     margin-inline-start: 5px;
 }

 .file-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .file-wrap .file-icon {
     width: 48px;
     height: 48px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     margin-inline-end: 8px;
 }

 .file-actions {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .file-actions a {
     width: 32px;
     height: 32px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     margin-inline-end: 5px;
 }

 .file-actions a:last-child {
     margin-inline-end: 0;
 }

 .file-actions a:hover {
     background: var(--primary);
     color: #fff;
 }

 .gigs-list li {
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .gigs-list li:last-child {
     margin-inline-end: 0;
 }

 .gigs-list li a {
     font-size: 13px;
     font-weight: 600;
     padding-bottom: 5px;
     border-bottom: 2px solid #fff;
 }

 .gigs-list li a.active {
     color: var(--primary);
     border-color: var(--primary);
 }

 .table-img {
     margin-inline-end: 8px;
     flex-shrink: 0;
 }

 .table-img img {
     width: 45px;
     height: 45px;
     object-fit: cover;
     border-radius: var(--radius-lg);
 }

 .search-filter-selected.select-icon .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 36px;
     color: #4f4f4f;
 }

 .dashboard-header .form-group {
     margin-bottom: 10px;
 }

 .gig-card-head {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .gig-card-head h4 {
     margin-inline-end: 24px;
 }

 .card-table .table tr {
     border-color: #cdcdcd;
 }

 .card-table .table tr:last-child {
     border-color: transparent;
 }

 .card-table .table tr:last-child td:first-child {
     border-bottom-left-radius: 10px;
 }

 .card-table .table tr:last-child td:last-child {
     border-bottom-right-radius: 10px;
 }

 .card-table .table-hover>tbody>tr:hover>* {
     background-color: #f2f2f2;
 }

 .success-message .success-popup-icon {
     margin-bottom: 15px;
 }

 .success-message h4 {
     margin-bottom: 15px;
 }

 .success-content {
     margin-bottom: 40px;
 }

 .success-message p {
     margin-bottom: 0;
 }

 .success-message p span {
     color: #1d1d1d;
 }

 .success-message .btn {
     padding: 8px 15px;
 }

 .property-info {
     margin-bottom: 24px;
 }

 .property-info h4 {
     margin-bottom: 5px;
 }

 .property-info p {
     margin-bottom: 0;
 }

 .add-property-wrap {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     padding: 24px 24px 0;
     margin-bottom: 24px;
 }

 .add-property-wrap h6 {
     margin-bottom: 15px;
 }

 .add-property-wrap .btn {
     padding: 7px 14px;
     margin-bottom: 24px;
 }

 .add-property-wrap .btn i {
     margin-inline-end: 5px;
 }

 .upload-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 24px;
 }

 .upload-image {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .upload-image span {
     width: 36px;
     height: 36px;
     border-radius: var(--radius-xl);
     background: #f2f2f2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 8px;
 }

 .upload-image h6 {
     margin-bottom: 0;
 }

 .upload-wrap a {
     width: 32px;
     height: 32px;
     border-radius: var(--radius-xl);
     color: #1d1d1d;
     background: #f2f2f2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .upload-wrap a:hover {
     background: var(--primary);
     color: #fff;
 }

 .upload-list {
     margin-bottom: 9px;
 }

 .upload-list li {
     margin: 0 24px 15px 0;
 }

 .upload-list li a {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     padding: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .upload-list li a.active,
 .upload-list li a:hover {
     background: #f2f2f2;
 }

 .upload-list li span {
     width: 36px;
     height: 36px;
     border-radius: var(--radius-full);
     background: #1d1d1d;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 10px;
 }

 .upload-list li h6 {
     margin-bottom: 0;
 }

 .drag-upload {
     background: #fefefe;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     position: relative;
 }

 .drag-upload input {
     opacity: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 1;
     cursor: pointer;
 }

 .drag-upload .img-upload {
     text-align: center;
     padding: 40px 15px;
 }

 .drag-upload p i {
     color: var(--primary);
     margin-inline-end: 8px;
 }

 .drag-upload p {
     font-size: 13px;
     color: #1d1d1d;
     margin-bottom: 0;
 }

 .confirm-content .custom_check {
     height: inherit;
     margin: 0;
 }

 .confirm-content .custom_check a {
     color: var(--primary);
 }

 .confirm-content .checkmark {
     top: 50%;
     transform: translateY(-50%);
 }

 .gig-post.marketing-section p {
     font-weight: 500;
     margin-bottom: 24px;
 }

 .gigs-step ul {
     padding: 24px 24px 9px;
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
 }

 .gigs-step ul li {
     min-width: 152px;
     display: inline-block;
     margin: 0 24px 15px 0;
 }

 .gigs-step ul li span {
     background: #1d1d1d;
     width: 36px;
     height: 36px;
     border-radius: var(--radius-full);
     background: #1d1d1d;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-bottom: 10px;
 }

 .gig-post .gigs-step ul li p {
     color: #e6e6e6;
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 2px;
 }

 .gigs-step ul li h6 {
     color: #fff;
     margin-bottom: 0;
 }

 .form-control:disabled {
     background: #cdcdcd;
 }

 .gig-option.form-control {
     margin-bottom: 14px;
 }

 .gig-option label {
     margin-inline-end: 24px;
     font-weight: 400;
 }

 .gig-option label:last-child {
     margin-inline-end: 0;
 }

 .custom_check.extra-serv {
     margin-bottom: 15px;
 }

 .btn-item .btn {
     padding: 8px 14px;
 }

 .btn-item .btn+.btn {
     margin-inline-start: 10px;
 }

 .new-badge {
     padding: 6px 11px;
     border-radius: var(--radius-xl);
 }

 .dropdown-action .dropdown-item {
     font-size: 13px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .dropdown-action .dropdown-item i {
     margin-inline-end: 5px;
 }

 .action-icon {
     width: 26px;
     height: 26px;
     border-radius: var(--radius-full);
     border: 1px solid #cdcdcd;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .action-icon:focus {
     background-color: #fff;
     color: #1d1d1d;
 }

 .action-icon:hover {
     background-color: #cdcdcd;
     color: #1d1d1d;
 }

 .form-sort {
     position: relative;
 }

 .form-sort .form-icon {
     position: absolute;
     z-index: 101;
     width: 16px;
     top: 50%;
     transform: translateY(-50%);
     inset-inline-start: 10px;
 }

 .form-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
     padding-inline-start: 35px;
 }

 .form-sort .form-control {
     padding-inline-start: 32px;
     width: 130px;
 }

 .form-sort .form-control::placeholder {
     font-weight: 600;
     color: #4f4f4f;
 }

 .bootstrap-datetimepicker-widget table th {
     font-size: 13px;
     font-weight: 500;
 }

 .bootstrap-datetimepicker-widget table td {
     font-size: 13px;
 }

 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
     background-color: var(--primary);
 }

 .table-filter .form-wrap {
     margin-bottom: 20px;
 }

 .table-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
     font-weight: 600;
 }

 .table-filter {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     flex-wrap: wrap;
 }

 .table-filter .filter-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     flex-wrap: wrap;
 }

 .table-filter .filter-item li p {
     color: #1d1d1d;
     font-size: 13px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .table-filter li {
     margin: 0 10px 0 0;
 }

 .table-footer {
     margin-top: 20px;
 }

 .table-filter #tablefilter {
     margin-bottom: 20px;
 }

 .table-filter #tablefilter div.dataTables_filter .form-control {
     max-width: 270px;
 }

 .table-filter .search-form .form-control {
     padding: 10px 12px 10px 35px;
 }

 .table-filter .search-form .form-icon {
     inset-inline-end: 12px;
     color: #828282;
 }

 .col-form-label {
     font-size: 13px;
     font-weight: 600;
     padding: 0 0 5px 0;
 }

 .review-item {
     background: #f2f2f2;
     padding: 24px;
     border-radius: var(--radius-xl);
     margin-bottom: 20px;
 }

 .review-item .review-img {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .review-item .review-content h6 {
     margin-bottom: 5px;
     color: #4f4f4f;
     font-weight: 700;
 }

 .review-item.reply-box {
     background: #fdf6f1;
 }

 .file-view {
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     padding: 24px;
 }

 .file-view .file-img {
     margin-bottom: 24px;
 }

 .file-view .file-img img {
     border-radius: var(--radius-xl);
 }

 .table-action {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .table-action a+a {
     margin-inline-start: 5px;
 }

 .table-action a {
     width: 26px;
     height: 26px;
     border-radius: var(--radius-xl);
     background: #f2f2f2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     color: #4f4f4f;
 }

 .table-action a:hover {
     background: var(--primary);
     color: #fff;
 }

 .user-review .pagination ul {
     margin-top: 5px;
 }

 .user-review .review-lists .review-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     box-shadow: var(--shadow-lg);
     padding: 24px;
     margin-bottom: 15px;
 }

 .user-review .review-lists .review-content h6 {
     margin-bottom: 5px;
     color: #4f4f4f;
     font-weight: 700;
 }

 .user-review .review-lists li {
     border-bottom: 0;
 }

 .user-review .review-lists .review-content p {
     margin-bottom: 0;
 }

 .user-review .review-lists .review-img img {
     border-radius: var(--radius-full);
 }

 .user-review .table-action {
     margin-inline-start: 75px;
 }

 .wallet-wrap {
     background: #040404;
     border-radius: var(--radius-xl);
     padding: 24px 24px 9px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 20px;
 }

 .wallet-wrap .wallet-list {
     display: inline-block;
 }

 .wallet-wrap .btn {
     margin-bottom: 15px;
 }

 .wallet-item {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 0 40px 15px 0;
 }

 .wallet-item:last-child {
     margin-inline-end: 0;
 }

 .wallet-item span {
     width: 54px;
     height: 54px;
     border-radius: var(--radius-7xl);
     background: #1d1d1d;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 8px;
 }

 .wallet-item .wallet-info p {
     color: #e6e6e6;
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 2px;
 }

 .wallet-item .wallet-info h3 {
     color: #fff;
     margin-bottom: 0;
 }

 .amt-wrap {
     background: #f2f2f2;
     padding: 15px;
     border-radius: var(--radius-xl);
     margin-bottom: 15px;
 }

 .amt-wrap .form-wrap {
     margin-bottom: 10px;
 }

 .buyer-method {
     margin-bottom: 20px;
 }

 .buyer-method h6 {
     margin-bottom: 5px;
 }

 .buyer-method .custom_radio {
     margin-inline-end: 15px;
 }

 .amt-wrap .form-control {
     background: transparent;
 }

 .amt-list li {
     font-size: 13px;
     font-weight: 600;
     margin-inline-end: 10px;
     display: inline-block;
 }

 .amt-list li:last-child {
     margin-inline-end: 0;
 }

 .amt-list li .vary-amt {
     background: #1d1d1d;
     border-radius: var(--radius-xl);
     color: #fff;
     font-weight: 500;
     padding: 3px 10px;
     display: inline-block;
 }

 /*-----------------
	31. Notification
-----------------------*/

 .notication-item {
     box-shadow: var(--shadow-floating);
     padding: 24px;
     margin-bottom: 24px;
     border: 1px solid #fff;
     border-radius: var(--radius-xl);
 }

 .notication-item .notication-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .notication-item span {
     flex-shrink: 0;
     margin-inline-end: 15px;
 }

 .notication-item span img {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-full);
 }

 .notication-item .notication-content p {
     margin-bottom: 2px;
 }

 .notication-item .notication-content p i {
     color: #e82646;
     font-size: 8px;
 }

 .notication-item:last-child {
     margin-bottom: 0;
 }

 .notication-item .notication-content .notify-time {
     margin-bottom: 0;
     color: #1d1d1d;
 }

 .notication-item:hover {
     border-color: var(--primary);
 }

 .notication-item .notification-btn .btn {
     display: none;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     font-weight: 600;
 }

 .notication-item:hover .notification-btn .btn {
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     display: -webkit-inline-box;
     display: -ms-inline--flexbox;
     display: inline-flex;
 }

 .notification-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     flex-wrap: wrap;
     margin-bottom: 16px;
 }

 .notification-header ul li {
     display: inline-block;
     margin: 0 10px 24px 0;
 }

 .notification-header ul li:last-child {
     margin-inline-end: 0;
 }

 .notification-header ul li .btn {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     font-size: 13px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 10px 14px;
 }

 .notification-header ul li .btn:hover {
     background: var(--primary);
     border-color: var(--primary);
     color: #fff;
 }

 .notification-header ul li .btn i {
     margin-inline-end: 3px;
     line-height: inherit;
 }

 .notification-header ul li .btn-delete {
     color: #e82646;
 }

 .noti-btn .btn {
     padding: 8px 15px;
     margin-top: 10px;
 }

 .noti-btn .btn+.btn {
     margin-inline-start: 15px;
 }

 /*-----------------
	32. Pricing
-----------------------*/

 .price-section {
     padding: 80px 0 56px;
 }

 .pricing-tab {
     text-align: center;
 }

 .pricing-tab ul {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     background: #fdf6f1;
     box-shadow: var(--shadow-floating);
     border-radius: var(--radius-xl);
     margin-bottom: 24px;
     padding: 15px;
 }

 .pricing-tab ul li {
     display: inline-block;
 }

 .pricing-tab ul li a {
     font-weight: 600;
     background: #fdf6f1;
     border-radius: var(--radius-xl);
     padding: 8px 0;
     display: inline-block;
     margin-inline-end: 10px;
 }

 .pricing-tab ul li:last-child a {
     margin-inline-end: 0;
 }

 .pricing-tab ul li a.active {
     background: var(--primary);
     color: #fff;
     padding: 8px 10px;
 }

 .price-card {
     box-shadow: var(--shadow-floating);
     border: 1px solid #b4b4b4;
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 24px;
     -webkit-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
 }

 .price-card.active,
 .price-card:hover {
     background: var(--primary);
     border-color: var(--primary);
     -webkit-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
 }

 .price-card:hover h3,
 .price-card:hover h2,
 .price-card:hover h6,
 .price-card:hover .price-title p,
 .price-card.active h3,
 .price-card.active h2,
 .price-card.active h6,
 .price-card.active .price-title p,
 .price-card:hover ul li,
 .price-card.active ul li {
     color: #fff;
 }

 .price-card:hover .price-title h3::before,
 .price-card.active .price-title h3::before {
     background: #fff;
 }

 .price-card:hover .price-btn a,
 .price-card.active .price-btn a {
     background: var(--secondary);
     color: var(--primary);
 }

 .price-card .price-title {
     margin-bottom: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .price-card .plan-type {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
     flex-wrap: wrap;
 }

 .price-card .plan-type .badge {
     background: var(--secondary);
     color: var(--primary);
     display: inline-block;
     padding: 7px 10px;
     border-radius: var(--radius-xl);
 }

 .price-card .price-title h3 {
     padding-bottom: 15px;
     margin: 0 10px 5px 0;
     position: relative;
 }

 .price-card .price-title h3::before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     bottom: 0;
     width: 40px;
     height: 8px;
     background: var(--primary);
     border-radius: var(--radius-xl);
 }

 .price-card .price-title h2 {
     margin-bottom: 2px;
 }

 .price-card .price-title p {
     margin-bottom: 5px;
     color: #1d1d1d;
     text-align: end;
 }

 .price-card .price-features ul {
     margin-bottom: 25px;
 }

 .price-card .price-features ul li {
     margin-bottom: 14px;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .price-card .price-features ul li i {
     color: #1abe17;
 }

 .price-card .price-features ul li.inactive i {
     color: #e82646;
 }

 .price-card:hover .price-features ul li i,
 .price-card:hover .price-features ul li.inactive i,
 .price-card.active .price-features ul li i,
 .price-card.active .price-features ul li.inactive i {
     color: #fff;
 }

 .price-card .price-features ul li:last-child {
     margin-bottom: 0;
 }

 .price-card .price-features ul li span {
     margin-inline-end: 5px;
 }

 .price-card .price-btn a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 14px 18px;
 }

 .price-features h6 {
     margin-bottom: 15px;
 }

 .price-card .price-btn a i {
     margin-inline-start: 5px;
 }

 .card-bottom {
     margin-bottom: 0;
 }

 /*-----------------
	33. Settings
-----------------------*/
 .page-back-btn a {
     color: #e82646;
     font-weight: 500;
     font-size: 14px;
 }

 .settings-page-lists .settings-head {
     display: flex;
     align-items: center;
     box-shadow: var(--shadow-lg);
     background: #fff;
     padding: 15px 15px 5px;
     border-radius: var(--radius-xl);
     margin: 24px 0;
     flex-wrap: wrap;
 }

 .settings-page-lists .settings-head li {
     margin-inline-end: 30px;
     margin-bottom: 10px;
 }

 .settings-page-lists .settings-head li:last-child {
     margin-inline-end: 0;
 }

 .settings-page-lists .settings-head li a {
     font-size: 14px;
     font-weight: 500;
 }

 .settings-page-lists .settings-head li a.active {
     border-bottom: 2px solid var(--primary);
     color: var(--primary);
 }

 .settings-card {
     border: 1px solid #cdcdcd;
     background: #fff;
     border-radius: var(--radius-xl);
     padding: 24px;
     margin-bottom: 35px;
     position: relative;
     margin-top: 30px;
 }

 .settings-card .settings-card-head {
     border-bottom: var(--border);
     margin-bottom: 15px;
     padding-bottom: 15px;
 }

 .img-upload-head {
     display: flex;
     align-items: center;
     margin-bottom: 34px;
 }

 .img-upload-head .profile-img {
     flex-shrink: 0;
     margin-inline-end: 8px;
 }

 .img-upload-head .profile-img img {
     width: 120px;
     height: 120px;
     border-radius: var(--radius-lg);
 }

 .img-formate p {
     font-size: 13px;
     max-width: 300px;
 }

 .upload-remove-btns {
     display: flex;
     align-items: center;
 }

 .upload-remove-btns .drag-upload {
     border: 0;
     margin-bottom: 0;
     border-radius: var(--radius-xl);
 }

 .upload-remove-btns .drag-upload .img-upload {
     padding: 11px 15px;
     background: var(--primary);
     color: #fff;
     border-radius: var(--radius-xl);
 }

 .upload-remove-btns .drag-upload .img-upload p {
     font-size: 10px;
     color: #fff;
     line-height: normal;
 }

 .img-remove-btn a {
     padding: 11px 15px;
     color: var(--primary);
     background: var(--secondary);
     border-radius: var(--radius-xl);
     margin-inline-start: 15px;
     display: inline-block;
 }

 .settings-card-footer {
     margin-top: 16px;
 }

 .changed-info {
     font-size: 15px;
     color: #363636;
     margin-bottom: 15px;
 }

 .status-toggle .check {
     display: block;
     height: 0;
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
     position: absolute;
     margin: 0;
     padding: 0;
 }

 .status-toggle .checktoggle {
     background: #cdcdcd;
     cursor: pointer;
     display: block;
     font-size: 0;
     margin-bottom: 0;
     position: relative;
     border-radius: var(--radius-2xl);
     width: 30px;
     height: 14px;
 }

 .status-toggle .checktoggle:after {
     content: " ";
     display: block;
     width: 10px;
     height: 10px;
     background-color: #fff;
     -webkit-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     transition: all 0.2s ease;
     transform: translate(3px, -50%);
     -webkit-transform: translate(3px, -50%);
     -ms-transform: translate(3px, -50%);
     position: absolute;
     top: 50%;
     inset-inline-start: 0;
     border-radius: var(--radius-full);
 }

 .status-toggle .check:checked+.checktoggle {
     background: #1abe17;
 }

 .status-toggle .check:checked+.checktoggle:after {
     inset-inline-end: 0;
     width: 10px;
     height: 10px;
 }

 .status-toggle .check:checked+.checktoggle:after {
     inset-inline-start: 100%;
     transform: translate(calc(-100% - 3px), -50%);
 }

 .settings-card h6 {
     margin-bottom: 0;
 }

 .billing-type {
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     padding: 24px 24px 0;
     margin-bottom: 24px;
 }

 .payment-btn {
     border-bottom: 1px solid #4f4f4f;
 }

 .payment-method-edit {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .payment-method-edit .card-type {
     display: flex;
     align-items: center;
 }

 .payment-method-edit .card-type .payment-card-img {
     width: 40px;
     height: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #f2f2f2;
     margin-inline-end: 5px;
 }

 .plan-bill-table .col-sm-12 {
     padding-inline-end: 0;
 }

 .table-card {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     padding: 14px 15px 25px 24px;
     margin-bottom: 24px;
 }

 .table-card td {
     border: 0;
     padding: 10px;
 }

 .table-card th {
     padding: 10px;
 }

 .table-card th h6 {
     margin-bottom: 0;
 }

 .table-card th h4 {
     margin-bottom: 0;
 }

 .table-card .table tbody td {
     font-weight: 600;
     font-size: 15px;
     color: #4f4f4f;
     padding: 10px;
 }

 .table-card .table th:first-child {
     padding-inline-start: 0;
 }

 .table-card .table tr td:first-child {
     padding-inline-start: 0;
 }

 .table-card.integrated-table {
     padding-bottom: 14px;
 }

 .integrated-table th {
     font-size: 19px;
     font-weight: 600;
     color: #1d1d1d;
 }

 .noti-setting-table th {
     font-size: 15px;
     font-weight: 600;
     color: #1d1d1d;
 }

 .noti-setting-table th:first-child {
     font-size: 19px;
 }

 .table-card thead th:first-child {
     width: 70%;
 }

 .integration-icon {
     border: 1px solid #cdcdcd;
     width: 100px;
     height: 50px;
     border-radius: var(--radius-xl);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .badge.bg-soft-secondary {
     background: #f1f1f1;
     color: #1d1d1d;
 }

 .integrated-table .table .custom-first-row td {
     padding-top: 15px;
 }

 .integration-name h6 {
     margin: 0 0 0 15px;
     font-weight: 400;
 }

 .badge.bg-soft-danger {
     background: #fcf2f5;
     color: #e82646;
 }

 .settings-modal {
     width: 26px;
     height: 26px;
     border-radius: var(--radius-full);
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .settings-modal:hover {
     background: #f2f2f2;
 }

 #toast-container>div {
     width: 500px !important;
 }

 .text-info {
     color: var(--secondary) !important;
 }

 /*-----------------
	34. Profile
-----------------------*/
 .my-skills {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 .service-wrap.skills-wrap {
     padding-bottom: 14px;
 }

 .my-skills li span {
     display: flex;
     align-items: center;
     background: #040404;
     color: #fff;
     border-radius: var(--radius-xl);
     padding: 5px 10px;
     line-height: normal;
     font-size: 13px;
     margin-bottom: 10px;
 }

 .my-skills li {
     margin-inline-end: 10px;
 }

 .my-skills li:last-child {
     margin-inline-end: 0;
 }

 .my-skills li span i {
     font-size: 8px;
     margin-inline-end: 5px;
 }

 .service-wrap.my-profile-info {
     padding-bottom: 0;
 }

 .my-profile-details {
     background: #f2f2f2;
     border-radius: var(--radius-xl);
     padding: 24px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 24px;
 }

 .my-profile-details .user-details {
     margin-bottom: 0;
 }

 .my-profile-info .user-img img {
     border-radius: var(--radius-lg);
 }

 .more-details {
     display: flex;
     align-items: center;
     margin-bottom: 24px;
 }

 .more-details .icon-info {
     width: 36px;
     height: 36px;
     border-radius: var(--radius-full);
     border: 1px solid #cdcdcd;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-inline-end: 10px;
 }

 .more-details h6 {
     font-size: 13px;
     color: #4f4f4f;
 }

 .more-details h6 span {
     display: block;
     font-weight: 500;
 }

 .profile-work-slide.listing-gigs .star-rate {
     margin-inline-start: 0;
     padding-inline-start: 0;
     border-inline-start: 0;
 }

 .profile-work-slide .card-overlay-badge span i {
     font-size: 8px;
 }

 .profile-work-slide.gigs-card-slider.owl-carousel .owl-nav {
     position: absolute;
     inset-inline-end: 0px;
     top: -70px;
     margin-bottom: 24px;
     margin-top: 0;
 }

 /*-----------------
  35. Chat
-----------------------*/

 .chat-wrapper .content {
     display: flex;
     display: -webkit-flex;
 }

 .chat-wrapper .content .sidebar-group {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     position: relative;
     z-index: 99;
     width: 340px;
     border: 1px solid #cdcdcd;
     background: #fcfcfc;
     margin-inline-end: 24px;
     border-radius: var(--radius-xl);
 }

 .left-sidebar .slimScrollDiv {
     border-radius: var(--radius-xl);
 }

 .chat-wrapper .content .sidebar-group .sidebar {
     background: #fcfcfc;
     overflow: hidden;
     width: 340px;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .dropdown-menu .dropdown-item span {
     margin-inline-end: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .dropdown-menu .dropdown-item {
     font-size: 13px;
     cursor: pointer;
     padding: 7px 14px;
     font-weight: 500;
     color: #424242;
 }

 .chat-wrapper .content .sidebar-group .sidebar:not(.active) {
     display: none;
 }

 .header-top {
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
     font-weight: 600;
     background-color: var(--primary);
 }

 .header-top .logo {
     margin-top: 0 !important;
 }

 .header-top>span {
     font-size: 21px;
 }

 .header-top ul {
     margin-bottom: 0;
     display: flex;
 }

 .header-top ul.header-action {
     margin-top: 14px !important;
 }

 .chat-header ul {
     margin-bottom: 0;
 }

 .chat-header ul li:not(.list-inline-item) {
     margin-bottom: 0;
     width: 48px;
     margin-inline-end: 15px !important;
 }

 .chat-header ul li:last-child {
     margin-inline-end: 0 !important;
 }

 .sidebar-body {
     flex: 1;
     overflow: auto;
     padding: 24px 24px 10px;
     width: 100%;
 }

 .pin-chat img {
     margin-inline-end: 6px;
 }

 .sidebar-body .profile-name {
     font-weight: 600;
     color: #4b0973;
     font-size: 17px;
     margin-bottom: 0;
 }

 .online-profile {
     position: relative;
 }

 .online-profile span {
     position: relative;
     color: #565656;
     font-size: 10px;
     padding-inline-start: 10px;
 }

 .online-profile span:before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     top: 7px;
     background-color: #49e073;
     width: 8px;
     height: 8px;
     border-radius: var(--radius-8xl);
 }

 .close_profile4 {
     color: #000;
     border-color: #e6e6e6;
 }

 .sidebar .user-list li a,
 .sidebar .user-list li .list-user-blk {
     padding: 10px;
     display: flex;
     display: -webkit-flex;
     cursor: pointer;
     margin-bottom: 15px;
     border: 1px solid #e0e0e0;
     box-shadow: var(--shadow-none);
     border-radius: var(--radius-lg);
     position: relative;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 .sidebar .user-list li a:hover,
 .sidebar .user-list li .list-user-blk:hover {
     background-color: #f8ecff;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
 }

 .sidebar .user-list li.item-typing {
     background-color: #f1f6ff;
 }

 .sidebar .user-list li figure {
     margin-inline-end: 1rem;
 }

 .sidebar .user-list li .users-list-body {
     flex: 1;
     position: relative;
     min-width: 0px;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .lock-icon {
     color: #000000;
 }

 .sidebar .user-list li .users-list-body>div:first-child {
     min-width: 0;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .parti-notify-check {
     margin-bottom: 0 !important;
     display: flex;
     align-items: center;
 }

 .sidebar .user-list li .users-list-body h5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 3px;
     color: #0a0a0a;
 }

 .sidebar .user-list li .users-list-body p {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     margin-bottom: 0;
     color: #232323;
     font-size: 13px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .sidebar .user-list li .users-list-body p .bx-map {
     font-size: 15px;
 }

 .sidebar .user-list li .users-list-body p.missed-call-col {
     color: #de3e44;
 }

 .sidebar .user-list li .users-list-body .last-chat-time {
     padding-inline-start: 15px;
     position: relative;
 }

 .sidebar .user-list li .users-list-body .last-chat-time .text-muted {
     color: #424242 !important;
     font-weight: 400;
     font-size: 10px;
     margin-bottom: 5px;
     display: block;
     text-align: end;
 }

 .sidebar .user-list li .users-list-body .last-chat-time .contact-toggle {
     color: var(--primary);
 }

 .sidebar .user-list li .users-list-body .last-chat-time .new-message-count {
     width: 20px;
     height: 20px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     line-height: 0;
     font-size: 9px;
     background-color: var(--primary);
     color: #fff;
     border-radius: var(--radius-full);
     margin-inline-start: auto;
     margin-top: 10px;
     position: absolute;
     inset-inline-end: 0;
     bottom: 0;
 }

 .sidebar .user-list li .users-list-body .last-chat-time .chat-toggle {
     position: absolute;
     inset-inline-end: 0;
     bottom: 0;
     opacity: 0;
     text-align: end;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     width: 18px;
     height: 24px;
 }

 .sidebar .user-list li.unread h5 {
     color: #fff;
 }

 .sidebar .user-list li.unread p {
     color: #fff;
 }

 .sidebar .user-list li.unread .text-muted {
     color: rgba(255, 255, 255, 0.4) !important;
 }

 .sidebar .user-list li.user-list-item.item-typing .users-list-body p {
     color: #0d9b35;
 }

 .rightside_tab {
     padding-top: 5px !important;
 }

 .chat-pin {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: end;
     -webkit-justify-content: end;
     -ms-flex-pack: end;
 }

 .chat-pin img {
     width: 10px;
 }

 .chat-pin .check {
     color: #1abe17;
 }

 .chat-pin .count-message {
     background: var(--primary);
     width: 20px;
     height: 20px;
     border-radius: var(--radius-8xl);
     font-size: 10px;
     font-weight: 400;
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .select-message-box {
     margin-top: 50px;
 }

 .select-message-box h4 {
     margin-bottom: 5px;
 }

 .select-message-box p {
     margin-top: 0;
     margin-bottom: 24px;
     color: #424242;
     font-size: 15px;
     font-weight: 400;
 }

 .select-message-box .btn i {
     font-size: 14px;
 }

 .chat {
     flex: 1;
     display: flex;
     flex-direction: column;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     width: 100%;
     height: 100%;
 }

 .chat.setting-chat {
     filter: blur(8px);
     -webkit-filter: blur(8px);
 }

 .chat .chat-header .chat-options.chat-small ul li a {
     width: 35px;
     height: 35px;
 }

 .chat-options ul.list-inline .list-inline-item {
     margin-bottom: 0;
 }

 .last-seen {
     color: #424242;
     font-size: 13px;
 }

 .user_callog {
     display: flex;
     margin-top: 0px;
 }

 .chev-icon i {
     font-size: 17px;
 }

 .calllog_p {
     margin-inline-start: 5px;
 }

 .chat-options.chat-option-profile .list-inline-item a {
     background: #f5f5f5;
     width: 38px;
     height: 38px;
     border-radius: var(--radius-8xl);
     color: #424242;
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat-options.chat-option-profile .list-inline-item a:hover {
     background: var(--primary);
     color: #fff;
 }

 .chat-options.chat-option-profile .list-inline {
     border-bottom: 1px solid #ededed;
     margin-bottom: 0;
     padding-bottom: 15px;
 }

 .last-seen-profile span {
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     margin-bottom: 12px;
     display: block;
 }

 .header_button {
     position: absolute;
     inset-inline-end: 5px;
     width: 40px;
     height: 40px;
     border-radius: var(--radius-4xl);
     font-size: 13px;
     color: white;
     text-align: center;
     background: #ffa977;
     bottom: 40px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .btn-warning:hover {
     color: #fff;
     background-color: #ffa977;
     border-color: #ffa977;
 }

 .right_sidebar_profile {
     margin-top: 0px;
 }

 .account_details,
 .security_details {
     background-color: #edeef6;
     border-color: #d9d7d8;
     border-radius: var(--radius-lg) !important;
     border-bottom: 0 !important;
 }

 .close_icon {
     font-size: 17px;
 }

 .button_plus {
     margin-inline-start: 0px;
 }

 .chat .chat-header {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     padding: 13px 24px;
     align-items: center;
     background: #ffffff;
     position: relative;
 }

 .chat-search {
     position: absolute;
     inset-inline-start: 0;
     top: 0;
     width: 100%;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
     opacity: 0;
     visibility: hidden;
 }

 .chat-search.visible-chat {
     opacity: 1;
     visibility: visible;
     top: 100%;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
     z-index: 9;
 }

 .form-control-feedback {
     z-index: 2;
     display: block;
     text-align: center;
     pointer-events: none;
     color: rgba(0, 0, 0, 0.4);
     position: absolute;
     inset-inline-start: 13px;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
 }

 .form-control-feedback i {
     font-size: 15px;
     color: #0a0a0a;
 }

 .user-chat-search {
     position: absolute;
     inset-inline-start: 0;
     top: 0;
     width: 100%;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
     opacity: 0;
     visibility: hidden;
 }

 .user-chat-search.visible-chat {
     opacity: 1;
     visibility: visible;
     top: 100%;
     transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     -ms-transition: ease all 0.5s;
     z-index: 9;
 }

 .chat-search input[type="text"],
 .user-chat-search input[type="text"] {
     padding: 8px 8px 8px 35px;
     width: 100%;
     min-height: 47px;
     border-radius: 0px 0px var(--radius-lg) var(--radius-lg);
     border: 1px solid #e5e7eb;
     background-color: #fff;
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
 }

 .chat-search input[type="text"]:hover,
 .user-chat-search input[type="text"]:hover,
 .chat-search input[type="text"]:focus,
 .user-chat-search input[type="text"]:focus,
 .chat-search input[type="text"]:focus-visible,
 .user-chat-search input[type="text"]:focus-visible {
     border-color: #f3f3f3;
 }

 .all-chats {
     position: relative;
 }

 .close-btn-chat,
 .user-close-btn-chat {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-5xl);
     color: #0a0a0a;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     -webkit-justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     position: absolute;
     inset-inline-end: 12px;
     top: 9px;
     cursor: pointer;
 }

 .main_content {
     width: 100% !important;
 }

 .chat .chat-header .user-details {
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
 }

 .avatar-main {
     height: 50px;
     width: 50px;
 }

 .chat .chat-header .user-details figure {
     margin-inline-end: 1rem;
 }

 .chat .chat-header .user-details h5 {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 4px;
     line-height: 1;
     color: #424242;
 }

 .archive-btn {
     border: 1px solid #008024;
     color: #008024;
     border-radius: var(--radius-sm);
     font-size: 9px;
     font-weight: 500;
     padding: 2px 6px;
     margin-inline-end: 1.5rem;
 }

 .archive-btn-grey {
     border: 1px solid #909090;
     color: #909090;
     border-radius: var(--radius-sm);
     font-size: 8px;
     font-weight: 500;
     padding: 2px 6px;
     margin-top: 0.25rem;
 }

 .right_sidebar_icon {
     list-style: none;
 }

 .chat .chat-header .chat-options ul {
     margin-bottom: 0;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
 }

 .btn.btn-outline-light:hover {
     background: #e6e6e6;
 }

 .chat .chat-header .chat-options ul>li>a {
     font-size: 13px;
     color: #424242;
     cursor: pointer;
     width: 40px;
     height: 40px;
     padding: 0;
     border-radius: var(--radius-8xl);
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .chat .chat-header .chat-options ul>li>a i {
     font-size: 19px;
 }

 .chat .chat-header .chat-options ul>li>a:not(.no-bg):hover {
     background-color: #f5f5f5;
     border-color: #f5f5f5;
 }

 .chat .chat-body {
     flex: 1;
     padding: 24px;
     padding-bottom: 100px;
 }

 .chat .chat-body:not(.no-message) {
     overflow: auto;
 }

 .chat .chat-body {
     padding-bottom: 100px;
 }

 .chat .chat-body.no-message {
     user-select: none;
 }

 .chat .chat-body .messages {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }

 .chat .chat-body .messages .chats {
     max-width: 75%;
     margin-bottom: 30px;
     display: flex;
     display: -webkit-flex;
 }

 .chat-avatar {
     padding: 8px 15px 0 8px;
     display: flex;
     display: -webkit-flex;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }

 .chat .chat-body .messages .chat-profile-name h6 {
     margin-bottom: 0;
     color: #0a0a0a;
     font-weight: 600;
     font-size: 14px;
 }

 .chat .chat-body .messages .chat-profile-name h6 span {
     font-size: 10px;
     color: #9e9e9e;
     font-weight: 400;
     padding-inline-start: 10px;
 }

 .chats.chats-right .chat-profile-name {
     justify-content: end;
     -webkit-justify-content: end;
     -ms-flex-pack: end;
 }

 .chat-profile-name {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 5px;
 }

 .replay-forms .chat-profile-name h6 {
     margin-bottom: 0;
 }

 .replay-forms .chat-profile-name h6 span {
     color: #9e9e9e;
     font-size: 10px;
     margin-inline-start: 10px;
 }

 .chat .chat-body .messages .chats:last-child {
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time {
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time .avatar {
     margin-inline-end: 1rem;
 }

 .chat .chat-body .messages .chats .chat-time h5 {
     font-size: 14px;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time .time {
     color: #fff;
     margin-top: 2px;
     font-size: 10px;
     font-weight: 400;
 }

 .chat .chat-body .messages .chats .chat-time .time i {
     color: rgba(247, 247, 247, 0.5);
 }

 .chat .chat-body .messages .chats .chat-time .time i img {
     width: 14px;
     height: auto;
     margin-inline-start: 2px;
     vertical-align: 0px;
 }

 .chat .chat-body .messages .chats .message-content {
     background-color: #fff;
     border-radius: var(--radius-speech);
     padding: 14px 20px;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     box-shadow: var(--shadow-3xl);
 }

 .chat .chat-body .messages .chats .message-content.award-link a {
     color: #424242;
     margin-bottom: 2px;
     display: block;
 }

 .chat .chat-body .messages .chats .message-content.chat-award-link a {
     display: flex;
     margin-bottom: 10px;
 }

 .chat .chat-body .messages .chats .message-content.chat-award-link .emoj-group li a {
     margin-bottom: 0px;
 }

 .chat .chat-body .messages .chats .message-content.award-link img {
     border-radius: var(--radius-xl);
 }

 .chats.chats-right {
     flex-direction: row-reverse;
     -webkit-flex-direction: row-reverse;
 }

 .group-set-wrap {
     cursor: pointer;
 }

 .message-star {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .message-star .avatar {
     width: 26px;
     height: 26px;
     margin-inline-end: 10px;
 }

 .message-star .avatar img {
     width: 100%;
 }

 .message-star h6 {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .message-star h6 span i {
     color: #fec001;
 }

 .chat .chat-body .messages .chats .message-content a {
     color: #ffa633;
 }

 .chat .chat-body .messages .chats.chats-right {
     margin-inline-start: auto;
 }

 .chat-voice-group ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     padding: 0;
     margin-bottom: 0;
 }

 .chat-voice-group ul li span {
     width: 28px;
     height: 28px;
     background: var(--primary);
     border-radius: var(--radius-8xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat-voice-group li {
     margin-bottom: 0;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     list-style: none;
 }

 .chat-voice-group li+li {
     padding-inline-start: 10px;
 }

 .chat .chat-body .messages .chats.chats-right .chat-time {
     justify-content: flex-end;
 }

 .chat .chat-body .messages .chats.chats-right .message-content {
     background-color: #f8ecff;
     color: #232323;
     border-radius: var(--radius-3xl) var(--radius-none) var(--radius-3xl) var(--radius-3xl);
     padding: 15px;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns {
     order: 2;
     -webkit-order: 2;
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-action-col {
     width: 20px;
     text-align: center;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-read-col {
     display: flex;
     display: -webkit-flex;
     align-items: flex-end;
     -webkit-align-items: flex-end;
     padding-bottom: 22px;
     color: #008024;
 }

 .chat .chat-body .messages .chats.chats-right .chat-content {
     order: 1;
     -webkit-order: 1;
 }

 .chat .chat-body .messages .chats.chats-right .chat-avatar {
     padding: 8px 0px 0 15px;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time {
     justify-content: flex-start;
     -webkit-justify-content: flex-start;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time {
     color: #909090;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time i {
     color: #a3c2ff;
 }

 .chat .chat-body .messages .download-col {
     position: relative;
 }

 .chat .chat-body .messages .download-col ul {
     list-style: none;
     padding: 0;
     margin: 0 0 5px 0;
     display: flex;
     display: -webkit-flex;
 }

 .chat .chat-body .messages .download-col ul li+li {
     margin-inline-start: 5px;
 }

 .chat .chat-body .messages .download-col .image-download-col {
     position: relative;
 }

 .chat .chat-body .messages .download-col .image-download-col a>img {
     border: 1px solid transparent;
     width: 80px;
     border-radius: var(--radius-lg);
 }

 .chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span {
     position: absolute;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 [dir="rtl"] .chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span {
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
 }

 .chat .chat-body .messages .download-col .image-download-col.image-not-download a>img {
     -webkit-filter: blur(1px);
     filter: blur(1px);
 }

 .chat .chat-body .messages .download-col .download-action,
 .chat .chat-body .messages .file-download .download-action,
 .file-download-col .download-action {
     position: absolute;
     inset-inline-end: 8px;
     bottom: 8px;
     line-height: 0;
 }

 .chat .chat-body .messages .file-download .download-action {
     bottom: 14px;
 }

 .chat .chat-body .messages .download-col .download-action a,
 .chat .chat-body .messages .file-download .download-action a,
 .file-download-col .download-action a {
     color: #fff;
     font-size: 8px;
 }

 .chat .chat-body .messages .download-col .download-action div+div,
 .chat .chat-body .messages .file-download .download-action div+div,
 .file-download-col .download-action div+div {
     margin-inline-start: 8px;
 }

 .chat .chat-body .messages .download-col .download-action div img,
 .chat .chat-body .messages .file-download .download-action div img,
 .file-download-col .download-action div img {
     width: 13px;
 }

 .chat .chat-body .messages .file-download {
     position: relative;
     background: #f5f5f5;
     border-radius: var(--radius-xl);
     padding: 10px;
     margin-bottom: 7px;
 }

 .chat .chat-body .messages .file-download .file-type {
     width: 54px;
     height: 54px;
     background-color: #fff;
     border-radius: var(--radius-sm);
 }

 .chat .chat-body .messages .file-download .file-type i {
     color: #9e9e9e;
     font-size: 22px;
 }

 .chat .chat-body .messages .file-download .file-details span.file-name {
     color: #0a0a0a;
     display: inline-block;
     width: 100%;
     font-size: 14px;
     font-weight: 500;
 }

 .chat .chat-body .messages .file-download .file-details span.file-size {
     color: #909090;
     display: inline-block;
     width: 100%;
 }

 .chat .chat-body .messages .file-download .file-details ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .file-download .file-details ul li {
     list-style: none;
     color: #424242;
     font-size: 13px;
     position: relative;
 }

 .chat .chat-body .messages .file-download .file-details ul li::before {
     content: "";
     position: absolute;
     width: 1px;
     height: 13px;
     background: #c2c2c2;
     inset-inline-end: -8px;
     top: 5px;
 }

 .chat .chat-body .messages .file-download .file-details ul li:last-child::before {
     display: none;
 }

 .chat .chat-body .messages .file-download .file-details ul li+li {
     padding-inline-start: 15px;
 }

 .chat .chat-body .messages .file-download .file-details ul li a {
     color: var(--primary);
 }

 .chat .chat-body .messages .file-download .download-action a {
     color: var(--primary);
 }

 .chat-select .select2-container .select2-selection--single {
     border: 0;
     height: 24px;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #344357;
     font-size: 17px;
     font-weight: normal;
     line-height: 24px;
     font-weight: 600;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 24px;
     inset-inline-end: 7px;
 }

 .success-pass {
     margin-bottom: 40px;
     text-align: center;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-style: solid;
     border-width: 0 2px 2px 0;
     padding: 3px;
     height: 0;
     inset-inline-start: 50%;
     margin-inline-start: -5px;
     margin-top: -5px;
     position: absolute;
     top: 50%;
     width: 0;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }

 .chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-width: 2px 0 0 2px;
     padding: 3px;
     margin-top: -5px;
 }

 .chat-select .select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow {
     top: 7px;
 }

 .chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-style: solid;
     border-width: 0 2px 2px 0;
     padding: 3px;
 }

 .chat-select .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-end: 40px;
     padding-inline-start: 0px;
 }

 .chat-select .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: #4b4b9f;
 }

 .chat-select .select2-container--default .select2-selection--multiple {
     border: 1px solid #ddd;
     min-height: auto !important;
     height: auto !important;
     overflow: visible !important;
     white-space: normal !important;
 }

 .chat-select .select2-container--open .select2-dropdown--below {
     margin-top: 10px;
 }

 .review-files p {
     margin-bottom: 5px;
     color: #424242;
     font-size: 13px;
 }

 .like-chat-grp ul {
     padding: 0;
     margin-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     margin-top: 10px;
 }

 .like-chat-grp ul li {
     list-style: none;
 }

 .like-chat-grp ul li+li {
     margin-inline-start: 10px;
 }

 .like-chat-grp ul li a {
     border: 1px solid #e0e0e0;
     border-radius: var(--radius-8xl);
     padding: 3px 12px;
     display: block;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     color: #0a0a0a;
     font-weight: 400;
     font-size: 13px;
 }

 .like-chat-grp ul li.like-chat a {
     background: #fef6dc;
 }

 .like-chat-grp ul li.comment-chat a {
     background: #ffe8e9;
 }

 .like-chat-grp ul li a img {
     margin-inline-start: 5px;
 }

 .chat-line {
     margin: 0px 0 20px;
     position: relative;
     text-align: center;
     width: 100%;
 }

 .chat-line:before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     background-color: #eeeeee;
     width: 100%;
     height: 1px;
 }

 .chat-date {
     background-color: #fff;
     color: #0a0a0a;
     font-size: 13px;
     padding: 4px 20px;
     border-radius: var(--radius-8xl);
     display: inline-block;
     font-weight: 400;
     position: relative;
     border: 1px solid #e0e0e0;
 }

 .chat .chat-footer {
     position: relative;
 }

 .chat .chat-footer form {
     display: flex;
     display: -webkit-flex;
     align-items: end;
     -webkit-align-items: end;
     position: absolute;
     bottom: 0px;
     inset-inline-start: 0;
     inset-inline-end: 0;
     padding: 24px;
     background-color: #f5f5f5;
 }

 .chat .chat-footer form .form-buttons .btn {
     margin-inline-start: 0px;
     color: #bdbfc7;
     font-size: 19px;
     padding: 0;
     width: 20px;
     height: 20px;
     border-radius: var(--radius-full);
     display: flex;
     justify-content: center;
     align-items: center;
     margin-inline-end: 10px;
 }

 .chat .chat-footer form .form-buttons .btn:last-child {
     margin-inline-end: 0;
 }

 .chat .chat-footer form .specker-col span {
     color: var(--primary);
     font-size: 23px;
 }

 .chat .chat-footer form .attach-col i,
 .chat .chat-footer form .smile-col i {
     color: var(--primary);
     font-size: 19px;
 }

 .chat .chat-footer form .smile-col i {
     font-size: 21px;
 }

 .chat .chat-footer form .smile-col {
     inset-inline-end: inherit;
     inset-inline-start: 15px;
 }

 .chat .chat-footer form .attach-col {
     inset-inline-end: inherit;
     inset-inline-start: 60px;
 }

 .chat+.sidebar-group {
     margin-inline-end: 0px;
 }

 .chat+.sidebar-group .sidebar {
     margin-inline-end: 0px;
 }

 .group-comman-theme {
     padding: 0 24px;
 }

 .group-comman-theme h6 {
     margin-bottom: 15px;
 }

 .group-comman-theme ul {
     padding: 0;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ededed;
 }

 .group-comman-theme ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     list-style: none;
     border: 1px solid #e0e0e0;
     border-radius: var(--radius-lg);
     padding: 5px;
     margin-bottom: 10px;
 }

 .group-comman-theme ul li:last-child {
     margin-bottom: 0;
 }

 .group-comman-theme ul li .avatar {
     flex-shrink: 0;
     margin-inline-end: 10px;
 }

 .theme-content h6 {
     margin-bottom: 6px;
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
 }

 .theme-content p {
     margin-bottom: 0;
     text-align: start;
     line-clamp: 1;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     color: #424242;
     font-size: 13px;
 }

 .chat-message-grp {
     padding: 24px;
     padding-top: 0;
 }

 .chat-message-grp ul {
     padding: 0;
 }

 .chat-message-grp ul li {
     list-style: none;
     margin-bottom: 15px;
 }

 .chat-message-grp ul li:last-child {
     margin-bottom: 0px;
 }

 .chat-message-grp ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .chat-message-grp ul li a:hover .stared-group h6 {
     color: var(--primary);
 }

 .stared-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .stared-group span {
     width: 30px;
     height: 30px;
     border-radius: var(--radius-md);
     margin-inline-end: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .star-message {
     background: #fef6dc;
 }

 .star-message i {
     color: #fec001;
 }

 .mute-message {
     background: #ebfdfffa;
 }

 .mute-message i {
     color: #02a2b9;
 }

 .block-message {
     background: #ffe8e9;
 }

 .block-message i {
     color: #de3e44;
 }

 .report-message {
     background: #f8ecff;
 }

 .report-message i {
     color: var(--primary);
 }

 .delete-message {
     background: #ffe8e9;
 }

 .delete-message i {
     color: #de3e44;
 }

 .count-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .count-group span {
     width: 30px;
     height: 30px;
     border-radius: var(--radius-8xl);
     color: #424242;
     font-size: 13px;
     background: #f5f5f5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 5px;
 }

 .count-group i {
     color: #424242;
     font-size: 15px;
 }

 .stared-group h6 {
     font-size: 14px;
     font-weight: 500;
     color: #0a0a0a;
     margin-bottom: 0;
 }

 .chat .chat-footer form .form-buttons .btn.send-btn {
     width: 40px;
     height: 40px;
     border-radius: var(--radius-md);
     display: inline-flex;
     justify-content: center;
     align-items: center;
     color: #fff !important;
     background: var(--primary);
     margin-inline-start: 10px;
 }

 .set-search {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 15px;
     border-radius: var(--radius-8xl);
     width: 28px;
     height: 28px;
 }

 .set-search:hover {
     background: #f5f5f5;
     border-color: #f5f5f5;
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover {
     background-color: #fff;
     border-color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover i {
     color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:focus {
     box-shadow: var(--shadow-none);
 }

 .chat .chat-footer form .smile-foot {
     margin-inline-end: 10px;
 }

 .chat .chat-footer form .smile-foot .action-circle {
     width: 40px;
     height: 40px;
     background: #fff;
     border-radius: var(--radius-8xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat .chat-footer form .smile-foot .action-circle:hover {
     background-color: #ededed;
     border-color: #ededed;
 }

 .chat .chat-footer form .smile-foot .action-circle i {
     color: #424242;
     font-size: 17px;
 }

 .chat .slimScrollDiv {
     height: 100% !important;
 }

 .dropdown-menu .dropdown-item span.star-msg,
 .dropdown-menu .dropdown-item span.star-msg-one,
 .dropdown-menu .dropdown-item span.star-msg-three,
 .dropdown-menu .dropdown-item span.star-msg-four,
 .dropdown-menu .dropdown-item span.star-msg-five {
     font-size: 13px;
     cursor: pointer;
     font-weight: 500;
     color: #424242;
 }

 .header-action {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .header-action li {
     display: inline-block;
     margin-inline-start: 10px;
 }

 .header-action li a {
     color: #1b1a1a;
     font-size: 17px;
 }

 .user-list {
     border-radius: var(--radius-sm);
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     padding-inline-start: 0;
     margin-bottom: 0;
 }

 .user-list li a {
     padding: 17px 20px;
     display: flex;
     display: -webkit-flex;
     cursor: pointer;
     border-radius: var(--radius-md);
     margin-bottom: 10px;
     border: 0;
     box-shadow: var(--shadow-sm);
 }

 .user-list li .avatar {
     margin-inline-end: 0.8rem;
     display: inline-block;
     margin-bottom: 0;
     height: 46px;
     width: 46px;
     border-radius: var(--radius-full);
     position: relative;
     z-index: 0;
 }

 .avatar-away::before,
 .avatar-offline::before,
 .avatar-online::before {
     content: "";
     position: absolute;
     display: block;
     width: 12px;
     height: 12px;
     border-radius: var(--radius-full);
     top: 0px;
     inset-inline-end: 2px;
     border: 2px solid #fff;
     z-index: 9;
 }

 .avatar-online::before {
     background-color: #34d859;
 }

 .avatar-away::before {
     background-color: #ffe600;
 }

 .animate-typing-col {
     color: #0d9b35;
 }

 .animate-typing-col .dot {
     display: inline-block;
     width: 4px;
     height: 4px;
     border-radius: var(--radius-full);
     margin-inline-end: -1px;
     background: #0d9b35;
     -webkit-animation: wave 1.3s linear infinite;
     animation: wave 1.3s linear infinite;
     opacity: 0.6;
 }

 .animate-typing-col .dot:nth-child(2) {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s;
 }

 .animate-typing-col .dot:nth-child(3) {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s;
 }

 @-webkit-keyframes wave {

     0%,
     100%,
     60% {
         -webkit-transform: initial;
         transform: initial;
     }

     30% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
     }
 }

 @keyframes wave {

     0%,
     100%,
     60% {
         -webkit-transform: initial;
         transform: initial;
     }

     30% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
     }
 }

 .user-list li .avatar .letter-avatar {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-8xl);
     margin-inline-end: 0.8rem;
     margin-bottom: 0;
     position: relative;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     background-color: #e8dbff;
     font-size: 15px;
     font-weight: 600;
     color: #420ba1;
 }

 .chat_form {
     border-radius: var(--radius-4xl);
     margin-inline-end: 0px;
     background: #ffffff;
     border: 1px solid #c2c2c2;
     box-shadow: var(--shadow-button);
     border-radius: var(--radius-md);
     height: 40px;
     padding: 10px 10px;
 }

 .chat .chat-footer form .form-control::-webkit-input-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control::-moz-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control:-ms-input-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control:-moz-placeholder {
     color: #424242;
     opacity: 1;
 }

 .user-list .avatar>a>img,
 .user-list .avatar>img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .contact-close a {
     color: #292f4c;
     opacity: 0.5;
     border-color: #e6e6e6;
 }

 .chat-wrapper .content .sidebar-group.right-sidebar .sidebar {
     width: 310px;
 }

 .primary-title {
     color: #ffa977;
     font-size: 13px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0;
 }

 .primary-title i {
     font-size: 13px;
 }

 .contact-action {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .contact-action li {
     padding: 11px 0;
     border-bottom: 1px solid #f1f1f1;
 }

 .contact-action li a {
     color: #181c2f;
 }

 .contact-action li a {
     color: #181c2f;
     font-size: 13px;
     font-weight: bold;
 }

 .contact-action li.report-contact a,
 .contact-action li.delete-chat a,
 .contact-action li.sign-out a {
     color: #f00;
 }

 .left-sidebar {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
 }

 .left-sidebar-wrap {
     background: #fbfbfb;
     overflow: hidden;
     width: 448px;
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     flex: 1;
 }

 .right-sidebar {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     background-color: #fafbff;
     opacity: 100%;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     position: relative;
     width: 320px;
 }

 .right-sidebar.video-right-sidebar {
     width: 371px;
 }

 .video-call-chat .left-chat-title.with-bg {
     background: transparent;
 }

 .video-call-chat .left-chat-title {
     border: 0;
 }

 .chat.video-call-chat .chat-body {
     background-image: none;
 }

 .video-call-chat .chat-title h4 {
     font-size: 17px;
     font-weight: 600;
     color: #424242;
 }

 .video-call-chat .chat-title span {
     font-size: 10px;
     font-weight: 400;
     color: #424242;
 }

 .chat.video-call-chat .chat-body .messages .chats .message-content {
     background: #f5f5f5;
 }

 .chat.video-call-chat .chat-body .messages .chats.chats-right .message-content {
     background: #f8ecff;
 }

 .right-sidebar.video-right-sidebar .chat .chat-body {
     padding-bottom: 110px;
 }

 .member-details {
     margin-bottom: 10px;
 }

 .chat-member-details {
     padding: 0 24px;
 }

 .chat-member-details .member-details ul {
     padding: 0;
     border-bottom: 1px solid #ededed;
 }

 .chat-member-details .member-details ul li {
     list-style: none;
     margin-bottom: 15px;
 }

 .chat-member-details .member-details ul li h6 {
     font-size: 14px;
     font-weight: 400;
     color: #424242;
     margin-bottom: 5px;
 }

 .chat-member-details .member-details ul li h5 {
     font-size: 14px;
     font-weight: 500;
     color: #0a0a0a;
     margin-bottom: 0px;
 }

 .chat-member-details .member-details ul li span {
     font-size: 15px;
     font-weight: 400;
     color: #0a0a0a;
 }

 .chat-member-details .member-details ul li a {
     font-size: 14px;
     font-weight: 500;
     color: var(--primary);
     border-radius: var(--radius-pill);
     padding: 5px;
     background: #f5f5f5;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .chat-member-details .member-details ul li a+a {
     margin-inline-start: 10px;
 }

 .chat-member-details .member-details ul li a:hover {
     color: #0a0a0a;
 }

 .right-sidebar .right-sidebar-wrap {
     background-color: #fff;
     border-inline-start: 1px solid #e0e0e0;
     border-radius: var(--radius-none);
     margin-top: 0px;
     margin-bottom: 0px;
     height: calc(100vh - 0px);
 }

 .right-sidebar .right-sidebar-wrap .sidebar-body {
     padding: 0;
 }

 .right-sidebar .right-sidebar-wrap .right-sidebar-profile {
     padding: 24px;
     padding-bottom: 0;
     margin-bottom: 15px;
 }

 .right-sidebar.show-right-sidebar {
     margin-inline-end: 0;
 }

 .right-sidebar.video-right-sidebar.show-right-sidebar {
     margin-inline-end: 0;
 }

 .right-sidebar.video-right-sidebar .chat {
     margin-inline-start: 0 !important;
     display: block;
 }

 .right-sidebar.hide-right-sidebar {
     margin-inline-end: -320px;
 }

 .right-sidebar.video-right-sidebar.hide-right-sidebar {
     margin-inline-end: -371px;
 }

 .right-sidebar .contact-close_call .close_profile,
 .status-modal .custom-status-close {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-5xl);
     color: #0a0a0a;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     -webkit-justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
 }

 .group-description .description-sub h5 span a {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-5xl);
     color: #0a0a0a;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     -webkit-justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     border-color: #f5f5f5;
 }

 .list_group_notread {
     color: #ffa977 !important;
 }

 .tooltip>.tooltip-inner {
     text-align: start;
     max-width: 500px;
     --bs-tooltip-bg: var(--primary);
 }

 .tooltip {
     --bs-tooltip-bg: var(--primary);
 }

 .tooltip .arrow {
     display: none;
     background-color: var(--primary);
 }

 .tooltip .tooltip-inner {
     background-color: var(--primary);
 }

 .chat-cont-type {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .chat-cont-type .chat-type-wrapper {
     margin-bottom: 0;
 }

 .chat-cont-type .chat-type-wrapper p {
     color: #9e9e9e;
     font-size: 10px;
     font-weight: 400;
     margin-bottom: 0;
 }

 .group-type-radio {
     display: block;
     position: relative;
     padding-inline-start: 35px;
     cursor: pointer;
     font-size: 21px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .group-type-radio input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .group-type-radio {
     font-size: 15px;
     font-weight: 400;
     color: #424242;
     margin-inline-end: 24px;
 }

 .checkmark {
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     height: 22px;
     width: 22px;
     background-color: #fff;
     border: 1px solid #e4e4e4;
     border-radius: var(--radius-full);
 }

 .pass-login label {
     color: #0a0a0a;
     font-size: 13px;
     font-weight: 500;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--primary) !important;
 }

 .group-type-radio input:checked~.checkmark {
     background-color: var(--primary);
 }

 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 .group-type-radio input:checked~.checkmark:after {
     display: block;
 }

 .group-type-radio .checkmark:after {
     top: 4px;
     inset-inline-start: 4px;
     width: 12px;
     height: 12px;
     border-radius: var(--radius-full);
     background: white;
 }

 .right-sidebar-profile>.avatar {
     background: rgba(66, 11, 161, 0.1);
 }

 .right-sidebar-profile .profile-name span i {
     font-size: 15px;
 }

 .group_img {
     position: relative;
     display: inline-block;
 }

 .group-name-search {
     margin-bottom: 14px;
 }

 .parti-wrapper {
     margin-bottom: 14px;
     display: flex;
     align-items: center;
 }

 .group_header {
     width: 38px !important;
     height: 38px !important;
     border: 2px solid #ffffff;
 }

 .last-chat-time i.missed-col {
     width: 17px;
     display: inline-block;
     margin-top: 10px;
 }

 .last-chat-time i.missed-col img {
     max-width: 100%;
     height: auto;
 }

 .right-sidebar-head {
     padding: 0px 24px;
 }

 .right-sidebar-head.share-media .share-media-blk {
     margin-bottom: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .right-sidebar-head h5 {
     font-size: 14px;
     font-weight: 600;
     color: #1f2937;
     margin-bottom: 0px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav-tabs {
     margin-bottom: 15px;
     background: #ededed;
     padding: 5px;
     border-radius: var(--radius-lg);
     display: flex;
     justify-content: space-between;
 }

 .right-sidebar-head.share-media .about-media-tabs {
     border-bottom: 1px solid #ededed;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item.active {
     background: #fff;
     border-radius: var(--radius-md);
     color: #424242;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item {
     padding: 2px 10px;
     font-size: 13px;
     color: #424242;
     font-weight: 500;
     border: 0;
     margin-inline-end: 10px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item:last-child {
     margin-inline-end: 0px;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li {
     margin: 0px 6px 6px 0px;
     position: relative;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li img {
     border-radius: var(--radius-lg);
     width: 84px;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li span i {
     font-size: 19px;
     color: #fff;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li:hover span i {
     color: #eee;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li.blur-media img {
     filter: blur(2px);
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li span {
     position: absolute;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 [dir="rtl"] .right-sidebar-head.share-media .about-media-tabs .share-media-img li span {
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
 }

 .media-file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 15px;
 }

 .media-file:last-child {
     margin-bottom: 0;
 }

 .media-doc-blk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .media-doc-blk span {
     width: 50px;
     height: 50px;
     border-radius: var(--radius-lg);
     background: #f5f5f5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 10px;
 }

 .media-doc-blk span i {
     font-size: 22px;
 }

 .document-detail ul {
     padding: 0;
     margin-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .document-detail ul li {
     list-style: none;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     position: relative;
 }

 .document-detail ul li::before {
     content: "";
     position: absolute;
     width: 1px;
     height: 13px;
     background: #c2c2c2;
     inset-inline-end: -8px;
     top: 5px;
 }

 .document-detail ul li:last-child::before {
     display: none;
 }

 .document-detail ul li+li {
     padding-inline-start: 15px;
 }

 .document-detail h6 {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
 }

 .media-download a {
     color: #424242;
 }

 .social-media-col {
     margin-top: 35px;
 }

 .media-link-grp {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 15px;
 }

 .media-link-detail h6 a {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .media-link-detail span a {
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     word-break: break-all;
 }

 .media-link-detail a:hover {
     color: var(--primary);
 }

 .share-media-blk a {
     color: var(--primary);
     font-weight: 500;
 }

 .link-img img {
     border-radius: var(--radius-sm);
     margin-inline-end: 10px;
 }

 .social-media-col:after {
     content: "";
     display: table;
     clear: both;
 }

 .social-media-col ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .social-media-col ul li {
     float: inline-start;
 }

 .social-media-col ul li+li {
     margin-inline-start: 10px;
 }

 .social-media-col ul li a {
     color: #420ba1;
     font-size: 17px;
 }

 .social-media-col h6,
 .settings-col h6 {
     font-weight: 600;
     color: #000;
     font-size: 14px;
     margin-bottom: 20px;
 }

 .settings-col {
     margin-top: 35px;
 }

 .settings-col:after {
     content: "";
     display: table;
     clear: both;
 }

 .settings-col ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .settings-col ul li {
     color: #939393;
     font-weight: 500;
 }

 .settings-col ul li+li {
     margin-top: 15px;
 }

 .settings-col .switch {
     position: relative;
     display: inline-block;
     width: 40px;
     height: 23px;
     margin-bottom: 0;
     margin-inline-end: 10px;
 }

 .settings-col .switch input {
     opacity: 0;
     width: 0;
     height: 0;
 }

 .settings-col .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     inset-inline-start: 0;
     inset-inline-end: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: 0.4s;
     transition: 0.4s;
 }

 .settings-col .slider:before {
     position: absolute;
     content: "";
     height: 15px;
     width: 15px;
     inset-inline-start: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: 0.4s;
     transition: 0.4s;
 }

 .settings-col input:checked+.slider {
     background-color: #2196f3;
 }

 .settings-col input:focus+.slider {
     box-shadow: var(--shadow-focus-sm);
 }

 .settings-col input:checked+.slider:before {
     -webkit-transform: translateX(16px);
     -ms-transform: translateX(16px);
     transform: translateX(16px);
 }

 .settings-col .slider.round {
     border-radius: var(--radius-8xl);
 }

 .settings-col .slider.round:before {
     border-radius: var(--radius-full);
 }

 .report-col {
     margin-top: 35px;
     padding: 12px;
     padding-bottom: 50px;
 }

 .report-col:after {
     content: "";
     display: table;
     clear: both;
 }

 .report-col ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .report-col ul:after {
     content: "";
     display: table;
     clear: both;
 }

 .report-col ul li {
     display: block;
     width: 100%;
     font-weight: 500;
     position: relative;
 }

 .report-col ul li a {
     color: #ff0000;
     padding-inline-start: 25px;
 }

 .report-col ul li a span {
     position: absolute;
     inset-inline-start: 0;
     top: 0px;
     font-size: 15px;
 }

 .report-col ul li+li {
     margin-top: 19px;
 }

 .file-download-col:after {
     content: "";
     display: table;
     clear: both;
 }

 .file-download-col ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .file-download-col ul li {
     float: inline-start;
     width: 50%;
     padding: 5px;
 }

 .file-download-col ul li.full-width {
     width: 100%;
 }

 .file-download-col ul li .image-download-col {
     position: relative;
 }

 .file-download-col ul li .image-download-col a>img {
     width: 100%;
 }

 .load-more-btn {
     font-weight: 600;
     margin-top: 10px;
 }

 .load-more-btn i {
     background: #0057ff;
     border-radius: var(--radius-full);
     height: 12px;
     width: 12px;
     color: #fff;
     line-height: 8px;
     font-size: 10px;
     vertical-align: middle;
 }

 .chat-message-grp.chat-encrypt {
     padding-bottom: 0;
 }

 .chat-message-grp.chat-encrypt ul {
     border-bottom: 1px solid #ededed;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 .participants-list {
     padding: 0px 24px;
 }

 .participants-list-group {
     border-bottom: 1px solid #ededed;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 .participants-list-group h6 {
     margin-bottom: 15px;
     font-size: 14px;
     font-weight: 500;
     color: #0a0a0a;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .participants-list .participants-list-group h6.parti-search {
     font-size: 19px !important;
     display: flex;
     align-items: center;
 }

 .participants-list ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .participants-list ul li {
     border: 1px solid #e0e0e0;
     border-radius: var(--radius-lg);
     background-color: #fff;
     padding: 10px;
 }

 .participants-list ul li+li {
     margin-top: 10px;
 }

 .participants-list .users-list-body h5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 5px;
     color: #0a0a0a;
 }

 .participants-list .users-list-body p {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     margin-bottom: 0;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
 }

 .participants-list .users-list-body {
     flex: 1;
     position: relative;
     min-width: 0px;
     display: flex;
     display: -webkit-flex;
     width: 100%;
 }

 .user-list li a.admin-shade {
     box-shadow: var(--shadow-none);
 }

 .participants-list .admin-profiles {
     display: inline-block;
     color: var(--primary);
     border-radius: var(--radius-md);
     font-size: 10px;
     padding: 2px 10px;
     font-weight: 500;
     background: #f8ecff;
 }

 .participants-list .admin-profiles:hover {
     background: var(--primary);
     color: #fff;
 }

 .chat-message-grp.group-exits {
     padding: 0px 24px;
     padding-bottom: 30px;
 }

 .grp-delete .chat-action-col {
     display: flex;
     align-items: center;
     height: 100%;
 }

 .grp-delete .chat-action-col>a {
     color: #c8c8d8;
 }

 .chat-action-col>a {
     color: #424242;
 }

 .chat-profile-name .chat-action-col a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .darkmode-btn {
     width: 35px;
     height: 32px;
     background-color: #0057ff;
     border: 1px solid #fbfbfb;
     border-radius: var(--radius-lg);
     color: #fff;
     font-size: 15px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     margin: 0 auto;
 }

 .darkmode-btn:hover,
 .darkmode-btn:focus,
 .add-contacts-btn:hover,
 .add-contacts-btn:focus {
     color: #fff;
 }

 .add-contacts-btn {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-6xl);
     background-color: var(--primary);
     color: #fff;
     font-size: 8px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     margin: 0 auto;
 }

 .group-call-tab .nav-tabs .nav-link {
     color: var(--primary);
     border: 0;
     border-radius: var(--radius-xl);
     font-weight: 500;
     padding: 6px 25px;
 }

 .group-call-tab .nav-tabs .nav-link:hover {
     color: var(--primary);
 }

 .group-call-tab .nav-tabs .nav-link+.nav-link {
     margin-inline-start: 10px;
 }

 .group-call-tab .nav-tabs .nav-link.active {
     background-color: rgba(90, 7, 139, 0.1);
     color: var(--primary);
 }

 .group-call-tab nav {
     padding: 0 15px 20px;
     position: relative;
 }

 .group-call-tab nav:before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     bottom: 0;
     width: 100%;
     background-color: #e2e2e2;
     height: 1px;
 }

 .right-sidebar.hide-message-right {
     margin-inline-end: -320px;
 }

 .chat.chat-contact {
     background-image: none;
     background: #f8f6fa;
 }

 .chat.chat-contact .slimscroll {
     padding: 24px;
 }

 .chat.chat-contact .chat-header {
     background: none;
     border: 0;
     padding: 0;
 }

 .chat-options.chat-contact-list ul>li>a {
     background: #fff;
 }

 .chat.chat-contact .chat-header .avatar {
     width: 100px;
     height: 100px;
 }

 .chat.chat-contact .chat-header .user-details h5 {
     font-size: 17px;
     color: #0a0a0a;
     font-weight: 600;
 }

 .call-video span {
     font-size: 19px;
     color: #424242;
 }

 .call-video span+span {
     margin-inline-start: 10px;
 }

 .fav-title.contact-title h6 {
     font-size: 17px;
     color: #0a0a0a;
 }

 .personal-info h5 {
     color: #0a0a0a;
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 24px;
 }

 .personal-info ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #424242;
     margin-bottom: 20px;
 }

 .personal-info ul li:last-child {
     margin-bottom: 0;
 }

 .personal-info ul li h6 {
     font-size: 13px;
     font-weight: 400;
     width: 50%;
     margin-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .personal-info ul li h6 i {
     font-size: 19px;
     margin-inline-end: 10px;
 }

 .personal-info ul li h6 img {
     margin-inline-end: 10px;
 }

 .personal-info ul li span {
     font-size: 15px;
     font-weight: 500;
 }

 .personal-info ul li span a {
     color: #ffa633;
 }

 .contact-added {
     font-size: 19px;
 }

 .dropdown-menu.contact-menus span i {
     font-size: 15px;
     color: #424242;
 }

 .cal-icon {
     position: relative;
 }

 .cal-icon span {
     position: absolute;
     inset-inline-end: 10px;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 }

 .user-block-group .notify-check .form-check .custom-check .checkmark {
     top: -10px;
     inset-inline-start: 10px;
 }

 .mute-chat-btn .btn-primary:hover img {
     filter: invert(13%) sepia(85%) saturate(7478%) hue-rotate(266deg) brightness(42%) contrast(108%);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover {
     background-color: #fff;
     border-color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover i {
     color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:focus {
     box-shadow: var(--shadow-none);
 }

 .chat .chat-footer form .smile-foot {
     margin-inline-end: 10px;
 }

 .chat .chat-footer form .smile-foot .action-circle {
     width: 40px;
     height: 40px;
     background: #fff;
     border-radius: var(--radius-8xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat .chat-footer form .smile-foot .action-circle:hover {
     background-color: #ededed;
     border-color: #ededed;
 }

 .chat .chat-footer form .smile-foot .action-circle i {
     color: #424242;
     font-size: 17px;
 }

 .chat .slimScrollDiv,
 .right_sidebar_profile .slimScrollDiv {
     height: 100% !important;
 }

 .dropdown-menu .dropdown-item span.star-msg,
 .dropdown-menu .dropdown-item span.star-msg-one,
 .dropdown-menu .dropdown-item span.star-msg-three,
 .dropdown-menu .dropdown-item span.star-msg-four,
 .dropdown-menu .dropdown-item span.star-msg-five {
     font-size: 13px;
     cursor: pointer;
     font-weight: 500;
     color: #424242;
 }

 .header-action {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .header-action li {
     display: inline-block;
     margin-inline-start: 10px;
 }

 .header-action li a {
     color: #1b1a1a;
     font-size: 17px;
 }

 .user-list {
     border-radius: var(--radius-sm);
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     padding-inline-start: 0;
     margin-bottom: 0;
 }

 .user-list li a {
     padding: 17px 20px;
     display: flex;
     display: -webkit-flex;
     cursor: pointer;
     border-radius: var(--radius-md);
     margin-bottom: 10px;
     border: 0;
     box-shadow: var(--shadow-sm);
 }

 .user-list li .avatar {
     margin-inline-end: 0.8rem;
     display: inline-block;
     margin-bottom: 0;
     height: 46px;
     width: 46px;
     border-radius: var(--radius-full);
     position: relative;
     z-index: 0;
 }

 .avatar-away::before,
 .avatar-offline::before,
 .avatar-online::before {
     content: "";
     position: absolute;
     display: block;
     width: 12px;
     height: 12px;
     border-radius: var(--radius-full);
     top: 0px;
     inset-inline-end: 2px;
     border: 2px solid #fff;
     z-index: 9;
 }

 .avatar-online::before {
     background-color: #34d859;
 }

 .avatar-away::before {
     background-color: #ffe600;
 }

 .animate-typing-col {
     color: #0d9b35;
 }

 .animate-typing-col .dot {
     display: inline-block;
     width: 4px;
     height: 4px;
     border-radius: var(--radius-full);
     margin-inline-end: -1px;
     background: #0d9b35;
     -webkit-animation: wave 1.3s linear infinite;
     animation: wave 1.3s linear infinite;
     opacity: 0.6;
 }

 .animate-typing-col .dot:nth-child(2) {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s;
 }

 .animate-typing-col .dot:nth-child(3) {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s;
 }

 @-webkit-keyframes wave {

     0%,
     100%,
     60% {
         -webkit-transform: initial;
         transform: initial;
     }

     30% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
     }
 }

 @keyframes wave {

     0%,
     100%,
     60% {
         -webkit-transform: initial;
         transform: initial;
     }

     30% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
     }
 }

 .user-list li .avatar .letter-avatar {
     width: 45px;
     height: 45px;
     border-radius: var(--radius-8xl);
     margin-inline-end: 0.8rem;
     margin-bottom: 0;
     position: relative;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     background-color: #e8dbff;
     font-size: 15px;
     font-weight: 600;
     color: #420ba1;
 }

 .chat_form {
     border-radius: var(--radius-4xl);
     margin-inline-end: 0px;
     background: #ffffff;
     border: 1px solid #c2c2c2;
     box-shadow: var(--shadow-button);
     border-radius: var(--radius-md);
     height: 40px;
     padding: 10px 10px;
 }

 .chat .chat-footer form .form-control::-webkit-input-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control::-moz-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control:-ms-input-placeholder {
     color: #424242;
     opacity: 1;
 }

 .chat .chat-footer form .form-control:-moz-placeholder {
     color: #424242;
     opacity: 1;
 }

 .user-list .avatar>a>img,
 .user-list .avatar>img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 [id^="course_"] {
     .modal-header .btn-close {
         margin-inline-start: auto !important;
         margin-inline-end: unset !important;
     }

     .modal-content {
         border-radius: var(--radius-xl);
         border: none;
         background: #ffffffcf;

         .form-check {
             border: 1px dashed green;
             padding: 13px 35px;
             border-radius: var(--radius-md);
             padding-inline-end: 10px;
             width: auto;
         }
     }

     .modal-header {
         border-bottom-color: transparent;
     }
 }

 .contact-close a {
     color: #292f4c;
     opacity: 0.5;
     border-color: #e6e6e6;
 }

 .chat-wrapper .content .sidebar-group.right-sidebar .sidebar {
     width: 310px;
 }

 .primary-title {
     color: #ffa977;
     font-size: 13px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0;
 }

 .primary-title i {
     font-size: 13px;
 }

 .contact-action {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .contact-action li {
     padding: 11px 0;
     border-bottom: 1px solid #f1f1f1;
 }

 .contact-action li a {
     color: #181c2f;
 }

 .contact-action li a {
     color: #181c2f;
     font-size: 13px;
     font-weight: bold;
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover {
     background-color: #fff;
     border-color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:hover i {
     color: var(--primary);
 }

 .chat .chat-footer form .form-buttons .btn.send-btn:focus {
     box-shadow: var(--shadow-none);
 }

 .chat .chat-footer form .smile-foot {
     margin-inline-end: 10px;
 }

 .chat .chat-footer form .smile-foot .action-circle {
     width: 40px;
     height: 40px;
     background: #fff;
     border-radius: var(--radius-8xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat .chat-footer form .smile-foot .action-circle:hover {
     background-color: #fff6f1;
     border-color: #fff6f1;
 }

 .chat .chat-footer form .smile-foot .action-circle i {
     color: #424242;
     font-size: 17px;
 }

 .down-emoji-circle {
     position: absolute;
     inset-inline-start: 10px !important;
     top: -38px !important;
 }

 .emoj-action .down-emoji-circle ul,
 .emoj-action-foot .down-emoji-circle ul {
     padding: 10px;
 }

 .down-emoji-circle ul li+li {
     margin-inline-start: 14px;
 }

 .emoj-action .down-emoji-circle ul li:last-child a,
 .emoj-action-foot .down-emoji-circle ul li:last-child a {
     width: 34px;
     height: 34px;
     border-radius: var(--radius-8xl);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .emoj-group-list,
 .emoj-group-list-foot {
     display: none;
     position: absolute;
     top: -50px;
     inset-inline-start: -90px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }

 .emoj-group-list ul,
 .emoj-group-list-foot ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #fff;
     border-radius: var(--radius-8xl);
     padding: 5px;
 }

 .emoj-group-list ul li a,
 .emoj-group-list-foot ul li a {
     padding: 0;
 }

 .emoj-group-list ul li.add-emoj a,
 .emoj-group-list-foot ul li.add-emoj a {
     background: #ededed;
 }

 .emoj-group-list ul li.add-emoj a i,
 .emoj-group-list-foot ul li.add-emoj a i {
     font-size: 19px;
     color: #424242;
 }

 .chat-hover {
     position: absolute;
     bottom: 30px;
     inset-inline-end: 10px;
     display: none;
 }

 .add-section ul li {
     float: inline-start;
     border-radius: var(--radius-8xl);
     width: 28px;
     height: 28px;
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .chat .chat-body {
     flex: 1;
     padding: 15px;
 }

 .chat .chat-body:not(.no-message) {
     overflow: auto;
 }

 .chat .chat-body.no-message {
     user-select: none;
 }

 .chat .chat-body .messages {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }

 .chat .chat-body .messages .chats {
     max-width: 75%;
     margin-bottom: 30px;
     display: flex;
     display: -webkit-flex;
 }

 .chat-avatar {
     padding: 8px 15px 0 8px;
     display: flex;
     display: -webkit-flex;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }

 .chat .chat-body .messages .chat-profile-name h6 {
     margin-bottom: 0;
     color: #0a0a0a;
     font-weight: 600;
     font-size: 14px;
 }

 .chat .chat-body .messages .chat-profile-name h6 span {
     font-size: 10px;
     color: #9e9e9e;
     font-weight: 400;
     padding-inline-start: 10px;
 }

 .chats.chats-right .chat-profile-name {
     justify-content: end;
     -webkit-justify-content: end;
     -ms-flex-pack: end;
 }

 .chat-profile-name {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 5px;
 }

 .replay-forms .chat-profile-name h6 {
     margin-bottom: 0;
 }

 .replay-forms .chat-profile-name h6 span {
     color: #9e9e9e;
     font-size: 10px;
     margin-inline-start: 10px;
 }

 .chat .chat-body .messages .chats:last-child {
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time {
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time .avatar {
     margin-inline-end: 1rem;
 }

 .chat .chat-body .messages .chats .chat-time h5 {
     font-size: 14px;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .chats .chat-time .time {
     color: #fff;
     margin-top: 2px;
     font-size: 10px;
     font-weight: 400;
 }

 .chat .chat-body .messages .chats .chat-time .time i {
     color: rgba(247, 247, 247, 0.5);
 }

 .chat .chat-body .messages .chats .chat-time .time i img {
     width: 14px;
     height: auto;
     margin-inline-start: 2px;
     vertical-align: 0px;
 }

 .chat .chat-body .messages .chats .message-content {
     background-color: #f8f8f8;
     border-radius: var(--radius-none) var(--radius-xl) var(--radius-xl) var(--radius-xl);
     padding: 14px 20px;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     box-shadow: var(--shadow-3xl);
 }

 .chat .chat-body .messages .chats .message-content.award-link a {
     color: #424242;
     margin-bottom: 2px;
     display: block;
 }

 .chat .chat-body .messages .chats .message-content.chat-award-link a {
     display: flex;
     margin-bottom: 10px;
 }

 .chat .chat-body .messages .chats .message-content.chat-award-link .emoj-group li a {
     margin-bottom: 0px;
 }

 .delete-pop-btn .btn-primary {
     margin: 0 0 0 10px;
 }

 .delete-model-head {
     padding: 40px;
 }

 .delete-model-head .modal-header {
     padding: 0;
     margin-bottom: 32px;
 }

 .delete-model-head .modal-body {
     padding: 0;
 }

 .delete-chat-notify {
     margin-bottom: 32px;
 }

 .delete-chat-notify .form-check {
     margin-bottom: 14px;
 }

 .chat .chat-body .messages .chats .message-content.award-link img {
     border-radius: var(--radius-xl);
 }

 .chats.chats-right {
     flex-direction: row-reverse;
     -webkit-flex-direction: row-reverse;
 }

 .group-set-wrap {
     cursor: pointer;
 }

 .message-star {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .message-star .avatar {
     width: 26px;
     height: 26px;
     margin-inline-end: 10px;
 }

 .message-star .avatar img {
     width: 100%;
 }

 .message-star h6 {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .message-star h6 span i {
     color: #fec001;
 }

 .chat .chat-body .messages .chats .message-content a {
     color: #ffa633;
 }

 .chat .chat-body .messages .chats.chats-right {
     margin-inline-start: auto;
 }

 .chat-voice-group ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     padding: 0;
     margin-bottom: 0;
 }

 .chat-page-wrapper .dropdown-menu .dropdown-item {
     display: flex;
 }

 .chat-voice-group ul li span {
     width: 28px;
     height: 28px;
     background: var(--primary);
     border-radius: var(--radius-8xl);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .chat-voice-group li {
     margin-bottom: 0;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     list-style: none;
 }

 .chat-voice-group li+li {
     padding-inline-start: 10px;
 }

 .chat .chat-body .messages .chats.chats-right .chat-time {
     justify-content: flex-end;
 }

 .chat .chat-body .messages .chats.chats-right .message-content {
     background-color: #f8ecff;
     color: #232323;
     border-radius: var(--radius-3xl) var(--radius-none) var(--radius-3xl) var(--radius-3xl);
     padding: 15px;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns {
     order: 2;
     -webkit-order: 2;
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     justify-content: center;
     -webkit-justify-content: center;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-action-col {
     width: 20px;
     text-align: center;
 }

 .chat .chat-body .messages .chats.chats-right .chat-action-btns .chat-read-col {
     display: flex;
     display: -webkit-flex;
     align-items: flex-end;
     -webkit-align-items: flex-end;
     padding-bottom: 22px;
     color: #008024;
 }

 .chat .chat-body .messages .chats.chats-right .chat-content {
     order: 1;
     -webkit-order: 1;
 }

 .chat .chat-body .messages .chats.chats-right .chat-avatar {
     padding: 8px 0px 0 15px;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time {
     justify-content: flex-start;
     -webkit-justify-content: flex-start;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time {
     color: #909090;
 }

 .chat .chat-body .messages .chats.chats-right .message-content .chat-time .time i {
     color: #a3c2ff;
 }

 .chat .chat-body .messages .download-col {
     position: relative;
 }

 .chat .chat-body .messages .download-col ul {
     list-style: none;
     padding: 0;
     margin: 0 0 5px 0;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     row-gap: 10px;
 }

 .chat .chat-body .messages .download-col ul li+li {
     margin-inline-start: 5px;
 }

 .chat .chat-body .messages .download-col .image-download-col {
     position: relative;
 }

 .chat .chat-body .messages .download-col .image-download-col a>img {
     border: 1px solid transparent;
     width: 80px;
     border-radius: var(--radius-lg);
 }

 .chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span {
     position: absolute;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 [dir="rtl"] .chat .chat-body .messages .chats .message-content.fancy-msg-box .image-not-download span {
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
 }

 .chat .chat-body .messages .download-col .image-download-col.image-not-download a>img {
     -webkit-filter: blur(1px);
     filter: blur(1px);
 }

 .chat .chat-body .messages .download-col .download-action,
 .chat .chat-body .messages .file-download .download-action,
 .file-download-col .download-action {
     position: absolute;
     inset-inline-end: 8px;
     bottom: 8px;
     line-height: 0;
 }

 .chat .chat-body .messages .file-download .download-action {
     bottom: 14px;
 }

 .chat .chat-body .messages .download-col .download-action a,
 .chat .chat-body .messages .file-download .download-action a,
 .file-download-col .download-action a {
     color: #fff;
     font-size: 8px;
 }

 .chat .chat-body .messages .download-col .download-action div+div,
 .chat .chat-body .messages .file-download .download-action div+div,
 .file-download-col .download-action div+div {
     margin-inline-start: 8px;
 }

 .chat .chat-body .messages .download-col .download-action div img,
 .chat .chat-body .messages .file-download .download-action div img,
 .file-download-col .download-action div img {
     width: 13px;
 }

 .chat .chat-body .messages .file-download {
     position: relative;
     background: #f5f5f5;
     border-radius: var(--radius-xl);
     padding: 10px;
     margin-bottom: 7px;
 }

 .chat .chat-body .messages .file-download .file-type {
     width: 54px;
     height: 54px;
     background-color: #fff;
     border-radius: var(--radius-sm);
 }

 .chat .chat-body .messages .file-download .file-type i {
     color: #9e9e9e;
     font-size: 22px;
 }

 .chat .chat-body .messages .file-download .file-details span.file-name {
     color: #0a0a0a;
     display: inline-block;
     width: 100%;
     font-size: 14px;
     font-weight: 500;
 }

 .chat .chat-body .messages .file-download .file-details span.file-size {
     color: #909090;
     display: inline-block;
     width: 100%;
 }

 .chat .chat-body .messages .file-download .file-details ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     margin-bottom: 0;
 }

 .chat .chat-body .messages .file-download .file-details ul li {
     list-style: none;
     color: #424242;
     font-size: 13px;
     position: relative;
 }

 .chat .chat-body .messages .file-download .file-details ul li::before {
     content: "";
     position: absolute;
     width: 1px;
     height: 13px;
     background: #c2c2c2;
     inset-inline-end: -8px;
     top: 5px;
 }

 .chat .chat-body .messages .file-download .file-details ul li:last-child::before {
     display: none;
 }

 .chat .chat-body .messages .file-download .file-details ul li+li {
     padding-inline-start: 15px;
 }

 .chat .chat-body .messages .file-download .file-details ul li a {
     color: var(--primary);
 }

 .chat .chat-body .messages .file-download .download-action a {
     color: var(--primary);
 }

 .chat-select .select2-container .select2-selection--single {
     border: 0;
     height: 24px;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #344357;
     font-size: 17px;
     font-weight: normal;
     line-height: 24px;
     font-weight: 600;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 24px;
     inset-inline-end: 7px;
 }

 .success-pass {
     margin-bottom: 40px;
     text-align: center;
 }

 .chat-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-style: solid;
     border-width: 0 2px 2px 0;
     padding: 3px;
     height: 0;
     inset-inline-start: 50%;
     margin-inline-start: -5px;
     margin-top: -5px;
     position: absolute;
     top: 50%;
     width: 0;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
 }

 .chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-width: 2px 0 0 2px;
     padding: 3px;
     margin-top: -5px;
 }

 .chat-select .select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow {
     top: 7px;
 }

 .chat-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: #344357;
     border-style: solid;
     border-width: 0 2px 2px 0;
     padding: 3px;
 }

 .chat-select .select2-container .select2-selection--single .select2-selection__rendered {
     padding-inline-end: 40px;
     padding-inline-start: 0px;
 }

 .chat-select .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: #4b4b9f;
 }

 .chat-select .select2-container--default .select2-selection--multiple {
     border: 1px solid #ddd;
     min-height: auto !important;
     height: auto !important;
     overflow: visible !important;
     white-space: normal !important;
 }

 .chat-select .select2-container--open .select2-dropdown--below {
     margin-top: 10px;
 }

 .review-files p {
     margin-bottom: 5px;
     color: #424242;
     font-size: 13px;
 }

 .like-chat-grp ul {
     padding: 0;
     margin-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     margin-top: 10px;
 }

 .like-chat-grp ul li {
     list-style: none;
 }

 .like-chat-grp ul li+li {
     margin-inline-start: 10px;
 }

 .like-chat-grp ul li a {
     border: 1px solid #e0e0e0;
     border-radius: var(--radius-8xl);
     padding: 3px 12px;
     display: block;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     color: #0a0a0a;
     font-weight: 400;
     font-size: 13px;
 }

 .like-chat-grp ul li.like-chat a {
     background: #fef6dc;
 }

 .like-chat-grp ul li.comment-chat a {
     background: #ffe8e9;
 }

 .like-chat-grp ul li a img {
     margin-inline-start: 5px;
 }

 .chat-line {
     margin: 0px 0 20px;
     position: relative;
     text-align: center;
     width: 100%;
 }

 .chat-line:before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     background-color: #eeeeee;
     width: 100%;
     height: 1px;
 }

 .chat-date {
     background-color: #fff;
     color: #0a0a0a;
     font-size: 13px;
     padding: 4px 20px;
     border-radius: var(--radius-8xl);
     display: inline-block;
     font-weight: 400;
     position: relative;
     border: 1px solid #e0e0e0;
 }

 .chat .chat-footer {
     position: relative;
 }

 .chat .chat-footer form {
     display: flex;
     display: -webkit-flex;
     align-items: end;
     -webkit-align-items: end;
     position: absolute;
     bottom: -1px;
     inset-inline-start: 0;
     inset-inline-end: 0;
     padding: 24px;
     background-color: #fff;
     border-bottom: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
     align-items: center;
 }

 .chat .chat-footer form .form-buttons .btn {
     margin-inline-start: 0px;
     color: #bdbfc7;
     font-size: 19px;
     padding: 0;
     width: 20px;
     height: 20px;
     border-radius: var(--radius-full);
     display: flex;
     justify-content: center;
     align-items: center;
     margin-inline-end: 10px;
 }

 .chat .chat-footer form .form-buttons .btn:last-child {
     margin-inline-end: 0;
 }

 .chat .chat-footer form .specker-col span {
     color: var(--primary);
     font-size: 23px;
 }

 .chat .chat-footer form .attach-col i,
 .chat .chat-footer form .smile-col i {
     color: var(--primary);
     font-size: 19px;
 }

 .chat .chat-footer form .smile-col i {
     font-size: 21px;
 }

 .chat .chat-footer form .smile-col {
     inset-inline-end: inherit;
     inset-inline-start: 15px;
 }

 .chat .chat-footer form .attach-col {
     inset-inline-end: inherit;
     inset-inline-start: 60px;
 }

 .chat+.sidebar-group {
     margin-inline-end: 0px;
 }

 .chat+.sidebar-group .sidebar {
     margin-inline-end: 0px;
 }

 .group-comman-theme {
     padding: 0 24px;
 }

 .group-comman-theme h6 {
     margin-bottom: 15px;
 }

 .group-comman-theme ul {
     padding: 0;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ededed;
 }

 .group-comman-theme ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     list-style: none;
     border: 1px solid #e0e0e0;
     border-radius: var(--radius-lg);
     padding: 5px;
     margin-bottom: 10px;
 }

 .group-comman-theme ul li:last-child {
     margin-bottom: 0;
 }

 .group-comman-theme ul li .avatar {
     flex-shrink: 0;
     margin-inline-end: 10px;
 }

 .theme-content h6 {
     margin-bottom: 6px;
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
 }

 .theme-content p {
     margin-bottom: 0;
     text-align: start;
     line-clamp: 1;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     color: #424242;
     font-size: 13px;
 }

 .chat-message-grp {
     padding: 24px;
     padding-top: 0;
 }

 .chat-message-grp ul {
     padding: 0;
 }

 .chat-message-grp ul li {
     list-style: none;
     margin-bottom: 15px;
 }

 .chat-message-grp ul li:last-child {
     margin-bottom: 0px;
 }

 .chat-message-grp ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .chat-message-grp ul li a:hover .stared-group h6 {
     color: var(--primary);
 }

 .stared-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .stared-group span {
     width: 30px;
     height: 30px;
     border-radius: var(--radius-md);
     margin-inline-end: 10px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .star-message {
     background: #fef6dc;
 }

 .star-message i {
     color: #fec001;
 }

 .mute-message {
     background: #ebfdfffa;
 }

 .chat-page .slimscroll {
     height: calc(100vh - 130px) !important;
 }

 .chat-page .chat .slimscroll {
     height: calc(100vh - 190px) !important;
 }

 .replay-forms {
     width: 100%;
     border: 1px solid #e0e0e0;
     background: #fff;
     border-radius: var(--radius-xl);
 }

 .replay-forms .form-control {
     border: 0;
     background: transparent;
     box-shadow: var(--shadow-none);
 }

 .uplaod-image {
     height: 400px;
 }

 .uplaod-image img {
     width: 100%;
     height: 100%;
 }

 .uplaod-image .chat {
     background: transparent;
     height: auto;
 }

 .sroll-side-view {
     height: 400px;
     overflow-y: scroll;
     overflow-x: hidden;
 }

 .sroll-side-view::-webkit-scrollbar {
     width: 5px;
     height: 10px;
     border-radius: var(--radius-8xl) !important;
 }

 .sroll-side-view::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: var(--radius-8xl) !important;
 }

 .sroll-side-view::-webkit-scrollbar-thumb {
     background: var(--primary);
     border-radius: var(--radius-8xl) !important;
 }

 .sroll-side-view::-webkit-scrollbar-thumb:hover {
     background: var(--primary);
 }

 .multi-load {
     border: 2px solid #c8ccc8;
     box-shadow: var(--shadow-inset-lg);
     border-inline-start-color: #5a078b;
     border-top-color: #b8beb8;
     border-inline-end-color: #b8beb8;
     border-bottom-color: #b8beb8;
     text-align: center;
     box-sizing: border-box;
 }

 .right-sidebar .right-sidebar-wrap {
     background-color: #fff;
     border-inline-start: 1px solid #e0e0e0;
     border-radius: var(--radius-none);
     margin-top: 0px;
     margin-bottom: 0px;
     height: calc(100vh - 0px);
 }

 .right-sidebar .right-sidebar-wrap .sidebar-body {
     padding: 0;
 }

 .right-sidebar .right-sidebar-wrap .right-sidebar-profile {
     padding: 24px;
     padding-bottom: 0;
     margin-bottom: 15px;
 }

 .right-sidebar.video-right-sidebar.show-right-sidebar {
     margin-inline-end: 0;
 }

 .right-sidebar.video-right-sidebar .chat {
     margin-inline-start: 0 !important;
     display: block;
 }

 .right-sidebar.hide-right-sidebar {
     margin-inline-end: -320px;
 }

 .right-sidebar.video-right-sidebar.hide-right-sidebar {
     margin-inline-end: -371px;
 }

 .right-sidebar .contact-close_call .close_profile,
 .status-modal .custom-status-close {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-5xl);
     color: #0a0a0a;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     -webkit-justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
 }

 .group-description .description-sub h5 span a {
     width: 25px;
     height: 25px;
     border-radius: var(--radius-5xl);
     color: #0a0a0a;
     display: flex;
     display: -webkit-flex;
     justify-content: center;
     -webkit-justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     border-color: #f5f5f5;
 }

 .list_group_notread {
     color: #ffa977 !important;
 }

 .tooltip>.tooltip-inner {
     text-align: start;
     max-width: 500px;
     --bs-tooltip-bg: var(--primary);
 }

 .tooltip {
     --bs-tooltip-bg: var(--primary);
 }

 .tooltip .arrow {
     display: none;
     background-color: var(--primary);
 }

 .tooltip .tooltip-inner {
     background-color: var(--primary);
 }

 .chat-cont-type {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .chat-cont-type .chat-type-wrapper {
     margin-bottom: 0;
 }

 .chat-cont-type .chat-type-wrapper p {
     color: #9e9e9e;
     font-size: 10px;
     font-weight: 400;
     margin-bottom: 0;
 }

 .group-type-radio {
     display: block;
     position: relative;
     padding-inline-start: 35px;
     cursor: pointer;
     font-size: 21px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .group-type-radio input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .group-type-radio {
     font-size: 15px;
     font-weight: 400;
     color: #424242;
     margin-inline-end: 24px;
 }

 .checkmark {
     position: absolute;
     top: 0;
     inset-inline-start: 0;
     height: 22px;
     width: 22px;
     background-color: #fff;
     border: 1px solid #e4e4e4;
     border-radius: var(--radius-full);
 }

 .pass-login label {
     color: #0a0a0a;
     font-size: 13px;
     font-weight: 500;
 }

 .paypal-icons img {
     height: 29px;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--primary) !important;
 }

 .group-type-radio input:checked~.checkmark {
     background-color: var(--primary);
 }

 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 .group-type-radio input:checked~.checkmark:after {
     display: block;
 }

 .group-type-radio .checkmark:after {
     top: 4px;
     inset-inline-start: 4px;
     width: 12px;
     height: 12px;
     border-radius: var(--radius-full);
     background: white;
 }

 .right-sidebar-profile>.avatar {
     background: transparent;
 }

 .right-sidebar-profile .profile-name span i {
     font-size: 15px;
 }

 .group_img {
     position: relative;
     display: inline-block;
 }

 .group-name-search {
     margin-bottom: 14px;
 }

 .parti-wrapper {
     margin-bottom: 14px;
     display: flex;
     align-items: center;
 }

 .group_header {
     width: 38px !important;
     height: 38px !important;
     border: 2px solid #ffffff;
 }

 .last-chat-time i.missed-col {
     width: 17px;
     display: inline-block;
     margin-top: 10px;
 }

 .last-chat-time i.missed-col img {
     max-width: 100%;
     height: auto;
 }

 .right-sidebar-head {
     padding: 0px 24px;
 }

 .right-sidebar-head.share-media .share-media-blk {
     margin-bottom: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
 }

 .right-sidebar-head h5 {
     font-size: 14px;
     font-weight: 600;
     color: #1f2937;
     margin-bottom: 0px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav-tabs {
     margin-bottom: 15px;
     background: #ededed;
     padding: 5px;
     border-radius: var(--radius-lg);
     display: flex;
     justify-content: space-between;
 }

 .right-sidebar-head.share-media .about-media-tabs {
     border-bottom: 1px solid #ededed;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item.active {
     background: #fff;
     border-radius: var(--radius-md);
     color: #424242;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item {
     padding: 2px 10px;
     font-size: 13px;
     color: #424242;
     font-weight: 500;
     border: 0;
     margin-inline-end: 10px;
 }

 .right-sidebar-head.share-media .about-media-tabs .nav .nav-item:last-child {
     margin-inline-end: 0px;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li {
     margin: 0px 6px 6px 0px;
     position: relative;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li img {
     border-radius: var(--radius-lg);
     width: 84px;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li span i {
     font-size: 19px;
     color: #fff;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li:hover span i {
     color: #eee;
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li.blur-media img {
     filter: blur(2px);
 }

 .right-sidebar-head.share-media .about-media-tabs .share-media-img li span {
     position: absolute;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 [dir="rtl"] .right-sidebar-head.share-media .about-media-tabs .share-media-img li span {
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
 }

 .media-file {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 15px;
 }

 .media-file:last-child {
     margin-bottom: 0;
 }

 .media-doc-blk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .media-doc-blk span {
     width: 50px;
     height: 50px;
     border-radius: var(--radius-lg);
     background: #f5f5f5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     margin-inline-end: 10px;
 }

 .media-doc-blk span i {
     font-size: 22px;
 }

 .document-detail ul {
     padding: 0;
     margin-bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .document-detail ul li {
     list-style: none;
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     position: relative;
 }

 .document-detail ul li::before {
     content: "";
     position: absolute;
     width: 1px;
     height: 13px;
     background: #c2c2c2;
     inset-inline-end: -8px;
     top: 5px;
 }

 .document-detail ul li:last-child::before {
     display: none;
 }

 .document-detail ul li+li {
     padding-inline-start: 15px;
 }

 .document-detail h6 {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
 }

 .media-download a {
     color: #424242;
 }

 .social-media-col {
     margin-top: 35px;
 }

 .media-link-grp {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 15px;
 }

 .media-link-detail h6 a {
     color: #0a0a0a;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .media-link-detail span a {
     color: #424242;
     font-size: 13px;
     font-weight: 400;
     word-break: break-all;
 }

 .media-link-detail a:hover {
     color: var(--primary);
 }

 .share-media-blk a {
     color: var(--primary);
     font-weight: 500;
 }

 .link-img img {
     border-radius: var(--radius-sm);
     margin-inline-end: 10px;
 }

 .social-media-col:after {
     content: "";
     display: table;
     clear: both;
 }

 .chat-page .content {
     padding: 0;
     overflow: hidden;
     margin-bottom: 60px;
     height: calc(100vh - 100px);
 }

 .chat-page-wrapper {
     padding-top: 60px;
 }

 .header-two .dropdown-item img {
     margin-inline-end: 5px;
 }

 .emoj-group {
     position: absolute;
     top: 50%;
     inset-inline-end: -100px;
     opacity: 0;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 }

 .rig-emoji-group {
     position: absolute;
     inset-inline-end: 210px;
 }

 .wrap-emoji-group {
     position: absolute;
     inset-inline-end: 290px;
     z-index: 9;
 }

 .status-message-box h6 {
     font-size: 19px;
     color: #0a0a0a;
     margin-bottom: 24px;
 }

 .status-message-box .avatar {
     width: 92px;
     height: 92px;
     margin-bottom: 24px;
 }

 .status-message-box .view-link a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
 }

 .status-message-box .view-link a:hover {
     color: #650681;
 }

 .status-message-box .view-link p {
     font-size: 15px;
     font-weight: 400;
     color: #424242;
 }

 .chat-hover {
     position: absolute;
     bottom: 30px;
     inset-inline-end: 10px;
     display: none;
 }

 .chat-user-list {
     position: relative;
 }

 .chat-user-list:hover .chat-hover {
     display: block;
 }

 .chat-user-list:hover .chat-pin,
 .chat-hover:hover .chat-pin {
     margin-inline-end: 15px;
 }

 .chat-hover span {
     cursor: pointer;
 }

 .chat.call-log-group {
     background-image: none;
     background-color: #f8f6fa;
 }

 .chat.call-log-group .chat-header {
     border: 0;
     background: transparent;
 }

 .chat.call-log-group .chat-body {
     background-image: none;
 }

 .missed-call-chat {
     color: #de3e44;
 }

 .outgoing-call {
     color: #02a2b9;
 }

 .incoming-call {
     color: #1ba345;
 }

 .phone-income i {
     color: #1ba345;
     margin-inline-end: 3px;
 }

 .phone-missed i {
     color: #de3e44;
     margin-inline-end: 3px;
 }

 .phone-outgoing i {
     color: #02a2b9;
     margin-inline-end: 3px;
 }

 .dark-mode-toggle {
     display: none;
 }

 .dark-mode-toggle.active {
     display: block;
 }

 .list-inline-item .dropdown-menu {
     background: #ffffff;
     border: 1px solid #e5e7eb;
     box-sizing: border-box;
     box-shadow: var(--shadow-focus-sm);
     border-radius: var(--radius-lg);
     min-width: 173px;
     z-index: 999;
 }

 .list-inline-item .dropdown-menu .dropdown-item {
     display: flex;
     align-items: center;
 }

 .main-chat-blk .sidebar-group {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     position: relative;
     z-index: 99;
     width: 340px;
 }

 .swiper-slide {
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     transition-property: transform;
 }

 .main-chat-blk .chat-page-wrapper .sidebar {
     position: initial;
 }

 .main-chat-blk .chat-page-wrapper .left-chat-title {
     padding: 15px;
     border-bottom: 1px solid #e0e0e0;
     min-height: 72px;
 }

 .main-chat-blk .all-chats {
     position: relative;
 }

 .main-chat-blk .chat-page-wrapper .setting-title-head h4 {
     font-size: 17px;
     color: #092c4c;
     font-weight: 700;
 }

 .main-chat-blk .add-section ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .main-chat-blk .add-section ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .main-chat-blk .add-section ul li a {
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
     font-size: 19px;
 }

 .main-chat-blk .top-online-contacts {
     padding: 24px 24px 0px;
 }

 .main-chat-blk .fav-title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 15px;
 }

 .main-chat-blk .top-contacts-box .profile-img {
     position: relative;
     width: 46px;
     height: 46px;
 }

 .main-chat-blk .top-contacts-box .profile-img.online:before {
     content: "";
     position: absolute;
     inset-inline-end: 0;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     top: 0px;
     background-color: #49e073;
     width: 10px;
     height: 10px;
     border: 2px solid #fff;
     border-radius: var(--radius-8xl);
 }

 .main-chat-blk .top-contacts-box .profile-img img {
     max-width: 100%;
     height: auto;
     border-radius: var(--radius-8xl);
 }

 .main-chat-blk .sidebar-body {
     flex: 1;
     overflow: auto;
     padding: 24px 24px 10px;
     width: 100%;
 }

 .main-chat-blk .fav-title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     -ms-flex-pack: space-between;
     margin-bottom: 15px;
 }

 .main-chat-blk .fav-title h6 {
     margin-bottom: 0;
     font-size: 17px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .main-chat-blk .user-list {
     border-radius: var(--radius-sm);
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     padding-inline-start: 0;
     margin-bottom: 0;
 }

 .main-chat-blk .user-list {
     border-radius: var(--radius-sm);
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     padding-inline-start: 0;
     margin-bottom: 0;
 }

 .main-chat-blk .user-list li .avatar {
     margin-inline-end: 0.8rem;
     display: inline-block;
     margin-bottom: 0;
     height: 46px;
     width: 46px;
     border-radius: var(--radius-full);
     position: relative;
     z-index: 0;
 }

 .main-chat-blk .avatar-online::before {
     background-color: #00e65b;
 }

 .main-chat-blk .avatar-away::before,
 .main-chat-blk .avatar-offline::before,
 .main-chat-blk .avatar-online::before {
     position: absolute;
     inset-inline-end: 0;
     bottom: 0;
     width: 25%;
     height: 25%;
     border-radius: var(--radius-full);
     content: "";
     border: 2px solid #fff;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body {
     flex: 1;
     position: relative;
     min-width: 0px;
     display: flex;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body>div:first-child {
     min-width: 0;
     display: flex;
     flex-direction: column;
     flex: 1;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body h5 {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
     font-weight: 500;
     margin-bottom: 3px;
     color: #0a0a0a;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body p {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     margin-bottom: 0;
     font-size: 13px;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time {
     padding-inline-start: 15px;
     position: relative;
 }

 .main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .text-muted {
     color: #424242 !important;
     font-weight: 400;
     font-size: 10px;
     margin-bottom: 5px;
     display: block;
     text-align: end;
 }

 .main-chat-blk .chat-pin {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: end;
     -webkit-justify-content: end;
     -ms-flex-pack: end;
 }

 .main-chat-blk .chat .chat-header {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     padding: 15px 15px;
     align-items: center;
     background: #fcfcfc;
     box-shadow: var(--shadow-lg);
     position: relative;
     margin: 15px;
 }

 .main-chat-blk .chat .chat-header .user-details {
     display: flex;
     display: -webkit-flex;
     align-items: center;
     -webkit-align-items: center;
 }

 .header-navbar-rht li .dropdown-menu.show {
     opacity: 1;
     visibility: visible;
 }

 .main-chat-blk .chat .chat-body .messages {
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     -webkit-flex-direction: column;
     align-items: flex-start;
     -webkit-align-items: flex-start;
 }

 .main-chat-blk .chat .chat-body .messages .chats {
     max-width: 75%;
     margin-bottom: 1.5rem;
     display: flex;
     display: -webkit-flex;
 }

 .main-chat-blk .chat-avatar {
     padding: 8px 15px 0 8px;
     display: flex;
     display: -webkit-flex;
     align-items: flex-start;
     -webkit-align-items: flex-start;
     flex-shrink: 0;
 }

 .main-chat-blk .dreams_chat {
     width: 40px;
     height: 40px;
     object-fit: cover;
 }

 .main-chat-blk .dreams_chat {
     width: 40px;
     height: 40px;
     object-fit: cover;
 }

 .main-chat-blk .chat .chat-body .messages .chat-profile-name h6 {
     margin-bottom: 0;
     color: #0a0a0a;
     font-weight: 600;
     font-size: 14px;
 }

 .main-chat-blk .chat-line {
     margin: 0px 0 20px;
     position: relative;
     text-align: center;
     width: 100%;
 }

 .main-chat-blk .chat-line:before {
     content: "";
     position: absolute;
     inset-inline-start: 0;
     top: 50%;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     background-color: #eeeeee;
     width: 100%;
     height: 1px;
 }

 .main-chat-blk .chat-date {
     border-radius: var(--radius-pill);
     background: #e8ebed;
     color: #0a0a0a;
     font-size: 13px;
     padding: 4px 20px;
     display: inline-block;
     font-weight: 400;
     position: relative;
     border: 1px solid #e0e0e0;
 }

 .view-all-chat-profiles {
     color: #ffa633;
 }

 .chat.chat-messages {
     border: 1px solid #cdcdcd;
     border-radius: var(--radius-xl);
 }

 .location-sharing {
     background: #e6e6e6;
     border-radius: var(--radius-lg);
     display: flex;
     align-items: center;
     padding: 5px;
     min-width: 300px;
 }

 .location-sharing h6 {
     font-weight: 400;
     font-size: 15px;
 }

 .location-sharing h6 a {
     display: block;
     font-size: 13px;
     font-weight: 500;
 }

 .sharing-location-icon {
     width: 54px;
     height: 54px;
     border-radius: var(--radius-lg);
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     margin-inline-end: 10px;
 }

 .select-group-chat a {
     color: #111111;
     font-weight: 600;
     font-size: 17px;
 }

 /*-----------------
	36. Notification Popup
-----------------------*/
 .topnav-dropdown-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 15px;
 }

 .topnav-dropdown-header p {
     margin-bottom: 0;
     font-size: 13px;
     font-weight: 600;
 }

 .text-end {
     text-align: end !important;
 }

 .text-start {
     text-align: start !important;
 }

 .header-navbar-rht li.logged-item .dropdown-menu.dropdown-menu-end.noti-blk {
     max-width: 440px;
     text-align: start;
     padding: 0;
 }

 .notification-message {
     padding: 0 15px;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ffe6d8;
 }

 .notification-message .noti-details {
     font-size: 13px;
     margin-bottom: 0;
 }

 .notification-message .noti-details span {
     color: #4f4f4f;
     font-weight: 500;
 }

 .notification-message .avatar {
     margin-inline-end: 15px;
 }

 .noti-time {
     font-size: 13px;
     color: #4f4f4f;
     margin-bottom: 0;
 }

 .notify-btns {
     margin-top: 15px;
     margin-bottom: 8px;
 }

 .noti-time.notitime {
     margin-top: 15px;
 }

 .noti-reply-msg {
     font-size: 13px;
     padding-inline-start: 10px;
     border-inline-start: 2px solid #cdcdcd;
     margin-top: 10px;
     margin-bottom: 0;
 }

 .noti-blk ul {
     margin-top: 15px;
 }

 .noti-blk ul li.notification-message:last-child {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 .clear-all-noti {
     text-align: center;
     margin: 20px 0;
 }

 .clear-notification {
     font-weight: 600;
     font-size: 13px;
     color: #e82646;
 }

 .notification-message a .avatar {
     position: relative;
 }

 .notification-message .active-noti .avatar:before {
     content: "";
     width: 8px;
     height: 8px;
     border-radius: var(--radius-4xl);
     background: #1abe17;
     position: absolute;
     bottom: 0;
     inset-inline-end: 0;
 }

 .notification-title a {
     color: var(--primary);
     font-size: 10px;
     font-weight: 500;
 }

 .mark-all-noti {
     font-size: 13px;
     font-weight: 500;
 }

 .dropdowns {
     position: relative;
 }

 .dropdown-menu {
     display: none;
 }

 .toggle,
 .dropdown-menu {
     width: 100%;
 }

 .is-active .dropdown-menu {
     display: block;
 }

 /*-----------------
	37. Responsive
-----------------------*/

 @media only screen and (min-width: 992px) {
     .main-nav li {
         display: block;
         position: relative;
     }

     .main-nav>li>a {
         line-height: 70px;
         padding: 0 !important;
     }

     .main-nav>li>a>i {
         font-size: 10px;
         margin-inline-start: 3px;
     }

     .main-nav li>ul {
         background-color: #ffffff99;
         border-radius: var(--radius-xl);
         box-shadow: var(--shadow-focus-sm);
         display: block;
         font-size: 13px;
         inset-inline-start: 0;
         margin: 0;
         min-width: 200px;
         opacity: 0;
         backdrop-filter: blur(15px);
         padding: 10px;
         position: absolute;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
         -webkit-transform: translateY(20px);
         -ms-transform: translateY(20px);
         transform: translateY(20px);
         top: 100%;
         visibility: hidden;
         z-index: 1000;
     }

     .main-nav li.has-submenu:hover>.submenu {
         opacity: 1;
         visibility: visible;
         transform: scaleY(1);
         -webkit-transform: scaleY(1);
         -moz-transform: scaleY(1);
         -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
     }

     .main-nav .has-submenu.active>a {
         color: var(--primary);
     }

     .main-nav .has-submenu.active .submenu li.active>a {
         color: var(--primary);
     }

     .main-nav>li .submenu li:first-child a {
         border-top: 0;
     }

     .main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
         visibility: visible;
         opacity: 1;
         margin-top: -1px;
         margin-inline-end: 0;
     }

     .main-nav>li .submenu>li .submenu {
         inset-inline-start: calc(100% + 10px);
         top: 0;
         margin-top: 0;
     }

     .main-nav li .submenu a:hover {
         background: #197a8642;
     }

     .main-nav li .submenu a.active {
         color: #fff;
         background-color: #197a8642;
     }

     .main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before {
         top: 20px;
         margin-inline-start: -35px;
         box-shadow: var(--shadow-sm);
         border-color: transparent #fff #fff transparent;
     }

     .header-navbar-rht .dropdown-toggle.show+.dropdown-menu {
         visibility: visible;
         opacity: 1;
         margin-top: 0;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }

     .header-navbar-rht li .dropdown-menu {
         border-radius: var(--radius-lg);
         padding: 0;
         margin: 0;
         min-width: 200px;
         top: 100%;
         inset-inline-end: 0;
         inset-inline-start: auto;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
     }

     .header-navbar-rht li.logged-item .dropdown-menu {
         min-width: 330px;
         left: 0;
     }

     .main-nav li.megamenu {
         position: unset;
     }

     .main-nav li>ul.mega-submenu {
         border-radius: var(--radius-none) var(--radius-none) var(--radius-lg) var(--radius-lg);
         max-height: calc(100vh - 80px);
         overflow-y: auto;
     }

     .main-nav li>ul.mega-submenu::-webkit-scrollbar {
         width: 6px;
         background: #cdcdcd;
         height: 10px;
     }

     .main-nav li>ul.mega-submenu::-webkit-scrollbar-track {
         box-shadow: var(--shadow-inset);
         border-radius: var(--radius-sm);
     }

     .main-nav li>ul.mega-submenu::-webkit-scrollbar-thumb {
         background: #686868;
         border-radius: var(--radius-sm);
     }

     .main-nav li>ul.mega-submenu::-webkit-scrollbar-thumb:hover {
         background: #1b2559;
     }
 }

 @media only screen and (max-width: 1399.98px) {
     .banner-head h1 {
         font-size: 66px;
         max-width: 100%;
     }

     .banner-small-bg-two {
         bottom: 33%;
         inset-inline-end: 350px;
     }

     .banner-small-bg-one {
         bottom: 35%;
         inset-inline-end: 100px;
         max-width: 50px;
     }

     .banner-form .input-block {
         min-width: 160px;
     }

     .popular-content h5 {
         font-size: 17px;
     }

     .category-overlay-content h5 {
         width: 150px;
         font-size: 17px;
     }

     .filter-gigs h5 {
         margin-inline-end: 9px;
     }

     .filter-gigs .filter-select-boxes li {
         margin-inline-end: 9px;
     }

     .blog-content .user-info h6 {
         font-size: 14px;
     }

     .seller-info-content {
         height: auto;
         max-height: 500px;
     }

     .footer-widget .menu-items li a {
         font-size: 14px;
     }

     .login-slider h2 {
         font-size: 27px;
     }

     .login-carousel .login-slider img {
         width: 80%;
         margin: 0 auto 30px;
     }

     .login-carousel {
         margin-bottom: 40px;
     }

     .login-bg {
         width: 120px;
     }

     .error-imgs .error-02 {
         width: 60px;
     }

     .error-imgs .error-01 {
         width: 100px;
     }

     .maintanence-sec .coming-content h2 {
         font-size: 50px;
     }

     .main-menu-wrapper .main-nav>li+li {
         margin-inline-start: 25px;
     }

     .dash-widget.dash-credit .dash-icon {
         margin-inline-end: 8px;
     }

     .table-filter #tablefilter div.dataTables_filter .form-control {
         max-width: 220px;
     }

     .user-sidebar {
         padding: 20px;
     }
 }

 @media (1093px>width>991px) {
     .header .header-nav {
         justify-content: center;
     }
 }

 @media only screen and (max-width: 1199.98px) {
     .main-menu-wrapper {
         margin: 0;
     }

     .main-nav>li.active>a,
     .main-nav>li>a,
     .main-nav>li .submenu li a {
         font-size: 12px;
     }

     .main-nav>li.active>a,
     .main-nav .has-submenu.active .submenu li.active>a,
     .main-nav .has-submenu.active>a {
         color: #fff !important;
     }

     .main-nav>li .submenu>li.has-submenu>a::after {
         content: "\f078";
     }

     .main-nav .has-submenu.active>a {
         color: #1879cd;
     }

     .main-nav .has-submenu.active .submenu li.active>a {
         color: #1879cd;
     }

     .btn-primary {
         padding: 10px 15px;
     }

     .btn-secondary {
         padding: 10px 15px;
     }

     .top-header .list-inline-items a {
         font-size: 10px;
     }

     .header-navbar-rht li>a.header-login {
         padding: 10px 20px;
     }

     .header-navbar-rht li>a {
         font-size: 10px;
     }

     .banner-head h1 {
         font-size: 55px;
     }

     .banner-img-right {
         inset-inline-start: 20px;
     }

     .banner-small-bg-one {
         bottom: 43%;
     }

     .banner-small-bg-two {
         bottom: 37%;
         inset-inline-end: 260px;
     }

     .banner-form {
         padding: 15px;
     }

     .banner-form form {
         padding: 20px 20px 0;
     }

     .banner-form .input-block {
         min-width: 130px;
         padding: 0 5px 0 5px;
         margin: 0 5px 20px;
     }

     .banner-form .input-block .form-control {
         padding-inline-end: 20px;
     }

     .banner-form .input-block-btn {
         margin: 0 0 10px;
     }

     .banner-form .input-block-btn .btn {
         padding: 10px 14px;
     }

     .banner-form .input-block-btn .btn i {
         font-size: 10px;
     }

     .seller-inner-img {
         height: 500px;
     }

     .seller-inner-img img {
         height: 100%;
     }

     .seller-info-content {
         margin-inline-start: -80px;
     }

     .owl-nav button.owl-next,
     .owl-nav button.owl-prev,
     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev {
         width: 40px;
         height: 40px;
     }

     .login-slider h2 {
         font-size: 24px;
     }

     .login-bg .shape-04,
     .login-bg .shape-05 {
         width: 50px;
     }

     .login-wrapper .login-userset {
         width: 400px;
     }

     .login-bg .shape-02 {
         width: 60px;
     }

     .login-bg .shape-03 {
         width: 50px;
     }

     .maintanence-sec .coming-content h2 {
         font-size: 40px;
     }

     .paypal-icons {
         margin-bottom: 10px;
     }

     .main-menu-wrapper .main-nav>li+li {
         margin-inline-start: 15px;
     }

     .gigs-title h3,
     .gigs-card-footer h5 {
         font-size: 17px;
     }

     .menu-heading h5 {
         font-size: 17px;
     }

     .img-upload-head .profile-img img {
         width: 100px;
         height: 100px;
     }
 }

 .logo img.pe-3 {
     height: 63px;
     max-width: 80px;
     margin-inline-start: -20px !important;
 }

 @media screen and (width < 567px) {
     .logo img {
         max-height: 45px;
     }

     .counter-wrap {
         padding: 0;
     }

     .breadcrumb-item.active {
         display: none;
     }

     .main-menu-wrapper .main-nav>li+li {
         margin-inline-start: 0 !important;
     }
 }

 @media only screen and (max-width: 991.98px) {
     body {
         font-size: 14px;
     }

     .main-nav>li .submenu-head li a {
         white-space: normal !important;
     }

     .main-nav>li .submenu-head li a {
         white-space: normal;
     }

     .megamenu-full-width {
         border-radius: var(--radius-none);
     }

     .sidebar-overlay.opened {
         display: block;
     }

     .feature-offers {
         padding: 60px 0 40px;
     }

     .main-nav>li.active>a,
     .main-nav>li>a {
         font-size: 13px;
     }

     .banner-wrap-btn {
         justify-content: center;
     }

     .header-navbar-rht>li {
         padding-inline-end: 5px;
     }

     .main-nav {
         padding: 0;
         -ms-flex-direction: column;
         flex-direction: column;
         padding-inline-start: 0;
         margin-bottom: 0;
         list-style: none;
     }

     .main-nav ul {
         display: none;
         list-style: none;
         margin: 0;
         padding-inline-start: 0;
     }

     .main-nav>li {
         margin-inline-start: 0;
     }

     .main-nav li+li {
         margin-inline-start: 0;
     }

     .header-navbar-rht li>a {
         font-size: 13px;
     }

     .notification-header {
         margin-bottom: 0;
     }

     .product-more {
         padding: 40px 0 40px;
     }

     .product-more h3 {
         margin-bottom: 20px;
     }

     .main-nav>li>a {
         line-height: 1.5;
         padding: 15px 20px !important;
         font-size: 13px;
         font-weight: 500;
     }

     .main-nav>li>a>i {
         float: inline-end;
         margin-top: 5px;
     }

     .main-nav>li .submenu li a {
         border-top: 0;
         color: #5b5b5b;
         padding: 10px 15px 10px 35px;
         text-wrap: auto;
         font-size: 12px;
     }

     .main-nav>li .submenu ul li a {
         padding: 10px 15px 10px 45px;
     }

     .main-nav>li .submenu>li.has-submenu>a::after {
         content: "\f078";
     }

     .main-nav .has-submenu.active>a {
         color: var(--primary);
     }

     .main-nav .has-submenu.active .submenu li.active>a {
         color: var(--primary);
     }

     .main-nav>li>a:hover::after,
     .main-nav>li.active>a::after {
         top: 0;
     }

     .main-menu-wrapper {
         order: 3;
         width: 260px;
         position: fixed;
         top: 0;
         bottom: 0;
         inset-inline-start: 0;
         overflow-x: hidden;
         overflow-y: auto;
         z-index: 11111;
         transform: translateX(260px);
         transition: all 0.4s;
         background-color: #ffffffde;
         backdrop-filter: blur(13px);
         margin: 0;
     }

     [dir="ltr"] .main-menu-wrapper {
         transform: translateX(-260px);
     }

     .menu-header {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
     }

     .navbar-header {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
     }

     .menu-heading h5 {
         font-size: 14px;
     }

     .main-nav>li {
         border-bottom: 1px solid #fff;
         margin-inline-end: 0;
     }

     .main-nav li>ul.mega-submenu {
         padding: 0 20px;
     }

     .main-nav .mega-submenu ul {
         display: block !important;
     }

     #mobile_btn {
         line-height: 0;
         display: inline-block;
     }

     .mobile_btns {
         color: var(--primary);
         cursor: pointer;
         display: flex;
         font-size: 24px;
         height: 76px;
         inset-inline-start: 0;
         padding: 0 15px;
         position: absolute;
         text-align: center;
         top: 0;
         z-index: 10;
         justify-content: center;
         align-items: center;
     }

     .header .header-left {
         position: absolute;
         width: 100%;
         display: block;
         height: auto;
         top: 0;
         inset-inline-start: 0;
     }

     .header .header-left .sidebar-logo {
         padding: 26px 0;
     }

     .container {
         max-width: 100%;
     }

     .header-nav {
         height: 65px;
     }

     .card-bottom {
         margin-bottom: 24px;
     }

     .feature-wrap h3 {
         font-size: 22px;
     }

     .feature-wrap p {
         font-size: 14px;
     }

     .menu-heading h5 {
         font-size: 15px;
     }

     .main-menu {
         display: block;
     }

     .main-nav>li>a,
     .main-nav>li.active>a {
         color: #0a1f2f;
         font-weight: 500;
     }

     .main-menu-wrapper .main-nav li+li {
         margin-inline-start: 0;
     }

     .top-header {
         display: none;
     }

     .section-header h2 {
         font-size: 28px;
     }

     .banner-bg-imgs .banner-bg-four {
         top: 20px;
         max-width: 50px;
     }

     .banner-img {
         display: none;
     }

     .banner-head h1 {
         font-size: 40px;
     }

     .service-section {
         padding: 50px 0;
     }

     .section-tab ul li .nav-link {
         padding: 10px 20px;
         margin-inline-end: 10px;
     }

     .explore-gigs-section,
     .listing-section,
     .client-slider-sec,
     .testimonial-section,
     .popular-section.expert-section {
         padding: 30px 0;
     }

     .popular-section,
     .provide-section,
     .price-section {
         padding: 60px 0 36px;
     }

     .faq-sec {
         margin-bottom: 60px;
     }

     .cta-section {
         margin: 60px 0;
     }

     .why-choose-sec,
     .about-us-section {
         padding: 60px 0 36px;
     }

     .popular-category-sec,
     .client-review-sec,
     .start-seller-sec {
         padding: 60px 0;
     }

     .cta-wrap {
         padding: 40px;
     }

     .cta-wrap h3 {
         font-size: 30px;
     }

     .provide-section::before {
         display: none;
     }

     .faq-heading {
         margin-bottom: 30px;
     }

     .section-bg-two {
         max-width: 50px;
     }

     .trusted-customers .section-header h2 {
         font-size: 32px;
         max-width: 580px;
     }

     .trusted-customers {
         padding: 60px 15px;
     }

     .explore-services-sec {
         padding: 60px 0;
     }

     .footer-bottom-links ul {
         justify-content: center;
         margin-top: 20px;
     }

     .copy-right p {
         text-align: center;
     }

     .navbar-nav li a.nav-link.active::before {
         display: none;
     }

     .select2-container--default .select2-selection--single {
         outline: 0;
     }

     .search-filter {
         padding: 20px 20px 0;
     }

     .search-filter .form-group {
         min-width: 130px;
     }

     .gigs-card-footer h5 {
         font-size: 17px;
     }

     .gigs-share a {
         width: 28px;
         height: 28px;
     }

     .breadcrumb-img {
         display: none;
     }

     .search-filter-selected.breadcrumb-select-box .form-group {
         float: inline-start;
     }

     .breadcrumb-select-box {
         margin-top: 20px;
     }

     .dashboard-card.card-gig {
         margin-bottom: 24px;
     }

     .service-amt h2 {
         font-size: 22px;
     }

     .service-widget .btn {
         margin-bottom: 24px;
         padding: 10px 20px;
         font-size: 14px;
     }

     .listing-tab .nav li {
         margin-bottom: 10px;
     }

     .gigs-card-slider.owl-carousel .owl-nav,
     .testimonial-slider.owl-carousel .owl-nav {
         margin-top: 6px;
     }

     h3 {
         font-size: 21px;
     }

     .listing-tab .nav {
         margin-bottom: 15px;
     }

     .breadcrumb-links {
         text-align: start;
     }

     .breadcrumb-info .info-links li {
         margin-bottom: 10px;
     }

     .breadcrumb-links li {
         margin-top: 10px;
     }

     .breadcrumb-info .breadcrumb-title {
         font-size: 22px;
     }

     .faq-card .faq-title,
     .faq-wrapper .faq-card .faq-title {
         font-size: 15px;
     }

     .faq-heading p {
         font-size: 15px;
         margin-bottom: 20px;
     }

     .section-header,
     .expert-header p {
         margin-bottom: 30px;
     }

     .filter-gigs h5 {
         margin-inline-end: 10px;
     }

     .filter-gigs .filter-select-boxes li {
         margin-inline-end: 10px;
     }

     .seller-info-content {
         margin: 0;
         max-height: 100%;
     }

     .seller-feature-list {
         flex-direction: column;
         align-items: self-start;
     }

     .sllers-list {
         margin-bottom: 24px;
     }

     .seller-inner-img {
         height: 100%;
     }

     .popular-img {
         display: none;
     }

     .owl-nav button.owl-next,
     .owl-nav button.owl-prev,
     .owl-carousel .owl-nav button.owl-next,
     .owl-carousel .owl-nav button.owl-prev {
         width: 35px;
         height: 35px;
     }

     .slider-card .owl-carousel .owl-nav button.owl-prev {
         inset-inline-start: -10px;
     }

     .slider-card .owl-carousel .owl-nav button.owl-next {
         inset-inline-end: -10px;
     }

     .sidebar-widget {
         margin-bottom: 24px;
     }

     .collapse-body ul li .custom_check {
         font-size: 14px;
     }

     .title-filter {
         float: inline-start;
     }

     .filters-section {
         display: block;
     }

     .authentication-wrapper {
         display: none;
     }

     .login-social-link li a {
         font-size: 15px;
     }

     .error-content h2 {
         font-size: 28px;
     }

     .error-img img {
         margin-bottom: 35px;
     }

     .maintanence-sec .coming-content h2 {
         font-size: 35px;
     }

     .coming-content h2 {
         font-size: 30px;
     }

     .days-count ul li h3 {
         font-size: 26px;
     }

     .days-count ul li {
         width: 150px;
     }

     .days-count {
         margin-bottom: 50px;
     }

     .listing-gigs .gigs-grid .star-rate {
         margin-inline-start: 5px;
     }

     .listing-gigs .star-rate {
         padding-inline-start: 5px;
     }

     /*.gigs-card-footer {*/
     /*    flex-wrap: wrap;*/
     /*}*/
     .country-lists .gigs-card-footer h5 span {
         margin-inline-end: 5px;
     }

     .contact-widget {
         padding: 30px 0;
     }

     .team-section {
         padding: 40px 0;
     }

     .team-grid {
         padding: 20px;
         margin-bottom: 20px;
     }

     .team-slider .owl-dots {
         margin-top: 10px;
     }

     .team-details-img {
         margin-bottom: 24px;
     }

     .contact-top {
         padding: 0 0 30px;
     }

     .contact-map {
         margin-bottom: 20px;
     }

     .contact-map iframe {
         height: 450px;
     }

     .contact-bottom {
         padding: 40px 0 0;
     }

     .contact-grid {
         padding: 20px;
         margin-bottom: 20px;
     }

     .recent-works {
         padding-top: 16px;
     }

     .contact-img {
         margin: 0 auto 20px;
     }

     .faq-wrapper {
         padding: 15px;
     }

     .blog-title h3 {
         font-size: 17px;
     }

     .user-sidebar {
         margin-bottom: 24px;
     }

     .price-card .price-btn a {
         padding: 10px 14px;
     }

     .faq-section {
         padding: 60px 0;
     }

     .profile-work-slide.gigs-card-slider.owl-carousel .owl-nav {
         top: -60px;
     }

     .chat-wrapper .content .sidebar-group {
         width: 100%;
     }

     .left-sidebar.hide-left-sidebar {
         margin-inline-start: -991px;
     }

     .left-sidebar.hide-left-sidebar {
         margin-inline-start: -991px;
     }

     .chat.show-chatbar {
         display: block;
         margin-inline-start: 0;
     }

     .right-sidebar.hide-right-sidebar {
         margin-inline-end: -991px;
     }

     .chat .chat-header {
         padding: 15px 15px 10px;
     }

     .chat-page-wrapper .content {
         height: 100%;
         display: block;
     }

     .chat-page .chat .slimscroll {
         height: 100%;
     }

     .chat-messages {
         display: none;
     }

     .chat-messages.show-chatbar {
         display: block;
     }

     .left-sidebar .slimScrollDiv {
         height: 100% !important;
     }

     .chat_sidebar.hide-left-sidebar {
         display: none !important;
     }
 }

 @media only screen and (max-width: 767.98px) {
     body {
         font-size: 13px;
     }

     .logo img {
         max-height: 38px;
     }

     .header .header-nav {
         justify-content: space-between;
     }

     .faq-section {
         padding: 40px 0;
     }

     h1,
     .h1 {
         font-size: 1.75rem;
     }

     h2,
     .h2 {
         font-size: 1.5rem;
     }

     h3,
     .h3 {
         font-size: 19px;
     }

     h4,
     .h4 {
         /* font-size: 0.75rem; */
     }

     h5,
     .h5 {
         font-size: 14px;
     }

     h6,
     .h6 {
         font-size: 14px;
     }

     .main-nav>li>a:hover::after,
     .main-nav>li.active>a::after {
         top: 0;
         bottom: inherit;
     }

     #mobile_btn {
         margin-inline-end: 20px;
     }

     .blog-grid,
     .provide-box {
         height: auto;
     }

     .section-header h2 {
         font-size: 24px;
     }

     .section-head {
         flex-direction: column;
     }

     .trusted-customers .section-header h2 {
         font-size: 26px;
     }

     .banner-head h1::after,
     .section-header h2::after {
         display: none;
     }

     .header-navbar-rht li:first-child {
         margin-inline-end: 0;
     }

     .header-navbar-rht li:first-child:after {
         display: none;
     }

     .banner-head p {
         font-size: 16px;
     }

     .banner-head h1 {
         font-size: 50px;
     }

     .breadcrumb-title {
         font-size: 19px;
     }

     .breadcrumb-bar-info .breadcrumb-title {
         margin-bottom: 0;
     }

     .breadcrumb-title a {
         font-size: 15px;
     }

     .page-content {
         padding: 40px 0 0;
     }

     .btn-primary {
         font-size: 14px;
     }

     .btn-secondary {
         font-size: 14px;
     }

     .explore-gigs-section,
     .listing-section,
     .testimonial-section,
     .popular-section.expert-section {
         padding: 40px 0;
     }

     .core-section .custom-row .custom-col {
         width: 33.3%;
     }

     .banner-bg-imgs {
         display: none;
     }

     .search-filter {
         padding: 15px 15px 0;
         margin: 0 0 20px;
     }

     .search-filter form {
         display: block;
     }

     .search-filter-list {
         width: 100%;
         margin: 0;
         display: block;
     }

     .search-filter .form-group {
         min-width: 130px;
         border: 0;
         padding: 0;
         margin: 0 0 15px;
     }

     .search-filter .search-filter-btn {
         float: inline-start;
     }

     .search-filter .search-filter-btn .btn {
         font-size: 13px;
         padding: 10px 10px;
         min-width: 100px;
         min-height: 40px;
     }

     .why-choose-sec,
     .about-us-section {
         padding: 40px 0 16px;
     }

     .popular-category-sec,
     .client-review-sec,
     .start-seller-sec {
         padding: 40px 0;
     }

     .search-gigs .gigs-grid {
         margin-bottom: 20px;
     }

     .search-gigs .gigs-grid .gigs-content {
         padding: 20px;
     }

     .search-load-btn {
         margin-top: 10px;
     }

     .search-load-btn .btn {
         padding: 10px 15px;
         font-size: 13px;
         min-height: 40px;
     }

     .sort-search-gigs {
         flex-direction: column;
         align-items: start;
     }

     .sort-search-gigs h5 {
         margin-bottom: 20px;
     }

     .filter-gigs {
         flex-direction: column;
         align-items: start;
     }

     .buy-items li:not(:last-child) {
         margin-inline-end: 8px;
     }

     .delivery-info {
         margin-bottom: 15px;
     }

     .view {
         text-align: start;
         margin-top: 15px;
     }

     .about-us-head h2,
     .about-us-header h2,
     .seller-info-content h3 {
         font-size: 22px;
     }

     .breadcrumb-info .breadcrumb-title {
         font-size: 19px;
         line-height: 27px;
         margin: 14px 0;
     }

     .service-wrap h3 {
         margin-bottom: 15px;
     }

     .category-wrap .category-item {
         margin-bottom: 30px;
     }

     .page-content.category-wrap {
         padding: 40px 0 10px;
     }

     .banner-form {
         margin-bottom: 20px;
     }

     .banner-form form {
         padding: 15px 15px 1px;
         display: block;
     }

     .banner-search-list {
         width: 100%;
         margin: 0;
         display: block;
     }

     .banner-content .input-block {
         min-width: inherit;
         width: 100%;
         padding: 0;
         margin: 0 0 15px;
         border: 0;
     }

     .banner-form .input-block-btn {
         float: inherit;
         margin: 0 0 10px;
     }

     .banner-form .input-block-btn .btn {
         width: 100%;
     }

     .gigs-grid {
         margin-bottom: 15px;
     }

     .gigs-content {
         padding: 15px;
     }

     .gigs-title h3 {
         font-size: 17px;
     }

     .gigs-card-slider.owl-carousel .owl-nav {
         margin-top: 15px;
     }

     .more-btn a.btn {
         padding: 10px 25px;
     }

     .gigs-card-slider.owl-carousel .owl-nav button {
         width: 35px;
         height: 35px;
     }

     .popular-section {
         padding: 40px 0 25px;
     }

     .category-grid {
         padding: 15px;

         margin-bottom: 15px;
     }

     .popular-icon {
         margin-bottom: 15px;
     }

     .category-overlay-content {
         bottom: 15px;
         inset-inline-start: 15px;
     }

     .review-img img {
         width: 55px;
         height: 55px;
     }

     .modal-title {
         font-size: 17px;
     }

     .order-item {
         flex-direction: column;
         text-align: center;
     }

     .order-img {
         margin: 0 0 10px 0;
     }

     .collapse-body ul li .custom_check {
         font-size: 13px;
     }

     .title-header p {
         font-size: 15px;
     }

     .slide-title-wrap {
         margin-top: 10px;
     }

     .marketing-section h2 {
         font-size: 22px;
     }

     .marketing-section {
         padding: 40px;
     }

     .market-bg {
         width: 60px;
     }

     .login-social-link li+li {
         margin: 0 !important;
     }

     .login-social-link li+li {
         margin: 15px 0 0;
     }

     .login-social-link li {
         width: 100%;
     }

     .login-wrapper .login-userset {
         max-width: 350px;
         width: 100%;
     }

     .social-icon li a {
         width: 30px;
         height: 30px;
     }

     .error-content h2 {
         font-size: 26px;
     }

     .error-imgs .error-01,
     .error-imgs .error-03 {
         width: 60px;
     }

     .maintanence-sec .coming-content h2 {
         font-size: 28px;
     }

     .coming-content h2 {
         font-size: 24px;
     }

     .days-count ul li h3 {
         font-size: 22px;
     }

     .days-count ul li {
         width: 100%;
         border: 0;
     }

     .post-thumb img {
         width: 65px;
         height: 60px;
     }

     .provide-section {
         padding: 40px 0 25px;
     }

     .relate-post-section,
     .price-section {
         padding: 40px 0 16px;
     }

     .provide-box {
         padding: 15px;
         margin-bottom: 15px;
     }

     .provide-section .section-header h2,
     .provide-box,
     .provide-box p {
         margin-bottom: 15px;
     }

     .provide-icon {
         margin-bottom: 15px;
         margin-inline-start: 25px;
     }

     .blog-contents p,
     .blog-detail-img img,
     .top-listing-section .category-item,
     .testimonial-item,
     .faq-heading .section-header {
         margin-bottom: 15px;
     }

     .blog-author {
         padding: 15px;
     }

     .testimonial-slider.owl-carousel .owl-nav {
         margin-top: 15px;
     }

     .expert-header .section-header,
     .portfolio-scope {
         margin-bottom: 20px;
     }

     .faq-sec {
         margin-bottom: 40px;
     }

     .portfolio-info {
         padding: 15px 15px 4px;
         margin-bottom: 20px;
     }

     .cta-section {
         margin: 40px 0;
     }

     .cta-wrap {
         padding: 20px;
     }

     .cta-wrap h3 {
         font-size: 24px;
         margin-bottom: 24px;
     }

     .listing-gigs .gigs-grid {
         padding: 15px;
     }

     .section-tab {
         margin-bottom: 30px;
     }

     .client-slider-sec,
     .explore-services-sec {
         padding: 20px 0;
     }

     .top-listing-section {
         padding: 40px 0 25px;
     }

     .contact-widget {
         padding: 20px 0;
         margin-top: 0;
     }

     .team-title h4 {
         font-size: 19px;
         margin-bottom: 2px;
     }

     .team-details-img {
         margin-bottom: 20px;
     }

     .team-details-heading {
         margin-bottom: 20px;
     }

     .team-details-heading h5 {
         margin-bottom: 20px;
     }

     .team-details {
         margin-bottom: 20px;
     }

     .team-skills {
         margin-bottom: 0;
     }

     .team-skills-info {
         margin-bottom: 20px;
     }

     .team-persnoal-info {
         padding: 20px;
         margin-bottom: 20px;
     }

     .team-form,
     .price-card {
         padding: 20px;
     }

     .team-form-heading {
         margin-bottom: 20px;
     }

     .team-form .form-group {
         margin-bottom: 20px;
     }

     .contact-grid.con-info .contact-icon {
         margin-inline-end: 10px;
     }

     .contact-grid.con-info .contact-icon span {
         width: 50px;
         height: 50px;
     }

     .pagination ul li a.previous {
         margin-inline-end: 19px;
     }

     .pagination ul li a,
     .pagination li a {
         width: 30px;
         height: 30px;
         margin-inline-end: 10px;
         font-size: 10px;
     }

     .user-sidebar {
         padding: 20px;
     }

     .user-review .review-lists .review-wrap {
         display: block;
     }

     .user-review .table-action {
         margin: 15px 0 0 0;
     }

     .wallet-wrap {
         flex-direction: column;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: start;
     }

     .service-slider button {
         width: 30px;
         height: 30px;
         font-size: 0;
         background: #fff;
         border-radius: var(--radius-full);
         border: none;
         z-index: 9999;
     }
 }

 @media only screen and (max-width: 575.98px) {
     body {
         font-size: 13px;
     }

     .template-features li {
         margin-bottom: 15px;
     }

     h1,
     .h1 {
         font-size: 1.5rem;
     }

     h2,
     .h2 {
         font-size: 1.25rem;
     }

     h3,
     .h3 {
         font-size: 1rem;
     }

     h4,
     .h4 {
         font-size: 0.75rem;
     }

     h5,
     .h5 {
         font-size: 14px;
     }

     h6,
     .h6 {
         font-size: 14px;
     }

     .card {
         margin-bottom: 0.9375rem;
     }

     .card-header {
         padding: 0.75rem 1.25rem;
     }

     .card-footer {
         padding: 0.75rem 1.25rem;
     }

     #mobile_btn {
         margin-inline-end: 0;
     }

     .navbar-header,
     .table-filter .search-form {
         width: fit-content;
         gap: 15px;
     }

     .header-navbar-rht {
         /*display: none;*/
         margin-inline-start: auto;
     }

     /*.logo img.pe-3 {*/
     /*    width: 32px;*/
     /*}*/

     .header-nav {
         height: auto;
     }

     .header-nav {
         gap: 6px;
     }

     .header-navbar-rht li.logged-item .dropdown-menu {
         top: 100%;
         inset-inline-end: unset;
         transform: translateX(43%);
     }

     .navbar-brand.logo {
         margin: auto;
     }

     .popular-search,
     .table-filter {
         flex-direction: column;
     }

     .table-filter li {
         margin: 0;
         width: 100%;
     }

     .banner-bg-imgs .banner-bg-four {
         display: none;
     }

     .table-filter .filter-item {
         width: 100%;
         flex-direction: column;
     }

     .table-filter #tablefilter div.dataTables_filter .form-control {
         max-width: 100%;
     }

     .section-tab,
     .form-sort .form-control,
     .table-filter #tablefilter,
     #tablefilter div.dataTables_filter label {
         width: 100%;
     }

     .section-tab .nav-pills,
     .listing-tab .nav {
         flex-wrap: nowrap;
         column-gap: 10px;
         overflow-x: auto;

         &::-webkit-scrollbar {
             display: none;
         }
     }

     .section-tab ul li .nav-link,
     .listing-tab .nav li .nav-link {
         width: 100%;
         margin: 0 0 10px 0;
         white-space: nowrap;
         text-align: center;
     }

     .trusted-customers .section-header p {
         text-align: center;
     }

     .footer-bottom-links ul {
         flex-direction: column;
         font-size: 14px;
     }

     .footer-bottom-links ul li {
         margin-inline-end: 0;
         margin-bottom: 10px;
     }

     .footer-bottom-links ul li:last-child {
         margin-bottom: 0;
     }

     .main-nav li.responsive-link {
         display: block;
     }

     .pagination ul li {
         margin-bottom: 0;
     }

     .user-details,
     .buy-items {
         flex-direction: column;
     }

     .user-img {
         margin: 0 0 15px 0;
     }

     .user-info {
         text-align: center;
     }

     .service-amt h2 {
         font-size: 21px;
     }

     .buy-items li:not(:last-child) {
         margin: 0 0 10px 0;
     }

     .buy-items {
         display: block;
     }

     .blog-title h3 {
         margin-top: 0;
     }

     .blog-content .user-info,
     .blog-content .badge-text .badge {
         margin-bottom: 15px;
     }

     .slider-card .owl-carousel .owl-nav,
     .error-imgs {
         display: none;
     }

     .review-widget .search-filter-selected {
         float: inline-start;
     }

     .title-filter,
     .filters-wrap {
         display: flex;
         gap: 0.65rem;
     }

     .filters-wrap li {
         display: block;
         margin-inline-end: 0;
     }

     .title-section .search-filter-selected {
         margin-inline-start: 0;
     }

     .filters-wrap .collapse-body,
     .filters-wrap .filter-header a {
         width: 100%;
     }

     .blog-author {
         flex-direction: column;
         text-align: center;
     }

     .blog-author .author-img {
         margin: 0 0 15px 0;
     }

     .star-rate span,
     .gigs-content .gigs-info .badge {
         font-size: 10px;
     }

     .team-section-list {
         padding: 40px 0 25px;
     }

     .upload-list {
         flex-direction: column;
     }

     .upload-list li {
         display: block;
         margin-inline-end: 0;
     }

     .gigs-step ul li {
         width: 100%;
         margin-inline-end: 0;
     }

     .img-upload-head {
         display: block;
     }

     .img-formate p {
         margin-top: 10px;
     }

     .upload-remove-btns {
         display: block;
     }

     .upload-remove-btns .drag-upload .img-upload p {
         margin-top: 0;
     }

     .img-remove-btn a {
         width: 100%;
         margin-inline-start: 0;
         margin-top: 10px;
         text-align: center;
     }

     .my-profile-details {
         flex-direction: column;
     }

     .my-profile-details .user-edit {
         margin-top: 15px;
     }

     .main-chat-blk .chat .chat-header {
         flex-direction: column;
         align-items: start;
     }

     .main-chat-blk .chat .chat-header .user-details {
         align-items: start;
     }

     .chat-messages .user-details {
         flex-direction: row;
     }

     .chat-messages .chat-options {
         margin-top: 20px;
     }

     .chat .chat-footer form {
         padding: 15px;
     }

     .chat .chat-footer form .smile-foot .action-circle {
         width: 20px;
         height: 20px;
     }

     .location-sharing {
         min-width: 180px;
     }
 }

 .content {
     padding: 100px 0 40px 0;
 }

 .border-end {
     border-inline-end: 1px solid #ddd !important;
 }

 .course-watch-section .progress-overview-section {
     padding: 20px;
 }

 .course-watch-section .back-to-course {
     color: #ff4667;
     font-weight: 500;
     font-size: 13px;
 }

 .course-watch-section .back-to-course {
     color: #ff4667;
     font-weight: 500;
 }

 .course-watch-section h3 {
     font-size: 26px;
     font-weight: 700;
     color: #000000;
     margin-bottom: 24px;
 }

 .course-watch-section .progress-overview-section .progress {
     background-color: #ddd;
     height: 0.75rem;
     border-radius: var(--radius-sm);
 }

 .progress.progress-xs {
     height: 8px;
 }

 .progress,
 .progress-stacked {
     background: #f7f7f7;
 }

 .course-watch-section .progress-overview-section .progress {
     background-color: #ddd;
     height: 0.75rem;
     border-radius: var(--radius-sm);
 }

 .progress.progress-xs {
     height: 8px;
 }

 .progress,
 .progress-stacked {
     background: #f7f7f7;
 }

 .course-watch-section .accordions-items-seperate .accordion-item {
     border-radius: var(--radius-xl);
     overflow: hidden;
 }

 .course-watch-section .accordion-item {
     color: #ddd;
     background-color: #fff;
     border: 1px solid #f7f7f7;
 }

 .course-watch-section .accordion-button {
     background-color: #f5f5f5;
     color: var(--secondary);
     padding: 0.75rem 1rem;
     font-size: 0.65rem;
     font-weight: 500;
 }

 .course-watch-section .accordion-button:after {
     content: "\f0d7";
     font-family: "Fontawesome";
     font-size: 10px;
     line-height: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-5xl);
     color: #ddd;
 }

 :root {
     --white: #fff;
     --dark: #000;
     --black: #000;
     --light: #f8f8f8;
     --gray-100: #e7e7e7;
     --gray-200: #d1d1d1;
     --gray-300: #b0b0b0;
     --gray-400: #888888;
     --gray-500: #6d6d6d;
     --gray-600: #5d5d5d;
     --gray-700: #4f4f4f;
     --gray-800: #3d3d3d;
     --gray-900: #191919;
     --light-100: #fefefe;
     --light-200: #fcfcfd;
     --light-300: #fbfbfd;
     --light-400: #f9fafc;
     --light-500: #f8fafb;
     --light-600: #f7f9fb;
     --light-700: #f6f8fa;
     --light-800: #f5f7fa;
     --light-900: #f4f6f9;
 }

 /* Course Watch*/
 .course-watch-section .progress-overview-section {
     padding: 20px;
     border: var(--border);
     border-radius: var(--radius-xl);
 }

 @media (max-width: 991.98px) {
     .course-watch-section .progress-overview-section {
         padding: 20px 0 20px;
     }
 }

 .course-watch-section .progress-overview-section .progress {
     background-color: var(--light-900);
     height: 0.75rem;
     border-radius: var(--radius-sm);
 }

 .course-watch-section .progress-overview-section .progress.progress-xs,
 .course-watch-section .progress-overview-section .progress-stacked.progress-xs {
     height: 0.3125rem;
 }

 .course-watch-section .progress-overview-section .progress.progress-sm,
 .course-watch-section .progress-overview-section .progress-stacked.progress-sm {
     height: 0.5rem;
 }

 .course-watch-section .progress-overview-section .progress.progress-lg,
 .course-watch-section .progress-overview-section .progress-stacked.progress-lg {
     height: 1rem;
 }

 .course-watch-section .progress-overview-section .progress.progress-xl,
 .course-watch-section .progress-overview-section .progress-stacked.progress-xl {
     height: 1.25rem;
 }

 .course-watch-section h3 {
     font-size: 26px;
     font-weight: 700;
     color: var(--gray-900);
     margin-bottom: 24px;
 }

 .course-watch-section .accordion-button {
     background-color: var(--light);
     color: var(--gray-500);
     padding: 0.75rem 1rem;
     font-size: 0.65rem;
     font-weight: 500;
 }

 .course-watch-section .accordion-button:not(.collapsed) {
     color: var(--gray-500);
     background-color: var(--light);
     box-shadow: var(--shadow-none);
 }

 .course-watch-section .accordion-button:focus {
     border-color: rgba(57, 44, 125, 0.3);
     box-shadow: var(--shadow-none);
 }

 .course-watch-section .accordion-button:after,
 .course-watch-section .accordion-button:not(.collapsed)::after {
     background-image: none;
 }

 .course-watch-section .accordion-button:after {
     content: "\f0d7";
     font-family: "Fontawesome";
     font-size: 10px;
     line-height: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-5xl);
     color: var(--gray-500);
 }

 .course-watch-section .accordion-body {
     padding: 1rem;
     font-size: 0.6125rem;
     color: #677788;
     border-top: 1px solid var(--gray-100);
 }

 .course-watch-section .accordion-item {
     color: var(--gray-500);
     background-color: var(--white);
     border: 1px solid var(--gray-100);
 }

 .course-watch-section .accordions-items-seperate .accordion-item:not(:first-of-type) {
     margin-block-start: 1rem;
 }

 .course-watch-section .accordions-items-seperate .accordion-item {
     border-radius: var(--radius-xl);
     overflow: hidden;
 }

 .course-watch-section .accordian-content {
     font-weight: 500 !important;
     font-size: 13px !important;
     color: var(--gray-900) !important;
 }

 .course-watch-section .course-watch-content {
     padding: 20px 0 0 20px;
 }

 @media (max-width: 991.98px) {
     .course-watch-section .course-watch-content {
         padding: 0;
     }
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item {
     margin-inline-end: 0.5rem;
     flex-grow: inherit;
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item:last-child {
     margin-inline-end: 0;
 }

 @media (max-width: 575.98px) {
     .course-watch-section .course-watch-content .nav-style-1 .nav-item {
         margin-inline-end: 0;
     }
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link {
     background: var(--light);
     color: var(--gray-900);
     border-radius: var(--radius-xl);
     font-size: 15px;
 }

 .course .btn {
     border-radius: var(--radius-2xl);
     padding: 0.4rem 0.85rem;
     font-size: 13px;
     transition: all 0.5s;
     font-weight: 500;
 }

 @media (max-width: 767.98px) {
     .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link {
         margin-bottom: 16px;
     }
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link.active,
 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link:hover {
     background: #ff4667;
     border-color: #ff4667;
     color: var(--white);
 }

 .course-watch-section .course-watch-content .video-btn {
     margin-bottom: 30px;
 }

 .course-watch-section .course-watch-content .video-btn img {
     border-radius: var(--radius-xl);
 }

 .course-watch-section .course-watch-content .course-video {
     position: relative;
     margin-bottom: 47px;
     width: fit-content;
 }

 .course-watch-section .course-watch-content .course-video .icon-play {
     position: absolute;
     top: 230px;
     inset-inline-start: 50%;
 }

 .course-watch-section .course-watch-content .tab-pane p {
     line-height: 1.6;
 }

 .course-watch-section .course-watch-content .readmore-btn {
     color: #ff4667;
     text-decoration: underline;
     font-size: 15px;
 }

 .course-watch-section .course-watch-content .readmore-btn:hover {
     color: #392c7d;
 }

 .course-watch-section .course-watch-content .close-btn {
     position: absolute;
     top: 10px;
     inset-inline-end: 10px;
     font-size: 22px;
     color: white;
     cursor: pointer;
 }

 .course-watch-section .course-watch-content iframe {
     width: 100%;
     height: 400px;
     border: none;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button {
     background-color: var(--white);
     color: var(--gray-900);
     padding: 20px;
     font-size: 17px;
     font-weight: 600;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button:not(.collapsed) {
     color: var(--gray-900);
     background-color: var(--white);
     box-shadow: var(--shadow-none);
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button:focus {
     border-color: rgba(57, 44, 125, 0.3);
     box-shadow: var(--shadow-none);
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button:after,
 .course-watch-section .course-watch-content .faq-accordion .accordion-button:not(.collapsed)::after {
     background-image: none;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button:after {
     content: "+";
     font-family: "Fontawesome";
     font-size: 10px;
     line-height: 1;
     background-color: var(--white);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-xl);
     color: var(--gray-900);
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button:not(.collapsed)::after {
     transform: rotate(45deg);
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-body {
     font-size: 14px;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-item {
     color: var(--gray-900);
     background-color: var(--white);
     border: 1px solid var(--gray-100);
 }

 .course-watch-section .course-watch-content .faq-accordion .accordions-items-seperate .accordion-item:not(:first-of-type) {
     margin-block-start: 1rem;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordions-items-seperate .accordion-item {
     border-block-start: 1px solid var(--gray-100);
     border-radius: var(--radius-xl);
     overflow: hidden;
 }

 .course-watch-section .back-to-course {
     color: #ff4667;
     font-weight: 500;
 }

 .course-watch-section .back-to-course:hover {
     color: #392c7d;
 }

 .course-watch-section .back-to-course {
     color: #ff4667;
     font-weight: 500;
     font-size: 13px;
 }

 .course-watch-section .back-to-course:hover {
     color: #392c7d;
 }

 .course-watch-section .course-accordion-head-1 {
     font-size: 15px;
     font-weight: 500;
     color: var(--gray-900);
 }

 .course-watch-section .play-icon {
     width: 50px;
     height: 50px;
     background-color: rgba(1, 1, 1, 0.4);
     border-radius: var(--radius-8xl);
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     transform: translate(-50%, -50%);
     color: var(--white);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 [dir="rtl"] .course-watch-section .play-icon {
     transform: translate(50%, -50%);
 }

 .course-watch-section .play-icon i {
     font-size: 15px;
 }

 @media (max-width: 575.98px) {
     .course-watch-section .play-icon {
         width: 40px;
         height: 40px;
     }

     .course-watch-section .play-icon i {
         font-size: 13px;
     }
 }

 /* /Course Watch*/
 .cart-cover {
     margin: 0 60px;
 }

 #videoModal {
     display: none;
     position: fixed;
     z-index: 9999;
     inset-inline-start: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     justify-content: center;
     align-items: center;
 }

 .modal-content1 {
     position: relative;
     width: 80%;
     max-width: 720px;
     background: #000;
     padding: 0;
     border-radius: var(--radius-lg);
 }

 .close-btn {
     position: absolute;
     top: 10px;
     inset-inline-end: 10px;
     font-size: 22px;
     color: white;
     cursor: pointer;
 }

 iframe {
     width: 100%;
     height: 400px;
     border: none;
 }

 .course-sidebar-sec {
     margin-top: -252px;
 }

 @media (max-width: 991.98px) {
     .course-sidebar-sec {
         margin-top: 0;
     }
 }

 .course-sidebar-sec h5 {
     margin-bottom: 20px;
 }

 .course-sidebar-sec .course-sidebar-sec-card {
     padding: 20px;
     border: 1px solid #e7e7e7;
     border-radius: var(--radius-xl);
     margin-bottom: 24px;
     background: var(--white);
 }

 .course-sidebar-sec .course-sidebar-sec-card p {
     margin-bottom: 20px;
     color: var(--gray-500);
 }

 .course-sidebar-sec .play-icon {
     width: 60px;
     height: 60px;
     background-color: rgba(1, 1, 1, 0.4);
     border-radius: var(--radius-8xl);
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     transform: translate(-50%, -50%);
     color: var(--white);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 [dir="rtl"] .course-sidebar-sec .play-icon {
     transform: translate(50%, -50%);
 }

 @media (max-width: 1199.98px) {
     .course-sidebar-sec .wishlist-btns {
         flex-wrap: wrap;
     }
 }

 @media (max-width: 991.98px) {
     .course-sidebar-sec .wishlist-btns {
         flex-wrap: nowrap;
     }
 }

 @media (max-width: 575.98px) {
     .course-sidebar-sec .wishlist-btns {
         flex-wrap: wrap;
     }
 }

 .course-sidebar-sec .btn-wish {
     color: var(--gray-900);
     border: 1px solid var(--gray-100);
     width: 100%;
     text-align: center;
     align-items: center;
     justify-content: center;
     padding: 10px;
 }

 .course-sidebar-sec .btn-wish:hover {
     background-color: #ff4667;
     border-color: #ff4667;
     color: var(--white);
 }

 .course-sidebar-sec .btn-enroll {
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .course-sidebar-sec .btn-enroll:hover {
     background-color: #ff4667;
     border-color: #ff4667;
 }

 .course-sidebar-sec .cou-features-card {
     border: 1px solid var(--gray-100);
     border-radius: var(--radius-xl);
 }

 .course-sidebar-sec .cou-features {
     padding: 20px;
 }

 .course-sidebar-sec .cou-features h5 {
     margin-bottom: 20px;
 }

 .course-sidebar-sec .cou-features ul li {
     margin-bottom: 1rem;
 }

 .course-sidebar-sec .cou-features ul li:last-child {
     margin-bottom: 0;
 }

 .course-details-two {
     position: relative;
     padding: 60px 0 45px;
 }

 @media (max-width: 575.98px) {
     .course-details-two {
         padding: 45px 0 30px;
     }
 }

 .course-details-two .play-icon {
     width: 60px;
     height: 60px;
     background-color: rgba(1, 1, 1, 0.4);
     border-radius: var(--radius-8xl);
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     transform: translate(-50%, -50%);
     color: var(--white);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 [dir="rtl"] .course-details-two .play-icon {
     transform: translate(50%, -50%);
 }

 @media (max-width: 575.98px) {
     .course-details-two .play-icon {
         width: 70px;
         height: 70px;
     }
 }

 .course-details-two .play-again-btn {
     background-color: #392c7d;
     color: var(--white);
 }

 .course-details-two .play-again-btn:hover {
     background-color: #ff4667;
 }

 .course-details-two .note-btn {
     background-color: #ff4667;
     color: var(--white);
 }

 .course-details-two .note-btn:hover {
     background-color: #392c7d;
 }

 /* Modern Pastel Color Palette */

 .survey-header {
     text-align: center;
     margin-bottom: 2rem;
     padding-bottom: 1.5rem;
     border-bottom: 1px solid var(--border);
 }

 .survey-header h1 {
     color: var(--primary-dark);
     margin-bottom: 0.5rem;
     font-weight: 600;
 }

 .survey-header p {
     color: #6c757d;
 }

 /* Progress Bar */
 .progress-container {
     width: 100%;
     height: 8px;
     background-color: #e9ecef;
     border-radius: var(--radius-sm);
     margin-bottom: 0.5rem;
     overflow: hidden;
 }

 .progress-bar {
     height: 100%;
     background-color: var(--primary);
     border-radius: var(--radius-sm);
     width: 25%;
     /* Will be updated by JS */
     transition: width 0.3s ease;
 }

 .step-counter {
     text-align: right;
     font-size: 0.7rem;
     color: #6c757d;
     margin-bottom: 1.5rem;
 }

 .step.active {
     display: block;
     animation: fadeIn 0.5s;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .step h2 {
     color: var(--primary-dark);
     margin-bottom: 1.5rem;
     font-weight: 500;
     font-size: 1.25rem;
 }

 /* Form Groups */
 .form-group {
     margin-bottom: 1.5rem;
 }

 label {
     display: block;
     margin-bottom: 0.5rem;
     font-weight: 500;
 }

 .phone-input-control {
     height: 48px;
     margin-bottom: 0 !important;
 }

 html[dir="rtl"] .phone-input-control {
     text-align: end;
 }

 input[type="text"],
 input[type="number"],
 input[type="email"],
 select,
 textarea {
     width: 100%;
     padding: 0.75rem 1rem;
     border-radius: var(--radius-md);
     font-size: 0.85rem;
     transition: border-color 0.3s;
 }

 input[type="text"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 select:focus,
 textarea:focus {
     outline: none;
     border-color: var(--primary);
     box-shadow: var(--shadow-focus);
 }

 select {
     appearance: none;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23343a40' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.763 2.938 10.825 4z'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right 1rem center;
     background-size: 12px;
     padding-inline-end: 2.5rem;
 }

 textarea {
     resize: vertical;
     min-height: 100px;
 }

 /* Rating Scale */
 .rating-container {
     display: flex;
     justify-content: space-between;
     margin: 0.5rem 0;
 }

 .rating {
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-full);
     background-color: #ededed;
     border: 1px solid #ddd;
     cursor: pointer;
     font-weight: 500;
     transition: all 0.2s ease;
 }

 .rating:hover,
 .rating:focus {
     background-color: var(--primary);
     color: white;
     border-color: var(--primary);
 }

 .rating.selected {
     background-color: var(--primary);
     color: white;
     border-color: var(--primary);
 }

 .rating-labels {
     display: flex;
     justify-content: space-between;
     font-size: 0.65rem;
     color: #6c757d;
     margin-top: 0.25rem;
 }

 /* Slider Rating */
 .rating-slider {
     margin: 1rem 0;
 }

 input[type="range"] {
     width: 100%;
     height: 8px;
     border-radius: var(--radius-sm);
     background: linear-gradient(to right, var(--primary) 50%, #e9ecef 50%);
     outline: none;
     appearance: none;
     -webkit-appearance: none;
 }

 input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     width: 18px;
     height: 18px;
     border-radius: var(--radius-full);
     background: var(--primary);
     cursor: pointer;
     border: 2px solid white;
     box-shadow: 0 0 3px var(--shadow);
 }

 .slider-labels {
     display: flex;
     justify-content: space-between;
     margin-top: 0.5rem;
     font-size: 0.65rem;
     color: #6c757d;
 }

 /* Checkbox */
 .checkbox-group {
     margin-top: 2rem;
 }

 .checkbox-container {
     display: flex;
     align-items: center;
     cursor: pointer;
     font-weight: normal;
     position: relative;
     padding-inline-start: 30px;
 }

 .checkbox-container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
 }

 .checkmark {
     position: absolute;
     inset-inline-start: 0;
     height: 20px;
     width: 20px;
     background-color: var(--light);
     border: 1px solid var(--border);
     border-radius: var(--radius-sm);
 }

 .checkbox-container:hover input~.checkmark {
     background-color: #e9ecef;
 }

 .checkbox-container input:checked~.checkmark {
     background-color: var(--primary);
     border-color: var(--primary);
 }

 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }

 .checkbox-container input:checked~.checkmark:after {
     display: block;
 }

 .checkbox-container .checkmark:after {
     inset-inline-start: 7px;
     top: 3px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
 }

 /* Navigation Buttons */
 .form-nav {
     display: flex;
     justify-content: space-between;
     margin-top: 2rem;
     padding-top: 1.5rem;
     border-top: 1px solid var(--border);
 }

 .btn {
     padding: 7px 10px;
     border-radius: var(--radius-md);
     font-size: 0.75rem;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.2s;
     border: none;
 }

 a img,
 a svg,
 a i {
     margin: 0 5px !important;
 }

 a.float-call {
     margin: 0 !important;
 }

 .gigs-img a img {
     margin: 0 !important;
     transition: 0.5s all;
 }

 .gigs-img:hover img {
     transform: scale(1.05);
 }

 a.btn.btn-outline-primary {
     background-color: var(--primary) !important;
     color: #fff !important;
 }

 .btn.primary {
     background-color: var(--primary);
     color: white;
 }

 .btn.primary:hover {
     background-color: var(--primary-dark);
 }

 .btn.secondary {
     background-color: var(--light);
     color: var(--dark);
     border: 1px solid var(--border);
 }

 .btn.secondary:hover {
     background-color: #e9ecef;
 }

 #prevBtn {
     visibility: hidden;
     /* Initially hidden, will be shown by JS */
 }

 #submitBtn {
     display: none;
     /* Initially hidden, will be shown by JS */
 }

 /* Thank You Message */
 .thank-you {
     text-align: center;
     padding: 2rem 0;
 }

 .thank-you h2 {
     color: var(--primary-dark);
     margin: 1rem 0;
 }

 .checkmark-circle {
     width: 80px;
     height: 80px;
     position: relative;
     background-color: var(--success);
     border-radius: var(--radius-full);
     margin: 0 auto 1rem;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #filter_form {
     .title-filter .select2-container .select2-selection--single {
         height: 50px;
         background-color: #fff;
         border: 1px solid #dddddd;
         border-radius: var(--radius-sm);
     }

     .select2-container--default .select2-selection--single .select2-selection__rendered {
         line-height: 50px;
     }
 }

 .checkmark-circle .checkmark {
     transform: rotate(45deg);
     height: 40px;
     width: 20px;
     border-bottom: 4px solid white;
     border-inline-end: 4px solid white;
     position: absolute;
     top: 15px;
     inset-inline-start: 28px;
 }

 .hidden {
     display: none;
 }

 /* Responsive Design */
 @media (max-width: 768px) {
     .container {
         padding: 1.5rem;
     }

     .rating {
         width: 35px;
         height: 35px;
         font-size: 0.7rem;
     }

     .content {
         padding: 20px 0 0 0;
     }

     .recent-works {
         padding-bottom: 0 !important;
         padding-top: 0 !important;
     }

     .blog-detail-img img {
         margin-top: -2rem;
     }

     .accordion-header {
         button {
             font-size: 12px;
         }
     }

     .theiaStickySidebar {
         margin-top: 20px;
     }

     .footer-widget p {
         width: 100%;
     }

     .page-breadcrumb ol li {
         font-size: 10px;
     }

     .policies-grid {
         grid-template-columns: 1fr;
     }

     .breadcrumb-item+.breadcrumb-item::before {
         margin-top: -4px;
     }

     html[dir="ltr"] .header .header-navbar-rht>li .dropdown-menu {
         left: -250px;
     }

     .user-body ul {
         display: flex;
         align-items: center;
         gap: 10px;
         overflow-x: auto;
     }

     .user-body ul::-webkit-scrollbar {
         height: 4px;
         /* 👈 thin horizontal scrollbar */
     }

     .user-body ul li,
     .user-body ul li a {
         min-width: fit-content;
     }

     .popular-section.expert-section {
         padding: 40px 0 0 0;
     }
 }

 @media (max-width: 480px) {
     .container {
         padding: 1rem;
     }

     .form-nav {
         flex-direction: column;
         gap: 0.75rem;
     }

     .rating {
         width: 30px;
         height: 30px;
         font-size: 0.6rem;
     }

     html[dir="ltr"] .header .header-navbar-rht>li .dropdown-menu {
         left: -350px;
     }
 }

 @media (max-width: 768px) {
     .footer-widget p {
         text-align: center;
     }
 }

 /***************************************
Scroll
***************************************/
 ::-webkit-scrollbar {
     width: 5px !important;
 }

 /* Track */
 ::-webkit-scrollbar-track {
     background: #fff;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: var(--primary);
     height: 100px;
     border-radius: var(--radius-xl);
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: var(--secondary);
 }

 .settings-card input[type="text"],
 .settings-card input[type="number"],
 .settings-card input[type="email"],
 .settings-card select,
 .settings-card textarea,
 .settings-card .form-control,
 .settings-card .select2-container .select2-selection--single,
 .settings-card .select2-container--default .select2-selection--multiple,
 .settings-card input[type="file"],
 #contact-form input[type="text"],
 #contact-form input[type="number"],
 #contact-form input[type="email"],
 #contact-form select,
 #contact-form textarea,
 #contact-form .form-control,
 #contact-form .select2-container .select2-selection--single,
 #contact-form .select2-container--default .select2-selection--multiple {
     /*border: 0;*/
     /*box-shadow: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36)*/
     /* background-color: #eeeeee4a !important; */
     color: var(--bs-gray-700);
     appearance: none;
     border: 1px solid var(--bs-gray-300);
     border-radius: var(--radius-md);
     box-shadow: false;
     transition:
         border-color 0.15s ease-in-out,
         box-shadow 0.15s ease-in-out;
     min-height: auto !important;
     line-height: 32px;
     width: 100%;
 }

 .settings-card input[type="file"] {
     padding: 5px;
 }

 .settings-card input[type="text"]:focus,
 .settings-card input[type="number"]:focus,
 .settings-card input[type="email"]:focus,
 .settings-card select:focus,
 .settings-card textarea:focus,
 .settings-card .form-control:focus,
 .settings-card .select2-container .select2-selection--single:focus,
 .settings-card .select2-container--default .select2-selection--multiple:focus,
 .settings-card input[type="file"]:focus,
 #contact-form input[type="text"]:focus,
 #contact-form input[type="number"]:focus,
 #contact-form input[type="email"]:focus,
 #contact-form select:focus,
 #contact-form textarea:focus,
 #contact-form .form-control:focus,
 #contact-form .select2-container .select2-selection--single:focus,
 #contact-form .select2-container--default .select2-selection--multiple:focus {
     background-color: #fff !important;
 }

 #contact-form .form-control {
     font-size: 12px;
     font-weight: 400;
     padding: 7px 12px;
     height: 48px;
 }

 textarea {
     height: auto !important;
 }

 #contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 46px;
 }

 #contact-form .select2-container .select2-selection--single {
     height: 48px;
 }

 #contact-form .select2-container--default .select2-selection--multiple {
     min-height: auto !important;
     height: auto !important;
     overflow: visible !important;
     white-space: normal !important;
 }

 #contact-form .select2-container--default .select2-search--inline .select2-search__field {
     line-height: 2.1;
 }

 #contact-form.getin_form .form-group label,
 #contact-form.getin_form label.form-label {
     font-size: 12px;
     color: var(--primary);
     font-weight: 600;
 }

 #contact-form.getin_form .form-group label.btn.btn-secondary {
     background-color: #0c2e5a;
     padding: 12px;
     border-radius: 8px;
     color: white;
     margin: 0 5px;
 }

 .popular-section {
     padding: 30px 0 0px;
 }

 .popular-section .blog-form {
     /*border: 1px dashed #ccc;*/
     /*padding: 40px 20px;*/
     border-radius: var(--radius-xl);
     position: relative;
 }

 .popular-section .blog-form h3 {
     color: var(--primary);
     position: absolute;
     top: -25px;
     background: #fff;
 }

 .breadcrumb-title {
     color: var(--primary);
 }

 .table-responsive {
     scrollbar-width: thin;
 }

 .course-watch-section .course-watch-content .video-btn img {
     height: auto;
     width: 100%;
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link.active,
 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link:hover {
     background: var(--secondary);
     border-color: var(--secondary);
 }

 .course-watch-section {
     padding: 40px 20px;
     border-radius: var(--radius-xl);
     position: relative;
 }

 .border-end {
     border-inline-start: 0 !important;
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item:last-child {
     white-space: nowrap;
 }

 .course .btn {
     border-radius: var(--radius-lg);
     width: max-content;
     border: 0;
 }

 .btn.disabled,
 .btn:disabled,
 fieldset:disabled .btn,
 .training-code {
     background: var(--primary);
     padding: 6px 3px;
     border-radius: var(--radius-sm);
     color: #fff;
     opacity: 0.65;
 }

 .course-watch-section .course-watch-content {
     padding: 20px 20px !important;
     box-shadow: var(--shadow-lg);
     border-radius: var(--radius-xl);
 }

 .tab-content h6,
 .accordion-button h6,
 .course-watch-section .course-watch-content h4,
 .table td a,
 .course-watch-section .progress-overview-section h5,
 .dashboard-header .main-title h3,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .step label {
     color: var(--primary);
 }

 .course.content .table td a {
     font-weight: 400;
 }

 .course-watch-section .course-watch-content .nav-style-1 .nav-item .nav-link,
 .training_date p {
     color: var(--secondary);
 }

 .course-watch-section .progress-overview-section {
     padding-top: 0;
 }

 .training_days,
 .training_date,
 .trainign_instructors {
     padding-block: 20px;
     border-bottom: 1px dashed #eee;
 }

 .user-sidebar {
     border: var(--border);
     border-radius: var(--radius-xl);
 }

 .training_days {
     border-bottom: 0;
 }

 .progress-overview-section {
     padding: 0 15px 15px;
 }

 .training_days,
 .progress-overview-section .accordions-items-seperate {
     box-shadow: var(--shadow-lg);
     padding: 15px;
     border-radius: var(--radius-xl);
 }

 .account-courses,
 .account-trainings,
 .account-wishlist,
 .account-order,
 .account-certificate,
 .account-payment,
 .account-stats,
 .settings-card,
 .contact-top .team-form {
     /* border: var(--border); */
     padding: 20px;
     border-radius: var(--radius-xl);
     box-shadow: var(--shadow-none);
     position: relative;
 }

 .account-payment span {
     font-weight: 500;
 }

 .account-order span {
     color: #999;
 }

 .main-titlee h3 {
     margin-bottom: 15px;
 }

 .account-order table.table span {
     color: #353535;
     background: #ffffff;
     box-shadow: var(--shadow-inset-lg);
     display: block;
     font-size: 12px;
     margin-bottom: 8px;
     padding: 10px 13px;
     text-align: start;
 }

 .account-payment {
     border: 2px dashed #0c2e5a;
 }

 .account-payment .dashboard-header .main-title h3 {
     position: relative;
     top: 0;
 }

 .cart-form .form-check {
     padding-block: 10px;
     padding-inline: 10px 30px;
     border-radius: var(--radius-md);
     border: var(--border);
     margin-bottom: 10px;
     margin-inline-end: 0;
 }

 .form-check-label {
     font-weight: 500;
     color: var(--primary);
 }

 .account-payment .btn-secondary {
     height: 48px;
 }

 .account-payment .card {
     border: 1px dashed #cdcdcd;
 }

 .account-payment .card-header {
     border-bottom: 0 !important;
     min-height: 35px;
 }

 .account-payment .card-header img {
     width: 100px;
     height: 50px;
     object-fit: contain;
     display: none;
 }

 .account-payment .card-header h5 {
     width: 150px;
 }

 .account-payment .card-header i {
     width: 40px;
 }

 .contact-top .team-form .team-form-heading h3 {
     position: absolute;
     top: -15px;
     background: #fff;
     padding-inline: 15px;
     color: var(--primary);
 }

 .btn-primary:hover,
 .btn-primary.active,
 .btn-primary:active,
 .open>.dropdown-toggle.btn-primary {
     border: none;
 }

 .training_date .mb-4 {
     margin-bottom: 0 !important;
 }

 

 

 .new-badge.bg-success {
     background-color: var(--secondary) !important;
     display: block;
     margin-bottom: 5px;
     font-size: 10px;
     border-radius: var(--radius-sm);
     text-align: start;
 }

 .login-wrapper.vf-email {
     height: 65vh;
 }

 .vf-email {
     .login-content {
         height: 100%;
         background: #fff;

         .login-userset {
             width: 523px;

             .login-card {
                 padding: 50px;
                 border-radius: var(--radius-xl);
                 background-color: #e4c9a329;
             }
         }
     }
 }

 .contact-widget {
     border-top: 1px solid #e3e7ee;
     border-bottom: 1px solid #e3e7ee;
     padding: 0;
     margin-top: 0;
 }

 .footer-bottom {
     padding: 10px 0 30px;
 }

 .form-check {
     margin-inline-end: 10px;
 }

 .popular-img {
     display: none;
 }

 .progress-overview-section .table {
     --bs-table-striped-bg: #f8f9fa;
 }

 .progress-overview-section .table tr {
     border-color: #fff;
 }

 .course.content .table td a.btn-danger {
     color: #fff;
     padding: 0 5px;
     margin-inline-start: 10px;
 }

 .progress-overview-section .table tr .feather-check-square,
 .training-exam .feather-check-square {
     margin-top: 5px;
     text-align: start !important;
 }

 .underline-link {
     text-decoration: underline;
 }

 .login-wrapper.reg .login-userset {
     width: 600px;
 }

 .login-wrapper.reg .form-icon {
     padding-inline-end: 7px;
 }

 .login-wrapper.reg .form-focus .focus-label {
     padding-inline-start: 7px;
 }

 .form-control {
     border-radius: var(--radius-lg);
     height: 50px;
 }

 .step label {
     font-size: 18px;
 }

 /* Hide native radio button */
 .exam-page input[type="radio"] {
     display: none;
 }

 /* Base label style */
 .exam-page .radio-label {
     display: inline-block;
     padding: 10px 16px;
     border-radius: var(--radius-lg);
     background-color: #eee;
     cursor: pointer;
     margin-inline-end: 10px;
     font-family: sans-serif;
     transition:
         background-color 0.3s,
         color 0.3s;
 }

 /* Style when input is checked */
 .exam-page input[type="radio"]:checked+.radio-label {
     background-color: var(--primary);
     color: white;
 }

 #wishlistContainer .gigs-grid.cart-page {
     height: auto;
     padding: 6px;
     position: relative;

     .gigs-title {
         margin-bottom: 15px !important;
     }

     .gigs-content {
         padding: 12px 15px;
         padding-bottom: 55px;
         display: flex;
         flex-direction: column;
         align-items: center;

         .trainingCode {
             padding: 6px 10px;
             display: inline-block;
             font-size: 12px;
             background: #06610021;
             border-radius: var(--radius-lg);
             margin-bottom: 0 !important;
             margin-top: 8px;
         }

         .notInTraining {
             padding: 6px 10px;
             text-align: center;
             font-size: 11px;
             background: #f5a23621;
             border-radius: var(--radius-lg);
             margin-top: 8px;
         }

         hr {
             display: none;
         }

         .gigs-info {
             .badge {
                 position: absolute;
                 top: 0;
                 inset-inline-end: 0;
                 border-radius: var(--radius-lg) var(--radius-none);
                 font-size: 10px;
                 padding: 7px;
                 color: #006110;
                 background: #ffffff;
             }
         }

         .badge.bg-primary-light {
             position: absolute;
             bottom: 4px;
             color: #313131;
             margin-inline: 4px;
             font-size: 12px;
             left: 0;
             right: 0;
             border: none;
             text-align: center;
             background: #06610024;
         }
     }
 }

 .exam-page,
 #feedbackForm {
     position: relative;
     border: var(--border);
     padding: 30px 20px;
     border-radius: var(--radius-xl);
     box-shadow: var(--shadow-none);
 }

 .survey-content {
     position: relative;
 }

 .survey-header,
 .dashboard-header .main-title h3 {
     text-align: start;
     /* position: absolute; */
     /* top: -15px; */
     background: #fff;
     padding: 10px 0;
     color: var(--primary);
 }

 .survey-header h4 {
     background: #fff;
     position: relative;
     z-index: 99;
     padding-inline: 15px;
 }

 .table tbody td,
 .table th {
     padding: 13px;
 }

 hr {
     border-top: var(--bs-border-width) dashed;
 }

 .gigs-title .badge.bg-primary-light {
     color: var(--primary);
     background: #fff;
     line-height: 1.2;
     border: var(--border);
     transition: all 0.2s;
     text-align: start;
 }

 .gigs-title .badge.bg-primary-light:hover {
     background: var(--primary);
     color: #fff;
     border: 1px solid var(--primary);
 }

 .gigs-title a p {
     margin-bottom: 0;
 }

 .gigs-title h6 {
     display: flex;
     line-height: 30px;
 }

 .empty img {
     width: 400px;
 }

 .course-watch-section .course-watch-content h4 {
     font-size: 20px;
 }

 .course_type {
     font-size: 11px;
     color: var(--primary);
     font-weight: normal;
 }

 .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
     left: 8px;
 }

 .select2-container--default .select2-selection--single .select2-selection__clear {
     right: 8px;
 }

 .course-watch-section .course-watch-content .faq-accordion .accordion-button {
     font-size: 14px;
     font-weight: 500;
 }

 .gigs-title h3 {
     font-size: 15px;
     margin-top: 6px;
 }

 @media (min-width: 768px) {
     .text-md-end {
         text-align: end !important;
     }
 }

 @media (max-width: 768px) {
     #wishlistContainer .gigs-grid {
         height: auto;
     }
 }

 @media only screen and (max-width: 1399.98px) {
     .header-nav {
         padding: 0;
     }

     .main-menu-wrapper .main-nav>li+li {
         margin-inline-start: 14px;
     }

     .header-navbar-rht>li .btn {
         padding: 0.75rem 0.75rem;
     }
 }

 @media (992px < width < 1142px) {
     .main-nav {
         /* overflow-x: scroll;
        max-width: 67vw; */
         /* overflow-y: hidden; */

         &::-webkit-scrollbar {
             display: none !important;
         }
     }
 }

 [dir="rtl"] .accordion-button::after {
     margin-inline-end: auto;
     margin-inline-start: 0;
 }

 @media (992px < width < 1680px) {
     .logo img.pe-3 {
         height: 55px;
         max-width: 70px;
         margin-inline-start: -20px !important;
     }
 }

 .login-card {
     .select2-container--default .select2-selection--single {
         background-color: #ffffff;
         border: 1px solid #dddddd;
         border-radius: var(--radius-sm);
         height: 47px;
     }
 }

 .custom_form {
     .ratingg {
         display: flex;
         flex-direction: row-reverse;
         /* highest star on left */
         gap: 0.1rem;
         --stroke: #c7ccc7;
         /* outline color */
         --fill: #ffa534;
         /* highlight color */
     }

     .ratingg input {
         appearance: unset;
         /* hide default radio UI */
     }

     .ratingg label {
         cursor: pointer;
         /* clickable star */
     }

     .ratingg svg {
         width: 2rem;
         height: 2rem;
         overflow: visible;
         fill: transparent;
         /* start empty */
         stroke: var(--stroke);
         stroke-linejoin: bevel;
         stroke-dasharray: 6;
         /* dashed outline */
         animation: idle 4s linear infinite;
         transition:
             stroke 0.2s,
             fill 0.5s;
         stroke-width: 0.1em;
     }

     @keyframes idle {
         from {
             stroke-dashoffset: 24;
         }

         /* drift dashed stroke */
     }

     .ratingg label:hover svg {
         stroke: var(--fill);
         /* hover outline */
     }

     .ratingg input:checked~label svg {
         transition: 0s;
         animation:
             idle 4s linear infinite,
             yippee 0.5s backwards;
         fill: var(--fill);
         /* solid star */
         stroke: var(--fill);
         stroke-opacity: 0;
         stroke-dasharray: 0;
         stroke-linejoin: miter;
         stroke-width: 8px;
     }

     @keyframes yippee {
         0% {
             transform: scale(1);
             fill-opacity: 0;
             stroke-opacity: 1;
             stroke: var(--stroke);
             stroke-dasharray: 10;
             stroke-width: 1px;
             stroke-linejoin: bevel;
         }

         30% {
             transform: scale(0);
             /* shrink out */
             fill-opacity: 0;
         }

         30.1% {
             stroke: var(--fill);
             /* switch to filled style */
             stroke-dasharray: 0;
             stroke-linejoin: miter;
             stroke-width: 8px;
         }

         60% {
             transform: scale(1.2);
             /* pop larger */
             fill: var(--fill);
         }
     }
 }

 .star-rating {
     direction: rtl;
     font-size: 2rem;
     unicode-bidi: bidi-override;
     display: inline-flex;
 }

 .star-rating input {
     display: none;
 }

 .feather-shopping-cart:before {
     content: "\e926" !important;
 }

 .star-rating label {
     color: #ddd;
     cursor: pointer;
 }

 .star-rating input:checked~label,
 .star-rating label:hover,
 .star-rating label:hover~label {
     color: #f5b301;
 }

 .halal .login-heading p {
     display: none;
 }

 h3.course-price {
     margin-top: 10px;
 }

 .course-price svg {
     color: var(--primary) !important;
     width: 20px;
     margin-inline: 6px;
 }

 .card-content.main-card ul li {
     display: flex;
     gap: 10px;
 }

 .card-content.main-card ul li i {
     color: var(--primary) !important;
     font-size: 20px;
 }

 .hyperpay-payment-section .card .card-body {
     direction: ltr;
 }

 .footer .section-bg,
 .breadcrumb-img {
     display: none;
 }

 [dir="rtl"] .pagination .fa-chevron-left {
     --fa: "\f054";
     --fa--fa: "\f054\f054";
 }

 [dir="rtl"] .pagination .fa-chevron-right {
     --fa: "\f053";
     --fa--fa: "\f053\f053";
 }

 .pages-detail h3 span,
 .pages-detail h3 span strong {
     color: var(--primary) !important;
     font-size: 22px;
 }

 .pages-detail ul,
 .pages-detail ol {
     list-style: inherit;
     padding-inline-start: 30px;
 }

 .pages-detail span {
     color: #5f5f5f !important;
     line-height: 1.8;
 }

 #contact-form .select2-container--default .select2-selection--multiple {
     height: auto !important;
 }

 .alert-span {
     color: red;
 }

 .company-request .pre-title {
     display: flex;
     align-items: center;
     gap: 5px;
     line-height: 28px;
     margin-bottom: 10px;
 }

 .company-request .pre-title img {
     width: 28px;
 }

 .company-request .pre-title span {
     color: var(--primary);
     line-height: 28px;
 }

 .company-request .title {
     color: #000000a3;
     margin-bottom: 15px;
 }

 .company-request p {
     line-height: 1.8;
 }

 button[type="submit"]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }

 button[type="submit"] {
     padding: 12px;
 }

 .spinner-border-sm {
     width: 1rem;
     height: 1rem;
     border-width: 0.15em;
 }

 .form-check-label svg path {
     fill: var(--primary) !important;
 }

 .certificateCard {
     .gigs-content {
         padding: 10px 15px !important;
     }
 }

 .counterSec {
     margin-top: 40px;
 }

 /* faq */
 .counterSec .accordion {
     padding: 25px;
     background: #fff;
     box-shadow:
         2px 2px 4px rgba(0, 0, 0, 0.04),
         inset 2px 2px 4px rgba(0, 0, 0, 0.03);

     .accordion-item {
         background: color-mix(in oklab, transparent, var(--primary) 07%);
         padding: 4px;

         .accordion-header {
             background: #fff !important;

             button {
                 font-weight: 500;
                 background: #fff;
                 text-align: start;
             }

             i {
                 margin-inline: 8px;
             }
         }
     }
 }

 .accordion-button:focus {
     box-shadow: none;
 }

 .accordion-button:not(.collapsed) {
     color: var(--primary);
 }

 [dir="rtl"] .accordion-button::after {
     margin-inline-start: auto;
     margin-inline-end: 0;
 }

 .profile-file {
     padding: 50px 25px;
     background: #4d88cd33;
     border-radius: 15px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 1rem;
 }

 .profile-file a {
     background-color: var(--primary) !important;
 }

 .filter-white,
 .dash-icon {
     background-color: var(--primary);
     padding: 10px;
     margin-bottom: 10px;
 }

 .dash-icon>i {
     color: #fff;
     font-size: 1.5rem;
 }

 .filter-white img {
     filter: brightness(0) invert(1);
 }

 #muneer-theme-switcher input[type="radio"]:checked+label {
     background-color: var(--primary) !important;
 }

 #muneer-theme-switcher label:focus,
 #muneer-theme-switcher label:hover {
     color: var(--primary) !important;
 }

 .finished {
     color: #ffffff;
     position: absolute;
     border-radius: 10px;
     padding: 5px 50px;
     font-size: 12px;
     background: #8ac036;
     cursor: default;
     top: 23px;
     left: -46px;
     transform: rotate(-45deg);
     z-index: 1;

     &:hover {
         color: #fff;
     }
 }

 .finished.courses {
     top: 49px;
     left: -51px;
 }

 .logout-svg svg {
     transition: 0.3s ease;
 }

 .logout-svg svg path {
     stroke: #000;
 }

 .logout-svg:hover svg path {
     stroke: white;
 }

 .blog-img {
     max-height: 200px;
 }

 .program {
     padding: 0;
     border-radius: 12px;
     margin: 0;

     .blog-grid {
         padding: 10px;
         border-radius: 12px;
         height: auto;
     }

     .blog-img {
         margin: 0;
         max-height: unset;

         img {
             border-radius: var(--radius-xl);
             width: 100%;
             height: 100%;
             min-height: unset;
             transition: 0.5s all;
             object-fit: contain;
             margin: 0px !important;
         }
     }
 }

 .float-mail {
     bottom: 146px;
     position: fixed;
     width: 36px;
     padding: 3px;
     height: 36px;
     inset-inline-end: 12px;
     background-color: var(--primary);
     color: #ffffff !important;
     border-radius: 10px;
     text-align: center;
     font-size: 19px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--primary);
     box-shadow: var(--box-shadow);
     z-index: 999;
 }

 .lang-btn {
     color: var(--primary) !important;
     font-weight: 500 !important;
     padding: 5px;
     background-color: #fff;
     border: 1px solid var(--primary);
 }

 .lang-btn:hover {
     background-color: #fff;
 }

 /************************ new-design ****************************/

 .new-design-content {
     .gigs-grid {
         display: flex !important;
         padding: 15px !important;
         gap: 14px;

         .gigs-img {
             height: 148px;
             background: #f3f3f3;
         }

         .gigs-content {
             align-items: start !important;
             padding: 0px !important;

             .gigs-title h3 {
                 line-clamp: 1;
                 -webkit-line-clamp: 1;
                 -webkit-box-orient: vertical;
                 margin: 0px !important;
                 margin-bottom: 6px !important;
                 height: 26px;
                 line-height: 22px;
             }

             .trainingCode,
             .notInTraining,
             .category,
             .place {
                 color: #9e9e9e;
                 font-size: 12px;
                 display: flex;
                 margin: 0 !important;
                 align-items: center;
                 justify-content: start;
                 gap: 4px;
             }

             .go-to-link {
                 color: #fff;
                 padding: 8px 20px;
                 background: var(--bs-primary);
                 border-radius: 6px;
                 margin-top: 7px;
                 transition: margin 0.3s ease-in-out;

                 svg {
                     margin-inline-start: 5px;
                     transition: margin 0.3s ease-in-out;

                     path {
                         fill: #fff;
                     }
                 }

                 &:hover svg {
                     margin-inline-start: 15px;
                 }
             }

             .no-certificate {
                 font-size: 12px;
                 padding: 2px;
                 width: 100%;
                 color: #9e9e9e;
                 margin: 0;
                 margin-top: 8px;
             }
         }
     }

     .gigs-grid.no-img {
         border-inline-start: 4px solid #ddd;

         .badge.bg-primary-light {
             position: absolute !important;
             bottom: 0px !important;
             color: #fff !important;
             background: var(--primary) !important;
             margin: 0 !important;
             left: unset !important;
             right: unset !important;
             font-size: 12px !important;
             line-height: 18px !important;
             inset-inline-end: 0 !important;
             border: none !important;
             text-align: center !important;
             border-radius: 0 8px !important;
         }
     }

     .learning-ul {
         display: flex;
         align-items: center;
         justify-content: center;
         margin-bottom: 15px;
         border-radius: 10px;
         background: #eb710017;
         padding: 8px;

         li {
             button {
                 border: none;
                 border-radius: 8px;
                 color: #6d6d6d;
                 font-weight: 400;

                 &.active {
                     color: var(--primary);
                     background: #fff;
                 }
             }
         }
     }
 }

 @media (width < 768px) {
     .new-design-content {
         .gigs-grid {
             .gigs-img {
                 height: auto !important;
             }
         }
     }
 }

 @media (width < 991px) {
     .new-sidebar {
         width: 100%;

         .user-sidebar {
             background: #ffffff;
             height: auto;
             box-shadow: none;
         }
     }
 }

 .breadcrumb-bar.course-braedcrumb {
     background-image: url(../img/bg/bread-image.png);
     background-repeat: no-repeat;
     position: relative;
 }

 /* profile header */
 .profile-header {
     background: #fff;
     position: sticky !important;
     border-bottom: 1px solid #efefef;

     .container-fluid {
         max-width: unset;
     }

     #filter_form {
         width: 300px;

         .autoComplete_wrapper {
             width: 100%;
         }

         .autoComplete_wrapper>ul>li {
             text-align: start;
             font-size: 12px;
             color: #bdbdbd;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             transition: all 0.2s ease;

             a {
                 color: #606060;
                 font-weight: 400;
             }

             &:hover {
                 background-color: rgb(254 238 228);
             }
         }

         input {
             border: 1px solid #e5e5e5;
             box-shadow: none;
             font-weight: 300;
             color: #9d9d9d;

             &::placeholder {
                 color: #8f8f8f;
             }
         }
     }

     @media (width < 767px) {
         #filter_form {
             display: none;
         }
     }
 }

 .profile-header .logo img {
     filter: unset !important;
 }

 /* *** Ahmed Edits *** */

 .user-sidebar {
     border: 1px solid #f1f1f1 !important;
 }

 #wichCount {
     width: 16px;
 }

 header.new-header #wichCount,
 header.new-header #cartCount {
     background: #f4f4f4;
 }

 .account-payment input.form-control {
     height: 43px;
 }

 @media (max-width: 768px) {

     .log-user.dropdown-toggle .d-flex.flex-column,
     .header-navbar-rht .logged-item .dropdown-toggle:after {
         display: none !important;
     }

     .users-img img {
         width: 35px !important;
         height: 35px !important;
     }
 }

 .website-phone-input-control,
 .website-phone-input-group {
     background-color: transparent !important;
     border: 1px solid #ebedef !important;
     box-shadow: none !important;
     outline: none !important;
 }

 .muneer-trigger-button-box.bottom-right {
     right: unset;
 }

 /* *** Ahmed Edits *** */
 .styles__icon--f9b3f {
     color: var(--primary) !important;
 }