/* --------------------------------------------------------------------------
 * 1 - General
 * -------------------------------------------------------------------------- */

/* 1.1  - Google fonts
/* ========================================================================== */

/* font-family: 'Raleway', sans-serif; */
@import url('http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900');
/* font-family: 'Roboto', sans-serif; */
@import url('http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300,100,100italic,300italic');
/* font-family: 'Roboto Slab', serif; */
@import url('http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700');

/* 1.2 - Preloader
/* ========================================================================== */

#preloader {
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background-color: #ffffff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    /*You can use animated gif for preloader */
    /*background-image: url(../img/preloader.gif);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    margin: -100px 0 0 -100px;
    text-align: center;
    font-size: 50px;
}
#preloader-title {
    margin-top: 47px;
}
.spinner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 100px;
    width: 2em;
    height: 2em;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 .12em rgba(0,0,0,0.2);
    background:-webkit-linear-gradient(#ea032d 50%, #353535 50%), -webkit-linear-gradient(#353535 50%, #ea032d 50%);
    background:-webkit-linear-gradient(#ea032d 50%, #353535 50%), -webkit-linear-gradient(#353535 50%, #ea032d 50%);
    background:linear-gradient(#ea032d 50%, #353535 50%), linear-gradient(#353535 50%, #ea032d 50%);
    background-size: 50% 100%, 50% 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-animation: mask 3s infinite alternate;
    animation: mask 3s infinite alternate;
}
.spinner:after {
    content: '';
    position: absolute;
    border: .90em solid rgba(255,255,255,1);
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: inherit;
}
@-webkit-keyframes mask {
    0% { }
    25%  { -webkit-transform: rotate(270deg); }
    50%  { -webkit-transform: rotate( 90deg); }
    75%  { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(180deg); }
}
@keyframes mask {
    0% { }
    25%  { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    50%  { -webkit-transform: rotate( 90deg); transform: rotate( 90deg); }
    75%  { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

/* 1.3  - Global properties (body, common classes, structure etc)
/* ========================================================================== */

body {
    font-family: 'Raleway', sans-serif;
    font-size: 18px !important;
    line-height: 1.33;
    background: #fbfbfb;
    color: #6d7a83;
    -webkit-font-kerning: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: visible !important; /* reset animate.css / if hidden parallax buggy */
    position:relative;

    /*overflow-x: hidden;*/
}
body.boxed {
    background: #6d7a83;
}
p {font-size: 18px;}
/* overflow the content area
 * -------------------------------------------------------------------------- */

* {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    /* Prevent Long URL’s From Breaking Out of Container
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; */
}

.page {}
.content {}
.sidebar {
    font-size: 14px;
    line-height: 1.3;
}
.content .widget + .widget,
.sidebar .widget + .widget,
.footer .widget + .widget {
    margin-top: 50px;
}
.container {}
.wide .container.full-width {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    /*margin-top: -70px;*/
    /*margin-bottom: -70px;*/
}
.boxed .container.full-width {
    padding-left: 0;
    padding-right: 0;
}

/* 1.4 - Page section block
/* ========================================================================== */

.page-section,
.boxed .page-section > .container {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    /*overflow: hidden; /* small devices */
    background-color: #fbfbfb;
}
.boxed .page-section > .container {
    padding-left: 30px;
    padding-right: 30px;
}
.wide .page-section.dark,
.boxed .page-section.dark > .container {
    background-color: #435469;
    color: #f5f5f5;
}
.wide .page-section.light,
.boxed .page-section.light > .container {
    background-color: #f5f5f5;
    color: #435469;
}
.wide .page-section.color,
.boxed .page-section.color > .container {
    background-color: #dc143c;
    color: #ffffff;
}
.wide .page-section.image,
.boxed .page-section.image > .container {
    padding-top: 100px;
    padding-bottom: 100px;
    background-attachment: fixed;
    background-image: url('../img/preview/background-img-slider.jpg');
    background-size: cover !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat;
}
.wide .page-section.image > .container,
.boxed .page-section.image {
    position: relative;
}
.wide .page-section.image:before,
.boxed .page-section.image > .container:before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    background: transparent url("../img/overlay.png") 50% 0 repeat;
}
.page-section.background-img-slider {position: relative;}
.wide .page-section.background-img-slider,
.boxed .page-section.background-img-slider > .container {
    background: transparent url("../img/preview/background-img-slider.jpg") 50% 0 repeat !important;
    background-position: 50% 0 !important;
    background-size: cover !important;
}
.wide .page-section.background-img-slider > .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.boxed .page-section.background-img-slider > .container {
    padding: 0 !important;
}
.page-section.no-padding {padding: 0;}
.page-section.no-padding-top {padding-top: 0;}
.page-section.no-padding-bottom {padding-bottom: 0;}
.page-section.sub-page {padding-top: 150px !important;}
.page-section.with-sidebar {padding-top: 150px;}
.page-section.first-section {padding-top: 50px;}

.wide .page-section.breadcrumbs,
.boxed .page-section.breadcrumbs > .container {
    padding-top: 110px;
    padding-bottom: 15px;
}

.wide .page-section.overlay:before,
.boxed .page-section.overlay > .container:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    background-color: rgba(0, 0, 0, 0.30);
}

.block-title {}
.block-text {}
.block-readmore {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* 1.5 - Typography (section title, links, page dividers)
/* ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #141f23;
}
h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa,
h1 .glyphicon, h2 .glyphicon, h3 .glyphicon,
h4 .glyphicon, h5 .glyphicon, h6 .glyphicon {
    color: #ea032d;
}

/* Section title
 * -------------------------------------------------------------------------- */

.section-title {
    position: relative;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 40px 0;
    z-index: 0;
    text-transform: uppercase;
    color: #571c56;
    display: table;
    width: 100%;
}
.section-title small {
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    text-transform: none;
    color: #374146;
    text-transform: uppercase;
}
.section-title .icon-inner {
    display: table-cell;
    width: 70px;
}

span.title-inner small {
    color:var(--secondary-color);
}


.section-title .title-inner {
    display: table-cell;
    padding-bottom: 2px;
    vertical-align: middle;
    color: var(--primary-color);
}

.image .section-title,
.image .section-title small,
.dark .section-title,
.dark .section-title small,
.color .section-title,
.color .section-title small {
    color: #ffffff;
}
.color .section-title:after {
    color: #141f23;
}

.section-title .fa-stack {
    width: 50px;
    height: 57px;
    line-height: 57px;
    margin-right: 20px;
}
.section-title .fa-stack .fa {color: #ffffff;}
.color .section-title .fa-stack .fa {color: var(--primary-color);}
.section-title .rhex {background-color: var(--primary-color);}
.color .section-title .rhex {background-color: #ffffff;}
.color .section-title .crcle {background-color: #ffffff;}
.color .section-title .wohex {background-color: #ffffff;}

/* Hexagon icon
 * -------------------------------------------------------------------------- */

.rhex {
    background-color: #dc143c;
    margin-top: 14px;
    width: 50px;
    height: 28px;
    border-radius: 2px;
}
.rhex:before,
.rhex:after {
    position: absolute;
    top: 0; left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit;
    content: '';
}
.rhex:before {
    -webkit-transform: rotate(60deg);
    -moz-transform:    rotate(60deg);
    -ms-transform:     rotate(60deg);
    -o-transform:      rotate(60deg);
    transform:         rotate(60deg);
}
.rhex:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform:    rotate(-60deg);
    -ms-transform:     rotate(-60deg);
    -o-transform:      rotate(-60deg);
    transform:         rotate(-60deg);
}

/* Circle icon
 * -------------------------------------------------------------------------- */

.crcle {
    background-color: #dc143c;
    margin-top: 3px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    line-height: 48px;
}

/* Without hexagon icon
 * -------------------------------------------------------------------------- */

.wohex {
    background-color: #dc143c;
    margin-top: 3px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    line-height: 48px;
}

/* Links, Link color
 * -------------------------------------------------------------------------- */

a,
a .fa,
a .glyphicon,
a:hover,
a:hover .fa,
a:hover .glyphicon,
a:active,
a:focus {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

a {color: #ea032d;}
a:hover,
a:active,
a:focus {color: #000000;}

.color a {color: #ffffff;}
.color a:hover,
.color a:active,
.color a:focus {color: #000000;}

p {
    /*-moz-hyphens: auto;*/
    /*-webkit-hyphens: auto;*/
    /*-ms-hyphens: auto;*/
    /*hyphens: auto;*/
    margin-bottom: 20px;
}
ul, ol {
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
}
ul ul, ol ol,
ul ol, ol ul {
    padding-left: 20px;
}

.dropcap {
    display: block;
    float: left;
    font-size: 49px;
    line-height: 48px;
    margin: 0 10px 0 0;
    color: #ea032d;
}
.text-lg {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    color: #141f23;
}

/* Page header /* bs3
 * -------------------------------------------------------------------------- */

.page-header {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 36px;
    font-weight: 300;
    color: #515151;
}
.page-header h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 300;
    color: #515151;
}
.page-header h1 small {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #6f6f6f;
}

/* Page dividers
 * -------------------------------------------------------------------------- */

hr {}
hr.page-divider {
    margin-top: 40px;
    margin-bottom: 40px;
    clear: both;
    border-color: #eeeeee;
}
hr.page-divider:after {
    content: '';
    display: block;
    margin-top: 1px;
    border-bottom: solid 1px #eeeeee;
}
hr.transparent,
hr.page-divider.transparent {
    border-color: transparent;
}
hr.page-divider.half {
    border-color: transparent;
    margin-top: 0;
}
hr.page-divider.small {
    border-color: transparent;
    margin-top: 0;
    margin-bottom: 20px;
}
hr.page-divider.single {
    border-color: #646464;
}
hr.page-divider.single:after {
    display: none;
}
hr.page-divider.transparent:after,
hr.page-divider.half:after,
hr.page-divider.small:after {
    display: none;
}

.alert {border-radius: 10px;}

/* 1.6 - Buttons
/* ========================================================================== */

.btn,
.btn:hover,
.btn:active,
.btn.active {
    box-shadow: none;
    border-radius: 0;
}
.btn-theme,
.btn-theme:hover,
.btn-theme:active,
.btn-theme.active {
    border-radius: 10px;
}
.btn-theme {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 15px 35px;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-theme:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}
.color .btn-theme {
    color: var(--primary-color);
    background-color: #ffffff;
    border-color: #ffffff;
}
.color .btn-theme:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}
.btn-theme-transparent,
.btn-theme-transparent:focus,
.btn-theme-transparent:active{
    background-color: transparent;
    border-color: #dc143c;
    color: #dc143c;
}
.btn-theme-transparent:hover {
    background-color: #435469;
    border-color: #435469;
    color: #ffffff;
}
.btn-theme-transparent-grey,
.btn-theme-transparent-grey:focus,
.btn-theme-transparent-grey:active{
    background-color: transparent;
    border-color: #435469;
    color: #435469;
}
.btn-theme-transparent-grey:hover {
    background-color: #435469;
    border-color: #435469;
    color: #ffffff;
}
.btn-theme-transparent-white,
.btn-theme-transparent-white:focus,
.btn-theme-transparent-white:active{
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}
.btn-theme-transparent-white:hover {
    background-color: #435469;
    border-color: #435469;
    color: #ffffff;
}
.btn-theme-grey {
    background-color: #f5f5f5;
    border-color: #e8e8e8;
    color: #ea032d;
}
.btn-theme-grey:hover,
.btn-theme-grey:focus,
.btn-theme-grey:active {
    background-color: #435469;
    border-color: #435469;
    color: #ffffff;
}
.btn-theme-xs {}
.btn-theme-sm {
    font-size: 14px;
    padding: 10px 25px;
}
.btn-theme-lg {
    font-size: 18px;
    padding: 20px 35px;
}
.btn-theme-xl {
    font-size: 24px;
    padding: 12px 15px;
}

p.btn-row {margin-top: -10px;}
p.btn-row .btn {margin-top: 10px; margin-right: 10px;}

/* 1.7 - Form / Input / Textarea / Select
/* ========================================================================== */

.form-control {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    border: 1px solid #c8cdd2;
    font-size: 18px;
    color: #6d7a83;
    -webkit-appearance: none; /* ios */
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus {
    border-color: #ea032d;
    -webkit-appearance: none; /* ios */
    -webkit-box-shadow: none;
    box-shadow: none;
}
textarea {
    resize: none;
}

.bootstrap-select {}
.bootstrap-select > .selectpicker {
    height: 60px;
    border: 1px solid #c8cdd2;
    border-radius: 10px;
    font-size: 18px;
    color: #6d7a83 !important;
    -webkit-appearance: none; /* ios */
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff !important;
    box-shadow: none !important;
}
.bootstrap-select > .selectpicker:focus {border-color: #ea032d;}
.bootstrap-select-searchbox .form-control {
    height: 40px;
    font-size: 14px;
    border-radius: 0;
    padding-left: inherit;
    padding-right: inherit;
}

.registration-form {margin-top: -15px;}
.registration-form .form-group {margin-top: 15px; margin-bottom: 0;}
.registration-form .form-group.selectpicker-wrapper {z-index: 1; position: relative;}
.registration-form .bootstrap-select.btn-group:not(.input-group-btn),
.registration-form .bootstrap-select.btn-group[class*="span"] {margin-bottom: 0;}
.registration-form .tooltip {left: 15px !important;}
.registration-form .selectpicker-wrapper .tooltip {top: -47px !important;}
.registration-form .tooltip-inner {background-color: #ea032d; padding: 10px 20px;}
.registration-form .tooltip-arrow {border-top-color: #ea032d;}
.registration-form .tooltip.top .tooltip-arrow {border-top-color: #ea032d;}
.registration-form .form-alert {margin-bottom: 0;}

.registration-form.alt {margin-top: 0;}
.registration-form.alt .form-group {margin-top: 0; margin-bottom: 10px;}
.registration-form.alt .form-alert .alert {margin-bottom: 10px;}





form[name="ncc"] {
  max-width: 100%;
  background: #fff;
  padding: 40px 60px;
  margin: 40px auto;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}


form[name="ncc"] h2 {
  text-align: center;
  margin-bottom: 30px;
  color: #004aad;
  font-weight: 600;
}


.form-group {
  margin-bottom: 20px;
}

.form-control {
    border-radius: 8px !important;
    border: 1px solid #ccd3e0 !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
}


label {
  font-weight: 500;
  color: #555;
}


.checkbox label {
  font-weight: 400;
  color: #333;
}

.checkbox input[type="radio"] {
  transform: scale(1.2);
  margin-right: 6px;
}


small.form-text {
  display: block;
  background: #f8f9fa;
  padding: 12px;
  border-left: 4px solid #571c56;
  border-radius: 6px;
  font-size: 14px;
  color: #555;
}


.padding-top {
  padding-top: 10px;
}


button.sub-btn {
    color: #fff !important;
    background-color: #622060;
    border-color: #7f277d;
    transition: 1s;
    white-space: nowrap;
    padding: 15px 35px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

.sub-btn:hover {
  background: linear-gradient(135deg, #025f89, #00799e);
  transform: translateY(-2px);
  box-shadow: 
  0 4px 12px rgba(0, 91, 187, 0.3);
}


/* Responsive Adjustments */
@media (max-width: 768px) {
  form[name="ncc"] {
    padding: 25px;
  }

  .form-group {
    margin-bottom: 15px;
  }

  .sub-btn {
    width: 100%;
    font-size: 15px;
  }

  .checkbox {
    margin-bottom: 15px;
  }
}

/* form table css*/
.ctgry-tbl table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.ctgry-tbl th {
  background-color: #008b9e !important;
  color: #fff !important;
  padding: 12px !important;
      border: 2px solid #fff !important;
}

.ctgry-tbl td {
  padding: 10px;
  font-weight: 500;
      border: 2px solid #fff !important;
}

div.ctgry-tbl table.table tbody tr:nth-child(odd) td {
  background-color: #addee5 !important;
}

div.ctgry-tbl table.table tbody tr:nth-child(even) td {
  background-color: #54c5cf !important;
}

/* Left-align only the first column */
.ctgry-tbl td:first-child,
.ctgry-tbl th:first-child {
  text-align: left;
  padding-left: 15px;
}

/* Hover effect */
.ctgry-tbl tbody tr:hover {
  background-color: #0097a7;
  color: #fff;
  transition: 0.3s;
}

ul.imprtnt-gdline {
    padding: 0;
}

ul.imprtnt-gdline li {
    display: flex;
    margin-bottom: 10px;
    position: relative;
}
ul.imprtnt-gdline li:before {
    content: "\F633";
    font-family: bootstrap-icons !important;
    font-weight: var(--fa-style, 900);
    margin-right: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #0e7c9a;
}