@charset "utf-8";
/* CSS Custome style 22 09 2025*/

/**********************/
/** SET MARGIN **/
/**********************/
.containerfull
 {
    margin-right: auto;
    margin-left: auto;
	width: 100%;
}

.mr35{
	margin-right: 35px;
}


.mb8{
	margin-bottom: 8px;
}

.mb20{
	margin-bottom: 20px;
}



.mb30{
	margin-bottom: 30px;
}


.mb35{
	margin-bottom: 35px;
}

.mb40{
	margin-bottom: 40px;
}

.mb45{
	margin-bottom: 45px;
}

.mb55{
	margin-bottom: 55px;
}


.mb80{
	margin-bottom: 80px;
}

.padding40-0{
	padding: 40px 0;
}


/**********************/
/** SET ALL PAGE **/
/**********************/

.all{
	font-size: 16px;
	line-height: normal;
}

.headtext{
	font-size: 32px;
	font-weight: 600;
	color: #000000;
}


.img-size{
	height: 400px;
	width: auto;
}

.textbold{
	color:#000000;
	font-weight: 600;
}


.cus-table{
	color: #000000;
	
}

 .cus-table table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
            background-color: #fff;
        }

.cus-table table, .cus-table th, .cus-table td {
            border: 1px solid #ddd;
        }


.cus-table th, .cus-table td {
            padding: 12px;
            text-align: left;
        }


        .cus-table th {
            background-color: #0100fe;
    		color: #ffffff;

        }


       .cus-table tbody tr:nth-child(even) {
            background-color: #e7f6ff; /**#f9f9f9**/;
        }


        .cus-table tbody tr:hover {
            background-color: #c7eaff;/*#f1f1f1;*/
        }






/**********************/
/** SET ROOT CERTIFICATE **/
/**********************/

.col_cert-wrap{
	margin-bottom: 35px;
}

.time {
	margin-top: 5px;
}

.cert-cat.theme {
	opacity: 0.4;
}

.cert-cat h3 {
	font-size: 14px;
    color: black;
    font-weight: 600;
}

.cert-cat h6 {
	font-size: 12px;
}

.hex {
    font-size: 80%;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #eee;
    padding: 3px;
    margin-bottom: 30px;
}

.download-cert-button {
    /* height: 40px; */
    /* min-width: 137px; */
    width: auto !important;
    border-radius: 20px;
    /* border: 1px solid; */
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 9px 18px;
    cursor: pointer;
    background-color: #E5EBEE;
	
	font-size: 13px;
	font-weight: 500 !important;
}


.download-cert-button:hover{
  color: rgba(0,0,0,1.00)!important;
  background-color: #DBE4E9;	
}


.download-cert-button-crl {
    width: auto !important;
    border-radius: 20px;
     border: 1px solid #9ba0a2; /**/
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 9px 18px;
    cursor: pointer;
    background-color: white;
	
	font-size: 13px;
	font-weight: 500 !important;
}


.cert-info{
	color: rgba(0,0,0,1.00);
}

.li-bottom li{
	margin-bottom: 5px;
}


.accordion .accordion-heading.in_head a .cert-cat h3 {
    color: #009dcd;
}


.download_cert_subcategoriesv2 {
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 30px;
}

.content_colshared span{
    font-size: 12px;
    text-transform: uppercase;
}


.accordion .accordion-heading a:hover {
    background-color: rgb(245 245 245);
}




/**********************/
/** SET MAINTAINANCE PAGE **/
/**********************/


  .note_maintainance {
            font-style: italic;
            color: #555;
			margin-top: 0;
        }


.maintainance{
	font-size: 17px !important;
	color:#000 !important;
}

.maintainance h1, .maintainance h2{
	font-weight: 600;
}

.maintainance ul{
	line-height: 1.75;
}



/**********************/
/** SET CAREERs **/
/**********************/

/* General styling */
.text-center {
  text-align: center;
}


.lead {
  font-size: 16px;
  color: #555;
}


.career-headtext h1{
	font-size: 60px;
	font-weight: 600;
	color: #000000;
}


.career-subtext{
	font-size: 28px;
	font-weight: 500;
	color: #000000;
}


.txt-section h2{
	font-size: 28px;
	font-weight: 800;
	color: #000000;
}


.txt-sub{
	font-size: 18px;
	color: #000000;
}


.txt-head h4{
	font-size: 18px;
	font-weight: 800;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 20px;
}





/* Why work with us icons */
.icon-3x {
  font-size: 36px;
  margin-bottom: 15px;
}

/* Job listing */
.job-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 30px;
    color: black;
}


.job-card h4 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
}


.job-description {
  font-size: 15px;
  font-weight: 200;
	color: #6b6b6b;
	margin-bottom: 40px;
}


.label-txt{
	font-size: 12px;
}


.job-card .label-txt {
  margin-left: 5px;
  background-color: #f2f2f2;
  padding: 8px 10px;
  border-radius: 30px;
}



.sec-job {
	background:#f9f9f9;
	padding:40px 0;
	width:100%;
}



.btn-apply {
    color: #fff;
    background-color: #252525;
    /* border-color: #357ebd; */
}


.btn-apply:hover {
    color: #fff;
    background-color: #4042f7;
    /* border-color: #357ebd; */
}

.btn-job {
    display: inline-block;
    padding: 8px 20px;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 30px;
}

.why-us img{
	width: 80px;
	height: auto;
	margin-bottom:10px;	
}


.how-we img{
	width: 180px;
	height: auto;
	margin-bottom:10px;	
}

.datecode{
	text-align:right;
	color:#999;
}


/* Default desktop layout (side by side) */
.btn-job, 
.label-txt {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  vertical-align: middle;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .btn-job,
  .label-txt {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }

  .btn-job {
   /* width: 100%;  full width button on mobile */
    max-width: 250px; /* optional limit */
    margin: 0 auto 10px auto; /* center */
  }
}




/**********************/
/** SET AI CHAT BOX **/
/**********************/


 
.CopilotStudiofui-FluentProvider1 {
--colorBrandBackground2: red !important;
}


/* Chat Launcher (floating icon bottom-right) */
#chat-launcher {
  position: fixed;
  bottom: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 9999;
}


#chat-launcher img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.2s ease;
}


  #chat-launcher img:hover {
    transform: scale(1.1);
  }



#chat-container {
  position: fixed;
  bottom: 100px;
  right: 30px;
  width: 400px;
  height: 530px;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 10000;
}



#chat-container iframe#ella-chat {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}


#chat-container #close-chat {
  position: absolute;
    background: transparent;
    /* color: #fff; */
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 16px;
    /*width: 100%;*/
    top: 8px;
    right: 20px;
    width: 32px;
    height: 32px;
}




/* Mobile View */
@media (max-width: 768px) {
  #chat-container {
    bottom: 110px;
    right: 15px;
    width: 300px;
    height: 530px;
    border-radius: 20px;
  }
}




/**********************/
/** END / AI CHAT BOX **/
/**********************/






/* Chat Container */