/*****************************
@ Font Face
*****************************/

/* @import url(http://fonts.googleapis.com/css?family=Merriweather:400,700); */
/* @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Text:ital@0;1&display=swap');


/* font-family: "DM Serif Display", serif; */
/* font-family: "DM Sans", sans-serif; */


/*****************************
General
*****************************/

body { color: #394143; font-size:18px; font-family: "DM Sans", sans-serif; }

.container { max-width: 1160px; background: #fff; padding-left: 50px; padding-right:50px; }
.darkoverlay .container, .darkoverlay .nav-tabs>li.active>a, .darkoverlay .nav-tabs>li.active>a:hover, .darkoverlay .nav-tabs>li.active>a:focus { background: #f9f9f9; }
#content { position: relative; 
background: #3b4042;
}
#content:before { content: ''; position: absolute; top:0; right:0; bottom:0; left:0; background: url(/files/bg-axiom.png); background-size: 40px; opacity:0.4; }

.section { background: transparent; }
hr{border-color:#ddd;}

.btn-primary { background: #06b1b7; border: 1px solid #04999E; color: #fff!important; }
.btn-primary:hover { background: #04999E; border: 1px solid #04999E; }

.alert-announcement { padding: 1.6em; border-width: 4px; box-shadow: inset 0 0 0 4px #fff; }
.alert-announcement h3 { color: #444; margin-top: 0; }

.bg-danger, .panel tr.bg-danger:nth-child(even) { background: #F79F9F; }

.well {
background: linear-gradient(135deg, #FFFFFF 0%, #F0F8F8 100%);
  color: #015965;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 border: 1px solid #E0E7E9;
}

.well b{
  text-transform: bold;
}
.well.dark{
color:#fff;
background: #035E80;
background: linear-gradient(45deg,rgba(3, 94, 128, 1) 0%, rgba(6, 177, 183, 1) 100%);
border-radius:12px;
box-shadow: 0 0 32px -12px rgba(3, 94, 128, 1); 
}
.well.darkoverlay { background: rgba(0,0,0,0.85); color: #fff; box-shadow: 0 0 70px 10px rgba(0,0,0,0.6); }
.well.darkoverlay { border: none; }
.darkoverlay hr { border-color: rgba(255,255,255,0.1); }
.darkoverlay .pretty-bullet li:before { background: rgba(0,0,0,0.7); }

/* Pop + Glow Effect - Scoped to core values section */
#core-values .col-xs-3 img {
  opacity: 0;
  transform: scale(0);
}

#core-values .col-xs-3 img.fade-in {
  animation: popGlow 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes popGlow {
  0% {
    transform: scale(0);
    opacity: 0;
    filter: drop-shadow(0 0 0 rgba(27, 122, 140, 0));
  }
  60% {
    transform: scale(1.15);
    filter: drop-shadow(0 0 20px rgba(27, 122, 140, 0.4));
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 0 rgba(27, 122, 140, 0));
  }
}

/* Stagger delays */
#core-values .col-sm-6:nth-child(1) .col-xs-3 img { animation-delay: 0.2s; }
#core-values .col-sm-6:nth-child(2) .col-xs-3 img { animation-delay: 0.6s; }
#core-values .col-sm-6:nth-child(3) .col-xs-3 img { animation-delay: 1.0s; }
#core-values .col-sm-6:nth-child(4) .col-xs-3 img { animation-delay: 1.2s; }

/* Box styling */
#core-values .well {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0F8F8 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/*****************************
Typogrpahy
*****************************/
h1, h2, h3 { font-family: "DM Serif Display", serif; line-height: 1.5em }
h1 { color:#06b1b7; font-weight: bold; font-size: 2.07em; line-height:1.3; }
h3 { color:#035e80; font-weight: bold; }
h4 { color:#054c66; font-weight: bold; line-height:1.3 }
p {line-height:1.4;}
.lead { color: #777; font-size: 1.2em; line-height:1.4;}
.lead.white{color:#fff;}
.slider-post {background: rgba(0,128,123,0.6); color: #fff; box-shadow: inset 0 0 120px rgba(0,60,62,0.2); padding: 0!important;}

.slider-post .panel-heading { font-family:  "DM Serif Display", serif; font-size: 20px!important; font-weight: bold; }
.slider-post .panel-body { background: rgba(0,128,123,0.3); border: none; font-size: 12px!important; padding: 0!important; color: #fff!important; }
.slider-post .panel-body .getpost-post { font-size: 16px!important; border-bottom: 1px dotted rgba(255,255,255,0.2)!important; padding: 8px 20px!important; }
.slider-post .panel-body .getpost-post .getpost-meta { font-size: 11px !Important; text-transform: uppercase; color: #add9d7; }
.slider-post .panel-body .getpost-post .readmore { font-weight: bold;font-size: 10px!important; background: #0a817c; padding: 0px 8px!IMportant; border-radius: 40px; float: right; color: #ffa902; }
.slider-post .panel-body .getpost-post .readmore:hover { background: #036a66; }
.slider-post .panel-footer { background: rgba(0,128,123,0.6);border: none; font-size: 14px!important; text-align:center }

.slider-box { font-family: "DM Serif Display", serif; font-size: 1.4em!important; font-weight: bold; line-height: 1!important; 
background: rgba(255, 254, 194, 0.5); color: #444; border-radius: 10px; padding: 14px 16px!important; box-shadow: none }

.tp-button { background-color: rgba(4, 156, 189, 1); padding: 8px 16px!Important; }

a{color: #078578;}
a:hover{color:#03685d;}

.pretty-bullet { padding: 0; margin:0; padding-left: 20px; list-style: none; }
.pretty-bullet li:before {
content: "\f105";
color: rgba(255,255,255,0.6);
background: rgba(0,0,0,0.4);
width: 20px;
height:20px;
text-align:center;
border-radius: 20px;
line-height: 18px!Important;
display: inline-block;
margin-top:-10px;
font: normal normal normal 14px/1 FontAwesome;
margin-right: 6px; margin-left: -26px}
.pretty-bullet li { padding-left: 10px; }


/*****************************
Section - Top
*****************************/

#top { border-top: 32px solid #222; box-shadow: inset 0 -4px rgba(0,0,0,0.1), 0 4px rgba(0,0,0,0.14), 0 12px rgba(0,0,0,0.02); }
#top .container { position: relative; box-shadow: inset 0 -4px #3cd5da; }
#secondary_navbar { position: absolute; top: -32px; float: none; right: 0; padding: 0; min-height: 0; margin: 0; margin-right: 1.2em; }
#secondary_navbar a{ padding: 5px 10px; color:#eee; text-transform: uppercase; font-size:0.8em; }

#navbar { min-height: 44px; border-radius: 0; }
#navbar .container-fluid { padding: 0; }
#top_navbar { font-size: 1em; text-transform: uppercase; border: none; font-weight: 700; color: #777; min-height: 0; }
#navbar.navbar { border: none !Important; }
#top_navbar li { float: left; }
#top_navbar a { padding: 10px 20px; }
#top_navbar a:hover { background: none; border-bottom: 4px solid #049cbd; }
#top_navbar .active a { border-bottom: 4px solid #049cbd; }
#site-branding { margin-top: 1em; margin-bottom: 0.8em; }
#top_navbar .dropdown-menu li { float: none; display: BLOCK; }

#top_navbar .nav>li>a:hover, #top_navbar .nav>li>a:focus, #top_navbar .nav>li>a:active, #top_navbar .nav .open>a, #top_navbar .nav .open>a:hover, #top_navbar .nav .open>a:focus {
background: rgba(51,122,183,0.03);  border-bottom: 4px solid #049cbd;
}

#top_navbar .dropdown-menu li a:hover { border: none; background:  rgba(51,122,183,0.05); }

#top_navbar .dropdown-menu>.active>a, #top_navbar .dropdown-menu>.active>a:hover, #top_navbar .dropdown-menu>.active>a:focus { border: none; background:  #049cbd; color: #fff; }
.logged-in #top_secondary_navbar { display: none!important; }
.logged-in #top { border: none; }

/*****************************
Section - Breadcrumb
*****************************/

.home #breadcrumb{ display: none; }
#breadcrumb{ background: #80BDD0 url(/files/bg-blue.jpg);
background-position: top;
padding-bottom: 40px;
padding-top: 40px;
color: #eee;
box-shadow: 0 3px #67a7bf, 0 8px #bfeef033; position: relative; z-index:100; }
#breadcrumb .container { background: transparent; }
#breadcrumb small{font-size:16px;color:#394143;}




/*****************************
Section - Content
*****************************/

.home #content .section:nth-child(2) .container { margin-top: -50px; z-index: 100; position: relative; box-shadow: 0 -10px 40px -20px rgba(0,0,0,0.5); }
.home #content { padding-bottom: 70px; }
#content>.section:first-child>.container { box-shadow: 0 -10px 60px -20px rgba(0,0,0,0.5);  }
#content .section { padding: 60px 0; }
.home #content .section { top: 0; }




/*****************************
Section - Sidebar
*****************************/
#text-7 { background: url(/files/bg-glow.jpg) center bottom; background-size: cover;  border-radius: 6px; }
#text-7 .widget-title { color: #fff; background-color: rgba(0,0,0,0.25); padding: 10px 16px 10px; font-size: 20px; text-transform: none; border-radius: 6px 6px 0 0; }
#text-7 .textwidget { padding: 10px 16px 40px; font-size: 1.1em; }
#text-7 ul { list-style-type: none; padding: 0; }
#text-7 a { color: #fff; font-weight: bold;}

#text-7 li:before {
content: "\f0da";
color: rgba(255,255,255,0.5);
font: normal normal normal 14px/1 FontAwesome;
margin-right: 6px; margin-left: -10px}
#text-7 li { padding-left: 10px; margin-bottom: 14px; }


.has-left-sidebar > .section > .container, .has-right-sidebar > .section > .container {padding-top:0; padding-bottom:0;}
/*****************************
Section - Footer
*****************************/

#respond {display: none;}

#footer{ background: #2f2f2f; color: #ccc; box-shadow: 0 -3px #387b94, 0 -14px rgba(0,0,0,0.1); }
#footer .container { background: transparent; padding-left:20px; padding-right: 20px; }
#footer h4{ color: #fff; }
#footer input[type="text"]{ background: #222; border: #111; }
#footer a{ color: #6FD8CD; }
#footer .row .col-sm-3:first-child { margin-top:32px; }
#footer .row .col-sm-3:nth-child(4) { margin-top:32px; }
#footer #menu-quick-links {padding:0;}
#footer #menu-quick-links li {list-style:none;position:relative;padding:0 0 0 16px;}
#footer #menu-quick-links li:before { content: "\f105"; font: normal normal normal 14px / 1 FontAwesome; position: absolute; left:4px; top:2px; }

#livelychatsupport-chatbox { border: 0px solid #000!important; box-shadow: none!important; border-bottom: none!important; }

#livelychatsupport-chatbox .header .livelychatsupport-open, #livelychatsupport-chatbox .field button { color: #fff!important; }


/*****************************
Section - Credit
*****************************/

#credit, #credit .container{background:#222}




/*****************************
Page - Home
*****************************/

#home-slider{ box-shadow: 0 3px #67a7bf, 0 8px #bfeef0, inset 0 -20px rgba(0,0,0,0.1);  background: #FCFCFA; }
#home-slider .rev_slider_wrapper{ background: none!important; }
.tp-bullets { display: none; }


/*****************************
Page - About
*****************************/
#about-intro .container { background: #f8faf9 url(/files/bg-discussion.jpg) right bottom no-repeat; background-size: auto 100%;}
#about-visionmission .container { background: #f8faf9 url(/files/bg-desktop1.jpg) right bottom no-repeat; background-size: 100% auto; }
#about-value .well {  padding: 10px; margin: 0; min-height: 190px; }
#about-value .well b { font-size: 20px; }
#about-value .col-sm-10 { padding-left: 0; }
/*****************************
Page - BEC Online Portal
*****************************/

#wpmem_reg fieldset, #wpmem_login fieldset { margin: 0 !important; }
#wpmem_reg legend, #wpmem_login legend{ display: none; }
#wpmem_reg .noinput { width: 100%; margin: 0 }
#wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_login .div_text, #wpmem_reg .div_checkbox { width: 100% !important; }
#wpmem_reg label, #wpmem_login label { margin-top: 0.6em; margin-bottom: 0; }
#wpmem_reg .button_div, #wpmem_login .button_div { height: 50px !important; margin-bottom: 1em; width: 100%!important; font-size: 14px; }
#bec-online-portal .link-text { width: 100%!important; font-size: 14px; }
#wpmem_reg .button_div .buttons, #wpmem_login .button_div .buttons { display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;}
#wpmem_reg .buttons[type="reset"] { display: none; }

#wpmem_login .link-text:last-child { display: none; }
#wpmem_reg .req-text, #wpmem_reg font.req { display: none!important; }

.wpmem_msg {
width: 100%!important;
padding: 20px!important;
}
/*****************************
Pages - Portal
*****************************/




/*****************************
Pages - Career
*****************************/
#form-career-apply label, #form-career-hire label { text-align: left; font-size: 13px; }



#wpmem_login {
max-width: 500px;
}



/* Login form */
#loginform p { margin: 0 0 0.1em 0;}
#loginform label { font-weight: normal; font-size: 13px; width:70px;}
#loginform input[type="text"], input[type="email"], input[type="password"], input[type="date"] {border-radius: 4px; border: 1px solid #ddd;}
#loginform .login-remember label { width: 100%; }
#loginform .button-primary{
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}

#loginform .button-primary:hover, #loginform .button-primary:focus, #loginform .button-primary.focus, #loginform .button-primary:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/* Hide top login menu */
#top{border-top:none;}
#secondary_navbar{display:none;}

body.home #content > .section:first-child {padding-top:0;}
body.home #content > .section:first-child .container {padding-top:0; padding-bottom:0;}
#rev_slider_2_1_wrapper{ box-shadow: 0 10px rgba(255,255,255,0.2);}

.wpcf7 .form-group.row {margin:0 0 10px;}
.wpcf7 .form-group p {margin:0;}
.wpcf7 .form-group label{padding:4px 0 0 0;font-weight:normal; font-size:16px;}
.wpcf7 .form-group .col-sm-10 {padding:0;}
.wpcf7 input {font-size: 16px;}
.wpcf7 select {border-radius: 4px; border: 1px solid #ddd; width:100%; border: 1px solid #ccc; padding: 6px 8px; font-size: 16px;

    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.wpcf7 textarea {border-radius: 4px; border: 1px solid #ddd; width:100%; height: 12rem; border: 1px solid #ccc;
    border-radius: 4px;font-size: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}


#content :is(h1, h2, h3, h4, h5, h6, p, img, li):not(#right_sidebar *) {
  opacity: 0;
}

#content :is(h1, h2, h3, h4, h5, h6, p, img, li).animate-in:not(#right_sidebar *) {
  animation: fadeIn 0.4s ease-in forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

#content .sidebar {margin-top:0;}
#content-with-sidebar > .section{padding-top:0;}



ul.ul-arrow {padding:0;}
ul.ul-arrow li {list-style:none;position:relative;padding:0 0 0 16px;}
ul.ul-arrow li:before { content: "\f105"; font: normal normal normal 14px / 1 FontAwesome; position: absolute; left:4px; top:5px; }



ul.ul-tick {padding:0; font-size:0.85em;}
ul.ul-tick li {list-style:none;position:relative;padding:0 0 0 16px;}
ul.ul-tick li:before { content: "\f00c"; font: normal normal normal 14px / 1 FontAwesome; position: absolute; left:-2px; top:3px;color:#06b1b7; }
.location-card {
    background: #fffbf0;
    border: 2px solid #e8d48b;
    border-radius: 12px;
    padding: 24px 28px;
    margin-bottom: 20px;
}

.location-card h4 {
    margin-top: 0;
}

.location-card .dates-grid {
    margin-bottom: 0;
}
.dates-grid {
    display: grid;
    gap: 20px;
}

.calendar-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.calendar-box {
    width: 80px;
    flex-shrink: 0;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.calendar-header {
    background: linear-gradient(135deg, #ff4757 0%, #ff6348 100%);
background: #06b1b7;
    padding: 4px 6px 3px;
    text-align: center;
    color: white;
}

.calendar-month {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.calendar-body {
    padding:12px 10px;
    text-align: center;
    background: white;
}

.calendar-day {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #333;
}

.calendar-info {
    display: flex;
    flex-direction: column;
}

.day-of-week {
    font-size: 16px;
    color: #666;
}

.time {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}


.pid-whatsapp-container .btn{
background: #035E80;
background: linear-gradient(45deg,rgba(3, 94, 128, 1) 0%, rgba(6, 177, 183, 1) 100%);
box-shadow: none;
}

.pid-whatsapp-container .btn:hover{
background: #035E80;
background: linear-gradient(45deg,rgba(3, 94, 128, 1) 0%, rgba(6, 177, 183, 1) 100%);
box-shadow: 0 4px 12px rgba(3, 94, 128, 1);
}

/* Pulse animation for WhatsApp */
@keyframes pid-pulse-whatsapp {
    0% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(6, 177, 183, 0.7);
    }
    70% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 10px rgba(6, 177, 183, 0);
    }
    100% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(6, 177, 183, 0);
    }
}

/* Pulse animation for Email */
@keyframes pid-pulse-email {
        0% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(6, 177, 183, 0.7);
    }
    70% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 10px rgba(6, 177, 183, 0);
    }
    100% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(6, 177, 183, 0);
    }
}
#about-service .panel {  border: 1px solid #bad7dd; border-radius: 12px;}
#about-service .panel-body {min-height: 180px; font-size:0.95em;}
#about-service .panel-heading {
background: linear-gradient(135deg, #F0F8F8 0%, #E1F0F2 100%);
  border-bottom: 2px solid #99d5e1;
border-radius: 12px 12px 0 0;
}

.download-list {
    display: flex;
    flex-direction: column;
}

.download-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    background: linear-gradient(135deg, #f0f8f8 0%, #e8f4f5 100%);
    border: 1px solid #c8dfe2;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.download-item:hover {
    box-shadow: 0 6px 20px rgba(3, 94, 128, 0.12);
    transform: translateY(-2px);
    text-decoration: none;
    border-color: #06b1b7;
}

.download-thumb {
    width: auto;
    height: 120px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #d6e4e6;
    background: #fff;
    flex-shrink: 0;
}

.download-name {
    font-size: 20px;
    font-weight: 600;
    color: #054c66;
}

.download-name::after {
    content: "\f019";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 10px;
    color: #06b1b7;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.download-item:hover .download-name::after {
    opacity: 1;
}