:root {
    --bk-path: none;
    --pickAns-bk-color: rgba(244, 244, 244, 1);
    --nav-bk-active: none;
    --nav-color: rgba(249, 249, 250, 1);
    --nav-active-color: White;
    --nav-active-bk: rgba(19, 43, 115, 1);
    --button-primary: rgba(19, 43, 115, 1);
    --primary-color: rgba(19, 43, 115, 1);
    --button-primary-hover: rgba(45, 68, 140, 1);
    --secondory-color: #E9EAED;
    --logo-primary: rgba(11, 29, 64, 1);
    --tool-bar-height: 50px;
    --nav-active-hover-color: rgb(112 129 191);
    --askQuestion-bk: url("/assets/images/AskQuestionModal/AskExpert.png"), linear-gradient(234.23deg, #08143F 0%, #0E2153 9.09%, #133068 18.18%, #153F7E 27.27%, #144F95 36.36%, #0A599D 45.45%, #0263A4 54.55%, #006DAA 63.64%, #00719F 72.73%, #007290 81.82%, #00727F 90.91%, #00716E 100%);
    --askQuestion-primary: rgba(19, 43, 115, 1);
    --askQuestion-primary-hex: rgba(19, 43, 115, 1);
    --nav-active-background: rgba(19, 43, 115, 1);
    --ask-promt-expert-image: url(assets/images/LegalExpert.png);
    --ask-promt-bacground: linear-gradient(326.89deg, #006361 2.7%, #005596 42.73%, #0B1C50 81.19%);
}

html, body {
    font-family: "Inter" !important;
}

a, .btn-link {
    color: #006bb7;
}

/* Z-index hacks removed - fixed root cause in ios-fixes.css by preventing position:relative on body for Chrome */

/* For the div you want to hide the scrollbar for */
.hide-scrollbar {
    overflow-y: scroll; /* or auto, scroll */
    /* For Firefox */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    /* For Internet Explorer and Edge */
    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
}

/* For WebKit browsers (Chrome, Safari, Opera) */
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Hide scrollbar in WebKit browsers */
}


.btn-primary {
    color: #fff;
    background: var(--button-primary) !important;
    font-size:14px;
    border-radius :8px;
    padding:0px 15px;
}


   
.btn-primary:focus, .btn-primary:active:focus
{
    color: #fff !important;
    background: var(--button-primary) !important;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



.btn-small{
    padding: 0px 15px !important;
    border-radius: 8px !important;
    font-size:14px !important;
    height: auto !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}




.white {
    color: #fff;
}

.scndryblack {
    color: #26272B;
}

.scndGrey {
    color: #3F3F46;
}

.thirdGrey {
    color: #51525C;
}

.greyIron {
    color: #70707B;
}

.black {
    color: #131316;
}

.black-4 {
    color: #18181B;
}

.grey-2 {
    color: #F8F8F8;
}

.mainLayoutBk {
    background-color: #F8F8F8;
}

.grey-4 {
    color: #A0A0AB;
}

.mtop-1 {
    margin-top: 1px;
}

.mtop-2 {
    margin-top: 2px;
}

.mtop-3 {
    margin-top: 3px;
}

.mtop-4 {
    margin-top: 4px;
}

.mtop-5 {
    margin-top: 5px;
}

.mtop-6 {
    margin-top: 6px;
}

.mtop-7 {
    margin-top: 7px;
}

.mtop-8 {
    margin-top: 8px;
}

.mtop-9 {
    margin-top: 9px;
}

.mtop-10 {
    margin-top: 10px;
}

.mtop-11 {
    margin-top: 11px;
}

.mtop-12 {
    margin-top: 12px;
}

.mtop-13 {
    margin-top: 13px;
}

.mtop-14 {
    margin-top: 14px;
}

.mtop-15 {
    margin-top: 15px;
}

.mtop-16 {
    margin-top: 16px;
}

.mtop-17 {
    margin-top: 17px;
}

.mtop-18 {
    margin-top: 18px;
}

.mtop-19 {
    margin-top: 19px;
}

.mtop-20 {
    margin-top: 20px;
}

.mtop-21 {
    margin-top: 21px;
}

.mtop-22 {
    margin-top: 22px;
}

.mtop-23 {
    margin-top: 23px;
}

.mtop-24 {
    margin-top: 24px;
}

.mtop-25 {
    margin-top: 25px;
}

.mtop-26 {
    margin-top: 26px;
}

.mtop-27 {
    margin-top: 27px;
}

.mtop-28 {
    margin-top: 28px;
}

.mtop-29 {
    margin-top: 29px;
}

.mtop-30 {
    margin-top: 30px;
}

.mtop-31 {
    margin-top: 31px;
}

.mtop-32 {
    margin-top: 32px;
}

.mtop-33 {
    margin-top: 33px;
}

.mtop-34 {
    margin-top: 34px;
}

.mtop-35 {
    margin-top: 35px;
}

.mtop-36 {
    margin-top: 36px;
}

.mtop-37 {
    margin-top: 37px;
}

.mtop-38 {
    margin-top: 38px;
}

.mtop-39 {
    margin-top: 39px;
}

.mtop-40 {
    margin-top: 40px;
}

.mtop-41 {
    margin-top: 41px;
}

.mtop-42 {
    margin-top: 42px;
}

.mtop-43 {
    margin-top: 43px;
}

.mtop-44 {
    margin-top: 44px;
}

.mtop-45 {
    margin-top: 45px;
}

.mtop-46 {
    margin-top: 46px;
}

.mtop-47 {
    margin-top: 47px;
}

.mtop-48 {
    margin-top: 48px;
}

.mtop-49 {
    margin-top: 49px;
}

.mtop-50 {
    margin-top: 50px;
}

.mtop-51 {
    margin-top: 51px;
}

.mtop-52 {
    margin-top: 52px;
}

.mtop-53 {
    margin-top: 53px;
}

.mtop-54 {
    margin-top: 54px;
}

.mtop-55 {
    margin-top: 55px;
}

.mtop-56 {
    margin-top: 56px;
}

.mtop-57 {
    margin-top: 57px;
}

.mtop-58 {
    margin-top: 58px;
}

.mtop-59 {
    margin-top: 59px;
}

.mtop-60 {
    margin-top: 60px;
}

.mtop-61 {
    margin-top: 61px;
}

.mtop-62 {
    margin-top: 62px;
}

.mtop-63 {
    margin-top: 63px;
}

.mtop-64 {
    margin-top: 64px;
}

.mtop-65 {
    margin-top: 65px;
}

.mtop-66 {
    margin-top: 66px;
}

.mtop-67 {
    margin-top: 67px;
}

.mtop-68 {
    margin-top: 68px;
}

.mtop-69 {
    margin-top: 69px;
}

.mtop-70 {
    margin-top: 70px;
}

.mtop-71 {
    margin-top: 71px;
}

.mtop-72 {
    margin-top: 72px;
}

.mtop-73 {
    margin-top: 73px;
}

.mtop-74 {
    margin-top: 74px;
}

.mtop-75 {
    margin-top: 75px;
}

.mtop-76 {
    margin-top: 76px;
}

.mtop-77 {
    margin-top: 77px;
}

.mtop-78 {
    margin-top: 78px;
}

.mtop-79 {
    margin-top: 79px;
}

.mtop-80 {
    margin-top: 80px;
}

.mtop-81 {
    margin-top: 81px;
}

.mtop-82 {
    margin-top: 82px;
}

.mtop-83 {
    margin-top: 83px;
}

.mtop-84 {
    margin-top: 84px;
}

.mtop-85 {
    margin-top: 85px;
}

.mtop-86 {
    margin-top: 86px;
}

.mtop-87 {
    margin-top: 87px;
}

.mtop-88 {
    margin-top: 88px;
}

.mtop-89 {
    margin-top: 89px;
}

.mtop-90 {
    margin-top: 90px;
}

.mtop-91 {
    margin-top: 91px;
}

.mtop-92 {
    margin-top: 92px;
}

.mtop-93 {
    margin-top: 93px;
}

.mtop-94 {
    margin-top: 94px;
}

.mtop-95 {
    margin-top: 95px;
}

.mtop-96 {
    margin-top: 96px;
}

.mtop-97 {
    margin-top: 97px;
}

.mtop-98 {
    margin-top: 98px;
}

.mtop-99 {
    margin-top: 99px;
}

.mtop-100 {
    margin-top: 100px;
}

.mrb-1 {
    margin-bottom: 1px;
}

.mrb-2 {
    margin-bottom: 2px;
}

.mrb-3 {
    margin-bottom: 3px;
}

.mrb-4 {
    margin-bottom: 4px;
}

.mrb-5 {
    margin-bottom: 5px;
}

.mrb-6 {
    margin-bottom: 6px;
}

.mrb-7 {
    margin-bottom: 7px;
}

.mrb-8 {
    margin-bottom: 8px;
}

.mrb-9 {
    margin-bottom: 9px;
}

.mrb-10 {
    margin-bottom: 10px;
}

.mrb-11 {
    margin-bottom: 11px;
}

.mrb-12 {
    margin-bottom: 12px;
}

.mrb-13 {
    margin-bottom: 13px;
}

.mrb-14 {
    margin-bottom: 14px;
}

.mrb-15 {
    margin-bottom: 15px;
}

.mrb-16 {
    margin-bottom: 16px;
}

.mrb-17 {
    margin-bottom: 17px;
}

.mrb-18 {
    margin-bottom: 18px;
}

.mrb-19 {
    margin-bottom: 19px;
}

.mrb-20 {
    margin-bottom: 20px;
}

.mrb-21 {
    margin-bottom: 21px;
}

.mrb-22 {
    margin-bottom: 22px;
}

.mrb-23 {
    margin-bottom: 23px;
}

.mrb-24 {
    margin-bottom: 24px;
}

.mrb-25 {
    margin-bottom: 25px;
}

.mrb-26 {
    margin-bottom: 26px;
}

.mrb-27 {
    margin-bottom: 27px;
}

.mrb-28 {
    margin-bottom: 28px;
}

.mrb-29 {
    margin-bottom: 29px;
}

.mrb-30 {
    margin-bottom: 30px;
}

.mrb-31 {
    margin-bottom: 31px;
}

.mrb-32 {
    margin-bottom: 32px;
}

.mrb-33 {
    margin-bottom: 33px;
}

.mrb-34 {
    margin-bottom: 34px;
}

.mrb-35 {
    margin-bottom: 35px;
}

.mrb-36 {
    margin-bottom: 36px;
}

.mrb-37 {
    margin-bottom: 37px;
}

.mrb-38 {
    margin-bottom: 38px;
}

.mrb-39 {
    margin-bottom: 39px;
}

.mrb-40 {
    margin-bottom: 40px;
}

.mrb-41 {
    margin-bottom: 41px;
}

.mrb-42 {
    margin-bottom: 42px;
}

.mrb-43 {
    margin-bottom: 43px;
}

.mrb-44 {
    margin-bottom: 44px;
}

.mrb-45 {
    margin-bottom: 45px;
}

.mrb-46 {
    margin-bottom: 46px;
}

.mrb-47 {
    margin-bottom: 47px;
}

.mrb-48 {
    margin-bottom: 48px;
}

.mrb-49 {
    margin-bottom: 49px;
}

.mrb-50 {
    margin-bottom: 50px;
}

.mrb-51 {
    margin-bottom: 51px;
}

.mrb-52 {
    margin-bottom: 52px;
}

.mrb-53 {
    margin-bottom: 53px;
}

.mrb-54 {
    margin-bottom: 54px;
}

.mrb-55 {
    margin-bottom: 55px;
}

.mrb-56 {
    margin-bottom: 56px;
}

.mrb-57 {
    margin-bottom: 57px;
}

.mrb-58 {
    margin-bottom: 58px;
}

.mrb-59 {
    margin-bottom: 59px;
}

.mrb-60 {
    margin-bottom: 60px;
}

.mrl-1 {
    margin-left: 1px;
}

.mrl-2 {
    margin-left: 2px;
}

.mrl-3 {
    margin-left: 3px;
}

.mrl-4 {
    margin-left: 4px;
}

.mrl-5 {
    margin-left: 5px;
}

.mrl-6 {
    margin-left: 6px;
}

.mrl-7 {
    margin-left: 7px;
}

.mrl-8 {
    margin-left: 8px;
}

.mrl-9 {
    margin-left: 9px;
}

.mrl-10 {
    margin-left: 10px;
}

.mrl-11 {
    margin-left: 11px;
}

.mrl-12 {
    margin-left: 12px;
}

.mrl-13 {
    margin-left: 13px;
}

.mrl-14 {
    margin-left: 14px;
}

.mrl-15 {
    margin-left: 15px;
}

.mrl-16 {
    margin-left: 16px;
}

.mrl-17 {
    margin-left: 17px;
}

.mrl-18 {
    margin-left: 18px;
}

.mrl-19 {
    margin-left: 19px;
}

.mrl-20 {
    margin-left: 20px;
}

.mrl-21 {
    margin-left: 21px;
}

.mrl-22 {
    margin-left: 22px;
}

.mrl-23 {
    margin-left: 23px;
}

.mrl-24 {
    margin-left: 24px;
}

.mrl-25 {
    margin-left: 25px;
}

.mrl-26 {
    margin-left: 26px;
}

.mrl-27 {
    margin-left: 27px;
}

.mrl-28 {
    margin-left: 28px;
}

.mrl-29 {
    margin-left: 29px;
}

.mrl-30 {
    margin-left: 30px;
}

.mrl-31 {
    margin-left: 31px;
}

.mrl-32 {
    margin-left: 32px;
}

.mrl-33 {
    margin-left: 33px;
}

.mrl-34 {
    margin-left: 34px;
}

.mrl-35 {
    margin-left: 35px;
}

.mrl-36 {
    margin-left: 36px;
}

.mrl-37 {
    margin-left: 37px;
}

.mrl-38 {
    margin-left: 38px;
}

.mrl-39 {
    margin-left: 39px;
}

.mrl-40 {
    margin-left: 40px;
}

.mrl-41 {
    margin-left: 41px;
}

.mrl-42 {
    margin-left: 42px;
}

.mrl-43 {
    margin-left: 43px;
}

.mrl-44 {
    margin-left: 44px;
}

.mrl-45 {
    margin-left: 45px;
}

.mrl-46 {
    margin-left: 46px;
}

.mrl-47 {
    margin-left: 47px;
}

.mrl-48 {
    margin-left: 48px;
}

.mrl-49 {
    margin-left: 49px;
}

.mrl-50 {
    margin-left: 50px;
}

.mrl-51 {
    margin-left: 51px;
}

.mrl-52 {
    margin-left: 52px;
}

.mrl-53 {
    margin-left: 53px;
}

.mrl-54 {
    margin-left: 54px;
}

.mrl-55 {
    margin-left: 55px;
}

.mrl-56 {
    margin-left: 56px;
}

.mrl-57 {
    margin-left: 57px;
}

.mrl-58 {
    margin-left: 58px;
}

.mrl-59 {
    margin-left: 59px;
}

.mrl-60 {
    margin-left: 60px;
}

.mrt-1 {
    margin-right: 1px;
}

.mrt-2 {
    margin-right: 2px;
}

.mrt-3 {
    margin-right: 3px;
}

.mrt-4 {
    margin-right: 4px;
}

.mrt-5 {
    margin-right: 5px;
}

.mrt-6 {
    margin-right: 6px;
}

.mrt-7 {
    margin-right: 7px;
}

.mrt-8 {
    margin-right: 8px;
}

.mrt-9 {
    margin-right: 9px;
}

.mrt-10 {
    margin-right: 10px;
}

.mrt-11 {
    margin-right: 11px;
}

.mrt-12 {
    margin-right: 12px;
}

.mrt-13 {
    margin-right: 13px;
}

.mrt-14 {
    margin-right: 14px;
}

.mrt-15 {
    margin-right: 15px;
}

.mrt-16 {
    margin-right: 16px;
}

.mrt-17 {
    margin-right: 17px;
}

.mrt-18 {
    margin-right: 18px;
}

.mrt-19 {
    margin-right: 19px;
}

.mrt-20 {
    margin-right: 20px;
}

.mrt-21 {
    margin-right: 21px;
}

.mrt-22 {
    margin-right: 22px;
}

.mrt-23 {
    margin-right: 23px;
}

.mrt-24 {
    margin-right: 24px;
}

.mrt-25 {
    margin-right: 25px;
}

.mrt-26 {
    margin-right: 26px;
}

.mrt-27 {
    margin-right: 27px;
}

.mrt-28 {
    margin-right: 28px;
}

.mrt-29 {
    margin-right: 29px;
}

.mrt-30 {
    margin-right: 30px;
}

.mrt-31 {
    margin-right: 31px;
}

.mrt-32 {
    margin-right: 32px;
}

.mrt-33 {
    margin-right: 33px;
}

.mrt-34 {
    margin-right: 34px;
}

.mrt-35 {
    margin-right: 35px;
}

.mrt-36 {
    margin-right: 36px;
}

.mrt-37 {
    margin-right: 37px;
}

.mrt-38 {
    margin-right: 38px;
}

.mrt-39 {
    margin-right: 39px;
}

.mrt-40 {
    margin-right: 40px;
}

.mrt-41 {
    margin-right: 41px;
}

.mrt-42 {
    margin-right: 42px;
}

.mrt-43 {
    margin-right: 43px;
}

.mrt-44 {
    margin-right: 44px;
}

.mrt-45 {
    margin-right: 45px;
}

.mrt-46 {
    margin-right: 46px;
}

.mrt-47 {
    margin-right: 47px;
}

.mrt-48 {
    margin-right: 48px;
}

.mrt-49 {
    margin-right: 49px;
}

.mrt-50 {
    margin-right: 50px;
}

.mrt-51 {
    margin-right: 51px;
}

.mrt-52 {
    margin-right: 52px;
}

.mrt-53 {
    margin-right: 53px;
}

.mrt-54 {
    margin-right: 54px;
}

.mrt-55 {
    margin-right: 55px;
}

.mrt-56 {
    margin-right: 56px;
}

.mrt-57 {
    margin-right: 57px;
}

.mrt-58 {
    margin-right: 58px;
}

.mrt-59 {
    margin-right: 59px;
}

.mrt-60 {
    margin-right: 60px;
}

/*padding */
    .pdtop-1 {
    padding-top: 1px;
}

.pdtop-2 {
    padding-top: 2px;
}

.pdtop-3 {
    padding-top: 3px;
}

.pdtop-4 {
    padding-top: 4px;
}

.pdtop-5 {
    padding-top: 5px;
}

.pdtop-6 {
    padding-top: 6px;
}

.pdtop-7 {
    padding-top: 7px;
}

.pdtop-8 {
    padding-top: 8px;
}

.pdtop-9 {
    padding-top: 9px;
}

.pdtop-10 {
    padding-top: 10px;
}

.pdtop-11 {
    padding-top: 11px;
}

.pdtop-12 {
    padding-top: 12px;
}

.pdtop-13 {
    padding-top: 13px;
}

.pdtop-14 {
    padding-top: 14px;
}

.pdtop-15 {
    padding-top: 15px;
}

.pdtop-16 {
    padding-top: 16px;
}

.pdtop-17 {
    padding-top: 17px;
}

.pdtop-18 {
    padding-top: 18px;
}

.pdtop-19 {
    padding-top: 19px;
}

.pdtop-20 {
    padding-top: 20px;
}

.pdtop-21 {
    padding-top: 21px;
}

.pdtop-22 {
    padding-top: 22px;
}

.pdtop-23 {
    padding-top: 23px;
}

.pdtop-24 {
    padding-top: 24px;
}

.pdtop-25 {
    padding-top: 25px;
}

.pdtop-26 {
    padding-top: 26px;
}

.pdtop-27 {
    padding-top: 27px;
}

.pdtop-28 {
    padding-top: 28px;
}

.pdtop-29 {
    padding-top: 29px;
}

.pdtop-30 {
    padding-top: 30px;
}

.pdtop-31 {
    padding-top: 31px;
}

.pdtop-32 {
    padding-top: 32px;
}

.pdtop-33 {
    padding-top: 33px;
}

.pdtop-34 {
    padding-top: 34px;
}

.pdtop-35 {
    padding-top: 35px;
}

.pdtop-36 {
    padding-top: 36px;
}

.pdtop-37 {
    padding-top: 37px;
}

.pdtop-38 {
    padding-top: 38px;
}

.pdtop-39 {
    padding-top: 39px;
}

.pdtop-40 {
    padding-top: 40px;
}

.pdtop-41 {
    padding-top: 41px;
}

.pdtop-42 {
    padding-top: 42px;
}

.pdtop-43 {
    padding-top: 43px;
}

.pdtop-44 {
    padding-top: 44px;
}

.pdtop-45 {
    padding-top: 45px;
}

.pdtop-46 {
    padding-top: 46px;
}

.pdtop-47 {
    padding-top: 47px;
}

.pdtop-48 {
    padding-top: 48px;
}

.pdtop-49 {
    padding-top: 49px;
}

.pdtop-50 {
    padding-top: 50px;
}

.pdtop-51 {
    padding-top: 51px;
}

.pdtop-52 {
    padding-top: 52px;
}

.pdtop-53 {
    padding-top: 53px;
}

.pdtop-54 {
    padding-top: 54px;
}

.pdtop-55 {
    padding-top: 55px;
}

.pdtop-56 {
    padding-top: 56px;
}

.pdtop-57 {
    padding-top: 57px;
}

.pdtop-58 {
    padding-top: 58px;
}

.pdtop-59 {
    padding-top: 59px;
}

.pdtop-60 {
    padding-top: 60px;
}

.pdb-1 {
    padding-bottom: 1px;
}

.pdb-2 {
    padding-bottom: 2px;
}

.pdb-3 {
    padding-bottom: 3px;
}

.pdb-4 {
    padding-bottom: 4px;
}

.pdb-5 {
    padding-bottom: 5px;
}

.pdb-6 {
    padding-bottom: 6px;
}

.pdb-7 {
    padding-bottom: 7px;
}

.pdb-8 {
    padding-bottom: 8px;
}

.pdb-9 {
    padding-bottom: 9px;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdb-11 {
    padding-bottom: 11px;
}

.pdb-12 {
    padding-bottom: 12px;
}

.pdb-13 {
    padding-bottom: 13px;
}

.pdb-14 {
    padding-bottom: 14px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdb-16 {
    padding-bottom: 16px;
}

.pdb-17 {
    padding-bottom: 17px;
}

.pdb-18 {
    padding-bottom: 18px;
}

.pdb-19 {
    padding-bottom: 19px;
}

.pdb-20 {
    padding-bottom: 20px;
}

.pdb-21 {
    padding-bottom: 21px;
}

.pdb-22 {
    padding-bottom: 22px;
}

.pdb-23 {
    padding-bottom: 23px;
}

.pdb-24 {
    padding-bottom: 24px;
}

.pdb-25 {
    padding-bottom: 25px;
}

.pdb-26 {
    padding-bottom: 26px;
}

.pdb-27 {
    padding-bottom: 27px;
}

.pdb-28 {
    padding-bottom: 28px;
}

.pdb-29 {
    padding-bottom: 29px;
}

.pdb-30 {
    padding-bottom: 30px;
}

.pdb-31 {
    padding-bottom: 31px;
}

.pdb-32 {
    padding-bottom: 32px;
}

.pdb-33 {
    padding-bottom: 33px;
}

.pdb-34 {
    padding-bottom: 34px;
}

.pdb-35 {
    padding-bottom: 35px;
}

.pdb-36 {
    padding-bottom: 36px;
}

.pdb-37 {
    padding-bottom: 37px;
}

.pdb-38 {
    padding-bottom: 38px;
}

.pdb-39 {
    padding-bottom: 39px;
}

.pdb-40 {
    padding-bottom: 40px;
}

.pdb-41 {
    padding-bottom: 41px;
}

.pdb-42 {
    padding-bottom: 42px;
}

.pdb-43 {
    padding-bottom: 43px;
}

.pdb-44 {
    padding-bottom: 44px;
}

.pdb-45 {
    padding-bottom: 45px;
}

.pdb-46 {
    padding-bottom: 46px;
}

.pdb-47 {
    padding-bottom: 47px;
}

.pdb-48 {
    padding-bottom: 48px;
}

.pdb-49 {
    padding-bottom: 49px;
}

.pdb-50 {
    padding-bottom: 50px;
}

.pdb-51 {
    padding-bottom: 51px;
}

.pdb-52 {
    padding-bottom: 52px;
}

.pdb-53 {
    padding-bottom: 53px;
}

.pdb-54 {
    padding-bottom: 54px;
}

.pdb-55 {
    padding-bottom: 55px;
}

.pdb-56 {
    padding-bottom: 56px;
}

.pdb-57 {
    padding-bottom: 57px;
}

.pdb-58 {
    padding-bottom: 58px;
}

.pdb-59 {
    padding-bottom: 59px;
}

.pdb-60 {
    padding-bottom: 60px;
}

.pdl-1 {
    padding-left: 1px;
}

.pdl-2 {
    padding-left: 2px;
}

.pdl-3 {
    padding-left: 3px;
}

.pdl-4 {
    padding-left: 4px;
}

.pdl-5 {
    padding-left: 5px;
}

.pdl-6 {
    padding-left: 6px;
}

.pdl-7 {
    padding-left: 7px;
}

.pdl-8 {
    padding-left: 8px;
}

.pdl-9 {
    padding-left: 9px;
}

.pdl-10 {
    padding-left: 10px;
}

.pdl-11 {
    padding-left: 11px;
}

.pdl-12 {
    padding-left: 12px;
}

.pdl-13 {
    padding-left: 13px;
}

.pdl-14 {
    padding-left: 14px;
}

.pdl-15 {
    padding-left: 15px;
}

.pdl-16 {
    padding-left: 16px;
}

.pdl-17 {
    padding-left: 17px;
}

.pdl-18 {
    padding-left: 18px;
}

.pdl-19 {
    padding-left: 19px;
}

.pdl-20 {
    padding-left: 20px;
}

.pdl-21 {
    padding-left: 21px;
}

.pdl-22 {
    padding-left: 22px;
}

.pdl-23 {
    padding-left: 23px;
}

.pdl-24 {
    padding-left: 24px;
}

.pdl-25 {
    padding-left: 25px;
}

.pdl-26 {
    padding-left: 26px;
}

.pdl-27 {
    padding-left: 27px;
}

.pdl-28 {
    padding-left: 28px;
}

.pdl-29 {
    padding-left: 29px;
}

.pdl-30 {
    padding-left: 30px;
}

.pdl-31 {
    padding-left: 31px;
}

.pdl-32 {
    padding-left: 32px;
}

.pdl-33 {
    padding-left: 33px;
}

.pdl-34 {
    padding-left: 34px;
}

.pdl-35 {
    padding-left: 35px;
}

.pdl-36 {
    padding-left: 36px;
}

.pdl-37 {
    padding-left: 37px;
}

.pdl-38 {
    padding-left: 38px;
}

.pdl-39 {
    padding-left: 39px;
}

.pdl-40 {
    padding-left: 40px;
}

.pdl-41 {
    padding-left: 41px;
}

.pdl-42 {
    padding-left: 42px;
}

.pdl-43 {
    padding-left: 43px;
}

.pdl-44 {
    padding-left: 44px;
}

.pdl-45 {
    padding-left: 45px;
}

.pdl-46 {
    padding-left: 46px;
}

.pdl-47 {
    padding-left: 47px;
}

.pdl-48 {
    padding-left: 48px;
}

.pdl-49 {
    padding-left: 49px;
}

.pdl-50 {
    padding-left: 50px;
}

.pdl-51 {
    padding-left: 51px;
}

.pdl-52 {
    padding-left: 52px;
}

.pdl-53 {
    padding-left: 53px;
}

.pdl-54 {
    padding-left: 54px;
}

.pdl-55 {
    padding-left: 55px;
}

.pdl-56 {
    padding-left: 56px;
}

.pdl-57 {
    padding-left: 57px;
}

.pdl-58 {
    padding-left: 58px;
}

.pdl-59 {
    padding-left: 59px;
}

.pdl-60 {
    padding-left: 60px;
}

.pdr-1 {
    padding-right: 1px;
}

.pdr-2 {
    padding-right: 2px;
}

.pdr-3 {
    padding-right: 3px;
}

.pdr-4 {
    padding-right: 4px;
}

.pdr-5 {
    padding-right: 5px;
}

.pdr-6 {
    padding-right: 6px;
}

.pdr-7 {
    padding-right: 7px;
}

.pdr-8 {
    padding-right: 8px;
}

.pdr-9 {
    padding-right: 9px;
}

.pdr-10 {
    padding-right: 10px;
}

.pdr-11 {
    padding-right: 11px;
}

.pdr-12 {
    padding-right: 12px;
}

.pdr-13 {
    padding-right: 13px;
}

.pdr-14 {
    padding-right: 14px;
}

.pdr-15 {
    padding-right: 15px;
}

.pdr-16 {
    padding-right: 16px;
}

.pdr-17 {
    padding-right: 17px;
}

.pdr-18 {
    padding-right: 18px;
}

.pdr-19 {
    padding-right: 19px;
}

.pdr-20 {
    padding-right: 20px;
}

.pdr-21 {
    padding-right: 21px;
}

.pdr-22 {
    padding-right: 22px;
}

.pdr-23 {
    padding-right: 23px;
}

.pdr-24 {
    padding-right: 24px;
}

.pdr-25 {
    padding-right: 25px;
}

.pdr-26 {
    padding-right: 26px;
}

.pdr-27 {
    padding-right: 27px;
}

.pdr-28 {
    padding-right: 28px;
}

.pdr-29 {
    padding-right: 29px;
}

.pdr-30 {
    padding-right: 30px;
}

.pdr-31 {
    padding-right: 31px;
}

.pdr-32 {
    padding-right: 32px;
}

.pdr-33 {
    padding-right: 33px;
}

.pdr-34 {
    padding-right: 34px;
}

.pdr-35 {
    padding-right: 35px;
}

.pdr-36 {
    padding-right: 36px;
}

.pdr-37 {
    padding-right: 37px;
}

.pdr-38 {
    padding-right: 38px;
}

.pdr-39 {
    padding-right: 39px;
}

.pdr-40 {
    padding-right: 40px;
}

.pdr-41 {
    padding-right: 41px;
}

.pdr-42 {
    padding-right: 42px;
}

.pdr-43 {
    padding-right: 43px;
}

.pdr-44 {
    padding-right: 44px;
}

.pdr-45 {
    padding-right: 45px;
}

.pdr-46 {
    padding-right: 46px;
}

.pdr-47 {
    padding-right: 47px;
}

.pdr-48 {
    padding-right: 48px;
}

.pdr-49 {
    padding-right: 49px;
}

.pdr-50 {
    padding-right: 50px;
}

.pdr-51 {
    padding-right: 51px;
}

.pdr-52 {
    padding-right: 52px;
}

.pdr-53 {
    padding-right: 53px;
}

.pdr-54 {
    padding-right: 54px;
}

.pdr-55 {
    padding-right: 55px;
}

.pdr-56 {
    padding-right: 56px;
}

.pdr-57 {
    padding-right: 57px;
}

.pdr-58 {
    padding-right: 58px;
}

.pdr-59 {
    padding-right: 59px;
}

.pdr-60 {
    padding-right: 60px;
}

.borderius-1 {
    border-radius: 1px;
}

.borderius-2 {
    border-radius: 2px;
}

.borderius-3 {
    border-radius: 3px;
}

.borderius-4 {
    border-radius: 4px;
}

.borderius-5 {
    border-radius: 5px;
}

.borderius-6 {
    border-radius: 6px;
}

.borderius-7 {
    border-radius: 7px;
}

.borderius-8 {
    border-radius: 8px;
}

.borderius-9 {
    border-radius: 9px;
}

.borderius-10 {
    border-radius: 10px;
}

.borderius-11 {
    border-radius: 11px;
}

.borderius-12 {
    border-radius: 12px;
}

.borderius-13 {
    border-radius: 13px;
}

.borderius-14 {
    border-radius: 14px;
}

.borderius-15 {
    border-radius: 15px;
}

.borderius-16 {
    border-radius: 16px;
}

.borderius-17 {
    border-radius: 17px;
}

.borderius-18 {
    border-radius: 18px;
}

.borderius-19 {
    border-radius: 19px;
}

.borderius-20 {
    border-radius: 20px;
}

.borderius-21 {
    border-radius: 21px;
}

.borderius-22 {
    border-radius: 22px;
}

.borderius-23 {
    border-radius: 23px;
}

.borderius-24 {
    border-radius: 24px;
}

.borderius-25 {
    border-radius: 25px;
}

.borderius-26 {
    border-radius: 26px;
}

.borderius-27 {
    border-radius: 27px;
}

.borderius-28 {
    border-radius: 28px;
}

.borderius-29 {
    border-radius: 29px;
}

.borderius-30 {
    border-radius: 30px;
}

.borderius-31 {
    border-radius: 31px;
}

.borderius-32 {
    border-radius: 32px;
}

.borderius-33 {
    border-radius: 33px;
}

.borderius-34 {
    border-radius: 34px;
}

.borderius-35 {
    border-radius: 35px;
}

.borderius-36 {
    border-radius: 36px;
}

.borderius-37 {
    border-radius: 37px;
}

.borderius-38 {
    border-radius: 38px;
}

.borderius-39 {
    border-radius: 39px;
}

.borderius-40 {
    border-radius: 40px;
}

.borderius-41 {
    border-radius: 41px;
}

.borderius-42 {
    border-radius: 42px;
}

.borderius-43 {
    border-radius: 43px;
}

.borderius-44 {
    border-radius: 44px;
}

.borderius-45 {
    border-radius: 45px;
}

.borderius-46 {
    border-radius: 46px;
}

.borderius-47 {
    border-radius: 47px;
}

.borderius-48 {
    border-radius: 48px;
}

.borderius-49 {
    border-radius: 49px;
}

.borderius-50 {
    border-radius: 50px;
}

.mx-91 {
    max-width: 91%;
}

.mx-92 {
    max-width: 92%;
}

.mx-93 {
    max-width: 93%;
}

.mx-94 {
    max-width: 94%;
}

.mx-95 {
    max-width: 95%;
}

.mx-96 {
    max-width: 96%;
}

.mx-97 {
    max-width: 97%;
}

.mx-98 {
    max-width: 98%;
}

.mx-99 {
    max-width: 99%;
}

.mx-100 {
    max-width: 100%;
}

/*center elem*/
.centerElement {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tabViews::after, body.fireSideNav::after, .tabViews .swiper-slide button.active::after, .sidebar::after, .border-line-grey::after, .borderAfter::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

/*loop font size*/
.size-1 {
    font-size: 1px;
}

.size-2 {
    font-size: 2px;
}

.size-3 {
    font-size: 3px;
}

.size-4 {
    font-size: 4px;
}

.size-5 {
    font-size: 5px;
}

.size-6 {
    font-size: 6px;
}

.size-7 {
    font-size: 7px;
}

.size-8 {
    font-size: 8px;
}

.size-9 {
    font-size: 9px;
}

.size-10 {
    font-size: 10px;
}

.size-11 {
    font-size: 11px;
}

.size-12 {
    font-size: 12px;
}

.size-13 {
    font-size: 13px;
}

.size-14 {
    font-size: 14px;
}

.size-15 {
    font-size: 15px;
}

.size-16 {
    font-size: 16px;
}

.size-17 {
    font-size: 17px;
}

.size-18 {
    font-size: 18px;
}

.size-19 {
    font-size: 19px;
}

.size-20 {
    font-size: 20px;
}

.size-21 {
    font-size: 21px;
}

.size-22 {
    font-size: 22px;
}

.size-23 {
    font-size: 23px;
}

.size-24 {
    font-size: 24px;
}

.size-25 {
    font-size: 25px;
}

.size-26 {
    font-size: 26px;
}

.size-27 {
    font-size: 27px;
}

.size-28 {
    font-size: 28px;
}

.size-29 {
    font-size: 29px;
}

.size-30 {
    font-size: 30px;
}

.size-31 {
    font-size: 31px;
}

.size-32 {
    font-size: 32px;
}

.size-33 {
    font-size: 33px;
}

.size-34 {
    font-size: 34px;
}

.size-35 {
    font-size: 35px;
}

.size-36 {
    font-size: 36px;
}

.size-37 {
    font-size: 37px;
}

.size-38 {
    font-size: 38px;
}

.size-39 {
    font-size: 39px;
}

.size-40 {
    font-size: 40px;
}

.size-41 {
    font-size: 41px;
}

.size-42 {
    font-size: 42px;
}

.size-43 {
    font-size: 43px;
}

.size-44 {
    font-size: 44px;
}

.size-45 {
    font-size: 45px;
}

.size-46 {
    font-size: 46px;
}

.size-47 {
    font-size: 47px;
}

.size-48 {
    font-size: 48px;
}

.size-49 {
    font-size: 49px;
}

.size-50 {
    font-size: 50px;
}

.size-51 {
    font-size: 51px;
}

.size-52 {
    font-size: 52px;
}

.size-53 {
    font-size: 53px;
}

.size-54 {
    font-size: 54px;
}

.size-55 {
    font-size: 55px;
}

.size-56 {
    font-size: 56px;
}

.size-57 {
    font-size: 57px;
}

.size-58 {
    font-size: 58px;
}

.size-59 {
    font-size: 59px;
}

.size-60 {
    font-size: 60px;
}

.weight-100 {
    font-weight: 100;
}

.weight-200 {
    font-weight: 200;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.weight-800 {
    font-weight: 800;
}

.weight-900 {
    font-weight: 900;
}

.weight-1000 {
    font-weight: 1000;
}

.widht-full {
    width: 100%;
}



.onestFont {
    font-family: "Inter";
    font-optical-sizing: auto;
    font-style: normal;
}

/*typoGraphy Line Height*/
.shrinkLineHeight {
    line-height: 1.35;
}

.middleHeading, .heading_searchPage {
    font-family: "Inter";
    font-size: 14px;
}

.heading_searchPage {
    font-weight: 700;
    color: #3F3F46;
}

.middleHeading {
    color: #26272B;
    font-weight: 500;
}

@media only screen and (max-width: 744px) {
    .width-tablet-85 {
        width: 85%;
    }
}

html {
    scroll-behavior: smooth;
    height: 100%;
    overflow-x: hidden;
    /* iOS Safari specific fixes */
    -webkit-text-size-adjust: 100%;
}

* {
    margin: 0;
    padding: 0;
}

*, ::after, ::before {
    box-sizing: border-box;
}

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.paddingSections {
    padding-top: 100px;
    padding-bottom: 100px;
}

.showItems {
    position: relative;
    z-index: 999;
}

.flex-grow-one {
    flex-grow: 1;
}

.d-flex {
    display: flex;
}

.d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute !important;
}

.top-0 {
    top: 0 !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.upperCaseFirstLtr {
    text-transform: capitalize;
}

.mrLeft-auto {
    margin-left: auto;
}

.mrt-0 {
    margin-right: 0 !important;
}

.pull-right {
    float: right !important;
}

/*helpers for sections*/
.postion-relative {
    position: relative;
}

.w-100 {
    width: 100%;
}

.row {
    --bs-gutter-x: 0 !important;
}

input {
    background: none;
    border: none;
    outline: 0;
}

button {
    border: none;
    background: none;
    outline: 0;
}

.container_shrink {
    width: 700px;
    margin: auto;
    max-width: 90%;
}

@media only screen and (max-width: 400px) {
    .mrb-mobile {
        margin-bottom: 15px;
    }
}

.mx-95 {
    max-width: 95%;
}

.borderAfter::after {
    bottom: 0;
    top: auto;
    background-color: #E4E4E7;
    height: 1px;
    width: 93%;
}

.border-line-grey {
    position: relative;
}

    .border-line-grey::after {
        top: auto;
        bottom: 0;
        height: 1px;
        background-color: #70707B;
    }

body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    /* Removed position: fixed - it blocks scrolling on iOS */
}

.pickAnsLayout {
    padding-top: 50px;
    height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Enable momentum scrolling on iOS */
}

.pickAnsLayout__container {
    /*
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  */
}

.pickAnsLayout__rightSide {
    position: relative;
    left: 260px;
    width: calc(100% - 260px);
    background-color: #fff;
    padding-left: 50px;
    border-top-left-radius: 48px;
    border: 1px solid #E5E5E5;
    padding-top: 15px;
    border: 1px solid #E5E5E5;
    padding-top: 0px;
    box-shadow: 0px 385px 154px rgba(168, 168, 168, 0.02);
}

.pickAnsLayout__main {
    position: relative;
    left: 200px;
    width: calc(100% - 200px);
    background-color: #fff;
    padding-left: 0;
    border-top-left-radius: 48px;
    border: 1px solid #E5E5E5;
    padding-top: 0;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 385px 154px rgba(168, 168, 168, 0.02);
    min-height: 80vh;
    height:fit-content;

    @include max(1300px) {
        // padding-left: 20px;
    }

    @include max(1098px) {
        // height:95vh;
    }
}

@media only screen and (max-width: 1098px) {
    .pickAnsLayout .askQuestion {
        /*
    position: fixed;
    width: 140px;
    bottom: 50px;
    left: 20px;

    input {
        font-size: 16px;
    }

    svg {
        display: none;
    }
        */
    }
}

.sidebar {
    /* min-width: 180px; */
    position: fixed;
    width: 200px;
    height: 100vh;
    background: none;
    top: auto;
}

    .sidebar::after {
        /* background-color: #f00; */
        bottom: 0;
        height: 400px;
        top: auto;
        width: 400px;
        z-index: 999999999999;
        background-image: url(var(--bk-path);
    }

.layoutPage {
    height: 80vh;
    width: inherit;
}


.innerRightLayout__innerpage {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* Enable smooth momentum scrolling on iOS */
}

    .innerRightLayout__innerpage::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F4F4F5;
    }

    .innerRightLayout__innerpage::-webkit-scrollbar {
        width: 5px;
        background-color: #131316;
    }

    .innerRightLayout__innerpage::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #131316;
    }

.innerRightLayout__leftSide {
    max-width: 100%;
    padding-left: 7%;
    width: 60%;
    /*
  @include max(1300px) {
      padding-left: 3%;
  }

  @include max(1250px) {
      padding-left: 0;
  }

  @include max(1098px) {
      width: 95%;
  }
      */
}

.innerRightLayout__rightSide {
    max-width: 100%;
    width: 300px;
    /*
  @include min(1500px) {
      width: 27%;
  }

  @include max(1200px) {
      width: 315px;
  }

  @include max(1098px) {
      width:100%;
  }
  */
}

.innerRightLayout .searchExpert {
    /*
  @include max(1098px) {
      width: 100% !important;
      max-width: 100%;
  }
      */
}

.headercomponent {
    height: 240px;
    background: linear-gradient(234.23deg, #08143F 0%, #0E2153 9.09%, #133068 18.18%, #153F7E 27.27%, #144F95 36.36%, #0A599D 44%, #0263A4 53%, #016DAA 60%, #00719F 67%, #007290 74%, #00727F 84%, #00716E 100%), url("/assets/images/Hero-Quotes.png");
    background-blend-mode: saturation;
}

@media only screen and (max-width: 500px) {
    .headercomponent {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
    }
}

.askQuestion {
    background-color: #fff;
    padding: 15px 0px;
    width: 26%;
    text-align: center;
    background: var(--button-primary);
    font-family: "Inter";
}

    .askQuestion.black {
        background-color: #131316;
    }

        .askQuestion.black input {
            color: #fff;
        }

        .askQuestion.black svg path {
            stroke: #fff;
        }

    .askQuestion input {
        font-family: "Inter";
        font-size: 18px;
        color: #131316;
        font-weight: 600;
    }

@media only screen and (max-width: 500px) {
    .askQuestion input {
        font-size: 14px;
    }
}

.tabViews .swiper-slide {
    width: auto !important;
}

    .tabViews .swiper-slide button {
        padding: 0 20px;
        padding-bottom: 10px;
    }

        .tabViews .swiper-slide button.active::after {
            top: auto;
            background-color: #18181B;
            height: 2px;
            bottom: 2px;
        }

.videoAnswer .swiper {
    width: 100%;
}

.videoAnswer .swiper-slide {
    width: 200px;
}

    .videoAnswer .swiper-slide .cardVideo .card {
        width: 100%;
    }

.AudioAnswer .swiper {
    width: 100%;
}

.AudioAnswer .swiper-slide {
    width: 255px;
}

.popularQuestions {
    font-family: "Inter";
}

@media only screen and (max-width: 420px) {
    .popularQuestions {
        margin-bottom: 25px;
    }
}

.popularQuestions.tendingQuestions {
    max-width: 93%;
}

    .popularQuestions.tendingQuestions > p {
        font-size: 12px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .popularQuestions.tendingQuestions > div > div p {
        font-size: 10px;
        font-weight: 500;
        color: #51525C;
    }

.mainTrendingPopulaQuestion > div:last-child > div {
    margin-bottom: 0;
}

.searchExpert {
    background-color: #fff;
    box-shadow: 0px 51px 20px rgba(48, 48, 55, 0.01), 0px 29px 17px rgba(48, 48, 55, 0.05), 0px 13px 13px rgba(48, 48, 55, 0.09), 0px 3px 7px rgba(48, 48, 55, 0.1);
    border: 1px solid #E4E4E7;
    padding: 7px 15px;
    padding-left: 50px;
    width: 840px;
    margin: auto;
    max-width: 90%;
    align-self: center;
}

    .searchExpert.light {
        width: 63.1%;
        padding: 12px 15px;
        padding-left: 25px;
        margin: 0;
        box-shadow: 0px 0px 1px 0px rgba(65, 55, 48, 0.0392156863) inset, 0px 1px 1px 0px rgba(65, 55, 48, 0.031372549) inset, 0px 3px 2px 0px rgba(65, 55, 48, 0.0196078431) inset, 0px 5px 2px 0px rgba(65, 55, 48, 0.0117647059) inset, 0px 8px 2px 0px rgba(65, 55, 48, 0) inset;
    }

        .searchExpert.light input {
            font-size: 18px;
            color: #A0A0AB;
            font-weight: 400;
            padding-left: 10px;
        }

            .searchExpert.light input::placeholder {
                font-size: 18px;
                color: #A0A0AB;
                font-weight: 400;
            }

    .searchExpert input::placeholder {
        font-size: 26px;
        color: #26272B;
        font-weight: 600;
        font-family: "Inter";
    }

@media only screen and (max-width: 500px) {
    .searchExpert input {
        font-size: 18px;
    }
}

.searchExpert input::placeholder {
    font-size: 26px;
    color: #26272B;
    font-family: "Inter";
}

@media only screen and (max-width: 500px) {
    .searchExpert input::placeholder {
        font-size: 18px;
    }
}

.searchExpert img {
    position: relative;
    left: -20px;
    top: -1px;
}

.searchExpert button {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(0deg, #131316 0%, #2F2F37 100%);
    margin-left: auto;
}

@media only screen and (max-width: 500px) {
    .searchExpert button svg {
        width: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .searchExpert button {
        width: 35px;
        height: 35px;
    }
}

@media only screen and (max-width: 400px) {
    .searchExpert button {
        display: none !important;
    }
}

.cardExpert {
    background-color: #FAFAFA;
    width: 100%;
    border-radius: 8px;
    font-family: "Inter";
    padding-bottom: 10px;
}

    .cardExpert img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        height: 150px;
    }

    .cardExpert .e-rating-item-container:not(.e-rating-selected) .e-rating-item.e-rating-icon.e-icons.e-star-filled::before, .cardExpert .e-rating-item-container.e-rating-selected .e-rating-item.e-rating-icon.e-icons.e-star-filled::before {
        content: "";
        display: block;
        width: 9px;
        height: 9px;
    }

    .cardExpert .e-rating-item-list > span:not(:last-child) {
        margin-right: 3px;
    }

    .cardExpert .e-rating-container .e-rating-item-container {
        min-width: auto;
        min-height: auto;
        padding: 0;
    }

    .cardExpert .e-rating-item-container.e-rating-selected .e-rating-item.e-rating-icon.e-icons.e-star-filled::before {
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.74008 0.749607C4.76123 0.698023 4.79724 0.653895 4.84354 0.622837C4.88984 0.591779 4.94433 0.575195 5.00008 0.575195C5.05583 0.575195 5.11032 0.591779 5.15662 0.622837C5.20292 0.653895 5.23893 0.698023 5.26008 0.749607L6.32258 3.30511C6.34247 3.35292 6.37517 3.39433 6.41707 3.42476C6.45897 3.4552 6.50846 3.47348 6.56008 3.47761L9.31908 3.69861C9.56858 3.71861 9.66958 4.03011 9.47958 4.19261L7.37758 5.99361C7.33831 6.0272 7.30905 6.07096 7.29299 6.12008C7.27694 6.16921 7.27472 6.2218 7.28658 6.27211L7.92908 8.96461C7.942 9.01863 7.93861 9.07526 7.91936 9.12736C7.9001 9.17945 7.86584 9.22468 7.8209 9.25731C7.77596 9.28995 7.72235 9.30853 7.66685 9.31072C7.61136 9.31291 7.55645 9.2986 7.50908 9.26961L5.14658 7.82711C5.10247 7.80016 5.05178 7.78589 5.00008 7.78589C4.94839 7.78589 4.8977 7.80016 4.85358 7.82711L2.49108 9.27011C2.44371 9.2991 2.38881 9.31341 2.33331 9.31122C2.27781 9.30903 2.22421 9.29045 2.17927 9.25781C2.13432 9.22518 2.10006 9.17995 2.08081 9.12786C2.06155 9.07576 2.05817 9.01912 2.07108 8.96511L2.71358 6.27211C2.7255 6.22181 2.72331 6.16919 2.70725 6.12006C2.6912 6.07092 2.6619 6.02717 2.62258 5.99361L0.520582 4.19261C0.478253 4.15652 0.447585 4.10869 0.432462 4.05517C0.417338 4.00164 0.41844 3.94483 0.435626 3.89193C0.452813 3.83903 0.485312 3.79242 0.529008 3.75801C0.572703 3.72359 0.625629 3.70292 0.681082 3.69861L3.44008 3.47761C3.49171 3.47348 3.54119 3.4552 3.5831 3.42476C3.625 3.39433 3.65769 3.35292 3.67758 3.30511L4.74008 0.749607Z' fill='%2351525C'/%3E%3C/svg%3E%0A");
    }

    .cardExpert .e-rating-item-container:not(.e-rating-selected) .e-rating-item.e-rating-icon.e-icons.e-star-filled::before {
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.74008 0.749607C4.76123 0.698023 4.79724 0.653895 4.84354 0.622837C4.88984 0.591779 4.94433 0.575195 5.00008 0.575195C5.05583 0.575195 5.11032 0.591779 5.15662 0.622837C5.20292 0.653895 5.23893 0.698023 5.26008 0.749607L6.32258 3.30511C6.34247 3.35292 6.37517 3.39433 6.41707 3.42476C6.45897 3.4552 6.50846 3.47348 6.56008 3.47761L9.31908 3.69861C9.56858 3.71861 9.66958 4.03011 9.47958 4.19261L7.37758 5.99361C7.33831 6.0272 7.30905 6.07096 7.29299 6.12008C7.27694 6.16921 7.27472 6.2218 7.28658 6.27211L7.92908 8.96461C7.942 9.01863 7.93861 9.07526 7.91936 9.12736C7.9001 9.17945 7.86584 9.22468 7.8209 9.25731C7.77596 9.28995 7.72235 9.30853 7.66685 9.31072C7.61136 9.31291 7.55645 9.2986 7.50908 9.26961L5.14658 7.82711C5.10247 7.80016 5.05178 7.78589 5.00008 7.78589C4.94839 7.78589 4.8977 7.80016 4.85358 7.82711L2.49108 9.27011C2.44371 9.2991 2.38881 9.31341 2.33331 9.31122C2.27781 9.30903 2.22421 9.29045 2.17927 9.25781C2.13432 9.22518 2.10006 9.17995 2.08081 9.12786C2.06155 9.07576 2.05817 9.01912 2.07108 8.96511L2.71358 6.27211C2.7255 6.22181 2.72331 6.16919 2.70725 6.12006C2.6912 6.07092 2.6619 6.02717 2.62258 5.99361L0.520582 4.19261C0.478253 4.15652 0.447585 4.10869 0.432462 4.05517C0.417338 4.00164 0.41844 3.94483 0.435626 3.89193C0.452813 3.83903 0.485312 3.79242 0.529008 3.75801C0.572703 3.72359 0.625629 3.70292 0.681082 3.69861L3.44008 3.47761C3.49171 3.47348 3.54119 3.4552 3.5831 3.42476C3.625 3.39433 3.65769 3.35292 3.67758 3.30511L4.74008 0.749607Z' fill='%23ccc'/%3E%3C/svg%3E%0A");
    }

.pickAnsNavBar__logo svg path {
    fill: #131316;
}

.pickAnsNavBar__nav .nav-item > a {
    color: var(--nav-color) !important;
    font-weight: 600;
    font-size: 14px;
    font-family: "Inter";
    transition: 0.35s;
    padding: 12px 15px;
    position: relative;
}

    .pickAnsNavBar__nav .nav-item > a:hover {
        color: var(--nav-active-hover-color) !important;
        svg{
               path{
                       stroke:var(--nav-active-hover-color) !important;
              }   
       }
    }

    .pickAnsNavBar__nav .nav-item > a.active {
        color: var(--nav-active-color) !important;
        background: var(--nav-active-bk);
        border: 1px solid rgba(209, 209, 214, 1);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
    }

        .pickAnsNavBar__nav .nav-item > a.active svg path {
            stroke: var(--nav-active-color) !important;
        }

    .pickAnsNavBar__nav .nav-item > a svg path {
        stroke: var(--nav-color) !important;
        fill: none
    }

.pickAnsNavBar__nav .nav-item .notificationsLabel {
    position: absolute;
    top: 9px;
    left: 25px;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #650F0F;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navMenuMobile {
    display: none !important;
}

    .navMenuMobile svg path {
        fill: #131316;
    }

.hamburgMenu {
    padding: 0 8px;
    height: 36px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

    .hamburgMenu span {
        display: block;
        background-color: #26272B;
        width: 20px;
        height: 2px;
    }

        .hamburgMenu span:nth-child(2) {
            margin: 4px 0;
        }

        .hamburgMenu span:nth-child(3) {
            width: 12px;
            align-self: flex-start;
        }

/*Mobile Scenario*/
.close-button {
    position: absolute;
    top: 50px;
    right: 25px;
    cursor: pointer;
    display: none;
}

    .close-button svg {
        width: 25px;
        height: 25px;
    }

body.fireSideNav .sidebar.Mobile {
    transition: 0.35s;
    width: 175px;
    overflow: visible;
    background-color: #fff;
    z-index: 9999999;
    top: 0;
    left: 0;
}

    body.fireSideNav .sidebar.Mobile .pickAnsNavBar {
        height: 100%;
    }

    body.fireSideNav .sidebar.Mobile .pickAnsNavBar__nav {
        height: 100%;
        padding-left: 0;
        padding-top: 80px;
    }

    body.fireSideNav .sidebar.Mobile .pickAnsNavBar__logo {
        display: none;
    }

    body.fireSideNav .sidebar.Mobile::after {
        width: 175px;
    }

body.fireSideNav .tabViews {
    z-index: 999;
}

body.fireSideNav::after {
    background-color: rgba(16, 17, 19, 0.5882352941);
    z-index: 99999;
}

.cardVideo video, .cardVideo .card {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.cardVideo .card {
    background-color: #F4F4F5;
    width: 96%;
    border: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.cardVideo__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 108px;
}

    .cardVideo__video .durationVideo {
        position: absolute;
        bottom: 7px;
        color: #FCFCFC;
        left: 10px;
    }

    .cardVideo__video video {
        height: 100%;
        object-fit: cover;
    }

    .cardVideo__video button.hide {
        display: none;
    }

.cardVideo .card-body {
    padding: 0;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}

    .cardVideo .card-body p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .cardVideo .card-body button {
        transition: 0.35s;
    }

        .cardVideo .card-body button.active svg path {
            fill: #3f3f47;
        }

.cardVideo.lightText .card-body > p {
    font-weight: 400;
    color: #3F3F46;
    font-size: 12px;
    -webkit-line-clamp: 3;
}

.audioWidget {
    background-color: #F4F4F5;
    border-radius: 16px;
    padding: 10px 12px;
    margin-bottom: 50px;
}

    .audioWidget p {
        line-height: 1.35;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .audioWidget audio {
        height: 30px;
        position: relative;
        top: 5px;
        left: -10px;
        /* background: transparent; */
    }

    .audioWidget.AudioTrending {
        cursor: pointer;
        margin-bottom: 0;
    }

        .audioWidget.AudioTrending > p {
            font-size: 12px;
        }

        .audioWidget.AudioTrending audio {
            width: 90%;
        }

.tabViews {
    width: 50%;
    background-color: #fff;
    z-index: 9999999999;
    position: fixed;
    /*
  @include max(1098px) {
      max-width: 100%;
      width: 100%;
  }
  */
}

    .tabViews::after {
        bottom: 2px;
        top: auto;
        background-color: #E4E4E7;
        height: 1px;
        width: 85%;
    }

    .tabViews button {
        color: #51525C;
        font-size: 14px;
        font-weight: 500;
        font-family: "Inter";
    }

        .tabViews button.active {
            color: #18181B;
        }

.recommendExpert .cardExpert img {
    height: 80px;
}

.recommendExpert .cardExpert .name {
    font-size: 14px;
}

.recommendExpert .cardExpert .occupation {
    font-size: 12px;
}

.searchPage {
    /* adjust modal Ask Question*/
}

    .searchPage .searchExpert {
        position: relative;
        top: -40px;
    }

@media only screen and (max-width: 500px) {
    .searchPage .searchExpert {
        top: -20px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

        .searchPage .searchExpert ~ .container_shrink .heading_searchPage {
            margin-top: 25px;
        }
}

.searchPage form {
    position: absolute;
}

@media only screen and (max-width: 420px) {
    .whyUsePickans__text {
        margin-bottom: 15px;
        max-width: 95%;
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .FeaturedExperts {
        margin-bottom: 50px;
    }
}

.categoreis__cardVideo {
    margin-top: 15px;
    margin-bottom: 20px;
}

.categoreis .popularQuestions p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.categoreis .threadQuestions .popularQuestions {
    padding-bottom: 35px;
    position: relative;
}

    .categoreis .threadQuestions .popularQuestions::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        top: auto;
        bottom: 25px;
        height: 1px;
        background-image: url("data:image/svg+xml,%3Csvg width='600' height='1' viewBox='0 0 600 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0.5' x2='799.5' y2='0.5' stroke='%23D1D1D6' stroke-linecap='round' stroke-dasharray='4 6'/%3E%3C/svg%3E%0A");
    }

@media only screen and (min-width: 774px) {
    .categoreis .threadQuestions > div:nth-child(1) {
        padding-top: 35px;
    }

        .categoreis .threadQuestions > div:nth-child(1)::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            top: 0;
            bottom: auto;
            height: 1px;
            background-image: url("data:image/svg+xml,%3Csvg width='600' height='1' viewBox='0 0 600 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0.5' x2='799.5' y2='0.5' stroke='%23D1D1D6' stroke-linecap='round' stroke-dasharray='4 6'/%3E%3C/svg%3E%0A");
        }
}

@media only screen and (min-width: 1194px) {
    .categoreis .threadQuestions > div:nth-child(1) {
        padding-top: 0;
    }

        .categoreis .threadQuestions > div:nth-child(1)::before {
            display: none;
        }
}

@media only screen and (min-width: 774px) {
    .categoreis .threadQuestions > div:last-child::after {
        display: none;
    }
}

@media only screen and (min-width: 1194px) {
    .categoreis .threadQuestions > div:last-child::after {
        display: block;
    }
}

.innerRightLayout__rightSide.Desktop {
    width: 27%;
}

@media screen and (max-width: 1279px) and (min-width: 1023px) {
    .innerRightLayout__leftSide {
        padding-left: 0;
        width: 60%;
    }

    .pickAnsLayout__rightSide {
        padding-left: 0px;
    }

    .innerRightLayout__rightSide {
        width: 280px;
    }

    askQuestion {
        width: 250px;
    }

    .tabViews button {
        padding-left: 9px;
        padding-right: 9px;
    }

    .tabViews::after {
        width: 95%;
    }

    .pickAnsLayout__rightSide {
        left: 195px;
        width: calc(100% - 195px);
    }

    .sidebar {
        width: 175px;
    }

    .tabViews {
        width: calc(100% - 540px);
        transform: translate(-1px, -1px);
    }

    .askQuestion {
        width: 250px;
    }
}

@media screen and (max-width: 1022px) and (min-width: 743px) {
    .askQuestion.black {
        position: fixed;
        bottom: 7%;
        left: 2%;
        width: 140px;
    }

        .askQuestion.black input {
            font-size: 16px;
        }

        .askQuestion.black svg {
            display: none;
        }

    .searchExpert.light {
        width: 100%;
        max-width: 100%;
    }

    .pickAnsLayout__rightSide {
        padding-left: 0px;
        width: calc(100% - 175px);
        left: 175px;
    }

    .innerRightLayout__leftSide {
        padding-left: 0;
        width: 97%;
    }

    .innerRightLayout__innerpage {
        flex-direction: column;
    }

    .tabViews {
        width: calc(100% - 216px);
    }

        .tabViews::after {
            width: calc(100% - 20px);
        }

        .tabViews .swiper-slide button {
            padding: 0 15px;
            padding-bottom: 10px;
        }

    .sidebar {
        width: 165px;
    }

        .sidebar .nav-link {
            padding-left: 0;
        }

        .sidebar .pickAnsNavBar__nav .nav-item .notificationsLabel {
            left: 9px;
        }

    .mtop-50 {
        margin-top: 60px;
    }
    /*custom Trending*/
    .customTrending {
        margin-bottom: 15px;
    }

        .customTrending .borderAfter::after {
            display: none;
        }

        .customTrending .popularQuestions p {
            -webkit-line-clamp: 1;
        }

        .customTrending .tendingQuestions > div {
            margin-bottom: 10px;
        }

    .recommendExpert .cardExpert {
        position: relative;
    }

        .recommendExpert .cardExpert > div {
            height: 100px;
        }

    .recommendExpert .cardExpert__rating {
        position: absolute;
        width: 100%;
        left: 10px;
        right: auto;
        justify-content: flex-start !important;
        align-self: flex-start;
        align-items: flex-start !important;
        bottom: 10px;
    }
}
/*
.mainLayoutBk.Mobile{
    padding-top:30px;
}
.sidebar.Mobile {
    width: 0;
    overflow: hidden;
    .close-button{
        display:block;
    }
}
.pickAnsLayout__rightSide.Mobile {
    left: 0;
    width: 100%;
    padding-left: 0;
    border-top-left-radius:12px;
}
.innerRightLayout__innerpage.Mobile {
    flex-direction:column;
}
.innerRightLayout__leftSide.Mobile {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;

    > div:not(.tabViews) {
        max-width: 92%;
        margin-left: auto;
        margin-right: auto;
    }
}

.tabViews.Mobile {
    width: calc(100% - 45px);

    transform:translate(5px, -1px);

    &::after {
        width: calc(100% - 10px);
    }
}

.tabViews.Mobile .swiper-slide button {
    padding: 0 9px;
    padding-bottom: 10px;
    &::after{
        left:10px;
    }
}
.categoreis__cardVideo.Mobile {
    .swiper-slide {
        width: 200px !important;

        .cardVideo {
        }

        .cardVideo .card-body p {
            -webkit-line-clamp: 3;
        }
    }
}
.askQuestion.Mobile {
    padding: 10px 15px;
    box-shadow: 0px 0px 0px 2px #1C1E22,0px 0px 0px 1px #E7E8EB33;

    width: auto;
    margin-left:auto;

    svg {
        margin-right: 5px;
    }
}
*/
@media screen and (max-width: 743px) and (min-width: 200px) {
    .mainHeaderDesktop {
        display: none !important;
    }

    .navMenuMobile {
        display: flex !important;
    }

    .close-button {
        display: block;
    }

    .mainLayoutBk {
        padding-top: 30px;
    }

    .sidebar {
        width: 0;
        overflow: hidden;
    }

    .pickAnsLayout__rightSide {
        left: 0;
        width: 100%;
        padding-left: 0;
        border-top-left-radius: 12px;
    }

    .innerRightLayout__innerpage {
        flex-direction: column;
    }

    .innerRightLayout__leftSide {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

        .innerRightLayout__leftSide > div:not(.tabViews) {
            max-width: 92%;
            margin-left: auto;
            margin-right: auto;
        }

    .tabViews {
        width: calc(100% - 45px);
        transform: translate(5px, -1px);
    }

        .tabViews::after {
            width: calc(100% - 10px);
        }

        .tabViews .swiper-slide button {
            padding: 0 9px;
            padding-bottom: 10px;
        }

            .tabViews .swiper-slide button::after {
                left: 10px;
            }

    .categoreis__cardVideo .swiper-slide {
        width: 200px !important;
    }

        .categoreis__cardVideo .swiper-slide .cardVideo .card-body p {
            -webkit-line-clamp: 3;
        }

    .askQuestion {
        padding: 10px 15px;
        box-shadow: 0px 0px 0px 2px #1C1E22, 0px 0px 0px 1px rgba(231, 232, 235, 0.2);
        width: auto;
        margin-left: auto;
    }

        .askQuestion svg {
            margin-right: 5px;
        }
}

body.fireSideNav .sidebar {
    transition: 0.35s;
    width: 175px;
    overflow: visible;
    background-color: #fff;
    z-index: 9999999;
    top: 0;
    left: 0;
}

    body.fireSideNav .sidebar .pickAnsNavBar {
        height: 100%;
    }

    body.fireSideNav .sidebar .pickAnsNavBar__nav {
        height: 100%;
        padding-left: 0;
        padding-top: 80px;
    }

    body.fireSideNav .sidebar .pickAnsNavBar__logo {
        display: none;
    }

    body.fireSideNav .sidebar::after {
        width: 175px;
    }

body.fireSideNav .tabViews {
    z-index: 999;
}

body.fireSideNav::after {
    background-color: rgba(16, 17, 19, 0.5882352941);
    z-index: 99999;
}

.e-btn {
    background-color: black;
    color: white;
    border-radius: 16px;
    border-color: black;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-content {
    margin-top: 20%;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    overflow: hidden;
}

.modal-header {
    background-color: #F8F8F8;
}

.modal-footer {
    background-color: #F8F8F8;
}

.btn-close {
    background: White url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 1px solid;
    border-radius: 8px;
}

.blazor-toast {
    position: fixed;
    top: 10px; /* Adjust position as needed */
    right: 10px; /* Adjust position as needed */
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 9999; /* Ensure toast has high z-index */
    display: flex; /* Allow content alignment */
    align-items: center; /* Center content vertically */
}

.blazor-toast-content {
    flex: 1 1 auto; /* Allow content to grow */
    margin: 0 0.5rem; /* Add some margin */
}

.blazor-toast-icon {
    m
    /*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_typography.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_vars.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_mixins.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_breakpoints.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_helpers.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_layout.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_header.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/_swipper.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_popularQuestions.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_searchExpert.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_cardExpert.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_navbar.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_cardVideo.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_audio.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_tabViews.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/components/_trendingExpert.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/pages/_searchPage.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/pages/_categoreis.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/responsive/_desktop.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/responsive/_tablet.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/responsive/_tabletPotrtrait.scss%22,%22file:///C:/Users/MR/Desktop/another/PickAns/PickAns/src/PickAns.Web/wwwroot/scss/responsive/_mobile.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAQ;ACaR;EACI,OAdG;;;AAgBP;EACI,OAfY;;;AAiBhB;EACI,OAfQ;;;AAiBZ;EACI,OAjBQ;;;AAmBZ;EACI,OAlBO;;;AAoBX;EACI,OA5BG;;;AA8BP;EACI,OAtBM;;;AAwBV;EACI,OAvBK;;;AAyBT;EACI,kBA1BK;;;AA4BT;EACI,OAhCK;;;ACRL;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAGR;AAEI;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAIJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAKJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAGR;AAOA;EALI;EACA;EACA;EACA;;;AAMJ;EAC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%22%7D */
}


@media (max-width: 991px) {
    .qa-section {
        max-width: 100%;
        margin-top: 40px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
    color: black !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, 
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: black !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}


.e-tab .e-tab-header .e-toolbar-item {
    border-bottom: 2px solid rgba(228, 228, 231, 1) !important;
}

.e-tab .e-tab-header .e-indicator {
    background: rgba(24, 24, 27, 1) !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: Onest !important;
    text-transform: capitalize !important;
}


input {
    font-family: "Inter";
}

textarea {
    font-family: "Inter";
}

button {
    font-family: "Inter";
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(231, 232, 235, 0.2), 0 0 0 2px var(--button-primary);
    gap: 4px;
    color: #fff;
}
.primary-btn {
    padding: 8px 12px;
    text-align: center;
    background: var(--button-primary);
}

label {
    font-family: "Inter";
}


/*Sidebar and Sidebar  Overlay*/

.e-sidebar.e-over {
    margin: 17px 20px 23px 20px !important;
    height: calc(100dvh - 40px);
    background: linear-gradient(180deg, #E3F1FD 0%, #F9F9F9 47.49%);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 23px;
    box-shadow: none;
    width: 522px !important;
    z-index: 9001 !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    pointer-events: auto !important;
    position: fixed !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    /* Enable iOS momentum scrolling and touch interaction - using dvh for iPad Chrome compatibility */
    /* Fixed positioning ensures proper stacking context on iPad Chrome after body position change */
    /* transform: translateZ(0) creates a new stacking context to ensure modal appears above backdrop on iPad Chrome */
}

.e-backdrop, .e-sidebar-overlay {
    background: rgba(0, 0, 0, 0.72);
    z-index: 1000 !important;
    position: fixed !important;
    pointer-events: none !important;
}


@media (max-width: 660px) {
    .e-sidebar.e-over {
        margin: 60px 0px 60px 0px !important;
        height: calc(100dvh - 120px);
        background: rgba(243, 243, 243, 1) !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        z-index: 9000 !important;
        width: 100vw !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        pointer-events: auto;
    }

    .e-sidebar.e-over.message-thread {
        margin: 60px 0px 0px 0px !important;
        height: calc(100dvh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        pointer-events: auto;
    }

    .e-backdrop, .e-sidebar-overlay {
        z-index: 8999 !important;
    }
}

.validation-message {
    color: #e50000;
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: -0.26px !important;
}
