* {
margin: 0; 
padding: 0; 
box-sizing: border-box;
}
body {
   font-family: 'bariol-regular', sans-serif !important;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4,h5 {
	font-size: 25px; font-weight: bold;
}
p {
	font-family: 'bariol-regular', sans-serif !important; font-size: 16px;
}

/*--stickey menu start here----*/

 .header .search-form button:hover{
  background:#fff;
  color:#1A76D1;
  border-color:#e6e6e6;
}

.header{
  width: 100%;
}
/* Header Sticky */
.header.sticky .header-inner{
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  bottom:initial;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
  animation: fadeInDown 0.5s both 0.1s;
  box-shadow:0px 0px 13px #00000054;
  background: #ce0086;
  width:100%;
}

.headSticky{
  vertical-align: middle;
  display: contents;
}
.sticky > .header-inner > .container > .row > .col-12 a img{width:auto;height:80px;padding:8px 10px 12px 10px;}


.sticky > .header-inner > .container > .row > .col-12 > .top-menu-padd{margin-top: 0px !important;}
/*---sticky menu css end here---*/


.header-section {
  background-image: url("../images/header-cover-logo.png");
  width: 100%;
  height: 290px;
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: cover;
  position: relative;
}
.ms-menu-top > ul > li {
	padding-left: 10px; 
	padding-right: 10px;
}
.ms-menu-top > ul > li a {
	color: #fff;
	font-size: 18px;
}
.active {
	/*color: #fff !important; */
}
.nav-link:focus, .nav-link:hover {
    color: #f4b012 !important;
}

.support-into-button a:hover{
     color: #f4b012 !important;
}
.pinkclr{color: #cc3c9b;}

/*.ms-menu-top > .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    background-color: #ff0566; color: #fff;
    border-radius: 50px;
}*/
/*.h-login {
	background-image: linear-gradient(117deg,#ff0566, #fa7236);
    border: 0px;
    color: #fff;
    border-radius: 25px;
    width: 100px;
    padding: 7px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
} */


.h-login {
    background: #000;
    border: 0px;
    color: #fff;
    border-radius: 25px;
    width: 100px;
    padding: 7px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.h-login:hover {
	background-image: linear-gradient(117deg,#a30976, #f70000);
    border: 0px;
    color: #fff;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.top-menu-padd {
    padding-top: 0px;
    margin-top: -17px;
}
.xeople-knowledge-base {
	margin: -30px 0 0 0;
	padding-left: 20px;
}
.xeople-knowledge-base h1 {
	color:#fff;
    text-align: center;
}
.xeople-knowledge-base p{
	font-size: 18px; color: #fff;
    text-align: center;
}
.xeople-knowledge-search {
	margin: 0px 0 0 0;
    text-align: center;
    padding: 0;
}
.kr-search-box {
    width: 55%;
    height: 55px;
    border-radius: 45px;
    border: solid 2px #b8b8b8;
    padding: 10px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 20px;
}
.search-button-item {
    width: 111px;
    height: 54px;
    border-radius: 45px;
    border: solid 2px #b8b8b8;
    padding: 10px;
    /*background: #ffffff;*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    font-size: 18px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -6px;
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;
    border: solid 0px #fff;
}
.support-into {
    text-align: center;   
    margin: 10px auto 30px;
}
.support-into-1 {
    text-align: center;   
    margin: 40px auto 30px;
}
.al-p-o {
    margin-bottom: 30px;
}
.support-into-button {
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(91deg,#7e39dc 20%, #cc3c9b);
    border: 0px;
    color: #fff;
    border-radius: 18px;
    padding: 5px 30px;
    font-size: 25px;
    font-weight: normal;
    max-width: 300px;
}
.organ {
    border: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 25px;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(204, 219, 232, 0.5) -3px -3px 6px 1px inset;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
.organ > h3 {
    font-size: 20px !important;
    text-align: center;
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;
    font-family: bariol;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 50px;
    line-height: 50px;
}
.organ > h3 a {
color: #fff;
text-decoration: none;
}
.organ > .card-body{
   min-height: 175px;
    text-align: center;
}
.organ > .card-body > a {
    font-size: 15px !important;
    text-align: center;
    color: #333;
    text-decoration: none;
    border: solid 1px #333;
    padding: 10px 15px;
    border-radius: 25px;
    margin: 0px auto;
}
.icon-section {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    font-size: 30px !important;
    text-align: center;
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;
    font-family: bariol;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 50px;
    line-height: 50px;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.icon-left {
    width: 18%; float: left;margin: 0;padding: 0;
}
.icon-right {
    width: 82%; float: left; margin: 0; padding: 0;
}
.icon-right > h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 0px;
}
.icon-right > h3 a{
    text-decoration: none;
    color: #fff;
}
.icon-right > h3 a:hover{
    text-decoration: none;
    color: #000;
}

.icon-left > .fa-solid, .fas {
    font-weight: 900;
    color: #ce0086;
    background: #fff;
    padding: 9px 11px 8px 5px;
    border-radius: 50%;
    font-size: 20px;
    height: 35px;
    width: 35px;
}
.ais-button {
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(91deg,#7e39dc 20%, #cc3c9b);
    border: 0px;
    color: #fff;
    border-radius: 18px;
    padding: 10px 20px;
    font-size: 25px;
    font-weight: normal;
    max-width: 535px;
}
.cand-date-left{
    background: #31243b;
    border-radius: 25px;
    border-bottom-right-radius: 0px;
    color: #fff;
    max-width: 600px;
    padding: 40px 40px;
    margin-left: 100px;
    background-image: url('../images/candiadate-bg-1.png');
    background-repeat-y: no-repeat;
    background-position: bottom;
}
.cand-date-right{
    background: #31243b;
    border-radius: 25px;
    border-bottom-right-radius: 0px;
    color: #fff;
    max-width: 600px;
    padding: 40px;
    margin-left: 50px;
    background-image: url('../images/candiadate-bg-1.png');
    background-repeat-y: no-repeat;
    background-position: bottom;
}
.cand-date > h3{
    font-size: 25px;
}
.card-body-button {
    font-size: 15px !important;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: solid 1px #fff;
    padding: 10px 15px;
    border-radius: 25px;
    margin: 0px auto;
}
.cand-date-left h3, .cand-date-right h3 {
    font-size: 25px;
}
.t-right-button {
    text-align: right;
}
.user-collaboration{
    background: #e9e9e9;
    border-radius: 25px;
    max-width: 500px;
    padding: 30px 20px 20px 20px;
    min-height: 220px;
}
.h-full-section{
    width: 100%;
    float: right;
}
.h-full-section-l{
    width: 100%;
    float: left;
}
.h-full-section-right{
    width: 100%;
    float: left;
}
.h-full-section-left {
    width: 28%;
    float: left;
    text-align: left;
    border: 4px #31243b dotted;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
}
.h-full-section-right h3{
    font-size: 25px;
}
.h-full-section-right{
        width: 69%;
    float: left;
    margin-left: 3%;
}
footer{
    background: #2f2f2f;
}
.fr-to-cr > ul{
    color: #fff;
}
.fr-to-cr > ul li a{
    color: #fff;
    font-size: 17px;
    text-decoration: none;
}
.cpyrifht{text-align: center;
    font-size: 18px;
    padding-top: 30px;
    color: #fff;}
.tp-padding{padding-top: 50px;}

.organ > .card-body > a:hover {
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;border: solid 1px #fff;
}
.search-button-item:hover{
    /*background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);*/
    background:#fff;
    color: #000;border: solid 0px #fff;
}
.card-body-button:hover{ 
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;border: solid 0px #fff;
}
.social{
    font-weight: 400;
    color: #ce0086;
    font-size: 25px;
}
.social:hover{
    color: #fff;
}
.fr-to-cr > ul li a:hover{
    color: #ce0086;
    font-size: 17px;
    text-decoration: none;
}
.g-readmore{
    text-align: right;
    text-decoration: none;
    padding-top: 0px;
    padding-right: 20px;
}
.g-readmore-link{
    text-decoration: none;
    color: #ce0086;
}
.g-readmore-link:hover{
    color: #000;
}
.a-gt-m{
    height: 254px;
}
.a-gt-m-search {
    height: auto;
}
.organ-search {
    border: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 25px;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(204, 219, 232, 0.5) -3px -3px 6px 1px inset;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.organ-search > h3 {
    font-size: 25px !important;
    text-align: left;
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;
    font-family: bariol;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
}
.organ-search > h3 a { 
    text-decoration:none; 
    color:#fff; 
}
.organ-search > h3 a:hover { 
    color:#000; 
}
.search-m-top {
    margin-top: 50px;
}
.heateor_sss_sharing_title{
    display: none;
}
.g-readmore-search {
    text-align: right;
    text-decoration: none;
    margin-top: -37px;
    padding-right: 20px;
}
.wpulike{padding: 0px 0 0 !important;}
.geadmore-search {
    text-align: right;
    text-decoration: none;
    margin-top: -10px;
    padding-right: 20px;
    margin-bottom: 0px;
}
.a-cat-r-search {
    min-height: 230px;
}
.breadcrumb {
    background: #f9f9f9;
    padding: 10px 10px 10px 20px !important;
    border-radius: 5px !important;
    margin: 30px 0 20px 0;
}
.breadcrumb  a{
    color: #000 !important;
    text-decoration: none;
}
.breadcrumb  a:hover{
    color: #d9485f !important;
    text-decoration: none;
}
.c-m-top{
    margin-top: 10px;
}
.search-m-top-item > h3{
    font-size: 25px;
    margin: 20px 0 10px;    
    background: #f1f1f1;
    padding: 10px 10px 10px 15px;
    border-radius: 10px;
}
.organ-search-item{
    margin-bottom: 10px;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
}
.organ-search-item:hover{
background: #f1f1f1;
border-radius: 10px;
}
.organ-search-item > h3 {
    font-size: 25px !important;
    text-align: left;
    color: #000;
    font-family: bariol;
    height: 30px;
    line-height: 65px;
    padding-left: 0px;
}
.organ-search-item > p {
    padding-left: 5px;
}
.organ-search-item h3 > a{
    text-decoration: none;
    color: #000;
}
.organ-search-item h3 > a:hover{
    text-decoration: underline;
    color: #ce0086;
}
.organ-search-item > .card-body {
    padding-left: 0px;
}
.Searchfor{
    font-weight: bold;
}
.search-body-content > a{
color: #333; text-decoration: none;
}
.post-categories > p > .fa-staylinked{
    font-size:14px;
}
.post-categories > .cat-tag > .cat-left > p > a{
    color: #818181;
    text-decoration: none;
    font-size: 16px;
}
.post-categories > .cat-tag > .cat-left > p > a:hover{
    color: #ce0086;
    text-decoration: underline;
}
.post-categories > .cat-tag > .tag-right > p > a{
    color: #818181;
    text-decoration: none;
    font-size: 16px;
}
.post-categories > .cat-tag > .tag-right > p > a:hover{
    color: #ce0086;
    text-decoration: underline;
}
.post-categories > p > a:hover{
    color: #ce0086;
    text-decoration: underline;
}
.cat-tag {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.cat-left {
    float: left;
    margin-right: 30px;
}
.tag-right {
float: left;
}

/* Styling for pagination container */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.pagination > .current{
    display: inline-block;
    padding: 5px 10px;
    margin: 0 4px;
    border: 1px solid #ccc;
    background-color: #e1e1e1 !important;
    color: #f7f7f7;
    text-decoration: none;
    border-radius: 5px;
}


/* Styling for individual pagination links */
.pagination a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 4px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
}
/* Styling for the current page link */
.pagination .page-numbers.current {
background-color: #333;
color: #fff;
}
/* Styling for the previous and next links */
.pagination .prev, .pagination .next {
padding: 5px 10px;
background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
color: #fff;
border-radius: 5px;
}

/* Styling for disabled links (e.g., when on the first or last page) */
.pagination .page-numbers.disabled {
    pointer-events: none;
    color: #ccc;
}
.has-primaryalert-background-color{background:#cfe2ff; }
.has-secondaryalert-background-color{background: #e2e3e5;}
.has-successalert-background-color{background: #d1e7dd;}
.has-dangeralert-background-color{background: #f8d7da;}
.has-darkalert-background-color{background: #d3d3d4;}
.has-deeppurple-background-color{background: #381f75;}
.has-fuscia-background-color{background: #ce0086;}
.has-orange-background-color{background: #ed821f;}
.has-yellow-background-color{background: #f4b012;}
.has-lavender-background-color{background: #d6b6ff;}
.has-purple-background-color{background: #5844da;}
.has-red-background-color{background: #f24a3b;}
.has-lemon-background-color{background: #f2ffcc;}
.must-log-in > a{
color: #ce0086 !important;
font-weight: bold;
text-decoration: none;
}
/* Style the comment form container */
.comment-form {
margin-top: 20px;
}

/* Style the comment input fields */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
max-width: 700px;
}

/* Style the comment submit button */
.comment-form input[type="submit"] {
background-color: #ce0086;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

/* Style the comment form labels */
.comment-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Style the comment form comment textarea */
.comment-form textarea {
    height: 150px;
}

/* Style the comment form cancel reply link */
#cancel-comment-reply-link {
    text-decoration: none;
    font-weight: bold;
}

/* Style the comment author's name */
.comment-form .comment-form-author label,
.comment-form .comment-form-author input {
    width: 100%;
}

/* Style the comment author's email */
.comment-form .comment-form-email label,
.comment-form .comment-form-email input {
    width: 100%;
}

/* Style the comment author's website */
.comment-form .comment-form-url label,
.comment-form .comment-form-url input {
    width: 100%;
}
.comment-form label {
    display: none;
}
.comment-form-cookies-consent{display: none;}
.comment-form-url{display: none;}
/* Style the main comments container */
.comments-area {
    margin-top: 20px;
}

/* Style individual comment containers */
.comment {
    border: 1px solid #ccc;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* Style comment author information */
.comment-author {
    font-weight: bold;
    margin-bottom: 5px;
}

/* Style comment date and time */
.comment-time {
    color: #888;
}

/* Style comment content */
.comment-content {
    margin-top: 10px;
}

/* Style comment reply link */
.comment-reply-link {
    color: #0073e6;
    text-decoration: none;
    margin-left: 10px;
}

/* Style nested (child) comments */
.children {
    margin-left: 20px;
}

/* Style the comment form */
#commentform {
    margin-top: 0px;
}
.vcard img{
    width: 25px;
    height: auto;
    border-radius: 100%;
}
.fn a{
    color: #ce0086; 
    text-decoration: none;
}
.commentmetadata a{
    color: #ce0086; 
    text-decoration: none;
    font-size: 15px;
}
.reply a{color: #ce0086; }
.comment-body > p{
    font-size: 15px !important;
}
.comments-title span{
color: #ce0086; 
}
.comments-title{
    font-size: 25px;
    padding-left: 30px;
    margin-top: 25px;
}
.comment-respond h3{
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 30px;
}
.organ-search-categories {
    border: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: 25px;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(204, 219, 232, 0.5) -3px -3px 6px 1px inset;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.organ-search-categories > h3 {
    font-size: 25px !important;
    text-align: left;
    background-image: linear-gradient(272deg,#f17e2a 20%, #d9485f);
    color: #fff;
    font-family: bariol;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}
.organ-search-categories > h3 > a{
    text-decoration: none;
    color: #fff;
}
.organ-search-categories > .card-body{
    padding-top: 0px;
}
.relaseheading > h2, .relaseheading > h3 {color: #cc3c9b;}

/*---plugins left menu-start here--*/
#mega-menu-wrap-header-menu{
border: 0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 25px;
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(204, 219, 232, 0.5) -3px -3px 6px 1px inset;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background: #fff;
padding: 10px 0 10px 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
padding: 0px 10px 0px 20px !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #fff;
    color: #333;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(204, 219, 232, 0.5) -3px -3px 6px 1px inset;
    z-index: 99;
    border: solid 1px #ccc;
    width: 100%;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    width: 100% !important;
}
/*----plugins left menu-end------*/

.bellows.bellows-skin-vanilla .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-vanilla .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
    /*background: #ce0086;
    color: #fff; */
    background: #dedede;
    color: #fff;
    font-weight: bold;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.bellows.bellows-skin-vanilla .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-vanilla .bellows-nav .bellows-submenu .bellows-current-menu-ancestor > .bellows-target {
    /*background: #ce0086;
    color: #fff;*/
    background: #dedede;
    color: #fff;
    font-weight: bold;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.support-into-button a{
text-decoration: none;
color: #fff;
}
.release-note-full-section{
    width: 100%;
    background: #f1f1f1;
    border: solid 1px #ccc;
    float: left;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.n-f-section{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #a7caff26;
    border-bottom: 1px solid #ccc;
}
.n-f-left{
     width: 25%;
    float: left;
    margin: 0;
    padding: 10px;
}
.n-f-right{
    width: 75%;
    float: left;
    margin: 0;
    padding: 0;
    border: solid 1px #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
.n-f-section-1{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #d8e0ec;
    border-bottom: 1px solid #ccc;
}
.n-f-left-1{
     width: 25%;
    float: left;
    margin: 0;
    padding: 10px;
}
.n-f-right-1{
     width: 75%;
    float: left;
    margin: 0;
    padding-top: 10px;
    border: solid 1px #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    min-height: 100px;
}
.n-f-section-2{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #a7caff26;
}
.n-f-left-2{
     width: 25%;
    float: left;
    margin: 0;
    padding: 10px;
}
.n-f-right-2{
    width: 75%;
    float: left;
    margin: 0;
    padding-top: 15px;
    border: solid 1px #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    min-height: 100px;
}
.n-f-left > p, .n-f-left-1 > p, .n-f-left-2 > p {
    font-size: 25px;
    font-weight: bold;
}
.n-f-right ul, .n-f-right-1 ul, .n-f-right-2 ul{
    padding-left: 40px;
}

.n-f-right ul li a, .n-f-right-1 ul li a, .n-f-right-2 ul li a{
    text-decoration: none;
    color: #0c66e4;
}
.n-f-right ul li a:hover, .n-f-right-1 ul li a:hover, .n-f-right-2 ul li a:hover{
    text-decoration: none;
    color: #cc3c9b;
}
.nfn-h{padding: 10px 0 0 15px;
    font-weight: bold;
    margin-bottom: 5px;}
.releasnotes{ 
    font-weight: bold;
    margin-top: 35px;
}
.r-icon{
    color: #cc3c9b;
    font-size: 20px;
    padding-right: 10px;
}
.oct-heading{font-size: 30px;margin-bottom: 15px;}
.mstl{
    font-size: 20px;
    margin: 35px 0;
}
.mstl a{
    color: #ce0086;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    border: solid 1px #ce0086;
    padding: 5px 15px;
    border-radius: 50px;
    cursor: pointer;
}
.mstl a:hover{
    background: #ce0086;    
    border: solid 1px #ce0086;   
    color: #fff;
}
/*--New Left Navigation css start here---*/
.menu-toggle { display: none;flex-direction: column;cursor: pointer;}
.bar {width: 20px;height: 3px;background-color: #817e7e;margin: 4px 0;}
.menu {margin-top: 0px;}
.hrmenu > ul > li{line-height:30px;/*overflow: hidden; text-wrap: nowrap;*/}


@media (max-width: 767px) {
.menu-toggle {display: flex; /* Display on smaller screens */
background: #f1f1f1;padding: 10px;margin-top: 17px;border-radius: 5px;}
.menu {display: none;flex-direction: column;   
position: absolute;top: 60px;right: 10px;padding: 10px;}
.menu.active {display: flex; text-align: left;left: 0;margin-top: -8px;
width: 100%;transition-timing-function: ease-in;margin-bottom: 10px;}
.toggle-fl-section{width: 100%;float: left;margin: 0;padding: 0;}
.toggle-l-sect{width: auto;float: left;margin-right: 10px;padding: 0;}
.toggle-r-sect{width: 85%;float: left;margin: 0;padding: 0;}
.verticalScroller {height: 400px;overflow: auto;position: relative;
top: 0%;margin-bottom: 0;}
.verticalScroller::-webkit-scrollbar {width: 10px;}
}
/*--end here--*/

.lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] {
background: #f1f1f1 !important;
color: #868686 !important;
}
.currentpageurl{color: #cc3c9b !important;}
.oct-format {
background: #f2f2f2;
font-size: 16px;
color: #333;
border-radius: 8px;
padding: 10px;
font-weight: bold;
}
.seachfilter{
background: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
font-size: .8rem;
height: 35px;
line-height: 35px;
margin: 0 0 0 15px;
outline: none;
padding: 0 15px 0 10px;
width: 100%;
max-width: 300px;
border-radius: 5px;
}
.tpinav-section{
background: #fbfbfb !important;
border-bottom: rgba(204,204,204,.54) solid 1px;
}
.tr-right{
text-align: right;
}
.lm-1{margin-top: 10px;}

@media only screen and (min-width:320px) and (max-width:600px) {
.header-section {
    background-size: cover;
    height: auto;
    padding-bottom: 75px;
}
.xeople-knowledge-base{
    padding-left: 0px;
}
.xeople-knowledge-base h1{
    font-size: 30px;
}
.search-button-item{
    width: 85px;
}
.kr-search-box{
    width: 75%;
}
.support-into-button{
    margin: 25px auto 15px;
    font-size: 25px;
}
.icon-right > h3{
    font-size: 20px;
}
.organ > h3{
    font-size: 20px !important;
}
.organ > h3 a{color: #fff; text-decoration: none;}

.ais-button{
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 0px;
}
.cand-date-left{
    margin-left: 0px;
    margin-bottom: 15px;
}
.cand-date-right{
    margin-left: 0px;
}
.h-full-section{
    margin-bottom: 15px;
}
.top-menu-padd {
    padding-top: 15px;
    padding-bottom: 20px;
}
.ms-menu-top > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 18px;
}
.al-p-o{
    padding-left: 10px;
    padding-right: 10px;
}
.h-full-section-left{
    text-align: center;
    width: 100%;
    float: left;
    border: 0px #31243b dotted;
}
.h-full-section-left img{  
    height: auto;
}
.h-full-section-right {
    width: 100%;
    float: left;
    margin-left: 0%;
    text-align: center;
    margin-top: 15px;
}
.fr-to-cr{
    margin-top: 20px;
}
.uss-col{margin: 30px 0 -10px 0;}
.support-into-button a{
text-decoration: none;
color: #fff;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}

/*--Release notes page--*/
.n-f-left{
    width: 100%;
}
.n-f-left > p {
font-size: 20px;
margin-bottom: 0px;
}
.n-f-left-1 > p {
font-size: 20px;
padding-bottom: 0px;
}
.nfn-h{
    display: none;
}
.n-f-left-1{
    width: 100%;
    margin-bottom: 0px;
    padding: 10px 0 0 10px;
}
.n-f-right-1{
    padding-top: 0px;
    margin-top: -6px;
}
.n-f-left-2{
    width: 100%;
    padding: 10px 0 0 10px;
}
.n-f-left-2 > p {
font-size: 20px;
padding-bottom: 0px;
}
.n-f-right-2 {
    padding-top: 0px;
    margin-top: -6px;
}
.relaseheading > h2, .relaseheading > h3 {
 font-size: 25px;
}
.phone-version-1{
    display: none;
}
.tpinav-section{
    display: none;
}
.xeople-knowledge-base {
    margin: 10px 0 0 0;   
}

/*--27-12-2023--*/
.m-logo{width: 100%;float: left;margin: 0;padding: 0;justify-content: space-around;
display: flex;align-items: center;}
.m-logo-left{width: 50%; float: left; margin: 0;}
.m-logo-right{ width:50%; float:right; margin:0; text-align: right;}

}


@media only screen and (min-width:601px) and (max-width:767px) {
.phone-version-1 {display: none;}
.n-f-left{
    width: 40%;
}
.n-f-right{
    width: 60%;
}
.n-f-left-1{
    width: 40%;
}
.n-f-right-1{
    width: 60%;
}
.n-f-left-2{
    width: 40%;
}
.n-f-right-2{
    width: 60%
}
.tpinav-section{
    display: none;
}

/*--27-12-2023--*/
.m-logo{width: 100%;float: left;margin: 0;padding: 0;justify-content: space-around;
display: flex;align-items: center;}
.m-logo-left{width: 50%; float: left; margin: 0;}
.m-logo-right{ width:50%; float:right; margin:0; text-align: right;}

}

@media only screen and (min-width:768px) and (max-width:991px) {
.header-section{
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: cover;
    padding-bottom: 50px;
}
.col-ipad{
    flex: 0 0 auto;
    width: 50%;
}
.icon-right > h3 {
    text-align: left;
    font-size: 20px;
}
.cand-date-left{
    margin-left: 0px;
}
.a-gt-m {
    height: 285px;
}
.cand-date-right{
    margin-left: 20px;
    width: 48%;
}
.cand-date-left{
    width: 48%;
    margin-left: 0px;
}
.support-into{
    margin: 50px auto 35px;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}

/*--Release Notes--*/
.phone-version-1{
    display: none;
}
.iPadver{
    display: none;
}
.alphamo{
    width: 100% !important;
}
.relaseheading > h2, .relaseheading > h3{
    font-size: 25px;
}
.n-f-left{
    width: 30%;
}
.n-f-right{
    width: 70%;
}
.n-f-left-1{
    width: 30%;
}
.n-f-right-1{
    width: 70%;
}
.n-f-left-2{
    width: 30%;
}
.n-f-right-2{
    width: 70%
}
.top-menu-padd {
    padding-top: 15px;
    margin-top: -17px;
    padding-bottom: 15px;
}
.ms-menu-top > ul > li a {
    color: #fff;
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*--27-12-2023--*/
.m-logo{width: 100%;float: left;margin: 0;padding: 0;justify-content: space-around;
display: flex;align-items: center;}
.m-logo-left{width: 50%; float: left; margin: 0;}
.m-logo-right{ width:50%; float:right; margin:0; text-align: right;}
.ilogo{width: 100% !important;}
}

@media only screen and (min-width:992px) and (max-width:1279px) {
.ms-menu-top > ul > li a {
    color: #fff;
    font-size: 16px;
}
.header-section{
    height: auto;
    background-size: cover;
    padding-bottom: 40px;
}
.navbar-brand{
    width: 150px;
    height: auto;
}
.icon-right > h3 {
    text-align: left;
    font-size: 20px;
}
.organ > h3{
    height: 55px;
    line-height: 55px;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}
.h-login{
    width: 77px;
}
.navbar-brand > img{width: 150px;
    height: auto;}
.ms-menu-top > ul > li {
    padding-left: 0px;
    padding-right: 0px;
}

}

@media only screen and (min-width:1280px) and (max-width:1600px) {
.ms-menu-top > ul > li {
    padding-left: 2px;
    padding-right: 2px;
}
.icon-right > h3{
    text-align: left;
    font-size: 20px;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}
}