html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{
font-size:14px; 
background-color:#f3f4f7; 
font-family: 'Poppins', sans-serif;
margin:0;
overflow-x: hidden;
color:#000;
font-weight: 400;
line-height:1.4;
}
* {
scrollbar-width: thin;
scrollbar-color: rgba(11, 20, 26, .2) transparent;
}

a{
text-decoration: none;
}
img{
max-width: 100%; 
height: auto;
}
ul{
list-style-type: none;
margin: 0;
padding: 0;
}
button {
box-sizing: border-box;
border: none;
outline: 0;
outline-color: rgba(0, 0, 0, 0);
}
.wrap {
overflow: hidden;
}
.advert {
margin-top: 10px;
}

.header1 {
width: 100%;
position: fixed;
left: 0px;
right: 0px;
top: 0px;
background: #fff;
border-bottom: 1px solid #e5e5e5;
z-index: 1003;  
}
.logo1{
width: 30%;
display: inline-block;
vertical-align: middle;
margin: 0px;
padding: 0px 0px;
position: relative;
z-index: 999;
}
.logo1 img{
width: 170px;
}
.naving {
position: relative;
width: 70%;
display: inline-block;
vertical-align: middle;
}
.naving img{width:30px;border-radius:50%;}
.naving span{padding:0 6px 0 12px;text-transform: capitalize;}
.bread-crumb{
width: 100%;
background: #f5f5f5;
border-bottom: 1px solid #ddd;
}
.bread-crumb .mnus2 {
padding: 8px 0;
}
.content-bg{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background: #f6f6f6;
}

.login-box{
background: #fff;
box-shadow: 0px 0px 2px 0px #888;
margin-top: 35%;
padding: 30px 0;
border-radius: 4px;
}
.flex_box {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-close-btn, .opne-close-btn {
display: none;
}
nav { margin: 0 auto; text-align: right;}
.head-nav { 
display: inline-block; 
}
.head-nav > li { display: inline-block;position: relative;}
.head-nav a {
color: #333;
display: block;
font-size: 0.95em;
padding: 16px 12px;
text-transform: capitalize;
}
.head-nav a:hover{color: #f58220;}
.head-nav li.hasubs:hover .submenu{opacity: 1;visibility: visible;margin: 0px 0 0;}
#head-nav > li::after { color: #ffffff; content: "|"; position: absolute; right: 0; top: 9px;}
#navsel {height: 3px; position: absolute;z-index: 555;}
#main-nav li a:after, #navsel { background-color: #ff0000;}
#head-nav > li:last-child::after, .head-nav > li.actives::after {  content: "" !important;}
.head-nav > li.actives{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);}
.head-nav > li.actives a{font-weight: 700;}


.naving .user-img {
display: inline-block;
padding-right: 0px;
position: relative;
padding-left: 0;
}
.naving .user-img img {
height: 40px;
object-fit: cover;
width: 40px;
border-radius: 100%;
}
.naving .user_name {
font-weight: 500;
display: inline-block;
vertical-align: middle;
max-width: 115px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 3px;
}
.naving .user-menu .dropdown-menu {
min-width: 220px;
padding: 0;
left: auto;
right: 0;
}
.naving .user-header {
background-color: #f2f2f2;
display: block;
padding: 10px 10px;
text-align: center;
margin-bottom: 10px;
}
.naving .avatar .avatar-img {
width: 55px;
height: 55px;
object-fit: cover;
}
.naving .user-header .user-text {
margin-left: 0px;
margin-top: 10px;
}
.naving .user-header .user-text h6 {
margin-bottom: 2px;
font-size: 14px;
}
.naving .user-header .user-text p {
padding-bottom: 0;
font-size: 13px;
}
.naving .top-header-profile-setting-cus {
margin: 10px 10px 15px;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
}
.naving .user-menu .dropdown-menu .dropdown-item {
font-size: 13px;
display: flex;
align-items: center;
border-top: 1px solid #e3e3e3;
padding: 10px 10px;
}
.naving .user-menu .dropdown-menu .dropdown-item i {
font-size: 14px;
background-color: #f2f2f2;
padding: 8px 8px;
border-radius: 4px;
margin-right: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.naving .user-menu .dropdown-menu .dropdown-item:hover {
color: #fff;
background: #313091;
}
.naving .user-menu .dropdown-menu .dropdown-item:hover i {
color: #333;
}
.naving .top-header-profile-setting-cus .dropdown-item:first-child {
border-top: none;
}
.page-wrapper {
overflow: hidden;
position: relative;
margin-left: 80px;
transition: 0.3s;
-webkit-transition: 0.3s;
/* background-color: #f8fafc; */
height: 100%;
}

/*------- Sidebar -------*/
.sidebar_menu_box {
background: #f3f4f7;
margin-top: 78px;
position: fixed;
top: 0px;
bottom: 0;
left: 0;
border-right: 1px solid #e5e5e5;
width: 80px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
z-index: 999;
}
.sidebar_menu_box.opened {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-inner {
/* height: calc(100% - -12.5rem); */
overflow-x: hidden;
overflow-y: auto;
/*    height: 100%;*/
/* min-height: 100%; */
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar-menu {
/*padding: 0px 0 140px;*/
padding: 0px 0 0px;
}
.sidebar-menu ul {
font-size: 13px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.sidebar-menu li a {
color: #555;
display: block;
font-size: 14px;
height: auto;
padding: 0 20px;
}
.sidebar-menu li a:hover {
color: #313091;
}
.sidebar-menu > ul > li > a:hover, .sidebar-menu > ul > li.active > a{
/* background: #f8f9fa; */
background: linear-gradient(138deg, #f7f7f7, #f7f7f7);
color: #313091;
}

.sidebar-menu > ul > li.active > a:hover {
background: #f8f9fa;
color: #313091;
}
.sidebar-menu > ul > li > a:hover i{
/*    background:#313091;*/
}
.menu-active .sidebar-menu > ul > li > a span{
display:none;
text-align: center;
}
.sidebar-menu > ul > li > a span{ 
text-align: center;
}
/*--
.sidebar-menu li.active a {
background: #313091;
color: #fff;
}
--*/
.sidebar-menu ul ul a.active {
color: #313091;
text-decoration: none;
}
.sidebar .sidebar-menu > ul > li > a > span {
display: inline-block;
margin-left: 8px;
white-space: nowrap;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar .sidebar-menu > ul > li > a > span.chat-user {
margin-left: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.sidebar .sidebar-menu > ul > li > a > span.badge {
margin-left: auto;
}
.sidebar-menu ul ul li a {
display: flex;
align-items: center;
font-size: 12px;
padding: 5px 10px 5px 18px;
position: relative;
}
.sidebar-menu ul ul li a i{
display: inline-block;
font-size: 20px;
/*    line-height: 23px;*/
text-align: center;
vertical-align: middle;
/*    width: 23px !important;*/
vertical-align: middle;
padding-left: 0;
/* background-color: rgba(0,0,0,.1); */
border-radius: 0px;
margin-right: 0px;
}
.sidebar-menu ul ul li a span{
padding-left:0px;
line-height: 1.4;
}
.menu-active .sidebar-menu ul ul li a {
font-size: 11px;
/*padding: 5px 2px;*/
padding: 10px 0px 10px 13px; 
text-align: center;
line-height: 12px;
}
.menu-active .sidebar-menu ul ul li a span {
padding-left: 0;
padding-top: 2px;
display: none;
}
.sidebar-menu ul ul {
display: none;
}
.sidebar-menu ul ul ul a {
padding-left: 65px;
}
.sidebar-menu ul ul ul ul a {
padding-left: 85px;
}
.sidebar-menu > ul > li {
/*   margin-bottom: 10px;*/
position: relative;
border-bottom: 1px solid #ededed;
}
.sidebar-menu > ul > li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.sidebar-menu .menu-arrow {
display: inline-block;
font-family: 'FontAwesome';
text-rendering: auto;
font-size: 12px;
position: absolute;
right: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform .3s;
}
.sidebar-menu .menu-arrow:before {
content: "\f107";
}
.sidebar-menu li a.active .menu-arrow {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sidebar-menu ul ul a .menu-arrow {
top: 10px;
}
.sidebar-menu > ul > li > a {
align-items: center;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 6px 5px 6px 5px;
position: relative;
color: #333;
font-size: 13px;
font-weight: 400;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar-menu ul li a i {
display: inline-block;
/*font-size: 18px;*/
line-height: 24px;
text-align: center;
vertical-align: middle;
width: 28px;
}
.sidebar-menu li a > .badge {
color: #fff;
}
.menu-active .page-wrapper{margin-left: 50px;}
.menu-active .side-menu {width: 50px;}
/*-- Scrollbar --*/
.side-menu::-webkit-scrollbar {
width: 1px;
}
/*-- Scrollbar Track --*/
.side-menu::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #313091;
border-radius: 4px;
}
/*-- scrollbar Handle --*/
.side-menu::-webkit-scrollbar-thumb {
background: #aaa;
border-radius: 4px;
}
.sidebar-menu ul li a i {
display: inline-block;
font-size: 20px;
line-height: 32px;
text-align: center;
vertical-align: middle;
width: 32px !important;
vertical-align: middle;
padding-left: 0;
/*    background-color: #313091;*/
/*    background: linear-gradient(90deg, #fc4f19, #f6a60d);*/
color: #fc4f19;
border-radius: 0px;
margin-right: 0px;
}
.sidebar-menu ul li a img {
display: inline-block;
font-size: 13px;
line-height: 32px;
text-align: center;
vertical-align: middle;
width: 20px !important;
height: auto;
vertical-align: middle;
padding-left: 0;
/*    background-color: #313091;*/
/*    background: linear-gradient(90deg, #fc4f19, #f6a60d);*/
color: #fff;
/*    margin-right: 6px;*/
}
.sidebar-menu li a:hover .sidebar-menuicon{
/*    background: linear-gradient(90deg, #fc4f19, #f6a60d);*/
}
.sidebar-menu li a:hover .sidebar-menuicon img{
/*    filter: invert(0) brightness(10.5);*/
}
.sidebar-menu li a:hover .sidebar-menuicon i{
color: #fff;
}
.sidebar-menu ul li .sidebar-menuicon{
margin-right: 0px;
/*  background: linear-gradient(90deg, #fc4f19, #f6a60d);*/
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
/*-- Handle on hover --*/
.side-menu::-webkit-scrollbar-thumb:hover {background: #666;}

.fixed_right_box{background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box2nd{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.fixed_right_box3rd{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box4th{
background:rgba(0,0,0,0.1);
position: fixed;
top: 0px;
padding-top:0px;
right: 0;
left:0;
width:100%;
height:100%;
bottom: 0;
z-index: 9001;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
transform: translateX(102%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fixed_right_box.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box2nd.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box3rd.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.fixed_right_box4th.active{-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.add_inner_box, .notify_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.add_inner_box .input-group, .notify_inner_box .input-group{border-left: none;}

.edit_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.edit_inner_box .input-group{border-left: none;}
.followup_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.followup_inner_box .input-group{border-left: none;}
.other_inner_box{background: #fff;
box-shadow: 0px 0px 3px 0px #aaa;
width: 570px;
height:100%;
overflow-x: hidden;
overflow-y: auto;
margin-right: 0;
margin-left: auto;
position: relative;
}
.other_inner_box .input-group{border-left: none;}



.rttop_title{
margin-bottom:25px;
position: relative;
margin-left: -10px;
}
.rttop_title h3 {
font-size: 16px;
font-weight: 500;
margin: 0px 0 8px;
text-transform: capitalize;
display: flex;
align-items: center;
}
.rttop_title_inner {
margin-bottom: 0;
position: relative;
margin-left: 10px;
padding: 10px 0;
}
.rttop_title_inner h3{
font-size: 16px;
font-weight: 500;
margin: 0;
text-transform: capitalize;
display: flex;
align-items: center;
}
.p-0{
padding: 0;
}
.rttop_title h3 i {
margin-right: 10px;
font-size: 18px;
background-color: rgb(115 2 24 / 25%);
padding: 8px 10px;
border-radius: 4px;
color: #313091;
}
.rttop_title p {font-size: 13px;color: #777;padding-bottom: 0;
line-height: normal;
}
.close_icon{
position: fixed;
top: 0;
right: 570px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
color: #fff;
background: linear-gradient(90deg, #ff0000, #ff0000);
z-index: 800;
}
.close_icon:hover{color: #fff;background: #313091;}


.add_btn_box{
display: flex;
justify-content: flex-end;
align-items: center;
/*    margin: 5px 0;*/
}
.filter-btn-add-new-btn .add_btn_box {
display: flex;
justify-content: flex-end;
align-items: center;
/*    margin: 10px 0 10px;*/
}
.home-search-form .filter-btn-add-new-btn{
display: inline-block;
}
.home-search-form .form-control {
margin-bottom: 12px;
}
.add_btn_box .add_btn {
margin-left: 5px;
}
.add_btn{
color: #313091;
border: 1px solid #313091;
position: relative;
background: none;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
cursor: pointer;
height: 38px;
width: auto;
min-width: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all .3s;;
}

.add_btn_box .add_btn i{font-size: 14px;}
.header1 .has-arrow .dropdown-toggle:after {
border-top: 0;
border-left: 0;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
content: '';
height: 6px;
width: 6px;
vertical-align: middle;
display: inline-block;
pointer-events: none;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.header1 .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.dashboard-table-custom {
box-shadow: none;
margin-bottom: 20px;
/* border: 1px solid #e4e6e9; */
background-color: #fff;
overflow: hidden;
}
.table-inner-custom {
margin-bottom: 0;
}
.table-custom {
margin-bottom: 0;
}
.table-custom tr th {
background-color: #f3f4f7;
padding-bottom: 10px !important;
padding-top: 10px !important;
font-size: 12px;
font-weight: 500;
color: #333;
line-height: 1.2;
white-space: nowrap;
}
.table-custom tr td {
vertical-align: middle;
}
.table-custom span {
font-size: 12px;
color: #444;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
line-height: 1.2;
transition: all 0.3s ease;
font-weight: 400;
}
.table-custom span:hover {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}
.action .dropdown-menu {
text-align: left;
left: -10px;
right: auto;
padding: 0;
border-radius: 0;
float: none;
border: 1px solid #ddd;
}
.action .fa-angle-down{
color: #313091;
}
.action .dropdown-menu > li {
border-bottom: 1px solid #ddd;
}
.action .dropdown-menu > li:last-child {
border-bottom: none;
}

.action .dropdown-menu > li > a {
cursor: pointer;
display: flex;
align-items: center;
padding: 8px 6px;
font-size: 14px;
border-bottom: 1px solid #ddd;
transition: all 0.3s;
}
.action .dropdown-menu > li > a:hover {
background: #313091;
color: #ffffff;
}
.action .dropdown-menu > li > a i {
display: inline-block;
font-size: 11px;
line-height: 22px;
text-align: center;
vertical-align: middle;
width: 22px !important;
vertical-align: middle;
padding-left: 0;
background: #313091;
color: #fff;
border-radius: 4px;
margin-right: 6px;
}
.action .dropdown-menu > li > a:last-child {
border-bottom: none;
}
.item-blog-list-single-cus{
background: #fff none repeat scroll 0 0;
box-shadow: 0px 0px 2px 0px #aaa;
padding: 15px;
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 24px;
border-radius: 4px;
overflow: hidden;
gap: 24px;
}
.item-blog-list-single-cus .items-blog-list-icon{
width: 20%;
background-color: #ededed;
}
.item-blog-list-single-cus .items-blog-list-icon img{
width: 100%;
height: 150px;
border-radius: 4px;
object-fit: contain;
object-position: center;
margin: 0 auto;
display: block;
}
.item-blog-list-single-cus .items-blog-list-icon-content{
width: 80%;
}
.item-blog-list-single-cus .items-blog-list-icon-content h3{
font-size: 18px;
font-weight: 500;
}
.item-blog-list-single-cus .items-blog-list-icon-content h3 a{
color: #000;
}
.item-blog-list-single-cus .items-blog-list-icon-content .blog-list-actions{}
.item-blog-list-single-cus .items-blog-list-icon-content .blog-list-actions ul{
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 6px;
color: #313091;
}
.item-blog-list-single-cus .items-blog-list-icon-content .blog-list-actions li{}
.item-blog-list-single-cus .items-blog-list-icon-content .blog-list-actions li i{}
.item-blog-list-single-cus .items-blog-list-icon-content .blog-list-actions li a{
color: #313091;
}
.item-blog-list-single-cus .items-blog-list-icon-content .desc{
font-size: 14px;
color: #555;
padding-bottom: 0;
margin-bottom: 0;
} 
.error{
position: absolute;
font-size: 12px;
bottom: -18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
color: rgb(128, 6, 6);
}
.pagination-setup {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
position: relative;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 10px 0;
border-radius: 4px;
}
.pagination-setup .pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
padding: 0;
list-style: none;
margin: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-setup .pagination ul li a {
margin: 0 3px;
padding: 6px 13px;
color: #313091;
display: block;
border-radius: 4px;
border: 1px solid #313091;
transition: all .3s;
}
.pagination-setup .pagination ul li a:hover {
border: 1px solid #313091;
background-color: #313091;
color: #fff;
}
.current_page {
background: #313091;
color: #fff !important;
}
.pagination-jump-page-custom {
display: flex;
align-items: center;
gap: 5px;
position: absolute;
right: 12px;
top: 15px;
color: #555;
}
.pagination-jump-page-custom span {}
.pagination-jump-page-custom input {
width: 50px;
}
.pagination-def-go {
background: #f2812800 none repeat scroll 0 0;
font-size: 13px;
color: #313091;
font-weight: 500;
height: 30px;
line-height: 30px;
padding: 0px 5px;
border-radius: 4px;
text-transform: capitalize;
min-width: 35px;
text-align: center;
border: 1px solid #313091;
box-shadow: none;
}
.home-search-form .btn-link-default {
background: #f2812800 none repeat scroll 0 0;
font-size: 13px;
color: #313091;
font-weight: 500;
height: 38px;
line-height: 38px;
padding: 0px 10px;
border-radius: 4px;
text-transform: capitalize;
min-width: 35px;
text-align: center;
border: 1px solid #313091;
}
.home-search-form {
width: auto; 
padding: 0px;
}
.home-search-form .select2-container{
margin-bottom: 12px;
}
.btn-link-default:hover {
background: #313091;
border: 1px solid #313091;
color: #fff;
}

.main-content {
padding: 72px 1px 75px;
}
.feature-box-style-12 {
padding: 24px 0;
}

.erp-login-form-cus {
text-align: center;
}
.erp-login-logo {
width: 50%;
margin: 0 auto 10px;
}
.login-form a {
color: #0d80da;
}
.rjd-login-title h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
color: #072654;
}
.login-form .form-control {
display: block;
width: 100%;
height: 48px !important;
padding: 0.65rem 0rem 0.65rem 1rem;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #3f4254;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #e4e6ef;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.home-search-form .form-control, .add_inner_box .form-control, .edit_inner_box .form-control {
border: 1px solid #ccc;
border-radius: 4px;
padding: 6px 12px !important;
background-color: #fff;
}
.btn-submit-form.btn-submit-form-rjd-login {
border-radius: 4px;
margin: 0px 0 0;
min-width: 100%;
background-image: linear-gradient(to right, #fa5b7a, #313091);
height: 48px;
transition: all 0.3s;
font-size: 18px;
color: #fff;
}
.btn-submit-form.btn-submit-form:hover, .btn-submit-form.sub-btn:hover {
background-color: #f58220;
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.12);
}
.joinus_bg {
background: url(../images/login-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
min-height: 100%;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.centerdv {
margin: auto;
float: none;
}
.login-form {
position: relative;
margin-top: 0%;
width: 100%;
background: #fff;
border: 1px solid #ddd;
box-shadow: none;
border-radius: 4px;
padding: 40px 40px;
min-height: 100%;
/* min-height: 440px; */
}
.login-form h4.small-text {
font-size: 12px;
padding-bottom: 15px;
font-weight: 500;
color: #c00000;
}
.form-group {
margin-bottom: 18px;
position: relative;
}
.form-group label, .form-group1 label {
display: inline-block;
font-weight: 500;
color: #555;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
margin-bottom: -5px;
}

.adtab-detail {
position: relative;
background: #f8f9fa00;
padding: 0 0px;
border-bottom: none;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
margin-bottom: 6px;
margin: 0 0 12px !important;
}
.adtab-detail h2 {
margin: 0px;
padding-top: 0px;
/*    padding-bottom: 6px;*/
/* padding-left: 8px; */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
color: rgb(0 0 0);
font-weight: 500;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
height: 34px;
}
.adtab-detail h4 {
font-size: 12px;
font-weight: 400;
}
.paddingrightleft {
padding-right: 6px;
padding-left: 6px;
}
.filter-btn-add-new-btn {
display: flex;
align-items: center;
justify-content: end;
}
.search-dropdown-custom-mng {
position: relative;
background-color: #313091;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
height: 38px;
width: 100px;
color: #fff;
margin-bottom: 0px;
}
.search-dropdown-custom-mng i {
color: #fff;
}

.add_btn:hover {
background: #313091;
color: #fff;
}
.form-control {
display: block;
width: 100%;
height: 38px;
padding-left: 0rem;
/* margin-bottom: 18px; */
font-size: 14px;
line-height: 1.42857143;
color: #444;
background-color: #ffffff00;
border: none;
border-bottom: 1px solid #cccccc;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #999;
background-color: #ff000000;
}
textarea.form-control{
height: auto;
/*padding: 10px 10px 0px 0;*/
/*overflow: hidden;*/
}
select.form-control{ 
/*padding: 6px 12px;*/
overflow: hidden;
}
.datepicker .datepicker-switch { 
font-weight: 500;
font-size: 14px;
}
.datepicker td, .datepicker th{
font-weight: 500;
font-size: 12px;
}
.pad_box3 {
padding: 20px;
}
.btn-submit-form, .sub-btn {
background: #313091 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0 10px;
font-weight: 500;
width: auto;
min-width: 150px;
text-align: center;
display: inline-block;
text-transform: capitalize;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
.btn-submit-form:hover, .sub-btn:hover {
background: #313091 none repeat scroll 0 0;
color: #fff;
}

.delete-modal-main-cus{}
.delete-modal-main-cus .modal-header{
justify-content: center;
border-bottom: none;
padding: 12px 12px 0;
}
.delete-modal-main-cus .modal-header .modal-title{
font-size: 18px;
text-align: center;
}
.delete-modal-main-cus .modal-header .close{
position: absolute;
right: -6px;
top: -6px;
background-color: red;
color: #fff;
font-size: 18px;
border-radius: 100%;
width: 25px;
height: 25px;
}

.sub-btn1 {
cursor: pointer;
background: #313091 none repeat scroll 0 0;
font-size: 14px;
font-weight: 500;
color: #fff;
border: none;
height: 35px;
margin: 5px;
line-height: 34px;
padding: 0px 10px;
border-radius: 4px;
text-transform: capitalize;
display: inline-block;
min-width: 100px;
text-align: center;
}
.sub-btn1:hover {
background: #313091;
color: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.delete-modal-main-cus .modal-body{
padding: 24px 24px;
}
.feature-box-style-14 {
background: #fff none repeat scroll 0 0;
box-shadow: 0px 0px 2px 0px #aaa;
border-radius: 6px;
}

.rating {
display: flex;
}

.star {
font-size: 25px;
cursor: pointer;
color: #ccc;
position: relative;
}

.star.full {
color: gold;
}

.star.half {
background: linear-gradient(90deg, gold 50%, #ccc 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.status-btn{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 30px;
}

.custom-latest-loginpg{
display: flex;
height: 100vh;
} 
.custom-latest-loginpg .left-panel {
width: 45%;
min-height: 100vh;
background: #f3f3f3;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px 100px 24px;
position: relative;
z-index: 2;
border-right: 1px solid rgb(0 0 0 / 8%);
}

.custom-latest-loginpg .left-panel::before {
content: '';
position: absolute;
top: -120px; left: -120px;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(232,87,10,0.18) 0%, transparent 70%);
pointer-events: none;
}

.custom-latest-loginpg .logo-area {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}

.custom-latest-loginpg .logo-icon {
width: 100%;
height: auto;
background: #e8570a00;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: start; 
font-weight: 800;
font-size: 15px;
letter-spacing: -0.5px;
color: white;
flex-shrink: 0;
}

.custom-latest-loginpg .logo-text { 
font-weight: 700;
font-size: 18px;
letter-spacing: -0.3px;
color: #ffffff;
}

.custom-latest-loginpg .logo-text span {
color: #E8570A;
}

.custom-latest-loginpg .heading-block {
margin-bottom: 24px;
}

.custom-latest-loginpg .heading-block h1 { 
font-weight: 600;
font-size: 24px;
letter-spacing: -0.6px;
color: #333333;
line-height: 1.25; 
margin-bottom: .25rem;
}

.custom-latest-loginpg .heading-block p {
font-size: 14px;
color: #555555;
line-height: 1.3;
font-weight: 300;
margin-bottom: 0;
}

.custom-latest-loginpg .form-group {
margin-bottom: 18px;
position: relative;
}

.custom-latest-loginpg .form-group label {
display: block;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.6px;
/*    text-transform: uppercase;*/
color: #555555;
margin-bottom: 4px;
}

.custom-latest-loginpg .input-wrap {
position: relative;
}

.custom-latest-loginpg .input-wrap i {
position: absolute;
left: 16px; top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #888888;
transition: color 0.2s;
}
.custom-latest-loginpg .input-wrap svg {
position: absolute;
left: 16px; top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: #888888;
transition: color 0.2s;
}

.custom-latest-loginpg .input-wrap input {
width: 100%;
height: 54px;
background: rgb(255 255 255 / 5%);
border: 1px solid rgb(0 0 0 / 8%);
border-radius: 8px;
color: #333333; 
font-size: 14px;
padding: 0 44px 0 44px;
outline: none;
transition: border-color 0.2s, background 0.2s;
}

.custom-latest-loginpg .input-wrap input::placeholder { color: #555; }
.custom-latest-loginpg .input-wrap input:focus {
border-color: #E8570A;
background: rgba(232,87,10,0.06);
}
.custom-latest-loginpg .input-wrap input:focus + .eye-btn { color: #FF7A3D; }
.custom-latest-loginpg .input-wrap input:focus ~ i { color: #FF7A3D; }

.custom-latest-loginpg .eye-btn {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
color: #888888;
font-size: 14px;
transition: color 0.2s;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.custom-latest-loginpg .eye-btn img{
width: 16px;
filter: invert(33%) sepia(1%) saturate(2694%) hue-rotate(319deg) brightness(96%) contrast(91%);
}

.custom-latest-loginpg .checkbox-row {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 28px;
}

.custom-latest-loginpg .checkbox-row input[type="checkbox"] {
accent-color: #E8570A;
width: 15px; height: 15px;
margin-top: 2px;
flex-shrink: 0;
cursor: pointer;
}

.custom-latest-loginpg .checkbox-row label {
font-size: 12px;
color: #555555;
line-height: 1.5;
cursor: pointer;
}

.custom-latest-loginpg .checkbox-row label a {
color: #FF7A3D;
text-decoration: none;
}

.custom-latest-loginpg .btn-primary {
width: 100%;
height: 52px;
background: #E8570A;
border: none;
border-radius: 8px;
color: white; 
font-size: 15px;
font-weight: 500;
cursor: pointer;
letter-spacing: 0.2px;
transition: background 0.2s, transform 0.1s;
margin-bottom: 14px;
position: relative;
overflow: hidden;
}

.custom-latest-loginpg .btn-primary:hover { background: #d44c07; }
.custom-latest-loginpg .btn-primary:active { transform: scale(0.99); }

.custom-latest-loginpg .btn-primary::after {
content: '';
position: absolute;
inset: 0;
background: rgba(255,255,255,0);
transition: background 0.15s;
}
.custom-latest-loginpg .btn-primary:hover::after { background: rgba(255,255,255,0.06); }

.custom-latest-loginpg .btn-google {
width: 250px;
height: 42px;
margin: 0 auto;
background: transparent;
border: 1px solid rgb(0 0 0 / 8%);
border-radius: 8px;
color: #333333;
font-size: 12px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: border-color 0.2s, background 0.2s;
margin-bottom: 12px;
} 

.custom-latest-loginpg .btn-google:hover {
border-color: rgba(255,255,255,0.2);
background: rgba(255,255,255,0.04);
}

.custom-latest-loginpg .google-icon {
width: 18px; height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.36-8.16 2.36-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
}

.custom-latest-loginpg .signup-link {
text-align: center;
font-size: 12px;
color: #555555;
}

.custom-latest-loginpg .signup-link a {
color: #FF7A3D;
text-decoration: none;
font-weight: 500;
}

.custom-latest-loginpg .app-badges {
display: flex;
gap: 12px;
width: 60%;
margin: 24px auto 0;
}

.custom-latest-loginpg .badge-btn {
flex: 1;
width: 100%;
height: 35px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgb(0 0 0 / 8%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: #555555;
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
}

.custom-latest-loginpg .badge-btn:hover {
border-color: rgba(255, 255, 255, 0.18);
background: #313091;
color: #fff;
}

.custom-latest-loginpg .badge-btn i { font-size: 15px; }
.custom-latest-loginpg .badge-btn img { width: 20px; }

/* Right panel */
.custom-latest-loginpg .right-panel {
width: 55%;
flex: 1;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
padding: 0;
position: relative;
overflow: hidden;
text-align: center;
border-right: 1px solid #ddd;
}

.custom-latest-loginpg .right-panel::before {
content: '';
position: absolute;
bottom: -160px; 
left: -160px;
width: 500px; 
height: 500px;
background: radial-gradient(circle, rgb(232 87 10 / 20%) 0%, transparent 70%);
pointer-events: none;
}

.custom-latest-loginpg .right-panel::after {
content: '';
position: absolute;
top: 30%; left: 10%;
width: 2px; height: 160px;
background: linear-gradient(to bottom, transparent, #E8570A, transparent);
opacity: 0.4;
display: none;
}

.custom-latest-loginpg .slides-wrapper {
width: 100%;
max-width: 550px;
position: relative;
z-index: 2;
}

.custom-latest-loginpg .slide {
display: none;
animation: fadeSlide 0.5s ease;
}

.custom-latest-loginpg .slide.active { display: block; }

@keyframes fadeSlide {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}

.custom-latest-loginpg .slide-img {
width: 100%;
height: 280px;
background: #fff0ec00;
border-radius: 20px;
border: 1px solid rgb(0 0 0 / 0%);
display: flex;
align-items: end;
justify-content: start;
margin-bottom: 36px;
overflow: hidden;
position: relative;
}

.custom-latest-loginpg .slide-img svg {
width: 80%;
height: 80%;
opacity: 0.85;
}
.custom-latest-loginpg .slide-img img {
width: 100%;
height: 100%;
opacity: 0.85;
object-fit: contain;
object-position: center;
}

.custom-latest-loginpg .slide-tag {
display: inline-block;
font-size: 11px;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #E8570A;
font-weight: 500;
margin-bottom: 14px;
padding: 4px 12px;
background: rgba(232,87,10,0.12);
border-radius: 100px;
}

.custom-latest-loginpg .slide h2 { 
font-size: 24px;
font-weight: 600;
letter-spacing: -0.5px;
color: #333333;
line-height: 1.3;
margin-bottom: 6px;
}

.custom-latest-loginpg .slide p {
font-size: 14px;
color: #555555;
line-height: 1.4; 
margin-bottom: 0;
}

.custom-latest-loginpg .slide-dots {
display: flex;
gap: 8px;
margin-top: 36px;
justify-content: center;
}

.custom-latest-loginpg .dot {
width: 6px; height: 6px;
border-radius: 50%;
background: #fff0ec;
border: 1px solid rgb(0 0 0 / 20%);
cursor: pointer;
transition: all 0.25s;
}

.custom-latest-loginpg .dot.active {
width: 24px;
border-radius: 4px;
background: #E8570A;
border-color: #E8570A;
}

.custom-latest-loginpg .stats-strip {
display: flex;
gap: 24px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid rgb(0 0 0 / 8%);
width: 100%;
max-width: 100%;
position: absolute;
z-index: 2;
bottom: 24px;
}

.custom-latest-loginpg .stat-item { flex: 1; text-align: center; }
.custom-latest-loginpg .stat-num { 
font-size: 24px;
font-weight: 700;
color: #333333;
letter-spacing: -0.5px;
}
.custom-latest-loginpg .stat-num span { color: #E8570A; }
.custom-latest-loginpg .stat-label {
font-size: 12px;
color: #555555;
margin-top: 4px;
}
.custom-latest-loginpg .left-panel .back-link{
position: absolute;
right: 24px;
top: 24px;
background: #313091;
color: #fff;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: .25rem .9rem;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
}
.custom-latest-loginpg .left-panel .back-link>svg{
width: 16px;
height: 16px;
}
.loginpg-left-img{
width: 100%;
height: 100vh;
}
.loginpg-left-img img{
width: 100%;
height: 100%;
}
.bloglistpg-tabs-main-cus{
margin-top: 15px;
}
.bloglistpg-tabs-main-cus ul{
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 10px;
}
.bloglistpg-tabs-main-cus li{
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bloglistpg-tabs-main-cus li.active{ }
.bloglistpg-tabs-main-cus li a{
font-size: 16px;
color: #333333;
}
.bloglistpg-tabs-main-cus li.active a{
font-size: 16px;
color: #313091;
font-weight: 500;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bloglistpg-tabs-main-cus li.active a:after {
width: 100%;
}
.bloglistpg-tabs-main-cus li a:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0%;
height: 2px;
background-color: #313091;
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s;
}
.logoutpg-main-cus{}
.creative-new-loginpg-main-cus.page-wrap.logoutpg-main-cus {
display: flex;
height: 100vh;
width: 100vw;
position: relative;
align-items: center;
justify-content: center;
}

.logout-card{
width: 100%;
max-width: 550px;
background: #fff;
border-radius: 16px;
border: 0.5px solid rgba(0, 0, 0, 0.08);
padding: 36px 28px;
text-align: center;
animation: cardIn 0.7s 0.1s both cubic-bezier(0.34, 1.1, 0.64, 1);
}
@keyframes cardIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

.card-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px;}
.cl-mark{width:32px;height:32px;background:var(--navy);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;font-family:'Inter',sans-serif;position:relative;}
.cl-mark .od2{position:absolute;bottom:4px;right:3px;width:6px;height:6px;border-radius:50%;background:#ff5d02;}
.cl-name{font-size:15px;font-weight:700;color:var(--navy);}
.cl-name span{color:#ff5d02;}

.check-ring{width:80px;height:80px;border-radius:50%;background:#f0fdf4;border:2px solid #bbf7d0;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:popIn 0.5s 0.4s both cubic-bezier(0.34,1.4,0.64,1);}
@keyframes popIn{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}
.check-ring i{font-size:52px;color:#16a34a;}

.card-title{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:6px;}
.card-msg{font-size:13.5px;color:#888;line-height:1.6;margin-bottom:26px;}
.card-msg strong{color:#b91c1c;font-weight:500;}

.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;margin-bottom:14px;transition:background 0.2s;}
.btn-login:hover{background:var(--navy-light);}

.divider{display:flex;align-items:center;gap:10px;margin:16px 0;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#eee;}
.divider span{font-size:11px;color:#bbb;}

.btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#fff;color:#555;border:1.5px solid #e0e0dc;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;transition:border-color 0.2s,color 0.2s;}
.btn-wa:hover{border-color:#25d366;color:#25d366;}
.wa-icon{width:16px;height:16px;fill:#25d366;}

.card-foot{margin-top:20px;font-size:11px;color:#bbb;border-top:0.5px solid #f0efea;padding-top:16px;}
.security-line{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#bbb;margin-top:0px;}
.security-line i{font-size:12px;color:#22c55e;}

.creative-new-loginpg-main-cus.logoutpg-main-cus .logo-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 0.7rem;
animation: fadeDown .6s ease both;
margin-bottom: 24px;
}
.creative-new-loginpg-main-cus.logoutpg-main-cus .logo-icon {
width: auto;
height: auto;
background: #ffffff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: start;
font-size: 1.3rem;
color: #fff;
box-shadow: none;
padding: 6px 12px;
}
.creative-new-loginpg-main-cus .btn-portal {
width: 100%;
padding: 1rem;
background: #ff5d02;
color: #fff;
border: none;
border-radius: 10px;
font-size: .88rem;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
position: relative;
overflow: hidden;
transition: all .25s ease;
letter-spacing: 0.02em;
}
.creative-new-loginpg-main-cus .btn-portal .btn-bg {
position: absolute;
left: 0; top: 0;
height: 100%;
width: 0%;
background: linear-gradient(90deg, #313091, #4a49c0);
transition: width .35s ease;
z-index: 0;
}
.creative-new-loginpg-main-cus .btn-portal span, .btn-portal i { position: relative; z-index: 1; }
.creative-new-loginpg-main-cus .btn-portal:hover .btn-bg { width: 100%; }
.creative-new-loginpg-main-cus .btn-portal:hover { box-shadow: 0 8px 24px rgba(49,48,145,0.3); transform: translateY(-1px); }
.creative-new-loginpg-main-cus .btn-portal:active { transform: translateY(0); }
.creative-new-loginpg-main-cus .or-row {
display: flex;
align-items: center;
gap: 0.7rem;
margin: 1.1rem 0;
}