@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Spartan:wght@100..900&family=Noto+Sans+JP:wght@500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {

     --secondery-color: #127DCC;
     --white: #fff;
     --partagraph: #3E334E;
     --black: #000;
     --grey: #f5f5f5;
     --primary-color: #18497C;
     --bg-color: #ECF7FF;
     --heading-color: #28333D;
     --menu-act: #348AB5;
     --c-primary: #194E69;
     --c-secondary: #2062AC;
     --c-warning: #D67C05;
     --c-danger: #c50808;
     --c-white: #fff;
     --menubg: #16474B;
     --bodycolor: #f5f5f5;
     --c-off-white: #FAFAFA;
     --c-black: #000;
     --c-dark: #454545;
     --c-dull: #7F7F7F;
     --c-gray: #DDDDDD;
     --c-gray-l: #ECECEC;
     --shadow: 0px 1px 20px 1px #00000003;
     --ease-in-out-4: .4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
     --fs-1416: clamp(0.91rem, calc(0.87rem + 0.16vw), 1.00rem);
     --fs-1624: clamp(1rem, calc(1.02rem + 0.22vw), 1.5rem);
     --fs-2532: clamp(1.56rem, calc(1.41rem + 0.76vw), 2.00rem);
     --space-xs: clamp(0.50rem, calc(0.35rem + 0.76vw), 0.94rem);
     --space-s: clamp(0.94rem, calc(0.61rem + 1.63vw), 1.5rem);
     --space-s2: clamp(1.25rem, calc(1.03rem + 1.09vw), 1.88rem);
     --h-3242: clamp(2.00rem, calc(1.78rem + 1.09vw), 2.63rem);


     --star-size: 24px;
     --star-color: #fff;
     --star-background: #fc0;
}

body {
     margin: 0px;
     padding: 0px;
     font-family: "Poppins", sans-serif;
     background-color: var(--bodycolor);
     top: 0px !important
}

.ColorBg {
     background-color: #fff;
}

/* width */
::-webkit-scrollbar {
     width: 8px;
     height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
     border-radius: 2px;
     background-color: var(--c-off-white);
}

/* Handle */
::-webkit-scrollbar-thumb {
     background-color: var(--c-gray);
     border-radius: 2px;
     opacity: 0.6;
}

img {
     width: 100%;
}

a {
     text-decoration: unset;
     color: var(--dark);
}




button:is(:hover, :focus) {
     outline: unset;
     border: unset;
}

button {
     border: unset;
     background: unset;
}

.btn_md {
     border-radius: 5px;
     padding: 8px 24px;
     font-size: 16px;
     font-weight: 500;
}

.btn_brand {
     background-color: var(--c-primary);
     color: var(--c-white);
}

.btn_danger {
     background-color: var(--c-danger);
     color: var(--c-white);
}

.btn_sm {
     padding: 8px 18px;
     font-size: 14px;
     border-radius: 5px;
}

.btn_act_wrap {
     display: inline-flex;
     gap: 0px;
     align-items: center;
}

.btn_act_wrap .btn_act {
     width: 36px;
     aspect-ratio: 1 / 1;
     border-radius: 4px;
     display: inline-grid;
     place-content: center;
     font-size: 19px;

}

button.btn_md.btn_brand.cancel {
     border: 1px solid var(--c-dark);
     background: 0;
     color: var(--c-dark);
}

small.badgecss {
     font-size: 1rem;
     color: #348ab5;
}

h6.fw-bold i {
     font-size: 14px;
}

.btn_act_wrap .btn_act.view {
     color: var(--c-secondary);
}

.btn_act_wrap .btn_act.edit {
     color: var(--c-primary);
}

.btn_act_wrap .btn_act.delete {
     color: var(--c-danger);
}

.gap-15 {
     gap: 15px 0px;
}

.dropdown-menu::before {
     position: absolute;
     content: "";
     top: -10px;
     right: 5px;
     border-bottom: 10px solid var(--c-white);
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.2196078431));
}

.dropdown-item {
     display: flex;
     gap: 10px;
     color: var(--c-dark);
     font-size: 14px;
     padding-block: 6px;
}

.dropdown-item+.dropdown-item {
     border-top: 1px dotted var(--c-gray);
}

.dropdown-item .icon_box {
     width: 20px;
     display: inline-grid;
     place-content: center;
}

.dropdown-item .icon_box svg {
     fill: var(--c-dark);
}

.content_layout {
     width: calc(100% - var(--w-aside));
     margin-left: var(--w-aside);
     transition: var(--ease-in-out-4);
}

.content_layout .main__wrap {
     padding: 5px;
}

.content_layout header {
     padding: 12px 15px;
     position: sticky;
     top: 0;
     z-index: 1;
     background: var(--white);
     border-bottom: 1px solid #dddddd4a;
}

.custom_tab .nav {
     gap: 10px;
}

.custom_tab .nav .nav-item .nav-link {
     background-color: var(--c-gray-l);
     border-radius: 5px;
     padding: 8px 24px;
     color: var(--c-dark);
}

.custom_tab .nav .nav-item .nav-link.active {
     background-color: var(--c-primary);
     color: var(--c-white);
}

.custom_offCanvas {
     background-color: var(--c-off-white);
}

.alert-dismissible .btn-close {
     padding: 14px;
}


:root {
     --g-info-card-inner: 10px;
     --w-info-card-img: 44px;
     --w-meta-card-icon: 66px;
     --w-meta-card-svg: 27px;
     --g-meta-card-inner: 10px;
}

.content__wrap {
     background-color: var(--c-white);
     border-radius: 4px;
     box-shadow: var(--shadow);
}

.content__wrap .content_head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-block: var(--space-xs);
     padding-inline: var(--space-s);
     padding-bottom: 0px;

}

.content__wrap .content_head .content_title {
     font-size: var(--fs-1624);
     color: var(--c-primary);
     font-weight: 700;
     margin: unset;
}


.content__wrap .content_body {
     padding-inline: var(--space-s);
     /* padding-block: 1.5625rem var(--space-s);  */
     padding-bottom: 20px;
}

.content__wrap .content_body:has(+ .content_foot) {
     padding-block-end: 1.25rem;
}

.content__wrap .content_body:has(> .form) {
     padding-block-start: 1.25rem;
}

.content__wrap .content_foot {
     padding-bottom: var(--space-s);
}

.top_navbar {
     display: flex;
     align-items: center;
}

.top_navbar .end_wrap {
     margin-left: auto;
     display: inline-flex;
     gap: 33px;
}

.top_navbar .drop_down {
     margin-left: auto;
     position: relative;
     display: inline-flex;
}

.dropdown-toggle::after {

     content: "";
     border-top: .3em solid #fff;

}

.top_navbar .drop_down .dropdown-toggle {
     display: inline-flex;
     align-items: center;
     gap: 10px;

}

.top_navbar .drop_down .info_card {
     --w-info-card-img: 40px;
}

.top_navbar .drop_down .img_box {
     width: var(--w-info-card-img);
     aspect-ratio: 1/1;
     display: inline-flex;
     border-radius: 50%;
     overflow: hidden;
     box-shadow: var(--shadow);
}

.top_navbar .notification .dropdown-toggle {
     position: relative;
     min-width: 30px;
     padding: 8px;
}

.top_navbar .notification .dropdown-toggle::after {
     display: none;
}

.top_navbar .notification .dropdown-toggle svg {
     width: 22px;
     aspect-ratio: 1/1;
     height: 31px;
}

.top_navbar .notification .dropdown-menu {
     width: max(360px, 100%);
     padding: 1rem;
}

.top_navbar .notification .noti_num {
     position: absolute;
     top: -13%;
     right: -43%;
     width: 20px;
     aspect-ratio: 1/1;
     border-radius: 50%;
     color: var(--c-white);
     background-color: var(--c-danger);
     font-size: 11px;
     display: inline-grid;
     place-content: center;
}


:root {
     --w-aside: 260px;
     --w-nav-icon: 30px;
     --h-logo-wrap: clamp(3.13rem, calc(1.39rem + 8.70vw), 5.75rem);
     --p-navlink-block: 10px;
     --p-navlink-inline: 10px;
     --g-navlink-icon: 8px;
}

.aside_collapse {
     --w-aside: clamp(3.13rem, calc(2.47rem + 3.26vw), 5.00rem);
}

.aside_collapse .aside .text {
     display: none;
     transition: var(--ease-in-out-4);
     opacity: 0;
     width: 0px;
}

.aside_collapse .aside .nav_link:not(.active)::after {
     opacity: 0;
}

.brand_logo {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     padding: 0;
     min-height: 68px;

}

.brand_logo img {
     width: var(--w-brand-logo);
     max-width: 70%;
     width: 190px;
}

.aside__wrap {
     position: fixed;
     top: 0px;
     bottom: 0px;
     width: min(var(--w-aside), 100%);
     display: flex;
     transition: var(--ease-in-out-4);
     background-color: var(--c-primary);
     z-index: 1024;
     text-decoration: none;
}

.aside__wrap.aside_translate {
     transform: translateX(0px);
}

.aside__wrap.aside_translate~.back__drop {
     transform: translate(0px);
}

.aside__wrap .aside {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     overflow-y: hidden;
}

.aside__wrap .aside .sidenav_wrap {
     flex-grow: 1;
     padding-block: 2.1rem 1rem;
     max-height: calc(100vh - 92px);
}

.aside__wrap .nav_item .nav_link {
     display: flex;
     align-items: center;
     gap: var(--g-navlink-icon);
     padding: var(--p-navlink-block) var(--p-navlink-inline);
     position: relative;
     color: var(--c-white);
     white-space: nowrap;
     font-size: 13px;
     font-weight: 400;

     text-decoration: none;
}

.aside__wrap .nav_item .nav_link.active {
     opacity: 1;
     background: var(--menu-act);
     color: var(--c-white);
     font-weight: 500;
     border-radius: 6px;
}


.aside__wrap .nav_item .nav_link:hover {
     opacity: 1;
}

.aside__wrap .nav_item .nav_link .icon_box {
     width: var(--w-nav-icon);
     display: grid;
     place-content: center;
     aspect-ratio: 1/1;
     flex-shrink: 0;
}

.aside__wrap .nav_item .nav_link .icon_box i {
     line-height: inherit;
}

.back__drop {
     inset: 0 0 0 0;
     position: fixed;
     z-index: 2;
     backdrop-filter: brightness(0.8);
     transform: translateX(-100%);
     transition: var(--ease-in-out-4);
}

[data-p-dropdown] {
     transition: height 4s;
}

[data-p-dropdown]>.nav_link::after {
     --rotate: 180deg;
     position: absolute;
     content: ">";
     font-family: "Font Awesome 5 free";
     font-weight: 900;
     top: 50%;
     right: calc(var(--p-navlink-inline) * 1.5);
     transform: translateY(-50%) rotate(var(--rotate));
     transform-origin: center;
     transition: var(--ease-in-out-4);
}

[data-p-dropdown].show>.nav_link::after {
     --rotate: 90deg;
}

[data-p-dropdown].show .drop_menu {
     display: block;
}

[data-p-dropdown] .drop_menu {
     display: none;
     transition: var(--ease-in-out-4);
}

/* [data-p-dropdown] .drop_menu .nav_link {
     padding-inline-start: calc(var(--w-nav-icon) + var(--p-navlink-inline) + var(--g-navlink-icon));
} */

.aside_close {
     position: absolute;
     right: 0px;
     top: 14px;
     width: 25px;
     aspect-ratio: 1/1;
     color: var(--c-dark);
     background: var(--c-off-white);
     box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
     border-radius: 0px 4px 4px 0px;
     display: grid;
     place-content: center;
     z-index: -1;
     transition: all 0.4s ease-in-out;
}

.aside_close svg {
     width: 20px;
     aspect-ratio: 1/1;
}

span.name {
     color: #fff;
}

.contenteditable {
     display: flex;
     padding: 6px;
     border-radius: 5px;
     align-items: center;
     justify-content: end;

}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
     background-color: var(--c-primary);
     color: var(--c-white);
     border: 1px solid var(--c-primary);
     border-radius: 5px 0px 0px 5px;
}

.nav-tabs .nav-link {
     background-color: var(--c-white);
     border: 1px solid var(--c-primary);
     border-radius: 0px 5px 5px 0px;
     color: var(--c-primary);
     font-weight: 500;
     font-size: 16px;
     padding: 10px;
}

.nav-link.secdos {
     border-radius: 5px 0px 0px 5px;
}

.nav-link.secdo.active {

     border-radius: 0px 5px 5px 0px;
}

li.nav-item svg {
     vertical-align: sub;
     padding-right: 2px;
}

input[type="checkbox"] {
     width: 20px;
     /*Desired width*/
     height: 20px;
     /*Desired height*/
}





/* cvard
  */

.meta_card {
     border-radius: 25px;
     /* border-bottom-right-radius: 90px; */
     padding: var(--space-s2);

     box-shadow: var(--shadow);
     display: flex;
     align-items: center;
     gap: 15px;

     position: relative;
     overflow: hidden;

}



.det_box p {
     color: #595959;
     font-weight: 500;
     margin-bottom: 10px;
}

.bgCard-one {
     background-image: url(../img/card01.png);
     background-size: cover;
     padding: 24px;
}

.profitSensex {
     position: absolute;
     right: 71px;
     top: 82px;
     background: #FAE5E5;
     padding: 2px 8px;
     font-size: 14px;
     border-radius: 50px;
     color: #FF3E3E;
     border: 1px solid #FFA3A3;
}


h4.num {
     font-weight: 700;
     background: #E8F2FD;
     border-radius: 10px;
     text-align: center;
     padding: 4px 3px;
     width: 73px;
     max-width: 100px;
     font-size: 20px;
     padding-top: 6px;
}

.card-circle-icon {
     position: absolute;
     right: 7px;
     bottom: 1px;
     background: #ffffff;
     width: 36px;
     height: 36px;
     border-radius: 50px;
     text-align: center;
     line-height: 35px;
     color: #9F9F9F;
     transform: rotate(45deg);
     border: 1px solid #dddddd;
}

.icon_box.userCss img {
     width: 100%;
}

.icon_box.userCss {
     width: 50px;
     height: 50px;
     background: #faaa00;
     padding: 11px;
     border-radius: 10px;
}

.icon_box.userCss.bgGreen {
     width: 50px;
     height: 50px;
     background: #4EDA2B;
     padding: 11px;
     border-radius: 10px;
}

.profitSensex.GreenSensex {
     background: #E5FAF1;
     color: #30DA8E;
     border: 1px solid #A3FFD6;
}


.profitSensex.GreenSensex {
     background: #E5FAF1;
     color: #30DA8E;
     border: 1px solid #A3FFD6;
}


.profitSensex.orangColor {
     background: #f1e7fd;
     color: #7F3CC7;
     border: 1px solid #cb9bff;
}

.icon_box.userCss.orangCss {
     width: 50px;
     height: 50px;
     background: #7F3CC7;
     padding: 11px;
     border-radius: 10px;
}

.icon_box.userCss.blueColor {
     width: 50px;
     height: 50px;
     background: #017AFF;
     padding: 11px;
     border-radius: 10px;
}

.profitSensex.blueColor {
     background: #ddedff;
     color: #017AFF;
     border: 1px solid #9dc5f0;
}


/* end */








.custom_table .dataTables_paginate .paginate_button:not(.previous, .next) {

     border-radius: 5px;
     border: 0px;
}

.right-content {
     padding: 10px 8px;
}

.btn-upload {
     padding: 10px 24px;
     color: var(--bs-btn-hover-color);
     background-color: var(--c-primary);
     border: 0px;
     font-weight: 500;
     color: #fff;
     margin-left: 14px;
     border-radius: 6px;
}

.btn:hover {
     color: var(--bs-btn-hover-color);
     background-color: #093dad;
     border: 0px;
     color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

     border: 1px solid #D2D5DB;
     border-radius: 6px;
     padding: 6px 13px;

}

.video-mp4 a {
     color: #0051CB;
}

.w-width {
     width: 300px;
}

svg.svg-icon {
     margin-right: 4px;
}

/* notification */


.ng-binding {
     background: #6a62d7;
     width: 37px;
     height: 25px;
     color: #fff;
     display: inline-block;
     line-height: 27px;
     border-radius: 50px;
}

.dropdown-header {
     background: #FFF;
     padding: 15px;
     position: relative;
     text-align: center;
     color: #747F8B;
     font-weight: bold;
     border-radius: 10px 10px 0 0;
     border: 0px;
     border-style: solid;
     border-bottom-width: 1px;
     -moz-border-image: -moz-linear-gradient(right, white, #cedae0,
               #cedae0, white) 1 20%;
     -o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0,
               white) 1 20%;
     border-image: linear-gradient(to right, white 0%, #cedae0 40%,
               #cedae0 60%, white 100%) 1 20%;
     box-shadow: 0px 2px 10px -2px #cedae0;
}


.top-head-dropdown .dropdown-menu {
     width: 250px;
     height: 200px;
     overflow: auto;
}

.top-text-heading {
     padding: 2px 12px;
}

button.btn.btn-default.dropdown-toggle.caret:after {
     display: none;
}



/* modal */

.content_head.modal-heading {
     background: var(--c-primary);
     padding-bottom: 14px;
     padding-bottom: 14px;
     border-radius: 6px 6px 0px 0px;
}

.content__wrap {
     border-radius: 8px;
     border: 0;
     margin: 10px 15px;
}

.fw-bolder-custom {
     font-weight: 500;
     margin-bottom: 8px;
}

.close i {
     font-size: 22px;
}

.cssheight {
     height: 53px;
}

/* #select-option {
     -webkit-appearance: none;
     -moz-appearance: none;
     background: transparent;
     background-image: url("data:image/svg+xml;utf8,<svg fill='black' 
height='24' viewBox='0 0 24 24' width='24' 
xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 
0h24v24H0z' fill='none'/></svg>");
     background-repeat: no-repeat;
     background-position-x: 100%;
     background-position-y: 14px;
     border: 1px solid #dfdfdf;
     border-radius: 2px;
     margin-right: 2rem;

} */

#file-detail {
     display: none;
}

input[type="file"] {
     height: 50px;
}

input[type="file"]::-webkit-file-upload-button {
     height: 50px;
}

.btn_md.btn_brand.plus {
     margin-top: 32px;
     padding: 13px 22px;
     /* margin-left: -14px; */
}

textarea.form-control.textarea {
     height: 220px;
}


button.btn_md.btn_brand.Cancel {
     background: var(--c-white);
     border: 1px solid var(--c-primary);
     color: var(--c-primary);
     font-weight: 500;
     margin-right: 12px;
     padding: 8px 28px;
}

.btn_md.btn_brand {
     padding: 10px 32px;
}


.plan-features {
     max-height: 150px;
     overflow-y: scroll;
}

.plan-features ul li {
     list-style: none;
}


.btn_md.btn_brand.btnprice {
     padding: 10px 28px;
     position: absolute;
     left: 13px;
     bottom: 18px;
     right: 14px;
     max-width: 94%;
}

.content_foot.text-end {
     margin-right: 20px;
}

[type=search] {

     outline: 1px solid #ff000000;
     /* outline-offset: 15px; */
}

/* upload file  */
.upload-files-container {

     border-radius: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;

}

.drag-file-area {
     border-radius: 10px;
     margin: 10px 0 15px;
     padding: 20px;
     background-color: #E0F2F2;
     text-align: center;
     border: 1px solid #BDE1E1;
}

.drag-file-area .upload-icon {
     font-size: 22px;
}

.drag-file-area h3 {
     font-size: 19px;
     margin: 0px 0;
     font-weight: 300;
     color: #666666;
     font-size: 18px;
}

.drag-file-area label {
     font-size: 19px;
}

.drag-file-area label .browse-files-text {
     cursor: pointer;
     left: -11em;
     font-weight: 500;

}

.browse-files span {
     position: relative;

}

.default-file-input {
     opacity: 0;
}

.form_group {
     margin-bottom: 19px;
}

.simplebar-content {
     margin-left: 10px;
     margin-right: 10px;

}

li.nav_item {
     margin-bottom: 10px;
     padding-left: 11px;
     padding-right: 20px;
}

.custom_table table.dataTable.no-footer {
     border: 1px solid var(--c-gray);
}

.custom_table table {
     border: 1px solid var(--c-gray);
     border-radius: 10px;
     max-width: 100%;
     margin-bottom: 1rem;
}

.custom_table table .dataTable {
     border: unset;
}

.custom_table thead tr th {
     background: var(--c-primary);
     color: var(--c-white);
     padding: 0.8rem;
     border: unset;
     font-weight: 600;
     font-size: 16px;
}

.custom_table thead tr th:first-child {
     border-top-left-radius: 10px;
}

.custom_table thead tr th:last-child {
     border-top-right-radius: 10px;
}

.custom_table tbody tr:last-child td:first-child {
     border-bottom-left-radius: 4px;
}

.custom_table tbody tr:last-child td:last-child {
     border-bottom-left-radius: 4px;
}

.custom_table tbody tr td {
     padding: 10px 9px 10px 10px;
     font-size: 14px;
     font-weight: 500;
     color: #202020;

}

.custom_table tbody tr td.pro_box {
     display: flex;
     align-items: center;
     gap: 10px;
}

.custom_table tbody tr td .img_box {
     width: 30px;
     aspect-ratio: 1/1;
     overflow: hidden;
     border-radius: 50%;
     display: inline-flex;
}

.custom_table tbody tr td .img_box img {
     object-fit: cover;
}

.custom_table .dataTables_paginate {
     display: inline-flex;
     align-items: center;
     gap: 8px;
}

#select-option {
     border-radius: .375rem;
}

.colorcss {
     color: #BDBDBD;
}

.custom_table .dataTables_paginate .paginate_button:hover {
     background-color: var(--c-primary);
     background-image: unset;
     border-color: transparent;
}

.custom_table .dataTables_paginate .paginate_button:not(.previous, .next) {
     border: 1px solid var(--c-gray);
     aspect-ratio: 1/1;
     width: 38px;
     display: inline-grid;
     place-content: center;
     line-height: 100%;
}

.custom_table .dataTables_paginate .paginate_button:not(.previous,
     .next).current {
     background-color: var(--c-primary);
     color: var(--c-white) !important;
     border: 0px;
}

.custom_table .dataTables_filter,
.custom_table .dataTables_length {
     margin-bottom: 1rem;
}

.custom_table .dataTables_filter label,
.custom_table .dataTables_length label {
     display: inline-flex;
     gap: 10px;
     align-items: center;
}

.custom_table .dataTables_filter :is(select, input),
.custom_table .dataTables_length :is(select, input) {
     border: 1px solid var(--c-gray);
     height: 38px;
}

table.dataTable.display>tbody>tr.odd>.sorting_1 {
     box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}

table.dataTable.display>tbody>tr.even>.sorting_1 {
     box-shadow: unset;
}

table.dataTable.display>tbody>tr:hover:is(.odd, .even)>.sorting_1 {
     box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
     background-color: #3e833b;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before {
     background-color: var(--c-warning);
}

/* home */
.nav-link:focus,
.nav-link:hover {
     color: #ddd;
}

a {
     text-decoration: none;
     transition: .3s all ease;
}

a:hover {
     text-decoration: none;
}

.h5,
h5 {
     font-size: 1.096rem;
}

p {
     font-size: 15px;
     color: var(--heading-color);
     /* line-height: 1.7; */
}


.relevent-content {
     font-weight: 500;
     font-size: 16px;
}

.f-bold {
     font-weight: 500;
     /* font-size: 16px; */
}

.form-control,
.form-select {
     padding: 0.575rem 1rem;
     border-radius: 5px;
     height: 50px;
     border: none;
     border: 1px solid #dfdfdf;

}


input.form-control::placeholder {
     font-size: 16px;
     color: var(--partagraph);
}

textarea.form-control {
     min-height: calc(1.5em + .75rem + calc(var(--bs-border-width)* 2));
     height: 100px;
}


.content {
     padding: 7rem 0;
}

h1,
h2 {
     font-weight: 600;
     line-height: 1.5;
}

h1 {
     font-size: 26px;
     margin-bottom: 10px;
     color: var(--heading-color);
     margin-bottom: 5px;
}

h2 {
     font-size: 17px;
     margin-bottom: 8px;
}


/* landing page */
header {
     position: absolute;
     width: 100%;
     background: transparent;
     padding: 0px 15px 15px 15px;
}

.banner {
     background-image: url(../img/banner.jpg);
     height: 700px;
     align-items: center;
     display: flex;
     justify-content: center;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}

.banner.ai-banner {
     background-image: url(../img/ai-img.jpg);
     height: 449px;
     align-items: center;
     display: flex;
     justify-content: center;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 65px;
}

.aiserach-content.text-center {
     max-width: 684px;
     width: 684px;
}

.f-size {
     font-size: 14px;
}

h1.lh-sm.customcss-h1 {
     color: #fff;
     font-size: 50px;
     font-weight: 400;
     font-family: "League Spartan", sans-serif;
     margin-bottom: 0;
}

.heading h5 {
     font-weight: 600;
}

.searchicon {
     top: 4px;
     right: 5px;
     padding: 9px 13px;
     background-color: var(--secondery-color);
}

span.iconarrow i {
     transform: rotate(332deg);
}

.s-tag {
     display: inline-block;
     background: #0B1D59;
     padding: 8px 14px;
     margin: 11px 0px;
     color: #fff;
     border: 1px solid #0C44BE;
     border-radius: 50px;
     font-size: 14px;
}

span.item_text {
     margin: 10px;
     font-size: 13px;
}

.tagline {
     font-size: 16px;
     font-weight: 300;
     color: #DCE8FF;
}

a.navbar-brand {
     color: #fff;
     font-weight: 700;
}

.nav-link {
     color: var(--white);
}

li.nav-item {
     padding: 5px 20px;
     color: var(--white);
}

li.nav-item a {
     font-weight: 600;
}

.btnlogin {
     background: var(--secondery-color);
     color: var(--white);
     border-radius: 50px;
     font-weight: 600;
     padding: 12px 8px 12px 8px;
     border: 0px;
     margin-left: 6px;
}

.btnlogin2 {
     background: var(--secondery-color);
     color: var(--white);
     border-radius: 50px;
     font-weight: 600;
     padding: 5px 8px 5px 8px;
     border: 0px;
     margin-left: 6px;
}

span.iconarrow {
     background: var(--white);
     border-radius: 50px;
     padding: 1px 7px;
     width: 36px;
     display: inline;
     margin-left: 10px;
     margin-right: -4px;
}

button.btn.btnlogin:hover {
     background: var(--secondery-color);
     color: var(--white);

}

.bgColor {
     background-color: #D9E4FF;
}

.trusted.py-5.aibg-color {
     background-color: var(--bg-color);
}

.aibrand-logo ul li {
     display: block;
     padding: 35px;
}

.aibg-color {
     background-color: var(--bg-color);
}

.bg-img-aivetsearch {
     background-image: url(../img/blue-bg.jpg);
}

.body-vector {
     background-image: url(../img/Vector.png);
     background-repeat: no-repeat;
     background-size: contain;
     height: 220px;
     padding: 38px 10px 0px 93px;
     position: relative;
}

.vectorcure-ai {
     position: absolute;
     left: 0;
     top: 10px;
}

.vectorcure-ai img {
     width: 61px;
     height: 62px;
     border-radius: 55%;
     position: relative;
     min-width: 61px;
     background-size: 100%;
}

/* testimonial */
.testimonials-wrap {
     padding: 12px 0;
}

.heading-section {
     text-align: center;
}

.sub-heading {
     font-family: 'Lato', sans-serif;
     font-size: 12px;
     display: block;
     font-weight: 600;
     color: #2e9ca1;
     text-transform: uppercase;
     letter-spacing: 2px;
}

.heading-section h2 {
     font-size: 28px;
     font-weight: 600;
     padding-top: 10px;
     padding-bottom: 15px;
}

.testimonial-box {
     display: block;
     position: relative;
     /* padding: 30px 5px; */
     background: #fff;
     border: 1px solid rgba(0, 0, 0, .03);
     border-radius: 5px;
     box-shadow: 0 0 20px rgb(0 0 0 / 3%);
}

.review-box {
     min-height: 500px;
}

.review-text {
     overflow-y: scroll;
     max-height: 200px;
}

.user-img {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     position: relative;
     min-width: 80px;
     background-size: 100%;
}

.carousel-testimonial .item {
     padding: 00px 10px;
}

.name {
     margin-bottom: 0;
     line-height: 14px;
     font-size: 17px;
     font-weight: 500;
}

.position {
     color: #adadad;
     font-size: 14px;
}

.carousel-testimonial .owl-nav {
     text-align: center;
     /* background: red; */
     position: absolute;
     display: flex;
     width: 100%;
     justify-content: space-between;
     top: 100px;
}

.carousel-testimonial .owl-nav button.owl-next,
.carousel-testimonial .owl-nav button.owl-prev {
     padding: 0 12px !important;
}

.carousel-testimonial .owl-nav button {
     outline: none;
     padding: 0;
}

.carousel-testimonial .owl-nav button.owl-next span,
.carousel-testimonial .owl-nav button.owl-prev span {
     display: block;
     font-size: 40px;
     width: 25px;
     height: 25px;
     vertical-align: 0px;
     line-height: 16px;
}

.carousel-testimonial .owl-nav button.owl-next.disabled,
.carousel-testimonial .owl-nav button.owl-prev.disabled {
     opacity: 0.5;
}

button.owl-next {
     position: absolute;
     right: -34px;
}

button.owl-prev.disabled {
     position: absolute;
     left: -34px;

}

button.owl-prev {
     position: absolute;
     left: -34px;
}

/* second testimonial */


.testimonial-box.tx-center {
     text-align: -webkit-center;
     padding: 35px;
     margin: 6px;
}

.testimonial-box.tx-center p {
     font-style: italic;

}

.owl-carousel .owl-dots {
     display: inline-block;
     width: 100%;
     text-align: center;
     margin-top: 2rem;
}

.owl-carousel .owl-dots {
     display: inline-block;
     width: 100%;
     text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
     display: inline-block;
}

.owl-carousel .owl-dots .owl-dot span {
     background: #3190E7;
     display: inline-block;
     height: 30px;
     margin: 0 2px 5px;
     transform: translate3d(0px, -50%, 0px) scale(0.3);
     transform-origin: 50% 50% 0;
     transition: all 250ms ease-out 0s;
     width: 30px;
}

/* footer */

.custom-footer {
     background-image: url(../img/footer_img.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 100% 100%;

}

h5.footer-heading {
     color: var(--white);
}

.footer-link {
     color: var(--white);
}

.social-link {
     color: #607d8b !important;
     margin-right: 1rem;
     transition: all 0.3s ease;
}


/* profile menu */

.profile {
     position: relative;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 12px;
     cursor: pointer;
     text-align: end;
     margin-right: 15px;
}

.profile h3 {
     text-align: end;
     line-height: 1;
     margin-bottom: 4px;
     font-weight: 600;
}

.profile p {
     line-height: 1;
     font-size: 14px;
     opacity: .6;
}

.profile .img-box {
     position: relative;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     overflow: hidden;
}

.profile .img-box img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}



/* notification */
.dropdown-fotter {
     color: #352e2e;
     background: #efefef;
     text-align: center;
     padding: 13px;
     font-weight: 600;
     font-size: 14px;
}

.menuNotification {
     position: absolute;
     top: calc(100% + 24px);
     right: -13px;
     width: 411px;
     min-height: 100px;
     background: #fff;
     box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
     opacity: 0;
     transform: translateY(-10px);
     visibility: hidden;
     transition: 300ms;

}

.menuNotification ul li {
     list-style: none;
     font-size: 14px;
     margin-bottom: 10px;
}

.menuNotification::before {
     content: '';
     position: absolute;
     top: -10px;
     right: 14px;
     width: 20px;
     height: 20px;
     background: #fff;
     transform: rotate(45deg);
     z-index: -1;
}

.menuNotification.active {
     opacity: 1;
     transform: translateY(0);
     visibility: visible;
}

/* menu links */

.menuNotification ul {
     position: relative;
     display: flex;
     flex-direction: column;
     z-index: 10;
     background: #fff;
     margin-bottom: 0;
}

.menuNotification ul li {
     list-style: none;
}

.notification {
     height: auto;
     cursor: pointer;
     display: flex;
     align-items: center;
}




/* menu (the right one) */

.menu {
     position: absolute;
     top: calc(100% + 24px);
     right: 16px;
     width: 200px;
     min-height: 100px;
     background: #fff;
     box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
     opacity: 0;
     transform: translateY(-10px);
     visibility: hidden;
     transition: 300ms;
}

.menu::before {
     content: '';
     position: absolute;
     top: -10px;
     right: 14px;
     width: 20px;
     height: 20px;
     background: #fff;
     transform: rotate(45deg);
     z-index: -1;
}

.menu.active {
     opacity: 1;
     transform: translateY(0);
     visibility: visible;
}

/* menu links */

.menu ul {
     position: relative;
     display: flex;
     flex-direction: column;
     z-index: 10;
     background: #fff;
     margin-bottom: 0;
}

.menu ul li {
     list-style: none;
}

.menu ul li:hover {
     background: #eee;
}

.menu ul li a {
     text-decoration: none;
     color: #8d8d8d;
     display: flex;
     align-items: center;
     padding: 6px 20px;
     gap: 6px;
}

.menu ul li a i {
     font-size: 16px;
}


.avtar-img {
     width: 35px;
     margin-right: 8px;
}

.status {
     background: #E9FFEF;
     text-align: center;
     border-radius: 50px;
     width: 82px;
     padding-bottom: 2px;

}

.status a {
     color: #409261;
     font-size: 14px;

}

/* cehckbox */
input[type=checkbox] {
     accent-color: #194E69;
}

.status.pending-status a {
     color: #ff3f3f;
     font-size: 14px;

}

.status.pending-status {
     background-color: #ffe7e7;
}

/* profile
  */

.avatar-upload {
     position: relative;

     margin: 0px auto;
}

.avatar-upload .avatar-edit {
     position: absolute;
     left: 83px;
     z-index: 1;
     top: 67px;
}

.avatar-upload .avatar-edit input {
     display: none;
}

.avatar-upload .avatar-edit input+label {
     display: inline-block;
     width: 36px;
     height: 36px;
     margin-bottom: 0;
     border-radius: 100%;
     background: #FFFFFF;
     border: 1px solid transparent;
     box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 2%);
     cursor: pointer;
     font-weight: normal;
     transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
     background: #f1f1f1;
     border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
     content: "\1F4F7 ";
     font-family: 'FontAwesome';
     color: #757575;
     position: absolute;
     top: 10px;
     left: 0;
     right: 0;
     text-align: center;
     line-height: 15px;
     margin: auto;
}

.avatar-upload .avatar-preview {
     width: 110px;
     height: 110px;
     position: relative;
     border-radius: 100%;
     border: 2px solid #F8F8F8;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}

#imagePreview {
     background-image: url(../img/about.png);
}

.avtarcss-custom {
     display: flex;
     gap: 20px;
     align-items: center;
}

img.imgSize {
     width: 58%;
}

.dataTables_wrapper .dataTables_filter input {
     max-width: 200px;
}

/* pricing */

.f-size-lg {
     font-size: 26px;
}

.pragrap p {
     font-weight: 400;
     font-size: 14px;
}

.fill-emerald-500 {
     fill: #10b981;
}

.w-3 {
     width: 0.75rem;
}

.h-3 {
     height: 0.75rem;
}

/* ol,
ul {
     list-style: none;
     margin: 0;
     padding: 0;
} */


.growPlan li svg {
     margin-right: 12px;
}

.growPlan li {
     padding-bottom: 15px;
     font-size: 14px;
}

b,
strong {
     font-weight: 500;
}

.AdditionalFeature h6 {
     font-size: 15px;
}

.AdditionalFeature span {
     font-size: 13px;
     margin-bottom: 12px;
}

.text-slate-900 {
     font-size: 18px;
}

.text-slate-90 {
     font-weight: 600;
     font-size: 24px;
}

.bordercss {
     border-bottom: 1px solid #ddd;
}


/* ai search */
.inner-content.newsection {
     /* background: #E9EFFA; */
     /* padding: 23px 40px; */
     border-radius: 5px;
     margin-right: 12px;
     margin-left: 12px;
     height: 100%;
     overflow: auto;
     position: sticky;
     top: 0;
     max-height: 100dvh;
}

.newscontent a {
     font-size: 14px;
     text-decoration: underline;
     color: #112A59;
}

.newscontent p {
     font-size: 14px;

     color: #414242;
}

.inner-content.newsection h1 {
     font-size: 22px;
     font-weight: 500;
}

.formset {
     border: 1px solid #B4B4B4;
     padding: 4px;
}

.addon {
     display: flex;
     margin-top: 20px;

}

.addon img {
     max-width: 96px;
     margin-right: 12px;
     margin-left: -7px;
}

.addon h2 {
     color: #14596D;
     font-size: 16px;
}

.recomnded {
     background: #dce6f7;
     padding: 15px;
     overflow: auto;
     height: 100vh;
}

button.btncustom {
     background: #DBEAFF;
     padding: 12px 35px;
     border-radius: 50px;
     color: #3F82FF;
     white-space: nowrap;
}

.Stars {
     --percent: calc(var(--rating) / 5 * 100%);
     display: inline-block;
     font-size: var(--star-size);
     font-family: Times;
     line-height: 1;
}

.Stars::before {
     content: "★★★★★";
     letter-spacing: 3px;
     background: linear-gradient(90deg, var(--star-background) var(--percent), #d7d5d5 var(--percent));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}

.inner-content.researc-box {
     padding: 15px;
     border-radius: 15px;
     border: 1px solid #EDEDED;
     opacity: 0.85;
     background: #FFF;
     box-shadow: 0px 4px 4px 0px rgba(146, 190, 255, 0.09);
}


.inner-content.researc-box h2 {
     color: #000;

     font-size: 15px;
     font-style: normal;
     font-weight: 500;
     line-height: 26px;
     /* 162.5% */
}

ul.list-group.list-group-horizontal.aiserach-content li {
     font-size: 14px;
     padding: 0px 8px;
     border-right: 1px solid #EDEDED;
}

.pricelock {
     color: #000;
     font-size: 13px;
     font-style: normal;
     font-weight: 600;
     line-height: 26px;
     border-radius: 6px;
     border: 1px solid #EDEDED;
     padding: 8px;
}

.formset::placeholder {
     font-size: 12px;
}

span.doller-inlineform {
     position: absolute;
     top: 33px;
     background: #c7c7c7;
     padding: 12px 17px;
     font-weight: 600;
     left: 13px;
}

input.form-control.paddingcss {
     padding: 0px 55px;
}

#invalid-query {
     justify-content: center;
}

.authors-name {
     display: inline-flex;
}

.password-wrapper {
     position: relative;
}

.password-wrapper .toggle-password {
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
     color: #888;
     z-index: 2;
}

.password-wrapper .password-input {
     padding-left: 35px;
     /* make space for the icon on left */
}

.alert-error {
     background-color: rgb(241, 232, 232);
}


/* Billing */

.heading.bacgGround {
     background: #F5F5F5;
     padding: 12px;
     border-radius: 5px;
     margin-bottom: 18px;
}

table.table.table-hover.w-100.addCard th {
     background: #E2F6FF;
     font-weight: 500;
     font-size: 16px;
     padding-top: 15px;
     padding-bottom: 14px;
     font-size: 14px;
}

table.table.table-hover.w-100.addCard tr {
     background: #f1fcff;

}

tr.paddinMarginCss td {
     line-height: 35px;
     font-size: 14px;
}

.btn_act_wrap .actionBtn {

     aspect-ratio: 0;
}

.BtnNewCard a {
     color: #628BE3;
}

.bgLight-Color {
     background: #F4F8FF;
     margin-left: 0;
     margin-right: 36px;
}

.content__wrap.bgLight-Color h2 {
     padding: 24px 20px;
     padding-bottom: 0;

}

.planRate {
     display: contents;
}

.changePlan {
     color: #2A50CF;
     font-weight: 600;
     text-decoration: underline;
}

svg.carnumber {
     position: absolute;
     top: 32px;
     background: #e9e9e9;
     height: 50px;
     padding: 6px;
     width: 71px;
     border-radius: 5px 0px 0px 5px;
}

input.form-control.inputMargin {
     padding-left: 5rem;
}

.noteContent {
     font-size: 11px;
}

.priceDetailpopup {
     background: #EDF9FF;
     margin-bottom: 12px;
     padding: 15px;
     border-radius: 5px;
}

.planRate h6 {
     font-weight: 400;
     color: #535353;
}

.invoiceBtn {
     background: transparent;
     color: #1155FF;
     text-decoration: underline;
     margin-bottom: 6px;
     margin-top: 6px;
}

.statusCss tr td {
     padding: 8px;
     border: 1px solid #fff;
}

h1.lh-sm.customcss-h1.mb-2 {
     font-size: 42px;
}

.banner.ai-banner.heigthCss {
     height: 300px;
}

.ButtonsPlace {
     background: #dce6f7;
     padding: 4px 14px;
     color: cornflowerblue;
}

.futureBtn button {
     border: 1px solid #194e69;
     padding: 3px 8px 2px 9px;
     background: #194e69;
     margin-top: 5px;
     display: inline-block;
     margin-bottom: 13px;
     border-radius: 6px;
     color: #fff;
     font-size: 12px;
}

input.inputRemove {
     border: 0;
     background: #ffc4c4;
     border-radius: 50px;
     width: 28px;
     height: 30px;
     color: #ff0000;
     margin-top: 11px;
     margin-left: 7px;
     line-height: 16px;
     font-weight: 600;
     font-size: 14px;
}

button.navbar-toggler {
     background: #95bedb;
     padding: 3px 5px;
     font-size: 17px;
}

.body-vector {
     margin-bottom: 12px;
}

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

.list-unstyled {
     padding-left: 0;
     list-style: none;
     font-size: 15px;
}

button.btn-upload.respCss svg {
     padding-right: 1px;
     vertical-align: text-bottom;
     vertical-align: sub;
}


/* upload */


.file-upload-wrapper {
     position: relative;
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
}

.file-upload-box {
     position: relative;
     padding: 12px;
     text-align: center;
     border: 2px dashed #dee2e6;
     border-radius: 8px;
     background-color: #f8f9fa;
     transition: all 0.3s ease;
     cursor: pointer;
     width: 100%;
}

.file-upload-box:hover {
     background-color: #e9ecef;
     border-color: #adb5bd;
}

.file-upload-input {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
     z-index: 1;
}

.upload-content {
     position: relative;
     z-index: 0;
}

.upload-icon {
     font-size: 2.5rem;
     color: #6c757d;
     margin-bottom: 1rem;
}

.file-list {
     margin-top: 1.5rem;
}

.file-item {
     display: flex;
     align-items: center;
     padding: 0.75rem 1rem;
     background-color: white;
     border: 1px solid #dee2e6;
     border-radius: 6px;
     margin-bottom: 0.5rem;
     transition: all 0.2s ease;
}

.file-item:hover {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.file-icon {
     color: #6c757d;
     margin-right: 0.75rem;
     font-size: 1.25rem;
}

.file-name {
     flex-grow: 1;
     color: #495057;
     text-decoration: none;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-right: 1rem;
}

.file-name:hover {
     color: #007bff;
     text-decoration: none;
}

.remove-file {
     color: #dc3545;
     cursor: pointer;
     padding: 0.25rem 0.5rem;
     font-size: 1.25rem;
     transition: color 0.2s ease;
     flex-shrink: 0;
}

.remove-file:hover {
     color: #c82333;
}

.drag-over {
     background-color: #e9ecef;
     border-color: #007bff;
}

.description-truncate {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     /* number of lines to show */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

.blog-title {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* number of lines to show */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

/* Add loading animation */
@keyframes upload-progress {
     0% {
          width: 0%;
     }

     100% {
          width: 100%;
     }
}

.upload-progress {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 3px;
     background-color: #007bff;
     animation: upload-progress 1s ease-in-out;
}

.artical-date {
     color: #6941C6;
     padding-top: 12px;
     display: block;
     font-size: 14px;
     padding-bottom: 10px;
}

.readmore a {
     color: #6941C6;
}

.band {
     border: 1px solid #efefef;
     border-radius: 5px;
}

.readmore {
     padding: 0px 0px 15px 17px;
}

/* contact us */

.titleheading ul {
     color: #1C1C1C;
     line-height: 32px;
     font-weight: 500;
     font-size: 14px;
}

.contactform h6 {
     font-size: 16px;
     color: #1C1C1C;
     line-height: 28px;
}

.accordion-button {
     font-weight: 600;
}

.itr.subScribe {
     background: #242424;
     padding: 18px;
     margin-top: 2rem;
}

input.form-control.customcssInput {
     max-width: 264px;
     margin: 0 auto;
     height: 39px;
     border-radius: 0;
}

button.btn.subscrip {
     background: #525252;
     margin-top: 17px;
     width: 100%;
     max-width: 265px;
     border: 0;
     color: #fff;
     font-size: 17px;
}

.item-1.socialItem ul {
     text-align: center;
     margin-bottom: 15px;
}

.item-1.socialItem ul li {
     display: inline-block;
     padding: 6px;
}

.accordion-button {
     font-weight: 600;
     border-top: 1px solid #ddd;
}

.accordion-item {
     margin-bottom: 16px;
}

.contactform input {
     background: #f1f1f1;
}

.contactform textarea {
     background: #f1f1f1;
}

/* Hides the Google iframe */
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd {
     visibility: hidden !important;
     display: none !important;
}

/* Hide unnecessary widget classes */
.VIpgJd-VIpgJd-ZVi9od-ORHb {
     display: none !important;
}

.goog-te-gadget {
     margin-right: 10px !important
}

.VIpgJd-ZVi9od-xl07Ob-lTBxed {
     display: inline-flex !important;
}

.goog-te-gadget-icon {
     display: none !important;
}

.goog-te-gadget-simple {
     padding-bottom: 5px !important;
     padding-top: 5px !important;
     border-radius: 6px !important;
}

#google_translate_element {
     float: right !important;
     margin-right: 15px !important;
}

/* ---------------------------------------*/

.service-content {
     background: #E9F0FF;
     padding: 37px;
     text-align: center;
     border-radius: 5px;
}

ul.con-001 li {
     font-size: 14px;
     line-height: 38px;
}

.card img {
     width: 260px;
     border-radius: 50%;
     border: 7px solid #ddd;
     height: 260px;
     margin: 0 auto;
}

.card-price {
     padding: 30px;
     background: #ebf3ff;
     border-radius: 5px;
     max-height: 500px;
     height: 400px;
     position: relative;
}

.card.spacilitly img {
     border-radius: 0;
     border: 0;
     width: 100%;
}

.fontcss {
     font-size: 20px;
     color: #0b469b;
     text-align: center;
}

.card.spacilitly {
     margin-bottom: 30px;
}




/* dxs */

.aligned label {
     display: block;
     padding: 0px 10px 0 0;
     min-width: 160px;
     width: 160px;
     word-wrap: break-word;
     line-height: 1;
}

.flex-container {
     display: flex;
}

.vTextField,
.vUUIDField {
     width: 20em;
}

.aligned .vLargeTextField {
     width: 610px;
}

label.vCheckboxLabel {
     margin: 0px 5px;
}

input#id_is_active {
     width: 20px;
     height: 15px;
}

.module caption,
.inline-group h2 {
     font-size: 0.75rem;
     letter-spacing: 0.5px;
     text-transform: uppercase;
}

.module h2,
.module caption,
.inline-group h2 {
     margin: 0;
     padding: 8px;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     background: #bcd5e2;
     margin-top: 27px;
     margin-bottom: 16px;
     border-radius: 5px;
}

tr.add-row a {
     color: #194e69;
     text-decoration: underline;
}

td.field-image input {
     padding: 6px;
}

.btn-danger.btn_remove {
     padding: 0px 5px;
     background: #9d9d9d;
     border-radius: 50px;
     border: 0;
     font-size: 14px;
     text-align: -webkit-center;
}

.is-invalid {
     border-color: red;
}

.invalid-feedback {
     color: red;
     font-size: 0.9em;
     margin-top: 4px;
}

h5.footer-heading img {
     max-width: 199px;
}

/* Folder Sidebar Styling */
.folder-tree {
     margin-left: 20px;
     font-family: Arial, sans-serif;
     margin-right: 20px;
}

.folder-label {
     position: relative;
     padding: 6px 10px;
     margin-bottom: 3px;
     background: #f9f9f9;
     border-radius: 4px;
     cursor: pointer;
}

.file-label {
     position: relative;
     padding: 6px 10px;
     margin-bottom: 3px;
     background: #f9f9f9;
     border-radius: 4px;
     cursor: pointer;
     width: 100%
}

.folder-options {
     float: right;
     cursor: pointer;
}

.file-options {
     float: right;
     cursor: pointer;
}

.context-menu {
     position: absolute;
     right: 10px;
     top: 30px;
     background-color: white;
     border: 1px solid #ddd;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     z-index: 999;
     width: 150px;
}

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

.context-menu li {
     padding: 8px 12px;
     cursor: pointer;
     border-bottom: 1px solid #eee;
}

.context-menu li:hover {
     background-color: #f0f0f0;
}

.context-menu.d-none {
     display: none;
}

.rename-input {
     width: 60%;
     font-size: 14px;
     padding: 2px 6px;
}

.toggle-icon {
     margin-right: 6px;
     cursor: pointer;
}


.file-list {
     list-style-type: disc;
}

.file-block {
     margin-top: 0px !important;
}

.fl {
     margin-top: 0px !important;
}

.fi {
     padding: 0;
}

.file-item {
     font-size: 0.9rem;
}

.file-item a {
     text-decoration: none;
     color: #444;
     font-size: 0.9rem;
}


/* tody */

.h1.text-light.add-heading {
     color: #000 !important;
}

.reviews {
     color: #f9d71c;
}

.star {
     width: 40px;
     height: 40px;
     cursor: pointer;
     transition: fill 0.2s ease-in-out;
}

#rating {
     cursor: pointer;
     display: inline-block
}

#review-form .input-group-addon {
     min-width: 100px;
}

#review-form .btn {
     min-width: 100px;
}

#review-form input[type="text"],
#review-form textarea {
     width: 100%;
}

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

#review-form .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 10px;
}

blockquote {
     border-left: 5px solid rgb(238, 238, 238);
     padding-left: 20px;
}

blockquote .footer {
     display: block;
     font-size: 80%;
}

.stars-container {
     margin-bottom: 5px;
}

/* pdf upload loader */
#uploading-loader {
     opacity: 0;
     visibility: hidden;
     margin-top: 8px;
     font-size: 14px;
     color: #555;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* Show loader smoothly */
#uploading-loader.show {
     opacity: 1;
     visibility: visible;
     display: flex;
     justify-content: center;
     align-items: center;
}

/* Spinner style */
.spinner {
     width: 16px;
     height: 16px;
     border: 2px solid #ccc;
     border-top: 2px solid #555;
     border-radius: 50%;
     animation: spin 0.7s linear infinite;
     margin-right: 5px;
}

/* Rotation animation */
@keyframes spin {
     100% {
          transform: rotate(360deg);
     }
}

/* end */


/* quill css */
.ql-editor strong {
     font-weight: bold !important;
}

.ql-editor ul,
.ql-editor ol {
     margin: 1em 0;
     padding-left: 40px;
}

.ql-editor ul,
.ql-editor ol[data-list="bullet"] {
     list-style-type: disc;
}

.ql-editor ol[data-list="ordered"] {
     list-style-type: decimal;
}

.ql-editor li {
     margin-bottom: 0.5em;
}

/* .ql-editor .ql-ui {
     display: none;
} */
.content__wrap ul,
.content__wrap ol,
.rendered-content ul,
.rendered-content ol {
     margin: 1em 0;
     padding-left: 40px;
}

.content__wrap ul,
.content__wrap ol[data-list="bullet"],
.rendered-content ul,
.rendered-content ol[data-list="bullet"] {
     list-style-type: disc;
}

.content__wrap ol[data-list="ordered"],
.rendered-content ol[data-list="ordered"] {
     list-style-type: decimal;
}

.content__wrap li,
.rendered-content li {
     margin-bottom: 0.5em;
}

/* .content__wrap .ql-ui, .rendered-content .ql-ui {
     display: none;
} */
.quill-container {
     border: 1px solid #ccc;
     height: 200px;
     overflow-y: auto;
     margin-bottom: 10px;
}

.wvsh-subheading1 p {
     color: white;
}


.quill-container.is-invalid {
     border: 1px solid red;
}

/* Ensure font-size dropdown fits in the toolbar */
.ql-snow .ql-picker.ql-font-size .ql-picker-label {
     width: 80px;
}

.ql-snow .ql-picker.ql-font-size .ql-picker-options {
     width: 80px;
}

/* Override default dropdown labels with high specificity */
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before {
     content: '8px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before {
     content: '10px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before {
     content: '12px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before {
     content: '14px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
     content: '16px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before {
     content: '18px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before {
     content: '20px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before {
     content: '24px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before {
     content: '28px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before {
     content: '30px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before {
     content: '36px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="40px"]::before {
     content: '40px' !important;
}

/* Ensure inline font-size styles are not overridden */
.ql-editor span[style*="font-size"] {
     font-size: inherit !important;
}

/* Quill css ends */

/* add domain css start here */

ul.list_domain {
     margin: unset;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     padding: unset;
}

ul.list_domain li {
     border: 1px solid #eee;
     padding: 10px 16px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     list-style: none;
     margin: unset;
}

ul.list_domain li button.btn.trash_btn {
     color: #e92727;
     background: unset;
     padding: unset;
}

.dommain_list {
     max-height: calc(100vh - 250px);
     overflow-y: auto;
     margin-top: 20px;
}

div#domain_modal .modal-header {
     background: #094e67;
     color: #fff;
     padding: 10px 12px;
}

div#domain_modal .modal-header button.btn-close {
     filter: invert(1);
     opacity: 1;
}

.file_upload {
     position: relative;
}

.add_data {
     display: flex;
     justify-content: end;
}

.file_upload input.uplad_file {
     position: absolute;
     inset: 0;
     height: 44px;
     opacity: 0;
}

.file_upload button.btn.btn-upload {
     margin: unset;
}


.trash_body {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 30px 20px;
}

.trash_modal h3 {
     font-size: 22px;
     font-weight: 500;
}

.trash_body p {
     margin: unset;
     line-height: normal;
}

.trash_modal {
     text-align: center;
}

.trash_body .btn_end button.btn.btn-upload {
     margin: unset;
}

.trash_body .btn_end {
     display: flex;
     gap: 10px;
}

.trash_body .btn_end button.btn.btn-uploadc.canel_btn {
     border: 1px solid #094e67;
     color: #094e67;
}


.trash_body .btn_end button.btn.btn-uploadc.canel_btn:hover {
     background-color: #094e67;
     color: #fff;
}

.trash_modal h3 i.fa-regular.fa-circle-xmark {
     color: #ff5f5f;
}

.floating_button a {
     background: #0c2d59;
     color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     position: fixed;
     right: 20px;
     bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.folder-tree>div {
     margin-bottom: 10px;
}

.inner-content.newsection.folder_box {
     background: unset;
     border: 1px solid #e9e9e9;
     margin: unset;
}

.inner-content.newsection.folder_box .flex_spacing {
     margin: 14px 10px 20px;
     border-bottom: 1px solid #ededed;
     padding-bottom: 10px;
}

.inner-content.newsection.folder_box .flex_spacing h2 {
     margin: unset;
     color: #262626;
}

.folder-tree>div .folder-tree {
     margin: 10px 0px 10px 16px;
}

/* 10 Sep 2025 */
#thinking-process {
     display: none;
}

.thinking-bx {
     background: #f8f9fa;
     padding: 15px;
     height: calc(100% - 50px);
     border-radius: 8px;
}

.inner-content.newsection .recomnded {
     height: unset;
}

.bg-gray-light-cstm {
     background: #f8f9fa;
     padding: 30px 15px;
     height: calc(100% - 70px);
     border-radius: 8px;
}

.sources-heading-with-pdf-dwnld {
     display: flex;
     justify-content: space-between;
     background: whitesmoke;
     align-items: center;
     border-radius: 12px;
     padding: 10px;
     margin-bottom: 16px;
     margin-top: 30px;
}

.sources-heading-with-pdf-dwnld h3 {
     margin: 0;
     font-size: 24px;
     color: black;
}

button.download-pdf-btn {
     background: white;
     padding: 5px 10px;
     border-radius: 50px;
     color: #606060;
}

button.download-pdf-btn:hover {
     color: #000;
}

.inner-content.researc-box p,
.inner-content.researc-box span,
.inner-content.researc-box li,
.inner-content.researc-box h3 {
     color: #000 !important;
}

#log-messages {
     background: white;
     padding: 10px;
     border-radius: 10px;
}

#log-messages p {
     margin: 0;
     animation: blink-color 1s infinite;
     -webkit-animation: blink-color 1s infinite;
}

.dwnld-pdf-src svg {
     width: 18px;
     height: 18px;
}

.dwnld-pdf-src {
     padding: 0;
}

.btn-grp-options {
     display: flex;
     justify-content: end;
     margin-top: -25px;
     gap: 6px;
}

@keyframes blink-color {

     0%,
     100% {
          color: #000;
     }

     50% {
          color: #127dcc;
     }
}

@-webkit-keyframes blink-color {

     0%,
     100% {
          color: #000;
     }

     50% {
          color: #127dcc;
     }
}

/* Custom styles for about section content */
.about-content {
     max-height: 320px;
     /* Fixed height for content */
     overflow-y: auto;
     /* Enable vertical scrollbar if content overflows */
     padding-right: 10px;
     /* Space for scrollbar to avoid content overlap */
     font-size: 1rem;
     /* Consistent font size */
     line-height: 1.5;
     /* Improved readability */
}

/* Custom scrollbar styling for better aesthetics */
.about-content::-webkit-scrollbar {
     width: 8px;
}

.about-content::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 4px;
}

.about-content::-webkit-scrollbar-thumb {
     background: rgb(192, 190, 190);
     border-radius: 4px;
}

.about-content::-webkit-scrollbar-thumb:hover {
     background: rgb(192, 190, 190);
}

/* ================== 09-10-2025 new css =========== */
.folderToggleIcon {
     padding: 4px;
     border-radius: 4px;
     color: gray;
     background-color: #ebebeb;
     border: 1px solid #c5c5c5;
}

.openFolder {
     display: inline-block;
}

.folder-item:has(.folder-tree.d-none) .closeFolder {
     display: inline-block;
}

.folderOpen .folderToggleIcon {

     background-color: #fff6d3;
     border: 1px solid #ffd845;
     color: #cba206;
}

.folder-item .folder-tree .folderOpen .folderToggleIcon {

     background-color: #dfffd3;
     border: 1px solid #7aff45;
     color: #27cb06;
}



.closeFolder {}

.contentList-bottom ul {
     list-style: none;
     padding: 0 !important;
     margin: 0 !important;
     display: flex;
     /* gap: 10px; */
     flex-wrap: wrap;
}

.contentList-bottom ul li {
     border-right: 1px solid #000;
     padding: 0 10px;
     margin-bottom: 0;
}

.contentList-bottom ul li:last-child {
     border-right: 0px;
}

.badgesList ul {
     list-style: none;
     padding: 0 !important;
     margin: 0 !important;
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
     margin-top: 10px !important;
}

.inner-content.researc-box span.badgesItem {
     background-color: #f3f3f3;
     border-radius: 30px;
     color: #525151 !important;
     padding: 4px 20px 4px;
     font-weight: 500;
     padding-left: 4px;
}

.custmPlusIcon svg {
     fill: #2e66bf;
     width: 20px;
     height: 20px;
}

/* new css 13-10-2025 here ============== */
.list-recent-search ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     /* gap: 10px; */
}

.list-recent-search ul li {
     border-bottom: 1px solid #aec8efd4;
     padding: 5px 0;
}

.list-recent-search ul li:last-child {
     border-bottom: 0px;
}

.list-recent-search ul li .rs-item {
     display: flex;
     border-radius: 5px;
     align-items: center;
     gap: 5px;
     padding-left: 5px;
     justify-content: space-between;
}

.list-recent-search ul li .rs-item:hover {
     background-color: #629aeb5e;

}

.list-recent-search ul li .rs-item>a {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     width: calc(100% - 40px);
}

.list-recent-search .list-itemDropdown-action .btn {
     padding: 2px 8px;
}

.list-recent-search .list-itemDropdown-action .btn:hover {
     background-color: unset;
     border: 1px solid transparent;
     color: #cb0000;
}

.recomnded.reacentS-main {
     padding: 0;
}

.reacentS-main-head {
     padding: 10px 15px 6px;
     background-color: #001045;
     color: #fff;
}

.reacentS-main-head h2 {
     margin: 0;
}

.reacentS-main .list-recent-search {
     padding: 10px 15px 10px;
}

.custmGrid-row {
     display: grid;
     grid-template-columns: 33.333% 33.333% 33.333%;
     gap: 20px;
}

.btn.btnSave-content {
     display: flex;
     gap: 10px;
     align-items: center;
     background: #ffc100;
     padding: 2px 5px;
}

.btn.btnSave-content:hover {
     border: 1px solid transparent;
}

.btn.quote-btn {
     padding: 2px 5px;
     border: 1px solid #f2f2f2;
     color: #777;
}

.btn.quote-btn:hover {
     color: #fff;
}

.quotesBtn-box {
     position: relative;
}

.quotesBtn-box .class-tooltip {
     min-width: 280px;
     white-space: unset;
     word-break: break-all;
     background-color: #fff;
     right: 0;
}

.quotesBtn-box .class-tooltip a {
     color: #333;
}

.quotesBtn-box:hover .class-tooltip {
     display: block;
     top: -100%;
     bottom: 31px

}

/* 
.quotesBtn-box:hover .class-tooltip a {
     color: #000;
} */
.summaryBox-custm {
     position: relative;
}

.summaryBox-custm-content {
     padding: 10px;
     border: 1px solid #c7c7c7;
     border-radius: 10px;
     margin-top: 6px;
     margin-bottom: 6px;
     display: none;
}

.showSummary .summaryBox-custm-content {
     display: block;
}

.summaryBox-custm-content p {
     margin-bottom: 6px;
}

.btn.btnSummary-box {
     /* position: absolute;
     right: 10px;
     top: -30px; */
     float: right;
}

.btn.btnSummary-box:hover {
     border: 1px solid transparent;
}

.btn.btnSummary-box:focus {
     border: 1px solid #212529;
}

.btn.btnThemeBlue {
     background-color: #0941bb;
     color: #fff;
     display: flex;
     align-items: center;
     gap: 5px;
}

.btn.btnThemeBlue:hover,
.btn.btnThemeBlue:focus {
     border: 1px solid transparent;
}

.query-btn:hover{
     background-color: rgba(128, 128, 128, 0.418);
}


@media(max-width:991px) {
     .custmGrid-row {
          grid-template-columns: 50% 50%;
          gap: 15px;
     }
}

@media(max-width:576px) {
     .custmGrid-row {
          grid-template-columns: 100%;
          gap: 15px;
     }
}