/*

Theme Name: Emgaging
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     https://www.elegantthemes.com
Template:       Divi
Version: Updated for Divi 3+
*/
/*-------------------[GENERAL]--------------------*/

.policies_sec .et_pb_toggle {
    margin-bottom: 10px !important;
}
.single-post .et_post_meta_wrapper {
    width: 80%;
    max-width: 80% !important;
    padding-top: 40px !important;
}

.search_fix p.heding_text {

    color: #103654;

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 15px;

    margin-bottom: 0;

}

.search_fix {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.search_fix .search_input {

    width: 29%;

    position: relative;

}

.static_page {
    padding-left: 0 !important;
}
.search_fix .search_input input#policies_search {

    border: 1px solid #e5e5e5;

    border-radius: 3px;

    margin-bottom: 15px;

    padding: 5px 0px 5px 15px;

    width: 100%;

    color: #103654;

    font-size: 14px;

    min-height: 40px;

}

.search_fix .search_input i {

    position: absolute;

    top: 36%;

    right: 17px;

    transform: translateY(-50%);

    cursor: pointer;

    color: #e9414a;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}

.search_fix .search_input input#policies_search::placeholder {

    font-weight: 100;

}

.policy_tbl {

    margin-top: 30px;

}

.gt_selector {

    width: 100%;

    border-radius: 5px;

    min-height: 40px;

    padding: 10px;

	border:1px solid #e5e5e5;

	appearance: initial !important;

    -webkit-appearance: auto !important;

}

.qr_code {

    text-align: center;

    display: none;

}

.single-post .qr_code {

    display: block;

}

.single-post .qr_code .wpkqcg_qrcode_wrapper img {

    display: none;

}

.single-post #left-area .et_pb_text_inner ul {

    padding-left: 30px !important;

    list-style: disc !important;

}

.single-post .entry-content ol li ol {

    padding-left: 20px !important;

}

.single-post #left-area ol{

	list-style-position: inherit !important;

	padding-left:30px !important;

}
nav.llms-course-navigation .llms-lesson-preview  .llms-lesson-meta{
    display: none;
}
/*-----------------[HEADER-MENU]------------------*/

/*header#main-header {

    position: absolute !important;

}*/

@media (min-width: 981px){
    .et_vertical_nav #main-header .container {
        width: auto;
    }
    .et_vertical_nav #main-header #top-menu li {
        display: block;
        padding-right: 0;
    }

    .et_vertical_nav #page-container #main-header{

        width:320px;

    }
    .container.clearfix.et_menu_container {

        margin: 0 20px !important;

    }

    .et_vertical_nav #main-header #top-menu>li>a{

        font-weight: 500 !important;

    }
     #main-header .et_menu_container::-webkit-scrollbar{
        width: 5px!important;
    }
   #main-header .et_menu_container::-webkit-scrollbar-track{
        background: #bbbbbb!important;
    }
   #main-header .et_menu_container::-webkit-scrollbar-thumb{
        background: #EC6A01;
        border-radius: 10px;
    }
    .et_vertical_nav #main-header .container{
        /* padding-bottom: 70px; */
        margin: 0 !important;
        overflow-y: auto;
        height: calc(100vh - 98px);
        overflow-x: hidden;
        padding: 0 40px;

    }

/* 	.tab_details {

		position: sticky;

		top: 0;

	} */

}

header#main-header div#et-top-navigation ul#top-menu  li {

    display: block;

    width: 100%;

}



header#main-header div#et-top-navigation ul#top-menu li a {

    font-size: 16px;

    font-weight: 400 !important;

    padding-bottom: 20px;

}
.tml-action-lostpassword .et_pb_section .et_pb_row ul {
    padding-left: 0 !important;
}



header#main-header div#et-top-navigation ul#top-menu li a i {

    width: 12%;

}



header#main-header div#et-top-navigation ul#top-menu li a:hover {

    color: #B8995A !important;

    opacity: 1;

    background: transparent;

}

header#main-header div#et-top-navigation ul#top-menu li.custom_sub_menu {

    padding-left: 17px;

}

header#main-header {

    padding: 0 !important;

}

header#main-header .logo_container {

    width: 100%;

}

header#main-header .logo_container p.profile_name {

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    text-align: center;

}

header#main-header .logo_container  p.profile_id {

    font-size: 12px;

    font-weight: 300;

    color: #fff;

    text-align: center;

}

header#main-header .logo_container  .profile {

    padding-top: 22px;

}

.logo_img {

    position: fixed;

    bottom: 0;

    left: 0;

    text-align: center;

    background: #B8995A;

    padding: 15px 0px;

    width: 320px;

    z-index: 99999;

}

.logo_img img.img-fluid {

    width: 165px;

}

.et_vertical_nav.et_vertical_fixed #page-container #main-header{

    /*overflow: scroll;*/

    scrollbar-width: none;

    overflow-y: scroll;

    scrollbar-width: 0px;

    overflow-x: hidden;

}

header#main-header::-webkit-scrollbar {

  width: 0px;

}



.et_vertical_nav.et_vertical_fixed #page-container #main-header ul#top-menu li:last-child i {

    transform: rotate(181deg);

    display: inline-block;

    text-align: right;

}

div#wpfront-notification-bar {

    z-index: 99999 !important;

}



/*------------------[LOGIN]--------------------*/

.login_form {

    min-height: 100vh;

    display: flex;

}

.login_form .et_pb_column{

    margin: auto;

}

.custom_login img {

    max-width: 90%;

}

.custom_login {

    max-width: 470px;

    margin: 0 auto;

    background: #fff;

    border-radius: 8px;

    padding: 4% 7%

}

.custom_login input {

    border-radius: 5px;

    padding: 10px;

    font-size: 14px;

}

.custom_login button.tml-button {

    text-transform: uppercase;

    font-weight: 300;

    padding: 10px 48px;

    background-color: #103654;

    border-color: #103654;

    color: #FFFFFF;

    border-radius: 0.25rem;

    width: 100%;

    cursor: pointer;

}

li.tml-lostpassword-link a {

    color: #103654;

}



li.tml-lostpassword-link {

    list-style: none;

}

li.tml-register-link {

    display: none;

}

li.tml-login-link {

    list-style: none;

    background: #103654;

    padding: 8px;

    border-radius: 5px;

    cursor: pointer;

}

ul.tml-links {

    text-align: center;

    padding-left: 0;

}

li.tml-login-link a {color: #fff;}



.voice-text {

    display: none;

}

.tab_details a {

    width: 100%;

}

.policy-section h2 {

    border-bottom: 1px solid #ec6a01;

    margin-bottom: 10px;

    margin-top: 10px;

    color: #ec6a01;

	line-height:1.3em;

}

select#gtranslate_selector {

    width: 100%;

    padding: 10px 33px 10px 10px;

    font-size: 14px;

    border-radius: 5px;

    border: 1px solid #e5e5e5;

    color: #757575;

    font-weight: 300;

}

.tab_details .et_pb_button_module_wrapper {

    margin-bottom: 10px !important;

}

.notranslate button {

    background: transparent;

    border: 1px solid #e5e5e5;

    width: 100%;

    text-align: left;

    padding: 10px;

    border-radius: 3px;

    color: #444;

}

.notranslate button:focus {

    border: 1px solid #e5e5e5;

    outline: none;

}

.progress-wrap::after{

    font-family: 'etmodules' !important;

    content: '\21' !important;

}

/*Signature*/

#sig-canvas,#signature-pad {

  border: 2px dotted #CCCCCC;

  border-radius: 15px;

  cursor: url(./img/pen-1.png),pointer;

  /*width: 38%;*/

  /*height: 130px;*/

}

.sign-hide {

    display: none;

}

.sign-section {

    display:block;

    margin-bottom: 20px;

}

.sign_clear {

    cursor: pointer;

}

label.sing_label {

    color: #113653;

    padding-bottom: 5px;

    font-weight: 600;

}

canvas#signature-pad {

    height: 150px;

    width: 38%;

}



/* Mission */

.et_pb_section .et_pb_row ul {

    list-style: disc !important;

    /*padding-left: 30px !important;*/

    padding-top: 5px !important;

}

.Sub_heading{

    position: relative;

    top: -40px;

    z-index: 1111;

    border-radius: 50px;

}

.et_pb_section .et_pb_row .et_pb_text_inner p{

	padding-bottom: 1em !important;

}

.select2-container--focus,

.select2-container{

    width: 100% !important;

}

.hover_effect .et_pb_column:hover .et_pb_blurb_content .et_pb_blurb_description {

    color: #fff;

}

/*-------------------[Footer]---------------------*/

footer#main-footer,

.footer-bottom {

    display: none;

}



/*--------------------[Responsive]-----------------------*/



@media (max-width: 981px){

   canvas#signature-pad {

       height: 120px;

       width: 300px;

   }

}



/*back To Top*/

.navbar-brand{

    height: 36px;

    position: fixed;

    top: 50px;

    left: 70px;

    z-index: 3333;

    width: auto;

    display: inline-block;

    margin: 0;

    padding: 0;

    -webkit-transition : all 0.3s ease-out;

    transition : all 0.3s ease-out;

}

.navbar-brand::before{

    position: absolute;

    content: '';

    top: -13px;

    left: 50%;

    width: 80px;

    transform: translateX(-50%);

    height: calc(100% + 26px);

    opacity: 0;

    z-index: -1;

    background-image: linear-gradient(260deg, var(--grey), var(--grey-light));

    animation: border-transform 10s linear infinite alternate forwards;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.navbar-brand::after{

    position: absolute;

    content: '';

    top: -13px;

    left: 50%;

    width: 80px;

    transform: translateX(-50%);

    height: calc(100% + 26px);

    opacity: 1;

    z-index: -1;

    background-image: linear-gradient(160deg, var(--black-blue-light-3), var(--black-blue-light));

    animation: border-transform 10s linear infinite alternate forwards;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.navbar-brand img{

    padding: 7px 0;

    height: 100%;

    width: auto;

    display: block;

    -webkit-transition : all 0.3s ease-out;

    transition : all 0.3s ease-out;

}

@-webkit-keyframes border-transform{

    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 

    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 

    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 

    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 

    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 

    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 

    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 

}

@keyframes border-transform{

    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 

    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 

    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 

    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 

    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 

    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 

    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 

}

body.light .navbar-brand::before{

    opacity: 1;

}

body.light .navbar-brand::after{

    opacity: 0;

}

.section {

    position: relative;

    width: 100%;

    display: block;

    overflow: hidden;

    height: 100vh;

}

.center-wrap {

    position: absolute;

    width: 100%;

    display: block;

    overflow: hidden;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}

.color-gradient-red-yellow {

    background: linear-gradient(160deg, var(--red), var(--yellow));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.color-gradient-red-yellow .uil:before {

    background: linear-gradient(160deg, var(--red), var(--yellow));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.size-22 {

    font-size: 22px;

}



/*Newslatter*/

a.news_later {

	font-size: 15px;

    background: #113653;

    color: #fff !important;

    padding: 10px 1.5em;

    border-radius: 3px;

    cursor: pointer;

	display: inline-block;

}



a.news_later:hover {

    background: #b8995a;

}



/* #Progress

================================================== */



.progress-wrap {

    position: fixed;

    right: 50px;

    bottom: 50px;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);

    z-index: 10000;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.progress-wrap.active-progress {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.progress-wrap::after {

    position: absolute;

    font-family: etmodules;

    content: "\21";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    color: #b8995a;

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 1;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.progress-wrap:hover::after {

    opacity: 0;

}

.progress-wrap::before {

    position: absolute;

     font-family: etmodules;

    content: "\21";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    opacity: 0;

    background-image: linear-gradient(298deg, var(--red), var(--yellow));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 2;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.progress-wrap:hover::before {

    opacity: 1;

}

.progress-wrap svg path { 

    fill: none; 

}

.progress-wrap svg.progress-circle path {

    stroke: #113653;

    stroke-width: 4;

    box-sizing:border-box;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

body.light .progress-wrap {

    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);

}

body.light .progress-wrap::after {

    color: var(--black-blue);

}

body.light .progress-wrap svg.progress-circle path {

    stroke: var(--black-blue);

}

.switch,

.circle {

    -webkit-transition: all 300ms linear;

    transition: all 300ms linear; 

} 

.switch {

    width: 80px;

    height: 4px;

    border-radius: 27px;

    background-image: linear-gradient(298deg, var(--red), var(--yellow));

    position: fixed;

    right: 50px;

    top: 75px;

    display: block;

    margin: 0 auto;

    text-align: center;

    opacity: 1;

  z-index: 33333;

    transition: all 300ms linear;

}

.circle {

    cursor: pointer;

    position: absolute;

    top: 50%;

    /*transform: translateY(-50%);*/

    left: -5px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: var(--black-blue-light-3);

    box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);

    animation: border-transform 10s linear infinite alternate forwards;

}

.circle:hover {

    box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);

}

.circle:before {

    position: absolute;

    font-family: 'unicons';

    content: '\eac1';

    top: 0;

    left: 0;

    z-index: 2;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    width: 100%;

    height: 40px;

    opacity: 1;

    color: var(--grey);

    -webkit-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.circle:after {

    position: absolute;

    font-family: 'unicons';

    content: '\eb8f';

    top: 0;

    left: 0;

    z-index: 2;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    width: 100%;

    height: 40px;

    color: var(--yellow);

    opacity: 0;

    -webkit-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.switched .circle {

    left: 45px;

    box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);

    background: var(--black-blue);

}

.switched .circle:hover {

    box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);

}

.switched .circle:before {

    opacity: 0;

}

.switched .circle:after {

    opacity: 1;

}



/* management-team */

.usquare_square_text_wrapper h2 {

    padding-bottom: 10px !important;

}

.usquare_square_text_wrapper span {

    margin-bottom: 10px;

}

.usquare_about .overview {

    padding-top: 16px;

    line-height: 1.3em;

}

img.usquare_arrow {

    display: none;

}



/* policy post */

table.carpolicy_table,

table.carpolicy_table2,

table.carpolicy_table tr td,

table.carpolicy_table2 tr td,

table.carpolicy_table tr th,

table.carpolicy_table2 tr th {

    border: 1px solid!important;

}

table.carpolicy_table{

    margin-top: 20px !important;

}

table.carpolicy_table2 tbody tr td:first-child {

    font-size: 36px;

}

.annexure-f-table td, .annexure-f-table th {

    border: 1px solid #eee;

}

@media (max-width:980px){

	.table-rep {

		overflow-x: scroll;

	}

}
.whistleblowing img {
    background: #ebebeb;
}
.left-bord:before{
	 content: '';
    position: absolute;
    height: 100%;
    width: 2px !important;
    background: #000;
    left: -20px;
}