@charset "utf-8";
/* CSS Document */
/* colors - Start

*/

/*---------- Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

.fal, .far {
    font-family: "Font Awesome 5 Free";
}

body {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    background: #FFFFFF;
    position: relative;
}

.overflowSection {
    overflow: hidden !important;
}

/* Sticky Footer CSS - Start */
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
}
#footer{
    position:relative;
}
/* Sticky Footer CSS - END */

a,
input,
button,
textarea {
    outline: none !important;
}

a {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}

p {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 22px;
    color: #494e50;
}

p strong {
   /* display: block; */ 
}
p a {
    color: #000000;
}

h1 {
    font-size: 48px;
    margin: 0  0 30px;
    line-height: 50px;
}

h2 {
    font-size: 42px;
    margin: 0  0 30px;
    line-height: 48px;
}
h3 {
    font-size: 36px;
    margin: 0  0 30px;
    line-height: 40px;
}
h4 {
    font-size: 32px;
    margin: 0  0 30px;
    line-height: 40px;
}
h5 {
    font-size: 26px;
    margin: 0  0 30px;
    line-height: 30px;
}
h6 {
    font-size: 24px;
    margin: 0  0 30px;
    line-height: 30px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #000;
}


.bg-light {
    background: #F5F8F8 !important;
}

.btn {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 18px;
    text-align: center;
    color: #3c64b1;
    border: none;
    padding: 15px 23px;
    position: relative;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 2px solid #3C64B1;
    font-weight: 700;
}

.btn-common:hover {
    background: #3C64B1;
    border-color: #3C64B1;
    color: #fff;
}





/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/

.main {
    /* padding: 90px 0 0; */
}

.header {
    padding: 0;
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999; */
    background: rgb(244 245 244 / 0.6);	
    z-index: 9998;
}

.navbar {
    padding: 0;
    /* align-items: flex-end; */
}

.navbar-brand {
    padding: 0;
    margin: 20px 10px 20px 0;
    display: block;
    width: 250px;
}


.navbar-nav {
    align-items: center;
}

.navbar-nav .nav-item {
    margin: 0 18px;
}

.navbar-nav .nav-item:first-child {
    margin-left: 0;
}

.navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.navbar-nav .nav-item .nav-link {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 18px;
    text-align: left;
    color: #373f41;
    padding: 36px 0;
    position: relative;
}


.navbar-nav .nav-item .nav-link {
    position: relative;
}

.navbar-nav .nav-item .nav-link.show,
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.current-menu-item .nav-link,
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link.current-menu-item,
.navbar-nav .nav-item .nav-link:hover {
    color: #3C64B1;
    background: transparent;
}

@media (min-width: 768px) {
    .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}

.header .dropdown-menu {
    background: #2fa8a4;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.header .dropdown-toggle::after {
    display: none;
}

.header .dropdown-menu .dropdown-item {
    font-size: 16px;
    line-height: 20px;
    color: #fcfdfd;
    font-weight: 300;
    padding: 10px;
}

.header .dropdown-menu .dropdown-item.active,
.header .dropdown-menu .dropdown-item:active {
    background-color: #e9ecef;
}


.header .dropdown-menu .dropdown-item:hover,
.header .dropdown-menu .dropdown-item:focus {
    color: #fff;
    background: #0c407f;
}

.search-main .form-control {
    width: 200px;
    height: 42px;
    border-radius: 21px;
    background: #f4f5f4;
    border: 1px solid #c7c6c6;
    padding: 12px 16px;

}
.search-main .form-control:focus {
    border-color: #2fa8a4;
    box-shadow: none;
}

.search-main form {
    display: flex;
    margin-left: 50px;
}

button.header-search {
    width: 47px;
    height: 42px;
    border: none;
    background: #3C64B1;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    padding: 0;
    margin-left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.header-search:hover {
    background: #2FA8A4;
}


.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #737B7D;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #737B7D;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #737B7D;
}

.form-control:-moz-placeholder { /* Firefox 18- */
    color: #737B7D;
}

/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/


.main-title {
    font-weight: bold;
    font-size: 44px;
    letter-spacing: 0.01em;
    line-height: 56px;
    color: #373f41;
}


.main-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    font-weight: inherit;
}

.main-title span {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 18px;
    color: #3c64b1;	
    text-transform: uppercase;
    font-weight: 800;
}

.section-title {
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.01em;
    line-height: 32px;
    color: #373f41;
    margin: 0 0 43px;
}


.section-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    font-weight: inherit;
}

.section-title span {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
    display: block;
    color: #52575c;
    margin: 16px 0 0;
}
.section-title h4 {
    font-weight: normal;
    font-size: 18px;
    padding-top: 40px;
    letter-spacing: 0.02em;
    line-height: 18px;
    color: #00;	
    font-weight: 600;
}
.pad-60 {
    padding: 60px 0 31px;
}
.Hpad-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.block-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #4A4E69;
    margin: 0 0 16px;
}


.block-title * {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    font-weight: inherit;
}

/************** main slider start **************/

.notification {
    padding: 21px 0;
    display: none;
}

.notification p {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
    color: #fff;
    margin: 0;
}
.notification a {
    color: #fff;
}

.notification p span {
    text-transform: uppercase;
    font-weight: 800;
}

.notification .inner-not {
    position: relative;
}

.notification .close-btn {
    position: absolute;
    top: -4px;
    right: 0;
    background: transparent;
    border: none;
}

.notification.blue{
    background-color:#446A76;
}

.notification.blue p, .notification.blue p a {
    color: #fff;
}

.notification.orange{
    background-color: #df9204;
}
.notification.orange p, .notification.orange p a {
    color: #fff;
}

.notification.red{
    background-color: #d90000;
}
.notification.red p, .notification.red p a {
    color: #fff;
}

.notification.green{
    background-color: #2FA8A4;
}
.notification.green p, .notification.green p a {
    color: #fff;
}

.notification.grey{
    background-color: grey;
}
.notification.grey p, .notification.grey p a {
    color: #fff;
}

.notification.yellow{
    background-color: #F7C405;
}
.notification.yellow p, .notification.yellow p a {
    color: #000000;
}
.notification.yellow .close-btn #Ellipse_25, .notification.yellow .close-btn #Path_1383{
    fill: #000000;
}

.notification.black{
    background-color: #000000;
}
.notification.black p, .notification.black p a {
    color: #ffffff;
}
.notification.black .close-btn #Ellipse_25, .notification.black .close-btn #Path_1383{
    fill: #ffffff;
}

.main-slider {
    opacity: 0;
}

.main-slider.slick-initialized {
    opacity: 1;
}

.main-item {
    position: relative;
}
// .main-item:after {
    // position: absolute;
    // left: 0;
    // right: 0;
    // top: 0;
    // bottom: 0;
    // content: "";
    // background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%);
    // background-image:url(../images/homelogograd.png);"
    // background-repeat: no-repeat;
    // background-position: center center;
// }

.main-item .content-box {
    max-width: 550px;
    padding: 30px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 20px;
}

.main-item .banner-img img {
    width: 100%;
}

.main-banner .banner-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    width: 100%
}

.main-banner .content-box span {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 18px;
    color: #3c64b1;
    display: block;
    text-transform: uppercase;	
    font-weight: 700;
}

.main-banner .content-box h2 {
    font-weight: bold;
    font-size: 44px;
    letter-spacing: 0.01em;
    line-height: 56px;
    color: #373f41;
    margin: 20px 0 20px;
}

.main-banner .content-box p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 22px;
    color: #000;
    margin: 0 0 40px;
}
.main-banner .content-box img {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 10px 0 30px 40px;
}

.video-banner {
    padding: 80px 0;
    background: url("../images/video-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat !important;
    background-position: center center;
}

.video-banner .content-box {
    max-width: 450px;
    margin-left: 20px;
}
.video-block {
    height: 512px;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.video-block a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/************** main slider end **************/



/********* blog start *******/


.blog-main [class*=col-] {
    padding: 0 17px;
}
.blog-main .row {
    margin: 0 -17px;
}
.single-blog a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 20px;
}
.single-blog .img {
    overflow: hidden;
}
.single-blog .img img {
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
    transition: transform 1s;
}
.single-blog a:hover .img img {
    transform: scale(1.1);
}
.single-blog .detail {
    padding:30px 20px;
}
.single-blog .person {
    padding:20px 20px;
}


.single-blog h4 {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 24px;
    color: #003D81;
    margin: 0 0 13px;
}
.single-blog h3 {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 20px;
    color: #003D81;
    margin: 0 0 0px;
}

.single-blog p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 20px;
    color: #373f41;
    margin: 0 0 0px;
}

.single-blog span {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.01em;
    line-height: 20px;
    text-align: left;
    color: #52575c;	
}

/********* blog end *******/

/********* news start *******/

.news-sec [class*=col-] {
    padding: 0 24px;
}

.news-sec .row {
    margin: 0 -24px;
}

.text-block {
    margin: 0 0 49px ;
}

.text-block h4 {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 30px;
    color: #053d82;
    margin: 0 0 17px;
}

.text-block h3 {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 40px;
    color: #053d82;
    margin: 0 0 14px;
}
.text-block h6 {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 24px;
    padding-bottom:8px;
    border-bottom: solid #e6e6e6 1px
}
.text-block a {
    color: #053d82;
    text-decoration: none;

}
.text-block img {
    max-width: 100%;
    height: auto;
}

.text-block span {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 22px;
    color: #000;
    margin: 0 0 13px;
    display: block;
}

.text-block p {
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 0.02em;
    line-height: 26px;
    color: #737b7d;
    margin:  0 0 15px;

}
.text-block .t-detail {
    position: relative;
    padding: 88px 50px 48px 50px;
}

.text-block .t-detail:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    width: 64px;
    content: "";
    background: url("../images/quote-icon.svg") no-repeat;
    background-size: contain;
}

.text-block .t-detail p {
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.01em;
    line-height: 32px;
    color: #373f41;
    margin: 0 0;
}

.text-block .t-detail span {
    display: block;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.01em;
    padding-top: 10px;
}
.news-right .text-block p {
    color: #373F41;
    font-size: 16px;
    line-height: 22px;
}
.news-right .text-block p a {
    color: #053D82;
}


/********* news end *******/


/**** pay sec ****/
.pay-sec {
    position: relative;
    padding: 80px 0;
    background-size: cover !important;
}

.pay-sec.right-image .row {
    flex-direction: row;
}
.pay-sec.left-image .row {
    flex-direction: row-reverse;
}

.pay-sec:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255,255,255,0.86);
    content: "";
    z-index: -1;
}

.pay-detail h3 {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0.01em;
    line-height: 40px;
    color: #373f41;
    margin: 0 0 58px;
}

.pay-detail .icon {
    margin-bottom: 18px;
}


.icon-block.right-icon {
    text-align: right;
}
.icon-block.left-icon {
    text-align: left;
}
/**** pay sec ****/

/**** testimonial slider sec ****/
.testimonial {
    padding: 75px 0;
}

.testi-slider  {
    opacity: 0;
}
.testi-slider.slick-initialized {
    opacity: 1;
}
.t-item .t-detail {
    position: relative;
    padding: 68px  0 0;
}

.t-item .t-detail:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    width: 64px;
    content: "";
    background: url("../images/quote-icon.svg") no-repeat;
    background-size: contain;
}

.t-item .t-detail p {
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 32px;
    color: #373f41;
    margin: 0 0 26px;
}

.t-item .t-detail span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    line-height: 22px;
    color: #737b7d;
    margin: 0 0 0 0px;
}

.testi-slider .slick-arrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 99;
}

.testi-slider .slick-next {
    right: -85px;
}

.testi-slider .slick-prev {
    left: -85px;
}

.TQ-item .TQ-detail {
          position: relative;
          padding: 68px  0 50px;
      }
    .TQ-item .TQ-detail:after {
          position: absolute;
          top: 0;
          left: 0;
          height: 64px;
          width: 64px;
          content: "";
          background: url("../images/quote-icon.svg") no-repeat;
          background-size: contain;
      }
      
    .TQ-item .TQ-detail p {
          font-weight: 400;
          font-style: italic;
          font-size: 22px;
          letter-spacing: 0.01em;
          line-height: 32px;
          color: #373f41;
          margin: 0 0 26px;
      }
      
    .TQ-item .TQ-detail span {
          display: block;
          font-weight: 600;
          font-size: 18px;
          letter-spacing: 0.01em;
          line-height: 22px;
          color: #737b7d;
          margin: 0 0 0 0px;
      }
/**** testimonial slider sec ****/



.footer {
    background:#194154;
    padding: 75px 0 84px;
}


.f-block ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}



.f-block ul li {
    list-style-type: none;
    display: block;
}

.f-block ul li a {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 18px;
    text-align: left;
    color: #fff;
    display: block;

}

.f-block .menu ul li {
    margin:  0;
    padding: 0;
}
.f-block .menu ul li:last-child {
    margin-right: 0;
}


.f-block .social ul li a {
    display: inline-block;
}
.f-block .social ul li a.icon:hover svg path {
    fill: #2FA8A4;
}

.f-block ul li a.active,
.f-block ul li a:hover {
    color: #2FA8A4;
}

.f-block p {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 18px;
    color: #fff;
    margin: 0;
}

.f-logo p {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.01em;
    line-height: 18px;
    color: #fff;
    margin: 0;
}


.f-logo p {
    margin: 5px 0px 0 50px;
}
.f-logo img {
        width:190px;
        margin: 0px 0px 10px;
    }
.f-block p a {
    color: #fff;
}
.f-block p a:hover {
    color: #2fa8a4;
}

.footer .row {
    margin: 0 -35px;
}

.footer [class*=col-] {
    padding: 0 25px;
}
/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

.inner-page {
    padding: 58px 0 0;
}

.inner-page .banner-content {
    position: relative;
}

.inner-page .main-banner .content-box p {
    margin: 0;
}
.pagination {
    margin: 0;
    padding: 0;
}

.pagination .page-link {
    border: none;
    background: transparent;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 22px;
    text-align: left;
    color: #053d82;
    font-weight: 700;
}


.page-item.active .page-link {
    color:#727A7C;
    background: transparent;
}

.about-detail h5 {
    font-weight: normal;
    font-size: 24px;
    letter-spacing: 0.01em;
    line-height: 30px;
    text-align: left;
    color: #727a7c;
    margin:  0 0 40px;

}

.inner-page .main-banner .about-detail  p {
    font-size: 18px;
    line-height: 30px;
    color: #727A7C;
    margin: 0 0 40px !important;
}
.inner-page .main-banner .about-detail  p:last-child {
    margin: 0 !important;
}

.inner-page .main-banner .about-detail  h1 {
    font-size: 44px;
    font-weight: bold;
    margin: 20px 0 20px;
}
.inner-page .main-banner .about-detail  h2 {
    margin: 20px 0 20px;
}

.inner-page .main-banner .row {
    margin: 0 -43px;
}
.inner-page .main-banner [class*=col-] {
    padding: 0 43px;
}

.inner-page .main-banner .single-blog {
    margin-top: 30px;
}


.breadcrumb {
    padding: 26px;
    margin: 0;
    background: #E1E4E5;
    justify-content: center;
}

.breadcrumb-item {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
    text-align: center;
    color: #0c407f;
}
.breadcrumb-item a {
    color: #727A7C;
    text-decoration: none;
}
.breadcrumb-item.current a,
.breadcrumb-item.section a {
    text-decoration: underline;
    font-weight: 700;
}
.breadcrumb-item a:hover {
    text-decoration: underline;
}
.breadcrumb-item::after {

}
.breadcrumb-item + .breadcrumb-item a {
    color: #0C407F;
}
.breadcrumb-item + .breadcrumb-item::after {
    display: none;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 15px;
}
.l3subnav {
        padding: 26px 26px 16px 26px;
        margin: auto;
        background: #e2d8c1;
        justify-content: center;
        text-align: center;
    }
.l3subnav-item {
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0.01em;
        line-height: 16px;
        text-align: center;
        color: #0c407f;
        margin: 0 auto;
    }
    .l3subnav-item a {
        color: #727A7C;
        text-decoration: none;
    }
    .l3subnav-item.current a,
    .l3subnav-item.section a {
        text-decoration: underline;
        font-weight: 700;
    }
    .l3subnav-item a:hover {
        text-decoration: underline;
    }
    .l3subnav-item::after {
    
    }
    .l3subnav-item + .l3subnav-item a {
        color: #0C407F;
    }
    .l3subnav-item + .l3subnav-item::after {
        display: none;
    }
    
    .l3subnav-item + .l3subnav-item {
        padding-left: 15px;
    }
    
.l3subnavSide {
            padding: 30px 20px 40px 30px;
            margin: 50px auto;
            background: #e7ede8;
            border-radius: 20px;
        }
.l3subnavSide h6 {
            font-weight: bold;
        }
        .l3subnavSide ul {
            margin: auto;
            list-style: none;
            text-align: left;
            padding-left: 0;
        }
            .l3subnavSide-item {
            font-weight: normal;
            font-size: 18px;
            letter-spacing: 0.01em;
            line-height: 1.2em;
            color: #0c407f;
            margin: 10px auto;
            
        }
        .l3subnavSide-item a {
            color: #0C407F;
            text-decoration: none;
        }
        .l3subnavSide-item.current a,
        .l3subnavSide-item.section a {
            text-decoration: underline;
            font-weight: 700;
        }
        .l3subnavSide-item a:hover {
            text-decoration: underline;
        }
        
        
        
    
.inner-page .pay-sec::after {
    display: none;
}
.inner-page .pay-sec {
    padding: 155px 0;
}


.facility-banner {
    padding: 0  0 80px;
}
.BannerGradL {
   background-image: linear-gradient(
      to left,
      rgb(245, 245, 245, 0),
      rgba(245, 245, 245, 0.6),
      rgba(245, 245, 245, 0.8),
      rgba(245, 245, 245, 1)
   );
}
.BannerGradR {
   background-image: linear-gradient(
      to left,
      rgb(245, 245, 245, 1),
      rgba(245, 245, 245, 0.8),
      rgba(245, 245, 245, 0.6),
      rgba(245, 245, 245, 0)
   );
}
.BannerGradF {
   background-image: linear-gradient(
       to left,
       rgb(245, 245, 245, 0.8),
       rgba(245, 245, 245, 0.8),
       rgba(245, 245, 245, 0.8),
       rgba(245, 245, 245, 0.8)
    );
}
.BannerImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*========== FancyBox Modal ==========*/
.content-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  padding: 0px 0px 0 0px;
}

.animated-modal {
  max-width: 650px;
  border-radius: 4px;
  overflow: hidden;
  
  transform: translateY(-50px);
  transition: all .7s;
}

/*==========
.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}
==========*/
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal h4 {
  font-size: 20px; font-weight: bold; line-height: 26px; margin: 20px 0 0px;
}
.fancybox-slide--current .animated-modal p {
  font-size: 16px; line-height: 26px; margin: 0 0 20px;
}
.fancybox-slide--current .animated-modal span {
  font-size: 16px; font-weight: bold; margin: 0 0 20px;
}
.fancybox-slide--current .animated-modal blockquote {
  background: transparent url(../images/quote.png) no-repeat 0px 0px;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  margin-left: 5%;
  clear: both;
}
.fancybox-slide--current .animated-modal blockquote p {
  margin: 37px 0;
  font-size: 16px;
  line-height: 25px;
  font-family: 'Mulish', sans-serif;
  color: #003D81;
}
color: #003D81;
/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/