@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap|Bebas+Neue&display=swap);
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

button,
html,
input,
select,
textarea {
    font-family: "Source Sans Pro", Helvetica, sans-serif
}

a {
    text-decoration: none
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

a:hover {
    text-decoration: underline
}

address {
    margin: 0 0 24px
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

p {
    margin: 0 0 10px
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px
}

blockquote blockquote {
    margin-right: 0
}

blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300
}

blockquote b,
blockquote strong {
    font-weight: 400
}

small {
    font-size: smaller
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl {
    margin: 0 20px
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 20px
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

ul {
    list-style-type: square
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none
}

li>ol,
li>ul {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%
}

caption,
td,
th {
    font-weight: 400;
    text-align: left
}

caption {
    font-size: 16px;
    margin: 20px 0
}

th {
    font-weight: 700;
    text-transform: uppercase
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0
}

del {
    color: #333
}

ins {
    background: #fff9c0;
    text-decoration: none
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px
}

* {
    box-sizing: border-box
}

img {
    max-width: 100%
}

html {
    overflow: hidden;
    overflow-y: auto
}

body {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.714286;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Roboto, sans-serif;
    color: #4d4d4d;
    font-weight: 400
}

p {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

p.text-display-1 {
    font-size: 17px;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    p.text-display-1 {
        font-size: 16px;
        line-height: 26px
    }
}

p.text-display-2 {
    font-size: 15px;
    line-height: 26px
}

a {
    transition: all .4s ease-in-out 0s
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
blockquote,
caption,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
menu,
ol,
p,
pre,
table,
ul {
    margin: 0;
    margin-bottom: 15px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    line-height: 1.4074;
    color: #306;
    font-weight: 700
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none
}

h1 {
    font-size: 54px;
    line-height: 64px
}

h2 {
    font-size: 44px;
    line-height: 54px
}

h3 {
    font-size: 30px;
    line-height: 46px
}

h4 {
    font-size: 24px;
    line-height: 36px
}

h5 {
    font-size: 20px;
    line-height: 28px
}

h6 {
    font-size: 18px;
    line-height: 28px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h1 {
        font-size: 50px
    }
    h2 {
        font-size: 42px
    }
    h3 {
        font-size: 28px
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 48px
    }
    h2 {
        font-size: 40px
    }
    h3 {
        font-size: 28px
    }
}

@media only screen and (max-width:575px) {
    h1 {
        font-size: 46px
    }
}

ol,
ul {
    line-height: 36px;
    padding-left: 18px
}

ul {
    list-style: none
}

ul.list-secondary li {
    font-size: 15px;
    position: relative
}

ul.list-secondary li::before {
    font-family: "Font Awesome 5 Pro";
    content: "";
    position: absolute;
    top: 0;
    left: -18px;
    font-size: 14px;
    line-height: inherit;
    color: inherit;
    font-weight: 900
}

ul.list-secondary li::after {
    display: none
}

ul.list-secondary li a {
    color: inherit
}

ul.list-secondary li:hover a {
    color: #c21779;
    text-decoration: none
}

ul.list-secondary li:hover::before {
    color: #c21779
}

ul.bullet-list {
    padding-left: 0
}

ul.bullet-list li {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    color: #4d4d4d
}

@media only screen and (max-width:767px) {
    ul.bullet-list li {
        font-size: 16px;
        line-height: 30px
    }
}

ul.bullet-list li::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background: #c21779
}

@media only screen and (max-width:767px) {
    ul.bullet-list li::after {
        top: 9px
    }
}

ul li:hover {
    text-decoration: none
}

ul li:hover a {
    color: inherit
}

ol {
    padding-left: 18px
}

ol li {
    font-size: 17px;
    line-height: 36px;
    font-weight: 400;
    color: #4d4d4d
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

a:visited {
    color: inherit
}

button,
input,
select,
textarea {
    background: 0 0;
    border: 1px solid #d3d3d3;
    transition: all .4s ease-out 0s;
    color: #4d4d4d
}

button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 0;
    border-color: #007a86
}

input,
select,
textarea {
    width: 100%;
    font-size: 14px
}

input,
select {
    height: 40px;
    padding: 0 15px
}

.ncc-footer-area .footer-top-area .inner ul.social-list {
    padding: 0;
    margin: 0;
    list-style: none
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

p:last-child {
    margin-bottom: 0
}

.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.bg-color-primary {
    background: #007a86
}

.bg-color-secondary {
    background: #59169b
}

.bg-color-tertiary {
    background: #c21779
}

.bg-color-extra01 {
    background: #4477ba
}

.bg-color-extra02 {
    background: #f39f3d
}

.bg-color-black {
    background: #000
}

.bg-color-darker {
    background: #5d6d81
}

.bg-color-darkest {
    background: #1c2b3c
}

.bg-color-dark {
    background: #4d4d4d
}

.bg-color-mid {
    background: #939393
}

.bg-color-light {
    background: #d3d3d3
}

.bg-color-lighter {
    background: #e6e6e6
}

.bg-color-lightest {
    background: #f9fafa
}

.bg-color-white {
    background: #fff
}

.bg-color-tealLighter {
    background: #dcf7fe
}

.bg_image--1 {
    background-image: url(../images/bg/bg-image-1.jpg)
}

.bg_image--2 {
    background-image: url(../images/bg/bg-image-2.jpg)
}

.bg_image--3 {
    background-image: url(../images/bg/bg-image-3.jpg)
}

.font--1 {
    font-size: 1px!important
}

.font--2 {
    font-size: 2px!important
}

.font--3 {
    font-size: 3px!important
}

.font--4 {
    font-size: 4px!important
}

.font--5 {
    font-size: 5px!important
}

.font--6 {
    font-size: 6px!important
}

.font--7 {
    font-size: 7px!important
}

.font--8 {
    font-size: 8px!important
}

.font--9 {
    font-size: 9px!important
}

.font--10 {
    font-size: 10px!important
}

.font--11 {
    font-size: 11px!important
}

.font--12 {
    font-size: 12px!important
}

.font--13 {
    font-size: 13px!important
}

.font--14 {
    font-size: 14px!important
}

.font--15 {
    font-size: 15px!important
}

.font--16 {
    font-size: 16px!important
}

.font--17 {
    font-size: 17px!important
}

.font--18 {
    font-size: 18px!important
}

.font--19 {
    font-size: 19px!important
}

.font--20 {
    font-size: 20px!important
}

.font--21 {
    font-size: 21px!important
}

.font--22 {
    font-size: 22px!important
}

.font--23 {
    font-size: 23px!important
}

.font--24 {
    font-size: 24px!important
}

.font--25 {
    font-size: 25px!important
}

.font--26 {
    font-size: 26px!important
}

.font--27 {
    font-size: 27px!important
}

.font--28 {
    font-size: 28px!important
}

.font--29 {
    font-size: 29px!important
}

.font--30 {
    font-size: 30px!important
}

.fullscreen {
    min-height: 100vh;
    width: 100%
}

.row--0 {
    margin-left: 0;
    margin-right: 0
}

.row--0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

.row--5 {
    margin-left: -5px;
    margin-right: -5px
}

.row--5>[class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

.row--20 {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--20 {
        margin-left: -15px!important;
        margin-right: -15px!important
    }
}

.row--20>[class*=col-],
.row--20>[class*=col] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width:767px) {
    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

.row--25 {
    margin-left: -25px;
    margin-right: -25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .row--25 {
        margin-left: -15px!important;
        margin-right: -15px!important
    }
}

.row--25>[class*=col-],
.row--25>[class*=col] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

@media only screen and (max-width:767px) {
    .row--25>[class*=col-],
    .row--25>[class*=col] {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

.pl--0 {
    padding-left: 0
}

.pr--0 {
    padding-right: 0
}

.pt--0 {
    padding-top: 0
}

.pb--0 {
    padding-bottom: 0
}

.mr--0 {
    margin-right: 0
}

.ml--0 {
    margin-left: 0
}

.mt--0 {
    margin-top: 0
}

.mb--0 {
    margin-bottom: 0
}

.ptb--5 {
    padding: 5px 0
}

.plr--5 {
    padding: 0 5px
}

.pt--5 {
    padding-top: 5px
}

.pb--5 {
    padding-bottom: 5px
}

.pl--5 {
    padding-left: 5px
}

.pr--5 {
    padding-right: 5px
}

.mt--5 {
    margin-top: 5px!important
}

.mb--5 {
    margin-bottom: 5px
}

.mr--5 {
    margin-right: 5px
}

.ml--5 {
    margin-left: 5px
}

.ptb--10 {
    padding: 10px 0
}

.plr--10 {
    padding: 0 10px
}

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

.pb--10 {
    padding-bottom: 10px
}

.pl--10 {
    padding-left: 10px
}

.pr--10 {
    padding-right: 10px
}

.mt--10 {
    margin-top: 10px!important
}

.mb--10 {
    margin-bottom: 10px
}

.mr--10 {
    margin-right: 10px
}

.ml--10 {
    margin-left: 10px
}

.ptb--15 {
    padding: 15px 0
}

.plr--15 {
    padding: 0 15px
}

.pt--15 {
    padding-top: 15px
}

.pb--15 {
    padding-bottom: 15px
}

.pl--15 {
    padding-left: 15px
}

.pr--15 {
    padding-right: 15px
}

.mt--15 {
    margin-top: 15px!important
}

.mb--15 {
    margin-bottom: 15px
}

.mr--15 {
    margin-right: 15px
}

.ml--15 {
    margin-left: 15px
}

.ptb--20 {
    padding: 20px 0
}

.plr--20 {
    padding: 0 20px
}

.pt--20 {
    padding-top: 20px
}

.pb--20 {
    padding-bottom: 20px
}

.pl--20 {
    padding-left: 20px
}

.pr--20 {
    padding-right: 20px
}

.mt--20 {
    margin-top: 20px!important
}

.mb--20 {
    margin-bottom: 20px
}

.mr--20 {
    margin-right: 20px
}

.ml--20 {
    margin-left: 20px
}

.ptb--25 {
    padding: 25px 0
}

.plr--25 {
    padding: 0 25px
}

.pt--25 {
    padding-top: 25px
}

.pb--25 {
    padding-bottom: 25px
}

.pl--25 {
    padding-left: 25px
}

.pr--25 {
    padding-right: 25px
}

.mt--25 {
    margin-top: 25px!important
}

.mb--25 {
    margin-bottom: 25px
}

.mr--25 {
    margin-right: 25px
}

.ml--25 {
    margin-left: 25px
}

.ptb--30 {
    padding: 30px 0
}

.plr--30 {
    padding: 0 30px
}

.pt--30 {
    padding-top: 30px
}

.pb--30 {
    padding-bottom: 30px
}

.pl--30 {
    padding-left: 30px
}

.pr--30 {
    padding-right: 30px
}

.mt--30 {
    margin-top: 30px!important
}

.mb--30 {
    margin-bottom: 30px
}

.mr--30 {
    margin-right: 30px
}

.ml--30 {
    margin-left: 30px
}

.ptb--35 {
    padding: 35px 0
}

.plr--35 {
    padding: 0 35px
}

.pt--35 {
    padding-top: 35px
}

.pb--35 {
    padding-bottom: 35px
}

.pl--35 {
    padding-left: 35px
}

.pr--35 {
    padding-right: 35px
}

.mt--35 {
    margin-top: 35px!important
}

.mb--35 {
    margin-bottom: 35px
}

.mr--35 {
    margin-right: 35px
}

.ml--35 {
    margin-left: 35px
}

.ptb--40 {
    padding: 40px 0
}

.plr--40 {
    padding: 0 40px
}

.pt--40 {
    padding-top: 40px
}

.pb--40 {
    padding-bottom: 40px
}

.pl--40 {
    padding-left: 40px
}

.pr--40 {
    padding-right: 40px
}

.mt--40 {
    margin-top: 40px!important
}

.mb--40 {
    margin-bottom: 40px
}

.mr--40 {
    margin-right: 40px
}

.ml--40 {
    margin-left: 40px
}

.ptb--45 {
    padding: 45px 0
}

.plr--45 {
    padding: 0 45px
}

.pt--45 {
    padding-top: 45px
}

.pb--45 {
    padding-bottom: 45px
}

.pl--45 {
    padding-left: 45px
}

.pr--45 {
    padding-right: 45px
}

.mt--45 {
    margin-top: 45px!important
}

.mb--45 {
    margin-bottom: 45px
}

.mr--45 {
    margin-right: 45px
}

.ml--45 {
    margin-left: 45px
}

.ptb--50 {
    padding: 50px 0
}

.plr--50 {
    padding: 0 50px
}

.pt--50 {
    padding-top: 50px
}

.pb--50 {
    padding-bottom: 50px
}

.pl--50 {
    padding-left: 50px
}

.pr--50 {
    padding-right: 50px
}

.mt--50 {
    margin-top: 50px!important
}

.mb--50 {
    margin-bottom: 50px
}

.mr--50 {
    margin-right: 50px
}

.ml--50 {
    margin-left: 50px
}

.ptb--55 {
    padding: 55px 0
}

.plr--55 {
    padding: 0 55px
}

.pt--55 {
    padding-top: 55px
}

.pb--55 {
    padding-bottom: 55px
}

.pl--55 {
    padding-left: 55px
}

.pr--55 {
    padding-right: 55px
}

.mt--55 {
    margin-top: 55px!important
}

.mb--55 {
    margin-bottom: 55px
}

.mr--55 {
    margin-right: 55px
}

.ml--55 {
    margin-left: 55px
}

.ptb--60 {
    padding: 60px 0
}

.plr--60 {
    padding: 0 60px
}

.pt--60 {
    padding-top: 60px
}

.pb--60 {
    padding-bottom: 60px
}

.pl--60 {
    padding-left: 60px
}

.pr--60 {
    padding-right: 60px
}

.mt--60 {
    margin-top: 60px!important
}

.mb--60 {
    margin-bottom: 60px
}

.mr--60 {
    margin-right: 60px
}

.ml--60 {
    margin-left: 60px
}

.ptb--65 {
    padding: 65px 0
}

.plr--65 {
    padding: 0 65px
}

.pt--65 {
    padding-top: 65px
}

.pb--65 {
    padding-bottom: 65px
}

.pl--65 {
    padding-left: 65px
}

.pr--65 {
    padding-right: 65px
}

.mt--65 {
    margin-top: 65px!important
}

.mb--65 {
    margin-bottom: 65px
}

.mr--65 {
    margin-right: 65px
}

.ml--65 {
    margin-left: 65px
}

.ptb--70 {
    padding: 70px 0
}

.plr--70 {
    padding: 0 70px
}

.pt--70 {
    padding-top: 70px
}

.pb--70 {
    padding-bottom: 70px
}

.pl--70 {
    padding-left: 70px
}

.pr--70 {
    padding-right: 70px
}

.mt--70 {
    margin-top: 70px!important
}

.mb--70 {
    margin-bottom: 70px
}

.mr--70 {
    margin-right: 70px
}

.ml--70 {
    margin-left: 70px
}

.ptb--75 {
    padding: 75px 0
}

.plr--75 {
    padding: 0 75px
}

.pt--75 {
    padding-top: 75px
}

.pb--75 {
    padding-bottom: 75px
}

.pl--75 {
    padding-left: 75px
}

.pr--75 {
    padding-right: 75px
}

.mt--75 {
    margin-top: 75px!important
}

.mb--75 {
    margin-bottom: 75px
}

.mr--75 {
    margin-right: 75px
}

.ml--75 {
    margin-left: 75px
}

.ptb--80 {
    padding: 80px 0
}

.plr--80 {
    padding: 0 80px
}

.pt--80 {
    padding-top: 80px
}

.pb--80 {
    padding-bottom: 80px
}

.pl--80 {
    padding-left: 80px
}

.pr--80 {
    padding-right: 80px
}

.mt--80 {
    margin-top: 80px!important
}

.mb--80 {
    margin-bottom: 80px
}

.mr--80 {
    margin-right: 80px
}

.ml--80 {
    margin-left: 80px
}

.ptb--85 {
    padding: 85px 0
}

.plr--85 {
    padding: 0 85px
}

.pt--85 {
    padding-top: 85px
}

.pb--85 {
    padding-bottom: 85px
}

.pl--85 {
    padding-left: 85px
}

.pr--85 {
    padding-right: 85px
}

.mt--85 {
    margin-top: 85px!important
}

.mb--85 {
    margin-bottom: 85px
}

.mr--85 {
    margin-right: 85px
}

.ml--85 {
    margin-left: 85px
}

.ptb--90 {
    padding: 90px 0
}

.plr--90 {
    padding: 0 90px
}

.pt--90 {
    padding-top: 90px
}

.pb--90 {
    padding-bottom: 90px
}

.pl--90 {
    padding-left: 90px
}

.pr--90 {
    padding-right: 90px
}

.mt--90 {
    margin-top: 90px!important
}

.mb--90 {
    margin-bottom: 90px
}

.mr--90 {
    margin-right: 90px
}

.ml--90 {
    margin-left: 90px
}

.ptb--95 {
    padding: 95px 0
}

.plr--95 {
    padding: 0 95px
}

.pt--95 {
    padding-top: 95px
}

.pb--95 {
    padding-bottom: 95px
}

.pl--95 {
    padding-left: 95px
}

.pr--95 {
    padding-right: 95px
}

.mt--95 {
    margin-top: 95px!important
}

.mb--95 {
    margin-bottom: 95px
}

.mr--95 {
    margin-right: 95px
}

.ml--95 {
    margin-left: 95px
}

.ptb--100 {
    padding: 100px 0
}

.plr--100 {
    padding: 0 100px
}

.pt--100 {
    padding-top: 100px
}

.pb--100 {
    padding-bottom: 100px
}

.pl--100 {
    padding-left: 100px
}

.pr--100 {
    padding-right: 100px
}

.mt--100 {
    margin-top: 100px!important
}

.mb--100 {
    margin-bottom: 100px
}

.mr--100 {
    margin-right: 100px
}

.ml--100 {
    margin-left: 100px
}

@media only screen and (max-width:767px) {
    .mt_sm--10 {
        margin-top: 10px!important
    }
    .mt_sm--30 {
        margin-top: 30px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mt_md--10 {
        margin-top: 10px!important
    }
    .mt_md--30 {
        margin-top: 30px!important
    }
}

.primary-color {
    color: #007a86!important
}

.secondary-color {
    color: #59169b!important
}

.tertiary-color {
    color: #c21779!important
}

.extra01-color {
    color: #4477ba!important
}

.extra02-color {
    color: #f39f3d!important
}

.black-color {
    color: #000!important
}

.darker-color {
    color: #5d6d81!important
}

.darkest-color {
    color: #1c2b3c!important
}

.dark-color {
    color: #4d4d4d!important
}

.mid-color {
    color: #939393!important
}

.light-color {
    color: #d3d3d3!important
}

.lighter-color {
    color: #e6e6e6!important
}

.lightest-color {
    color: #f9fafa!important
}

.white-color {
    color: #fff!important
}

.tealLight-color {
    color: #d1eaed!important
}

.tealLighter-color {
    color: #dcf7fe!important
}

.bg-primary-color {
    background: #007a86
}

.bg-secondary-color {
    background: #59169b
}

.bg-tertiary-color {
    background: #c21779
}

.bg-extra01-color {
    background: #4477ba
}

.bg-extra02-color {
    background: #f39f3d
}

.bg-extra03-color {
    background: #306
}

.bg-black-color {
    background: #000
}

.bg-darker-color {
    background: #5d6d81
}

.bg-darkest-color {
    background: #1c2b3c
}

.bg-dark-color {
    background: #4d4d4d
}

.bg-mid-color {
    background: #939393
}

.bg-light-color {
    background: #d3d3d3
}

.bg-lighter-color {
    background: #e6e6e6
}

.bg-lightest-color {
    background: #f9fafa
}

.bg-white-color {
    background: #fff
}

.bg-tealLight-color {
    background: #d1eaed
}

.bg-tealLighter-color {
    background: #dcf7fe
}

.liststyle {
    padding: 0;
    margin: 0;
    list-style: none
}

.fontWeight900 {
    font-weight: 900!important
}

.fontWeight800 {
    font-weight: 800!important
}

.fontWeight700 {
    font-weight: 700!important
}

.fontWeight600 {
    font-weight: 600!important
}

.fontWeight500 {
    font-weight: 500!important
}

.fontWeight400 {
    font-weight: 400!important
}

.fontWeight300 {
    font-weight: 300!important
}

.border-radius,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    border-radius: 4px
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    font-size: 15px;
    line-height: 40px;
    color: #495057;
    font-weight: 400;
    height: 40px;
    background: 0 0;
    box-shadow: none;
    padding: 0 12px;
    border: 2px solid rgba(24, 152, 165, .2);
    outline: 0
}

input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
    color: #939393;
    opacity: 1
}

input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #939393
}

input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #939393
}

.input-active input[type=email],
.input-active input[type=number],
.input-active input[type=password],
.input-active input[type=tel],
.input-active input[type=text],
input[type=email].input-active,
input[type=email].p-holder__active,
input[type=number].input-active,
input[type=number].p-holder__active,
input[type=password].input-active,
input[type=password].p-holder__active,
input[type=tel].input-active,
input[type=tel].p-holder__active,
input[type=text].input-active,
input[type=text].p-holder__active,
textarea.input-active,
textarea.p-holder__active {
    border-color: #1898a5
}

.input-active input[type=email]::placeholder,
.input-active input[type=number]::placeholder,
.input-active input[type=password]::placeholder,
.input-active input[type=tel]::placeholder,
.input-active input[type=text]::placeholder,
input[type=email].input-active::placeholder,
input[type=email].p-holder__active::placeholder,
input[type=number].input-active::placeholder,
input[type=number].p-holder__active::placeholder,
input[type=password].input-active::placeholder,
input[type=password].p-holder__active::placeholder,
input[type=tel].input-active::placeholder,
input[type=tel].p-holder__active::placeholder,
input[type=text].input-active::placeholder,
input[type=text].p-holder__active::placeholder,
textarea.input-active::placeholder,
textarea.p-holder__active::placeholder {
    color: #007a86;
    opacity: 1
}

.input-active input[type=email]:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
.input-active input[type=text]:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=email].p-holder__active:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=number].p-holder__active:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=password].p-holder__active:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
input[type=tel].p-holder__active:-ms-input-placeholder,
input[type=text].input-active:-ms-input-placeholder,
input[type=text].p-holder__active:-ms-input-placeholder,
textarea.input-active:-ms-input-placeholder,
textarea.p-holder__active:-ms-input-placeholder {
    color: #007a86
}

.input-active input[type=email]::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
.input-active input[type=text]::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=email].p-holder__active::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=number].p-holder__active::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=password].p-holder__active::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
input[type=tel].p-holder__active::-ms-input-placeholder,
input[type=text].input-active::-ms-input-placeholder,
input[type=text].p-holder__active::-ms-input-placeholder,
textarea.input-active::-ms-input-placeholder,
textarea.p-holder__active::-ms-input-placeholder {
    color: #007a86
}

.input-error input[type=email],
.input-error input[type=number],
.input-error input[type=password],
.input-error input[type=tel],
.input-error input[type=text],
input[type=email].input-error,
input[type=email].p-holder__error,
input[type=number].input-error,
input[type=number].p-holder__error,
input[type=password].input-error,
input[type=password].p-holder__error,
input[type=tel].input-error,
input[type=tel].p-holder__error,
input[type=text].input-error,
input[type=text].p-holder__error,
textarea.input-error,
textarea.p-holder__error {
    border-color: #f4282d
}

.input-error input[type=email]::placeholder,
.input-error input[type=number]::placeholder,
.input-error input[type=password]::placeholder,
.input-error input[type=tel]::placeholder,
.input-error input[type=text]::placeholder,
input[type=email].input-error::placeholder,
input[type=email].p-holder__error::placeholder,
input[type=number].input-error::placeholder,
input[type=number].p-holder__error::placeholder,
input[type=password].input-error::placeholder,
input[type=password].p-holder__error::placeholder,
input[type=tel].input-error::placeholder,
input[type=tel].p-holder__error::placeholder,
input[type=text].input-error::placeholder,
input[type=text].p-holder__error::placeholder,
textarea.input-error::placeholder,
textarea.p-holder__error::placeholder {
    color: #f4282d;
    opacity: 1
}

.input-error input[type=email]:-ms-input-placeholder,
.input-error input[type=number]:-ms-input-placeholder,
.input-error input[type=password]:-ms-input-placeholder,
.input-error input[type=tel]:-ms-input-placeholder,
.input-error input[type=text]:-ms-input-placeholder,
input[type=email].input-error:-ms-input-placeholder,
input[type=email].p-holder__error:-ms-input-placeholder,
input[type=number].input-error:-ms-input-placeholder,
input[type=number].p-holder__error:-ms-input-placeholder,
input[type=password].input-error:-ms-input-placeholder,
input[type=password].p-holder__error:-ms-input-placeholder,
input[type=tel].input-error:-ms-input-placeholder,
input[type=tel].p-holder__error:-ms-input-placeholder,
input[type=text].input-error:-ms-input-placeholder,
input[type=text].p-holder__error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder,
textarea.p-holder__error:-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=email]::-ms-input-placeholder,
.input-error input[type=number]::-ms-input-placeholder,
.input-error input[type=password]::-ms-input-placeholder,
.input-error input[type=tel]::-ms-input-placeholder,
.input-error input[type=text]::-ms-input-placeholder,
input[type=email].input-error::-ms-input-placeholder,
input[type=email].p-holder__error::-ms-input-placeholder,
input[type=number].input-error::-ms-input-placeholder,
input[type=number].p-holder__error::-ms-input-placeholder,
input[type=password].input-error::-ms-input-placeholder,
input[type=password].p-holder__error::-ms-input-placeholder,
input[type=tel].input-error::-ms-input-placeholder,
input[type=tel].p-holder__error::-ms-input-placeholder,
input[type=text].input-error::-ms-input-placeholder,
input[type=text].p-holder__error::-ms-input-placeholder,
textarea.input-error::-ms-input-placeholder,
textarea.p-holder__error::-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=email]:focus,
.input-error input[type=number]:focus,
.input-error input[type=password]:focus,
.input-error input[type=tel]:focus,
.input-error input[type=text]:focus,
input[type=email].input-error:focus,
input[type=email].p-holder__error:focus,
input[type=number].input-error:focus,
input[type=number].p-holder__error:focus,
input[type=password].input-error:focus,
input[type=password].p-holder__error:focus,
input[type=tel].input-error:focus,
input[type=tel].p-holder__error:focus,
input[type=text].input-error:focus,
input[type=text].p-holder__error:focus,
textarea.input-error:focus,
textarea.p-holder__error:focus {
    border-color: #f4282d
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #1898a5
}

select {
    font-size: 15px;
    color: #4d4d4d;
    font-weight: 400;
    height: 40px;
    background: 0 0;
    box-shadow: none;
    padding: 0 12px;
    border: 2px solid rgba(24, 152, 165, .2);
    outline: 0;
    color: #939393;
    padding-right: 27px
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute
}

input[type=checkbox]~label,
input[type=radio]~label {
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: #4d4d4d;
    font-weight: 400;
    padding-left: 20px
}

input[type=checkbox]~label::before,
input[type=radio]~label::before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 2px solid rgba(24, 152, 165, .2);
    border-radius: 2px;
    transition: all .3s
}

input[type=checkbox]~label::after,
input[type=radio]~label::after {
    content: " ";
    position: absolute;
    top: 9px;
    left: 2px;
    width: 10px;
    height: 5px;
    background-color: transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all .3s
}

input[type=checkbox]:checked~label::before,
input[type=radio]:checked~label::before {
    background-color: #007a86
}

input[type=checkbox]:checked~label::after,
input[type=radio]:checked~label::after {
    opacity: 1
}

input[type=radio]~label::before {
    border-radius: 50%
}

input[type=radio]~label::after {
    width: 8px;
    height: 8px;
    left: 3px;
    background: #fff;
    border-radius: 50%
}

a.primary-btn,
button.primary-btn,
input.primary-btn {
    border-radius: 4px;
    background-color: #f39f3d;
    -webkit-box-shadow: 0 3px #c87616;
    box-shadow: 0 3px #c87616;
    border: 0;
    font-size: 16px;
    padding: 0 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    height: 44px;
    line-height: 48px;
    cursor: pointer
}

@media only screen and (max-width:479px) {
    a.primary-btn,
    button.primary-btn,
    input.primary-btn {
        overflow-wrap: break-word;
        word-wrap: break-word;
        overflow: hidden
    }
}

a.primary-btn:hover,
button.primary-btn:hover,
input.primary-btn:hover {
    background: #dc8d1d;
    -webkit-transition: all .5s ease-in-out 0s!important;
    transition: all .5s ease-in-out 0s!important
}

a.primary-btn[disabled],
button.primary-btn[disabled],
input.primary-btn[disabled] {
    cursor: not-allowed
}

@media only screen and (max-width:575px) {
    a.primary-btn,
    button.primary-btn,
    input.primary-btn {
        height: 44px;
        padding: 0 16px
    }
}

a.primary-btn i,
button.primary-btn i,
input.primary-btn i {
    padding-left: 5px;
    font-weight: 400;
    font-size: 14px
}

input.primary-btn::-webkit-input-placeholder {
    color: #fff;
    font-weight: 600
}

input.primary-btn::-moz-placeholder {
    color: #fff;
    font-weight: 600
}

input.primary-btn:-ms-input-placeholder {
    color: #fff;
    font-weight: 600
}

input.primary-btn:-moz-placeholder {
    color: #fff;
    font-weight: 600
}

.yu2fvl {
    z-index: 9999;
    top: 0
}

.yu2fvl-iframe {
    display: block;
    height: 100%;
    width: 100%;
    border: 0
}

.yu2fvl-overlay {
    z-index: 9998;
    background: #000;
    opacity: .8
}

.yu2fvl-close {
    position: absolute;
    top: 1px;
    left: 100%;
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #f10!important;
    background-color: #f10!important;
    color: #fff;
    border: 0;
    background: 0 0;
    cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .yu2fvl-close {
        left: auto;
        right: 0;
        top: auto;
        bottom: 100%
    }
}

@media only screen and (max-width:767px) {
    .yu2fvl-close {
        left: auto;
        right: 0;
        top: auto;
        bottom: 100%
    }
    .video h2 {
        color: #fff;
        font-size: 32px
    }
    .video h4 {
        font-size: 22px;
        line-height: 32px
    }
}

.ncc-section-gap {
    padding: 60px 0
}

@media only screen and (max-width:767px) {
    .ncc-section-gap {
        padding: 30px 0
    }
}

.ncc-section-gapTop {
    padding-top: 60px
}

@media only screen and (max-width:767px) {
    .ncc-section-gapTop {
        padding-top: 60px
    }
}

.ncc-section-gapBottom {
    padding-bottom: 60px
}

@media only screen and (max-width:767px) {
    .ncc-section-gapBottom {
        padding-bottom: 60px
    }
}

.section-title h3 {
    font-size: 30px;
    font-weight: 500
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-title h3 {
        font-size: 27px
    }
}

@media only screen and (max-width:767px) {
    .section-title h3 {
        font-size: 22px;
        line-height: 32px
    }
}

.ncc-header-area.header-transparent {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: auto;
    z-index: 999
}

@media only screen and (max-width:767px) {
    .ncc-header-area.header-transparent {
        position: static;
        top: 0;
        padding: 15px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ncc-header-area.header-transparent {
        position: static;
        top: 0;
        padding: 15px 0
    }
}

.ncc-header-area .wrapper {
    padding: 0 30px
}

/* .ncc-header-area .logo a img {
    width: 171px
} */

.ncc-header-area .callus span {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    display: block;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .ncc-header-area .callus span {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 4px
    }
}

.ncc-header-area .callus a {
    color: #c21779;
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 3px;
    line-height: 28px
}

@media only screen and (max-width:767px) {
    .ncc-header-area .callus a {
        font-size: 16px;
        line-height: 20px
    }
}

.ncc-header-area .callus select {
    width: 120px;
    border: 1px solid #d3d3d3;
    height: 20px;
    background: #fff
}

.ncc-slider-area {
    background: #dff8fe
}

@media only screen and (max-width:767px) {
    .ncc-slider-area.bg_image--1 {
        background-image: none
    }
}

.slide {
    position: relative
}

@media only screen and (max-width:767px) {
    .slide {
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        display: flex;
        flex-direction: column
    }
}

.slide .inner {
    position: relative;
    z-index: 2;
    padding-top: 112px;
    padding-bottom: 90px
}
.slide .inner h2 {
    margin-bottom: 16px;
}
.slide .inner h4 {
    margin-bottom: 18px;
}
.slide .inner .bullet-list{
    margin-bottom: 29px;
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
    .slide .inner {
        padding-top: 132px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .slide .inner {
        padding-top: 150px;
        padding-bottom: 120px
    }
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .slide .inner {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width:767px) {
    .slide .inner {
        padding: 30px 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .slide .inner h2 {
        font-size: 38px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .slide .inner h2 {
        font-size: 37px;
        line-height: 47px
    }
}

@media only screen and (max-width:767px) {
    .slide .inner h2 {
        font-size: 26px;
        margin-bottom: 8px;
        line-height: 35px
    }
}

@media only screen and (max-width:767px) {
    .slide .inner h4 {
        font-size: 19px;
        line-height: 26px
    }
}

.slide .inner p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color: #5d6d81;
    margin-bottom: 26px
}

@media only screen and (max-width:767px) {
    .slide .inner p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 18px
    }
}

.slide .thumbnail {
    position: absolute;
    right: -138px;
    bottom: 18%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slide .thumbnail {
        position: absolute;
        right: auto;
        bottom: 13%;
        left: -63%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slide .thumbnail {
        position: absolute;
        right: auto;
        bottom: 41%;
        left: -41%;
    }
}



.slide .banner-images {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:767px) {
    .slide .banner-images {
        position: static
    }
}

.slide .banner-images img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card.ncc-program {
    border: 0 none;
    border-radius: 0!important
}

.card.ncc-program .card-header {
    border: 0 none;
    background: transparent;
    padding: 0;
}
.card.ncc-program .card-header a {
    text-decoration: none;
    height: 50px;
    padding: 0 20px;
    background: #eaf2e3;
    display: flex;
    align-items: center;
    border: 0 none;
    padding-right: 20px;
    border-radius: 4px!important;
    display: inline-block;
    line-height: 50px;
}
.card.ncc-program .card-header a[aria-expanded="true"] {
    border-radius: 4px 4px 0 0!important;
}
@media only screen and (max-width:575px) {
    .card.ncc-program .card-header {
        padding: 0 4px;
        padding-right: 6px
    }
}

.card.ncc-program .card-header h2.title {
    margin: 0;
    line-height: 20px
}

.card.ncc-program .card-header a.btn {
    display: block;
    border: 0 none;
    text-decoration: none;
    color: #4d4d4d;
    font-size: 18px;
    width: 100%;
    text-align: left;
    position: relative
}

@media only screen and (max-width:767px) {
    .card.ncc-program .card-header a.btn {
        font-size: 15px
    }
}
.card.ncc-program .card-header a.btn::after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Pro";
    color: currentColor;
    font-size: 18px;
    right: 19px;
    font-weight: 400
}

.card.ncc-program .card-header a.btn.collapsed::after {
    content: "";
    font-weight: 400;
}

.card.ncc-program .card-header a.btn span {
    padding-right: 10px;
    display: inline-block;
    width: 42px
}

@media only screen and (max-width:575px) {
    .card.ncc-program .card-header a.btn span {
        padding-right: 5px;
        width: 33px
    }
}

.card.ncc-program .card-body {
    padding: 20px 20px;
    background: rgba(234, 242, 227, .2)
}

@media only screen and (max-width:575px) {
    .card.ncc-program .card-body {
        padding: 15px 12px
    }
}

.card.ncc-program .card-body h6.title {
    margin-bottom: 8px
}

.card.ncc-program .card-body a.primary-btn {
    margin-top: 0;
    background: transparent;
    color: #c21779;
    border: 0 none;
    padding: 0;
    box-shadow: none;
    height: auto;
    line-height: inherit;
    border-bottom: 1px solid #c21779;
    border-radius: 0px;
    font-size: 16px;
    line-height: 15px;
    text-transform: capitalize;
}

@media only screen and (max-width:575px) {
    .card.ncc-program .card-body p {
        font-size: 14px;
        line-height: 24px
    }
}

.card.ncc-program+.ncc-program {
    margin-top: 10px
}

.card.ncc-program.program-2 .card-header a{
    background: #faf1ee
}

.card.ncc-program.program-2 .card-body {
    background: rgba(250, 241, 238, .2)
}

.card.ncc-program.program-3 .card-header a {
    background: #e0f5f0
}

.card.ncc-program.program-3 .card-body {
    background: rgba(224, 245, 240, .2)
}

.card.ncc-program.program-4 .card-header a{
    background: #d9eaec
}

.card.ncc-program.program-4 .card-body {
    background: rgba(217, 234, 236, .2)
}

.card.ncc-program.program-5 .card-header a {
    background: #e8e7f0
}

.card.ncc-program.program-5 .card-body {
    background: rgba(232, 231, 240, .2)
}

.card.ncc-program.program-6 .card-header a {
    background: #fef1e1
}

.card.ncc-program.program-6 .card-body {
    background: rgba(254, 241, 225, .2)
}

.card.ncc-program.program-7 .card-header a {
    background: #e3ebf5
}

.card.ncc-program.program-7 .card-body {
    background: rgba(227, 235, 245, .2)
}

.card.ncc-program.program-8 .card-header a {
    background: #ddf0f4
}

.card.ncc-program.program-8 .card-body {
    background: rgba(221, 240, 244, .2)
}

.card.ncc-program.program-9 .card-header a {
    background: #dcede2
}

.card.ncc-program.program-9 .card-body {
    background: rgba(220, 237, 226, .2)
}

.card.ncc-program.program-10 .card-header a {
    background: #e5dfef
}

.card.ncc-program.program-10 .card-body {
    background: rgba(229, 223, 239, .2)
}

.card.ncc-program.program-11 .card-header a {
    background: #fbe7e5
}

.card.ncc-program.program-11 .card-body {
    background: rgba(251, 231, 229, .2)
}

.card.ncc-program.program-12 .card-header a{
    background: #efe0eb
}

.card.ncc-program.program-12 .card-body {
    background: rgba(239, 224, 235, .2)
}

.ncc-service-area {
    background: url(../images/bg/line.png) #f3f5f5;
    padding: 50px 0 60px;
    text-align: center
}

.box-container {
    border-bottom: 1px solid #ccc5d3;
    border-right: 1px solid #ccc5d3
}

.icon-box {
    box-sizing: border-box;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #ccc5d3;
    display: flex;
    height: 100%
}

.icon-box .inner {
    padding: 30px 25px;
    background-color: #f3f5f5
}

@media only screen and (max-width:767px) {
    .icon-box .inner {
        padding: 20px 15px
    }
}

.icon-box .inner img {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .icon-box .inner img {
        margin-bottom: 10px
    }
}

.icon-box .inner .content h5 {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px
}

@media only screen and (max-width:767px) {
    .icon-box .inner .content h5 {
        margin-bottom: 10px;
        font-size: 18px
    }
}

.icon-box .inner .content p {
    text-align: center
}

.about-inner h3.title {
    font-size: 30px;
    margin-bottom: 16px;
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .about-inner h3.title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 12px
    }
}

.about-inner p {
    padding: 0 9%;
    margin-bottom: 24px
}

@media only screen and (max-width:767px) {
    .about-inner p {
        padding: 0
    }
}

.popup-video h5.title {
    color: #000000;
    font-weight: 500;
    margin-top: 20px;
    line-height: 30px;
    font-size: 20px;
    line-height: 28px
}

.client-info {
    display: flex;
    align-items: center
}

.testimonial {
    background: #fff;
    padding: 20px 24px;
    height: 100%
}

@media only screen and (max-width:767px) {
    .testimonial {
        padding: 15px 15px
    }
}

.testimonial .inner .client-info {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.testimonial .inner .client-info .info {
    padding-left: 13px
}

.testimonial .inner .client-info .info .title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500
}

.testimonial .inner .client-info .info p {
    font-size: 14px;
    color: #939393;
}

.ncc-call-to-action-are .title {
    color: #4d4d4d;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0
}

.ncc-call-to-action-are p {
    font-size: 17px
}

.ncc-footer-area .footer-top-area {
    padding-top: 50px;
    padding-bottom: 35px;
    text-align: center
}

.ncc-footer-area .footer-top-area .inner ul.social-list {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.ncc-footer-area .footer-top-area .inner ul.social-list li {
    margin: 0 5px
}

.ncc-footer-area .footer-top-area .inner ul.social-list li a {
    display: block
}

.ncc-footer-area .footer-top-area .inner p {
    margin-top: 25px
}

.ncc-footer-area .footer-top-area .inner p a {
    color: inherit;
    transition: .3s;
    position: relative
}

.ncc-footer-area .footer-top-area .inner p a::after {
    position: absolute;
    content: "";
    background: currentColor;
    bottom: 0;
    width: 0%;
    height: 1px;
    left: 0;
    transition: .3s
}

.ncc-footer-area .footer-top-area .inner p a:hover {
    color: #c21779
}

.ncc-footer-area .footer-top-area .inner p a:hover::after {
    width: 100%
}

.ncc-footer-area .copyright-area {
    background-color: #306;
    padding: 20px 0;
    text-align: center
}

.ncc-footer-area .copyright-area .inner p {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0
}

.ncc-footer-area .copyright-area .inner p a {
    color: #fff;
    position: relative
}

.ncc-footer-area .copyright-area .inner p a::before {
    position: absolute;
    content: "";
    background: #fff;
    bottom: 0;
    width: 0%;
    height: 1px;
    left: 0;
    transition: .3s
}

.ncc-footer-area .copyright-area .inner p a:hover {
    color: #fff
}

.ncc-footer-area .copyright-area .inner p a:hover::before {
    width: 100%
}