@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
body { font-family: 'Roboto', sans-serif }
img { max-width: 100% }
h1,h2,h3,h4,h5,h6,p,ul,li { margin: 0px; padding: 0px; list-style: none }
a:link,a:visited,a:hover,a:active,a:focus,button,img,header.fix,.reason-sec .reason-item h3,.reason-sec .reason-item h4,.reason-sec .reason-01::after,.reason-sec .reason-02::after,.reason-sec .reason-03::after,.reason-sec .reason-03 span, .seminar-right ul li button::after, .seminar-right ul li a::after {
text-decoration: none;
outline: none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 }

html.sr .load-hidden { visibility: hidden; }

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../img/loader.gif) center no-repeat #fff; }

.grecaptcha-badge { visibility: hidden !important;opacity: 0 !important }

.btn-primary { background-color:#d65629; border-color:#d65629; border-width:2px }
.btn-primary:hover { background-color:white; color:#d65629; border-color:#d65629 }

.alert-success, .alert-warning { text-align: center }

.theme-alert { position: fixed; z-index: 110; top: 5%; left: 50%; background-color: white; border-color: #156736; font-size: 14px;
-webkit-box-shadow: 10px 10px 60px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 60px rgba(0,0,0,0.3);
box-shadow: 10px 10px 60px rgba(0,0,0,0.3);
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%); }

header.fix { position: fixed; z-index: 100; left: 0; right: 0; top: 0; border-bottom: 1px solid #ccc; animation: slide-down 0.7s; }
header.fix .top-bar { display: none }
@keyframes slide-down {
    0% {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.top-bar { background-color: #d65629; color: white; font-size: 14px; padding-top: 5px; padding-bottom: 5px; }
.top-bar li { display: inline-block; margin-right: 10px; }
.top-bar li:first-child { border-right: 1px solid #aa4f32; padding-right: 10px; }
.top-bar li:last-child { float: right; margin-right: 0; }
.top-bar li a { color: white }
.top-bar li a:hover { color: #111111; }

.anim-icon-01 { position: absolute; top: 15%; right: 10%; -webkit-animation: spin 15.5s linear infinite !important;
animation: spin 15.5s linear infinite !important; }
.anim-icon-02 { position: absolute; bottom: 0; right: 20%; -webkit-animation: spin 10.5s linear infinite !important;
animation: spin 10.5s linear infinite !important; }
.anim-icon-03 { position: absolute; top: 20%; left: 3%; }
.anim-icon-04 { position: absolute; bottom: 20%; left: 3%; }
.anim-icon-05 { position: absolute; top: 50%; right: 3%; }
.anim-icon-06 { position: absolute; bottom: -30%; left: 3%; }

.above-fold { padding-top: 130px;
background: #f5fcf5; 
background: -webkit-linear-gradient(#f5fcf5,#ffffff); 
background: linear-gradient(#f5fcf5,#ffffff); }
.above-fold::before { width: 90%; height: 90%; position: absolute; top: 0; right: 0; background-image: url(../img/above-fold-bg.png); background-repeat: no-repeat; background-position: top right; background-size: contain; content: "" }
.above-fold h1 { color: #156736; text-transform: uppercase; font-size: 36px; font-weight: 600; margin-bottom: 10px; }
.above-fold .card { border: none; padding: 0;
-webkit-box-shadow: 0px 3px 30px 0px rgba(212, 237, 248, 0.9);
-moz-box-shadow: 0px 3px 30px 0px rgba(212, 237, 248, 0.9);
box-shadow: 0px 3px 30px 0px rgba(212, 237, 248, 0.9); }
.above-fold .card ul li { display: inline-block; width: 32.9%; font-size: 14px; position: relative; }
.above-fold .card ul li::after { width: 1px; height: 40px; background-color: #d2ecf8; position: absolute; right: 0; top: 5px; content: ""; }
.above-fold .card ul li:last-child::after { display: none; }
.above-fold .card ul li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 10px; top: 50%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%); }
.above-fold .card ul li.course-icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f19d"; }
.above-fold .card ul li.location-icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; }
.above-fold .card ul li.date-icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f133"; }
.above-fold .card input { width: 100%; height: 50px; border: none; outline: none; padding-left: 35px; }
.above-fold .search-trigger { position: absolute; top: 20px; right: 15px; font-size: 12px; background-color: #d65629; color: white }
.above-fold .card button { background-color: #d65629; color: white; width: 100%; height: 50px; border: none; outline: none; }
.above-fold .search-trigger .fa { transition: .3s transform ease-in-out; }
.above-fold .collapsed .fa { transform: rotate(-90deg); }

.seminar-data-tbl { background-color: white; border-radius: 0.5rem;
-webkit-box-shadow: 0px 20px 30px 0px rgba(221, 231, 238, 0.75);
-moz-box-shadow: 0px 20px 30px 0px rgba(221, 231, 238, 0.75);
box-shadow: 0px 20px 30px 0px rgba(221, 231, 238, 0.75); }
.seminar-data-tbl table th, .seminar-data-tbl table td { vertical-align: middle }
.seminar-data-tbl table th { text-transform: uppercase; font-size: 14px; padding: 10px; }
.seminar-data-tbl table th:nth-child(3) { min-width: 135px }
.seminar-data-tbl table th:nth-child(4) { min-width: 60px }
.seminar-data-tbl table tbody tr { cursor: pointer; }
.seminar-data-tbl table td { padding: 10px; }
.seminar-data-tbl table td .badge-success { color: #0a4933; background-color: #d7f5ea }
.seminar-data-tbl table td .badge-danger { color: #a50b0b; background-color: #f5d7d7 }
.seminar-data-tbl table td .badge-warning { color: #8c5c01; background-color: #fce1ae }
.seminar-data-tbl table td .badge-light { color: #858b8f; background-color: #f2f5f7 }
.seminar-data-tbl table td small { display: inline-block; color: #156736; background-color: aliceblue; border: 1px solid #d7f5ea; padding: 1px 5px; border-radius: 4px; }

.seminar-data-more { text-align: center }
.seminar-data-more a { display: inline-block; color: #d65629; border: 2px solid #d65629; padding: 5px 15px; border-radius: 4px; font-size: 14px; }
.seminar-data-more a:hover { background-color: #d65629; color: white }

.reason-sec { padding: 80px 0px; text-align: center }
.reason-sec h1 { font-size: 36px; font-weight: 600; position: relative; margin-bottom: 40px; }
.reason-sec h1::after { width: 60px; height: 2px; background-color: #c4cfda; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; content: "" }
.reason-sec h1 small { font-size: 24px; }
.reason-sec .reason-item { color: #7c899c; font-size: 14px; background-color: white; border-radius: 1rem; padding: 50px; position: relative; }
.reason-sec .reason-item h3 { font-size: 36px; font-weight: 800; color: #c4cfda; margin-bottom: 10px; }
.reason-sec .reason-item h4 { color: #212529; font-size: 18px; margin-bottom: 5px; }
.reason-sec .reason-item:hover h3, .reason-sec .reason-item:hover h4 { color: #d65629; }
.reason-sec .reason-01::after { position: absolute; right: 5%; top: 0; content: "1"; color: rgba(124,137,156,0.1); font-size: 150px; font-weight: 800; font-style: italic; opacity: 0; }
.reason-sec .reason-01:hover::after { opacity: 1; }
.reason-sec .reason-02::after { position: absolute; right: 5%; top: 0; content: "2"; color: rgba(124,137,156,0.1); font-size: 150px; font-weight: 800; font-style: italic; opacity: 0; }
.reason-sec .reason-02:hover::after { opacity: 1; }
.reason-sec .reason-03::after { position: absolute; right: 5%; top: 0; content: "3"; color: rgba(124,137,156,0.1); font-size: 150px; font-weight: 800; font-style: italic; opacity: 0; }
.reason-sec .reason-03:hover::after { opacity: 1; }
.reason-sec .shadow-card { box-shadow: 0 20px 30px 0 rgba(221, 231, 238, 0.0); transition: box-shadow 500ms; }
.reason-sec .shadow-card:hover { box-shadow: 0 20px 30px 0 rgba(221, 231, 238, 0.75); }

.cta-sec .cta-wrap { position: relative; border-top: 1px solid #d2ebf8; border-bottom: 1px solid #d2ebf8; }
.cta-sec .cta-wrap::after { width: 1px; height: 100%; background-color: #d2ebf8; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: "" }
.cta-sec .cta-wrap .cta-item { padding: 50px; }
.cta-sec .cta-wrap .cta-item h4 { font-size: 20px; color: #156736; margin-bottom: 20px; }
.cta-sec .cta-wrap .cta-item h4 span { display: inline-block; margin-right: 10px; color: #66b486 }
.cta-sec .cta-wrap .cta-item p { margin-bottom: 20px; }
.cta-sec .cta-wrap .cta-item a { display: inline-block; color: #d65629; border: 2px solid #d65629; padding: 5px 20px; border-radius: 4px; font-size: 14px; }
.cta-sec .cta-wrap .cta-item a:hover { background-color: #d65629; color: white }

.review-sec { padding: 80px 0px }
.review-sec h1 { font-size: 32px; color: #156736; text-transform: uppercase; margin-bottom: 40px; }
.review-sec h1 small { font-size: 16px; text-transform: none; color: #212529 }
.review-sec .review-item { display: flex; flex-direction: row; }
.review-sec .review-item img { width: 100px; height: 100px; min-width: 100px; object-fit: cover; border-radius: 100px; }
.review-sec .review-item .review-info { margin-left: 10px; position: relative; padding-top: 30px; }
.review-sec .review-item .review-info p { margin-bottom: 10px; }
.review-sec .review-item .review-info::before { position: absolute; top: -10px; left: 0; font-size: 50px; color: rgba(30,48,110,0.1); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d"; }
.review-sec .review-item .review-info h5 { font-size: 18px; }
.review-sec .review-item .review-info h5 small { display: block }

footer { background-color: #156736; color: white; background-image: url(../img/footer-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
footer h5 { margin-bottom: 20px; }
.footer-txt { padding: 50px 50px 50px 0px; border-right: 1px solid rgba(56,167,248,0.2) }
.footer-txt p { margin-bottom: 10px; }
.footer-txt a { color: white }
.footer-txt a span { color: #d65629 }
.footer-txt a:hover { color: #d65629 }
.footer-lnks { padding: 50px 0px 50px 50px; border-right: 1px solid rgba(56,167,248,0.2) }
.footer-lnks ul li { margin-bottom: 10px; }
.footer-lnks a { color: white }
.footer-lnks a span { color: #d65629 }
.footer-lnks a:hover { color: #d65629 }
.footer-s-media { padding: 50px 0px 50px 50px; }
.footer-s-media ul li { display: inline-block }
.footer-s-media ul li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: white; color: #00320f; border: 2px solid #00320f; border-radius: 100px; }
.footer-s-media ul li a:hover { background-color: #d65629; color: white; }
.footer-bottom-bar { background-color: #d65629; color: white; font-size: 14px; }
.footer-bottom-bar p { padding: 10px 0px }

#backToTop { display: flex; align-items: center; justify-content: center; border: 2px solid white; background-color: #d65629; width: 40px; height: 40px; text-align: center; border-radius: 100px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backToTop::after { content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1em; line-height: 40px; color: #fff }
#backToTop:hover { cursor: pointer; background-color: #156736; }
#backToTop:active { background-color: #156736; }
#backToTop.show { opacity: 1; visibility: visible; }

.page-title-sec { padding-top: 130px; padding-bottom: 40px; background: #f5fcf5; border-bottom: 1px solid #eaf0ea; }
.page-root ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.page-root ul li { display: inline-block; margin-right: 5px; }
.page-root ul li:last-child { margin-right: 0px; }
.page-root ul li::after { display: inline-block; margin-left: 5px; content: "/" }
.page-root ul li:last-child::after { display: none }
.page-root ul li a { font-size: 14px; color: #156736 }
.page-root ul li:last-child a { color: #d65629; cursor: text }
.page-title-txt h1 { font-size: 36px; }

.page-wrap { padding: 40px 0px; min-height: 40vh; }

.seminar-highlite { position: relative; margin-bottom: 20px; }
.seminar-highlite::before { width: 1px; height: 80%; background-color: #dfdfdf; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; content: ""; -webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%); }
.seminar-highlite .smnr-status { display: inline-block; margin-bottom: 10px; font-size: 12px; background-color: #d7f5ea; color: #0a4933; padding: 3px 15px; border-radius: 100px; position: absolute; top: -33px; }
.seminar-highlite .badge-success { background-color: #d7f5ea; color: #0a4933; }
.seminar-highlite .badge-danger { background-color: #f5d7d7; color: #a50b0b; }
.seminar-highlite .badge-warning { background-color: #fce1ae; color: #8c5c01; }
.seminar-highlite h4 { margin-bottom: 10px; color: #d65629 }
.seminar-highlite h6 { margin-bottom: 10px; }
.seminar-highlite address { font-size: 14px; color: #838383 }
.seminar-highlite address h6 { margin-top: 20px; margin-bottom: 0; }
.seminar-highlite address hr { margin: 0.5rem 0; }
.seminar-highlite .img-no-map { width: 100%; height: 100%; object-fit: cover; }

.seminar-info { margin-bottom: 40px; }
.seminar-info h6 { color: #156736 }
.seminar-info ul li { margin-bottom: 10px; }
.seminar-info ul li::before { display: inline-block; color: #d65629; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; margin-right: 10px; }

.seminar-direction { margin-bottom: 40px; background: #f5fcf5; border: 1px solid #d6e4d6; padding: 1.25rem; }
.seminar-direction h6 { color: #156736 }

.seminar-days h6 { color: #156736 }
.seminar-days h6 a { float: right; color: #d65629; border: 1px solid #d65629; font-weight: normal; font-size: 14px; padding: 5px 8px; border-radius: 4px; }
.seminar-days h6 a:hover { background-color: #d65629; color: white; }
.seminar-days .nav-tabs .nav-link { color: #156736; text-transform: uppercase; font-weight: bold; border: 1px solid #dee2e6; border-bottom: none;
background: rgba(255,255,255,0.0); 
background: -webkit-linear-gradient(#f5f5f5,rgba(255,255,255,0.0)); 
background: linear-gradient(#f5f5f5,rgba(255,255,255,0.0)); }
.seminar-days .nav-tabs .nav-item.show .nav-link, .seminar-days .nav-tabs .nav-link.active { color: #d65629; background: white; }
.seminar-days .tab-pane { border: 1px solid #dee2e6; border-top: none; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; padding: 1rem; }
.seminar-days .tab-pane ul { padding-left: 1rem }
.seminar-days .tab-pane ul li { list-style: disc }
.dissabled_button{

    display: block;
    color: #fff;
    border: 2px solid #d65629;
    background-color: #d65629;
    padding: 4px 95px;
    text-align: center;
    border-radius: 4px;
    margin-top: 20px;
}
.seminar-right { margin-top: -120px; }
.seminar-right ul li { font-size: 14px; color: #838383 }
.seminar-right ul li h6 { color: #156736 }
.seminar-right ul li p { margin-top: 5px; }
.seminar-right ul li button { display: block; width: 100%; cursor: pointer; position: relative; border: 1px solid #d65629; border-right: none; color: #d65629; font-weight: bold; text-align: center; padding: 7px 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
background: rgba(255,255,255,1); 
background: -webkit-linear-gradient(#f5f5f5,rgba(255,255,255,1)); 
background: linear-gradient(#f5f5f5,rgba(255,255,255,1)); }
.seminar-right ul li button::after { width: 35px; height: 37px; position: absolute; top: -1px; right: -35px; border: 1px solid #d65629; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
background: rgba(255,255,255,1); 
background: -webkit-linear-gradient(#f5f5f5,rgba(255,255,255,1)); 
background: linear-gradient(#f5f5f5,rgba(255,255,255,1));
content: "" }
.seminar-right ul li button::before { width: 12px; height: 12px; position: absolute; bottom: -12px; right: -33px; background-image: url(../img/flotty.png); background-repeat: no-repeat; background-position: 0 0; content: ""; }
.seminar-right ul li button:hover { background: #d65629; color: white }
.seminar-right ul li button:hover::after { background: #d65629; }
.seminar-right ul li button i { position: absolute; top: 50%; right: 10px; -webkit-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
transform: translate(-0%, -50%); }
.seminar-right ul li a { display: block; width: 100%; cursor: pointer; position: relative; border: 1px solid #d65629; border-right: none; color: #d65629; font-weight: bold; text-align: center; padding: 7px 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
background: rgba(255,255,255,1); 
background: -webkit-linear-gradient(#f5f5f5,rgba(255,255,255,1)); 
background: linear-gradient(#f5f5f5,rgba(255,255,255,1)); }
.seminar-right ul li a::after { width: 35px; height: 37px; position: absolute; top: -1px; right: -35px; border: 1px solid #d65629; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
background: rgba(255,255,255,1); 
background: -webkit-linear-gradient(#f5f5f5,rgba(255,255,255,1)); 
background: linear-gradient(#f5f5f5,rgba(255,255,255,1));
content: "" }
.seminar-right ul li a::before { width: 12px; height: 12px; position: absolute; bottom: -12px; right: -33px; background-image: url(../img/flotty.png); background-repeat: no-repeat; background-position: 0 0; content: ""; }
.seminar-right ul li a:hover { background: #d65629; color: white }
.seminar-right ul li a:hover::after { background: #d65629; }
.seminar-right ul li a i { position: absolute; top: 50%; right: 10px; -webkit-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
transform: translate(-0%, -50%); }
.seminar-right>a { display: block; color: #fff; border: 2px solid #d65629; background-color: #d65629; padding: 10px 20px; text-align: center; border-radius: 4px; margin-top: 20px; }
.seminar-right>a:hover { background-color: #fff; color: #d65629 }
.seminar-right ul li:first-child { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.seminar-right ul li:first-child::before { width: 1px; height: 70%; background-color: #dfdfdf; position: absolute; top: 50%; left: 55%;
-webkit-transform: translate(-55%, -50%);
-ms-transform: translate(-55%, -50%);
transform: translate(-55%, -50%);
content: "" }
.seminar-right ul li:first-child a { display: inline-block; border: 1px solid #156736; border-radius: 4px; padding: 5px 10px; background: #156736; color: white; font-weight: normal; }
.seminar-right ul li:first-child a::before, .seminar-right ul li:first-child a::after { display: none }

.modal-header { background-color: #f5fcf5; color: #156736; }
.modal-header button { outline: none }

.login-popup .form-control { border: none; border-bottom: 1px solid #ced4da; border-radius: 0; }
.login-popup .input-group-text { background-color: white; border: none; border-bottom: 1px solid #ced4da; border-radius: 0; }
.login-popup .form-control:focus { box-shadow: none; border-color: #d65629 }
.login-popup .btn-signIn { border: 2px solid #d65629; color: #fff; background-color: #d65629; width: 100%; border-radius: 4px; padding: 10px 0px; margin-bottom: 10px; }
.login-popup .btn-signIn:hover { background-color: #fff; color: #d65629 }
.login-popup a { color: #156736; }

.smnr-brws-search { background: none; padding-top: 0; margin-top: -55px; }
.smnr-brws-search .card { border: 1px solid rgba(0,0,0,.125); }
.smnr-brws-search .card ul li.date-icon::after { display: none }
.smnr-brws-search::before { display: none }
.smnr-brws-search .search-trigger { top: -38px; left: 15px; right: auto; }

.seminar-list-item { width: 100%; margin-bottom: 20px; position: relative; box-shadow: 0 20px 30px 0 rgba(221, 231, 238, 0.0); transition: box-shadow 500ms; }
.seminar-list-item:hover { box-shadow: 0 20px 30px 0 rgba(221, 231, 238, 0.75); }
.seminar-list-item>span { position: absolute; top: 1rem; left: 1.25rem; font-size: 12px; background-color: #d7f5ea; color: #0a4933; padding: 3px 15px; border-radius: 100px }
.seminar-list-item>span.badge-success { background-color: #d7f5ea; color: #0a4933; }
.seminar-list-item>span.badge-danger { background-color: #f5d7d7; color: #a50b0b; }
.seminar-list-item>span.badge-warning { background-color: #fce1ae; color: #8c5c01; }
.seminar-list-item .card-body { display: flex; flex-direction: column; align-items: flex-start; }
.seminar-list-item .card-body .card-title a { color: #156736 }
.seminar-list-item .card-body .card-title a:hover { color: #d65629 }
.seminar-list-item .card-body .card-text { flex-grow: 1; margin-bottom: 10px; }
.seminar-list-item .card-body .card-text li { font-size: 14px; margin: 5px; }
.seminar-list-item .card-body .card-text li i { color: #156736 }
.seminar-list-item .card-footer { background: none; border: none; width: 100%; margin: 0; padding: 0; }
.seminar-list-item .card-footer a { border: 2px solid #d65629; color: #fff; background-color: #d65629; display: block; text-align: center; border-radius: 4px; padding: 5px 0px; font-size: 14px; }
.seminar-list-item .card-footer a:hover { background-color: #fff; color: #d65629 }

.log-reg-wrap { margin-top: -60px; padding-left: 15px; }
.log-reg-img { background-image: url(../img/log-reg-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover }
.log-reg-data .nav-pills .nav-link { color: #156736 }
.log-reg-data .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #156736; color: white }
.log-reg-data h4 { text-align: center; margin-bottom: 10px; position: relative; color: #156736 }
.log-reg-data h4::before { width: 100%; height: 1px; background-color: #dfdfdf; position: absolute; top: 50%; left: 0; content: "" }
.log-reg-data h4 span { background-color: white; position: relative; padding: 0 15px }
.log-reg-data p { text-align: center; margin-bottom: 20px; color: #838383 }
.log-reg-data button { border: 2px solid #d65629; color: #fff; background-color: #d65629; width: 100%; border-radius: 4px; padding: 10px 0px; margin-bottom: 20px; }
.log-reg-data button:hover { background-color: #fff; color: #d65629 }
.log-reg-data p a { color: #156736 }
.log-reg-data p a:hover { color: #d65629 }
.log-reg-data label a { color: #156736; text-decoration: underline }
.log-reg-data label a:hover { color: #d65629 }

.rqst-prpsl-wrap { margin-top: -60px; padding-left: 15px; }
.rqst-prpsl-img { background-image: url(../img/rqst-bg.png); background-repeat: no-repeat; background-position: center center; background-size: 95% }
.rqst-prpsl-data h4 { color: #156736 }
.rqst-prpsl-data p { color: #838383 }
.rqst-prpsl-data button { border: 2px solid #d65629; color: #fff; background-color: #d65629; width: 100%; border-radius: 4px; padding: 10px 0px; margin-bottom: 20px; }
.rqst-prpsl-data button:hover { background-color: #fff; color: #d65629 }

.contact-wrap { margin-top: -60px; color: #838383 }
.contact-wrap h4 { color: #156736 }
.contact-wrap button { border: 2px solid #d65629; color: #fff; background-color: #d65629; width: 100%; border-radius: 4px; padding: 10px 0px; margin-bottom: 20px; }
.contact-wrap button:hover { background-color: #fff; color: #d65629 }

.about-intro-txt span { color: #d65629; font-size: 24px; }
.about-intro-img { margin-top: -100px; }
.about-info-txt h1 { color: #d65629; }
.about-info-txt h4 { color: #156736; margin-bottom: 10px; }

.logged-title span { color: #d65629; }
.logged-dropdown .dropdown-item { color: #212529; font-size: 14px; }

.usr-dshbrd-wrap { margin-top: -60px }
.usr-dshbrd-wrap .navbar { border-bottom: 1px solid #dfdfdf }
.usr-dshbrd-wrap .navbar-brand { position: absolute; right: 15px; top: -40px; margin-right:0; }
.usr-dshbrd-wrap .navbar-brand .img-thumbnail { border-radius: 100px; width:75px; height: 75px; object-fit: cover }
.usr-dshbrd-wrap .nav-item { position: relative; }
.usr-dshbrd-wrap .nav-item .active { color: #156736 !important }
.usr-dshbrd-wrap .nav-item .active::after { width: 100%; height: 2px; background-color: #d65629; position: absolute; bottom: -9px; left: 0; content: "" }
.usr-dshbrd-wrap .readonly-cntrl { cursor: not-allowed }

.usr-dshbrd-body td a { color: #d65629; margin-right:5px; }
.usr-dshbrd-body td .btn-primary { color: white }
.usr-dshbrd-body td .btn-primary:hover { color: #d65629; }
.usr-dshbrd-body td a:last-child { margin-right:0px; }
.usr-dshbrd-body td a.disabled { opacity: 0.5; cursor: default }
.usr-dshbrd-body table tr th:last-child, .usr-dshbrd-body table tr td:last-child { width: 90px }
.usr-dshbrd-body table tr th:nth-child(7), .usr-dshbrd-body table tr td:nth-child(7) { width: 90px }
.usr-dshbrd-body table tr th:nth-child(6), .usr-dshbrd-body table tr td:nth-child(6) { width: 90px }
.usr-dshbrd-body table tr th:nth-child(5), .usr-dshbrd-body table tr td:nth-child(5) { width: 90px }
.usr-dshbrd-body table tr th:nth-child(4), .usr-dshbrd-body table tr td:nth-child(4) { width: 150px }

.pay-card-details { margin-top: -60px }
.pay-card-details .pay-card-ttl { text-align: center; color: #156736; text-transform: uppercase; }
.pay-card-details .pay-card-ttl h1 { margin-bottom: 20px; font-weight: 800 }
.pay-card-details .pay-card-ttl img { width: 80% }
.pay-card-details h4 { color: #156736; }
.pay-card-details p { color: #838383; }
.pay-card-details h5 strong { color: #d65629; }
.pay-card-details .msg-sub-txt { text-transform: capitalize }

.non-exist-wrp { background-color: #f5fcf5; height: 100vh; display: flex; align-items: center; justify-content: center }
.non-exist-innr { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); text-align: center }
.non-exist-innr h1 { font-weight: 800; font-size: 5rem; color: #324148 }
.non-exist-innr h2 { font-weight: 800; font-size: 2.5rem; color: #324148 }
.non-exist-innr p { color: #5e7d8a; }
.non-exist-innr p a { color: #d65629; text-decoration: underline }

.quick-connect { display: block; position: fixed; bottom: 0; width: 100%; z-index: 100; }
.quick-connect a { width: 50%; float: left; text-align: center; font-size: 14px; font-weight: 600; text-decoration: none; padding: 7px 0 5px; color: #fff; box-sizing: border-box; }
.quick-connect a i { box-sizing: border-box; padding-top: 3.5px; width: 24px; height: 24px; border-radius: 50%; }
.quick-connect a.qc-one { background: #156736; }
.quick-connect a.qc-one:hover { background: #1e2556; }
.quick-connect a.qc-two { background: #259150; }
.quick-connect a.qc-two:hover { background: #1e2556; }

.btn-smooth-scroll { background-color: #d65629; color: white; font-size: 12px; position: absolute; right: 15px; top: -40px; }

/*.........................................Responsive style.........................................*/

@media only screen and (min-width: 992px) {
    header.fix { min-height: 3.8rem; }
    .reason-sec .row { position: relative; }
    .reason-sec .col-lg-4:last-child { position: absolute; right: 0; z-index: 1; }
    .reason-sec .reason-03 span { display: none; }
    .reason-sec .reason-03:hover span { display: inline; }
}

@media only screen and (max-width: 992px) {
    .anim-icon-01, .anim-icon-02, .anim-icon-03, .anim-icon-04, .anim-icon-05, .anim-icon-06 { display: none }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .above-fold h1 { font-size: 28px; }
    .above-fold .card ul li { width: 32.8%; }
    .reason-sec { padding: 40px 0px; }
    .reason-sec h1 { font-size: 28px; }
    .reason-sec h1 small { font-size: 20px; }
    .reason-sec .reason-item { padding: 20px; }
    .review-sec { padding: 40px 0px; }
    .review-sec h1 { font-size: 28px; }
    .page-title-txt h1 { font-size: 28px; }
}

@media only screen and (min-width: 768px) {
    .above-fold .search-trigger { display: none }
    .above-fold .collapse { display: block }
    .btn-smooth-scroll { display: none }
    .quick-connect { display: none; }
}

@media only screen and (max-width: 768px) {
    .about-intro-img { margin-top: 0; }
}

@media only screen and (max-width: 767px) {
    .top-bar { font-size: 12px; text-align: center }
    .top-bar li { margin-right: 5px; }
    .top-bar li:first-child { padding-right: 5px; }
    .top-bar li:last-child { float: unset; border-left: 1px solid #aa4f32; padding-left: 5px; }
    .top-bar-item { padding: 0px; }
    .above-fold { padding-top: 100px; }
    .above-fold::before { width: 85% }
    .above-fold h1 { font-size: 19px; }
    .above-fold .card ul li { display: block; width: 100%; border-bottom: 1px solid #d2ecf8 }
    .above-fold .card ul li::after { display: none }
    .seminar-data-tbl table th, .seminar-data-tbl table td { font-size: 12px; }
    .seminar-data-tbl table th:nth-child(3) { min-width: 108px }
    .seminar-data-tbl table th:nth-child(4) { min-width: 55px }
    .reason-sec { padding: 40px 0px; }
    .reason-sec h1 { font-size: 22px; }
    .reason-sec h1 small { font-size: 18px; }
    .reason-sec .reason-item { padding: 20px; }
    .cta-sec .cta-wrap::after { width: 100%; height: 1px; top: 50%; }
    .review-sec { padding: 40px 0px; }
    .review-sec h1 { font-size: 22px; }
    .footer-txt { padding: 20px 15px 20px 15px; border-bottom: 1px solid rgba(56,167,248,0.2); border-right: none }
    .footer-lnks { padding: 20px 15px 20px 15px; border-bottom: 1px solid rgba(56,167,248,0.2); border-right: none }
    .footer-s-media { padding: 20px 15px 20px 15px; }
    .footer-bottom-bar p { padding-bottom: 45px }
    #backToTop { right: 15px; }
    .page-wrap { padding: 20px 0px; }
    .page-title-sec { padding-top: 90px; }
    .page-root ul li a { font-size: 12px; }
    .page-title-txt h1 { font-size: 22px; }
    .seminar-highlite::before { display: none }
    .seminar-right { margin-top: 20px; }
    .seminar-days h6 a { float: none; display: inline-block; margin-top: 5px; }
    .smnr-brws-search { padding-top: 0; margin-top: 0; }
    .smnr-brws-search .card { margin-bottom: 15px; }
    .log-reg-wrap, .rqst-prpsl-wrap { margin-top: -45px; padding: 15px; }
    .contact-wrap, .usr-dshbrd-wrap { margin-top: -45px; }
    .usr-dshbrd-wrap .nav-item .active::after { bottom: 0; }
    .usr-dshbrd-wrap .table td, .usr-dshbrd-wrap .table th { font-size: 14px; padding: .35rem }
    .pay-card-details { margin-top: -45px }
    .pay-card-details .pay-card-ttl h1 { font-size: 24px; }
    .pay-card-details .pay-card-ttl img { margin-bottom: 20px; }
    .theme-alert { width: 95%; text-align: center }
}