@import url('https://fonts.googleapis.com/css?family=Righteous');
  @import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
  html, body {
    overflow-x : hidden; 
    min-height: 100vh;
  }
  select,h1,h2,h3,h4,h5,h6,form {
    font-family: 'Righteous', cursive!important;
    margin-top: 0;
  }
  h2{font-size:25px;}
  a {
    position: relative;
    text-decoration: none!important;
    color: #0033A0;
  }
  a,p,.btn,span,li,div {
    font-family: 'Ubuntu', sans-serif;
  }
  a.abs-fa .fa {
    position: absolute;
    right: -20px;
    top: 4px;
  }
  p {
    font-size: 15px;
  }
  ul {
    padding: 0;
    list-style-type: none;
  }
  span {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 11px;
    color: #888;
  }
  span.lite {
    color: #bbb;
  }
  .set0 {
    margin: 0;
    padding: 0;
  }
  .yellow {
    color: #FFFF55;
  }
  .blue {
    color: #0033A0;
  }
  .green {
    color: #FCC63F;
  }
  .absContainer {
    position: absolute;
    width: 80%;
    left: 10%;
    padding: 0;
  }
  .absContainer a {
    font-size: 14px;
    color: #0033A0;
    margin-top: 10px;
  }
  .absBefore::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
  }
  .btn-read-more {
    background: #0033A0;
    color: #fff;
    text-transform: uppercase;
  }
  .btn-read-more:hover {
    background: #FCC63F;
  }
  .btn-read-more.brm2 {
    background: #FCC63F;
    color: #333;
  }
  .btn-read-more.brm2:hover {
    background: #0033A0;
    color: #fff;
  }
  ul.type1 {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
  }
  ul.type1 li {
    position: relative;
    font-size: 14px;
    margin-bottom: 15px;
    padding-left: 20px;
  }
  ul.type1 li::before {
    content: '\f105';
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
    font-weight: bold;
  }
  .whats-new-wrapper {
    position: relative;
    margin-top: 20px;
    padding: 20px 0 10px;
  }
  ul.type2::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #FCC63F;
  }
  ul.type2 li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 30px;
  }
  ul.type2 li::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: #FCC63F;
  }
  ul.type2 li a {
    position: relative;
    color: #fff;
    font-size: 16px;
  }
  ul.type2 li a::before {
    content: '\f105';
    position: absolute;
    left: -27px;
    top: -1px;
    color: #333;
    font-weight: bold;
    font-family: 'FontAwesome';
  }

  /* FIXED SOCIALS */
  .fixed-xs-socials {
    z-index: 10;
    position: fixed;
    right: 0;
    bottom: 100px;
    width: 45px;
  }
  @media(max-width : 992px) {
    .fixed-xs-socials {
      right: auto;
      left : 0;
    }
  }
  .fixed-xs-socials a {
    display: block;
    background: #007AB5;
    color: #fff;
    padding: 5px 10px;
    font-size: 22px;
    margin-bottom: 1px;
    text-align: center;
  }
  .fixed-xs-socials a.fb {
    background: #344d86;
  }
  .fixed-xs-socials a.wh {
    background: #1bd76e;
  }
  .fixed-xs-socials a.in {
    background: #CE2B7C;
  }
  .fixed-xs-socials a.yt {
    background: #e52a27;
  }
  .fixed-xs-socials a.tw {
    background: #1B9CEA;
  }

  /** ANIMATE CHECKBOX **/
  .checkbox-styled:not(ie8) label, .radio-styled:not(ie8) label {
    padding-left: 0;
  }
  .radio label, .checkbox label {
    min-height: 24px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }
  .checkbox-styled:not(ie8) input[type="radio"], .radio-styled:not(ie8) input[type="radio"], .checkbox-styled:not(ie8) input[type="checkbox"], .radio-styled:not(ie8) input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .checkbox-styled:not(ie8) input ~ span, .radio-styled:not(ie8) input ~ span {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
    vertical-align: text-top;
  }
  .checkbox-styled:not(ie8) input:checked ~ span:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 10px;
    border-color: #0aa89e;
    border-top-style: none;
    border-right-style: none;
  }
  .checkbox-styled:not(ie8) input ~ span:before {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }  
  .checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0px;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 2px solid #535858;
  }
  
  .navbar-inverse {
    background: #000;
  }
  .navbar {
    min-height: 0;
    margin-bottom: 0;
    border-radius: 0;
  }
  .absLogoBatch {
    position: absolute;
    z-index: 99;
    left: 10px;
    top: -40px;
    background: #fff;
    padding: 5px;
    border-radius: 0 0 10px 10px;
  }
  body.scrolled .absLogoBatch {
    padding: 0 10px;
    top: 0;
    border: 1px solid #eee;
  }
  .absLogoBatch img {
    width: 120px;
  }
  body.scrolled .absLogoBatch img {
    width: 85px;
  }
  .absGovtLogo {
    position: absolute;
    left: 145px;
    top : 5px;
    width: 200px;
    pointer-events : none;
  }
  .navbar-top {
    border: none;
    background: #eee;
    padding: 5px 10px;
  }
  .navbar-top .navbar-nav > li > a {
    padding: 5px 15px;
    color: #333;
  }
  .navbar-top .navbar-nav > li > a:focus,
  .navbar-top .navbar-nav > li > a:hover {
    color: #0033A0;
  }
  body.scrolled .navbar-top {
    border-bottom: 1px solid #777!important;
  }
  .navbar-main {
    border: none;
    background: #0033A0;
    padding-right: 10px;
  }
  body.scrolled .navbar-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  .dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    margin-top: -1px!important;
    border-radius: 0;
    padding: 0;
  }
  .dropdown .dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #F5F5F5;
  }
  .dropdown .dropdown-menu li:last-child a {
    border-bottom: none;
  }
  .dropdown .dropdown-menu li a:hover {
    background: #0033A0;
    color: #fff;
  }
  .navbar-main .dropdown:hover .dropdown-menu {
    opacity: 1;
    max-height: 300px;
  }
  .navbar-main ul.navbar-right > li > a {
    padding: 20px 20px; 
    background: transparent!important;
    color: #ddd;
    text-transform: uppercase;
    font-family: 'Righteous', cursive!important;
  } 
  .navbar-main ul.navbar-right > li > a.apply {
    color: #FFFF55;
  }
  .navbar-main ul.navbar-right > li > a:hover {
    color: #FFFF55;
  }
  .nav-top {
    margin-right: 150px!important;
  }
  .btn-phone{
    background: transparent;
    border: 1px solid #333;
    padding: 0 15px;
    padding-left: 30px;
    margin: 0;
    line-height: 20px!important;
    height: auto!important;
    position: absolute;
    font-size: 14px!important;
    border-radius: 20px;
    padding-top: 0;
    color: #333!important;
    right: 15px;
    top : 11px;
  }
  .btn-phone .fa{
    position: absolute;
    left: 9px;
    font-size: 26px;
    top: -8px;
    background: #EEEEEE;
    padding-left: 6px;
    /* Safari */
    -webkit-transform: rotate(15deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }
  .btn-phone span{
    background: #EEEEEE;
    position: absolute;
    left: 26px;
    top: -8px!important;
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    top: 0;
    padding: 0 6px;
    color: #333;
    font-family: 'Ubuntu', sans-serif!important;
    line-height: 10px;
  }
  @media(min-width: 768px) {
    .footer {
      display: grid;
      grid-template-columns : 2fr 1.16fr;
    }
  }
  .footer > div {
    padding: 45px 2.5% 20px;
  }
  .footer-left {
    background: url(../../images/banner/banner2.jpg);
    background-size: cover;
    color: #ccc;
    position: relative;
  }
  .footer-left::before {
    background: rgba(0, 0, 0, .9);
  }
  .footer-menu-box-wrap {
    padding: 30px 0 0;
  }
  .footer-menu-box {
    margin-bottom: 30px;
  }
  .footer-menu-box h3 {
    color: #eee;
    font-size: 18px;
    text-transform: uppercase;
  }
  .footer-menu-box ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .footer-menu-box ul li a {
    color: #7A7E7C;
    display: block;
    padding: 4px 0;
  }
  .footer-menu-box ul li a:hover {
    color: #FFFFAA;
  }
  .footer-menu-box ul.social li a{
    padding-left: 30px;
    position: relative;
  }
  .footer-menu-box ul.social li a i {
    position: absolute;
    left: 0;
    top: 7px;
  }
  .footer-right {
    background: #FCC63F;
    text-align: center;
    padding: 30px 50px 30px!important;
  }
  .logo-footer {
    margin: auto;
    width: 200px;
  }
  .footer-form-box {
    display: grid;
    grid-template-columns : auto 80px;
    border-radius: 50px;
    overflow: hidden;
  }
  .footer-form-box input.field {
    padding-left: 15px;
  }
  .footer-form-box .field {
    height: 40px;
    border: none;
  }
  .newsletter h4 {
    text-transform: uppercase;
    color: #0033A0;
  }
  .newsletter p {
    color: #333;
  }
  .footer-form-box button.field {
    background: #0033A0;
    color: #fff;
  }
  .xsm-bottom-btn-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: grid;
    grid-template-columns  : 1fr 1fr;
    z-index: 10;
  }
  .xsm-bottom-btn-wrapper .btn {
    border: none;
    background: #020202;
    color: #fff;
    width: 100%;
    border-radius: 0;
    font-weight: normal;
    padding: 10px;
    font-size: 15px;
    border-top: 1px solid #999;
  }
  .xsm-bottom-btn-wrapper .btn span {
    color: #FCC63F;
    font-size: 15px;
  }
  .xsm-bottom-btn-wrapper .btn.btn-lang {
    background: #0033A0;
  }
  .xsm-bottom-btn-wrapper .btn:hover {
    color: #FCC63F;
  }
  /* INDEX PAGE */
  .carousel img {
    width: 100%;
  }
  .carousel-control {
    background: transparent!important;
    opacity: 1;
  }
  .carousel-control .fa {
    margin-top: 85%!important;
  }
  @media(min-width: 768px) {
    .homeAbout {
      display: grid;
      grid-template-columns: 2fr 1.16fr;
    }
    .homeAbout.history {
      grid-template-columns: 1.16fr 2fr;      
    }
  }
  .homeAbout-left {
    padding: 25px;
    background: #FCC63F;
    color: #333;
  }
  .homeAbout-left.bg-lite{
    background: #f5f5f5;
  }
  .homeAbout-left h2 {
    font-size: 60px;
  }
  .homeAbout-right {
    background-image: url(../../images/img1.jpg);
    background-size: cover;
    position: relative;
  }
  .history .img-wrapper {
    height: 100%;
  }
  .history .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .homeAbout-right.absBefore::before {
    background: rgba(0, 51, 160, .85);
  }
  .homeAbout-right > div {
    position: relative;
    padding: 45px 30px;
    color: #fff;
  }
  .xs-terms {
    display: none;
  }
  @media(max-width: 767px) {
    .homeAbout-right > div {
      position: relative;
      padding: 40px;
    }
    .xs-terms {
      display: inline-block;
    }
  }
  .latestNews {
    position: relative;
  }
  .latestNews .absContainer {
    top: 25px;
    z-index: 2;
  }
  .latestNews-wrap {
    position: relative;
    display: grid;
    grid-template-columns : 3fr 1fr;
    margin: auto;
    padding: 75px 10% 80px;
  }
  @media(max-width: 767px) {   
    .latestNews-wrap {
      padding: 75px 2.5%;
    }
  }
  .latestNews-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36.7%;
    height: 100%;
    background: #FCC63F;
    z-index: -1;
  }  
  .latestNews-left {
    display: grid;
    grid-template-columns : 2fr 1fr;
  }.latestNews-left4{
	 display: grid; 
	  }
  .latestNews-left img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .latestNews-left3 img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .latestNews-left4 img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .wrap-left1 {
    display: grid;
    grid-template-columns : 1fr 1fr;
  }
  .news-content {
    background: #F5F5F5;
    padding: 30px;
    position: relative;
  }
  .news-content.highlight {
    background: #FA394A;
    color: #eee;
  }
  .latestNews-left2 {
    background: #F5F5F5;
  }
  .latestNews-left2 > div {
    height: 50%;
  }
  .latestNews-right {
    background-image: url(../../images/news/news4.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;
  }
  .latestNews-right::before {
    background: rgba(0, 0, 0, .65);    
  }
  .latestNews-right > div {
    padding: 25px;
    position: relative;
  }
  @media(min-width: 768px) {
    .latestNews-right > div {
      position: absolute;
      top: 10px;
    }
  }

  .upcomingEvents {
    background: #F5F5F5;
    padding: 0;
    position: relative;
  }
  .upcomingEvents .absContainer {
    top: -50px;
  }
  .wrap-top{
    padding: 0 2.5%;    
  }
  @media(min-width: 768px) {
    .wrap-top {
      display: grid;
      grid-template-columns : 2fr 1fr;
      padding: 0 10%; 
    }
  }
  .wrap-top img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .wrap-top-right {
    color: #fff;
    background: #0033A0;
    padding: 50px;
  }
  .wrap-top-right.bg-dark {
    background: #100F0D;
    padding: 50px 50px 50px 0;
  }
  .box-time {
    position: relative;
    z-index: 1;
    min-height: 100px;
    margin-bottom: 20px;
  }
  .box-time::before {
    width: 100px;
    height: 100px;
    border: 2px solid #FCC63F;
    content: '';
    position: absolute;
    top: 0;
    left: -85px;
  }
  .box-time::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    top: 60px;
    left: -20px;
    background: #FCC63F;
  }
  .wrap-bottom{
    padding: 0 2.5%;    
  }
  @media(min-width: 768px) {
    .wrap-bottom {
      display: grid;
      grid-template-columns : 2fr 1fr;
      padding: 0 10%;    
    }
    .wrap-bottom-left {
      display: grid;
      grid-template-columns : 1fr 1.5fr;    
    }
    .whyChooseUs .wrap-bottom,
    .whyChooseUs .wrap-bottom-left {
      padding: 0 12px;
      display: block;
      width: 100%;
    }
  }
  .whyChooseUs .wrap-bottom {
    margin-bottom: 40px;
  }
  .wrap-bottom-left1 > div {
    position: relative;
    height: 50%;
    background: #00A4E4;
    background-size: cover;
    text-align: center;
    display: flex;
    padding: 30px 30px;
  }
  .wrap-bottom-left1 > div.on-campus {
    background: url(../../images/events/events-group1.jpg);
    background-size: cover;
  }
  .wrap-bottom-left1 > div.absBefore:before {
    background: rgba(58, 85, 159, .85);
  }
  .wrap-bottom-left1 div .centerMe {
    margin: auto;
    position: relative;
    color: #fff;
  }
  .wrap-bottom-left2 {
    padding: 50px;
    background: #F5F5F5;
  }
  .wrap-bottom-left2 h2 {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
  }
  .icon-set {
    position: relative;
    padding-left: 80px;
    margin-bottom: 50px;
  }
  .icon-set .img-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
  }
  .whyChooseUs .icon-set .img-icon {
    -webkit-filter : grayscale(100%);
    filter : grayscale(100%);
  }
  .wrap-bottom-right {
    display: grid;
    grid-template-columns : 1fr 1fr;
  }
  .wrap-bottom-right div,
  .wrap-bottom-right div img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  
  .ourPartners {
    padding: 20px 60px!important;
  }
  .ourPartners .owl-carousel .owl-item img {
    border: 2px solid #F5F5F5;
  }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    padding: 0px 15px!important;
    background: #fff!important;
    top: 16%;
  }
  .owl-carousel .owl-nav button.owl-prev span,
  .owl-carousel .owl-nav button.owl-next span {
    color: #222!important;
    font-size: 24px!important;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: -50px;
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -50px;
  }
  @media(min-width: 992px) {
    .ourPartners {
      padding: 40px 0;
    }
    .ourPartners .container {
      padding: 0 15px;
    }
  }

  /* INNER PAGE */
  .breadCrumb {
    position: relative;
    background: url(../../images/banner/banner3.jpg);
    background-size: cover;
    padding: 30px 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
  }
  .breadCrumb::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
  }
  .upcomingEvents.about {
    padding: 40px 0;
  }
  @media(min-width: 992px) {
    .navigation-box-wrapper {
      display: grid;
          grid-template-columns: repeat(3, 0.5fr);
    grid-gap: 10px;
}

.navigation-box-wrapper4 {
      display: grid;
          grid-template-columns: repeat(4, 0.5fr);
    grid-gap: 30px;
}
    }
  }
  .faq-box.navigation-box {
    position: relative;
    background: url(../../images/img1.jpg);
    background-size: cover;
    color: #fff;
    border-left-color : #FCC63F;
  }
  .faq-box.navigation-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 51, 160, .9);
  }
  .faq-box.navigation-box:nth-child(2) {
    background: url(../../images/CVRT-Integrity.jpg);
    border-left-color: #0033A0;
    color: #333;
  }
  .faq-box.navigation-box:nth-child(2)::before {
    background: rgba(252, 198, 63, .85);
  }
  .faq-box.navigation-box div {
    position: relative;
  }
  .faq-box.navigation-box .fa {
    color: #fff;
  }
  .faq-box.navigation-box:nth-child(2) .fa {
    color: #333;
  }
  .faq-box.navigation-box a {
    color: #FCC63F;
  }
  .faq-box.navigation-box:nth-child(2) a {
    color: #0033A0;
  }

  /* VISION PAGE */
  section.common-about {
    padding: 40px 0;
  }

  /* FAQ PAGE */
  section.faq {
    padding: 40px 20px;
  }
  @media(min-width: 768px) {
    .faq-box {
      display: grid;
      grid-template-columns : 100px auto;
    }    
  }
  .faq-box {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    border-left : 3px solid #0033A0;
    margin-bottom: 20px;
  }
  .faq-box div:nth-child(2) {
    padding-left: 15px;
  }
  .faq-box:nth-child(even) {
    border-left-color : #FCC63F; 
    background: #FCC63F;
  }
  .faq-number {
    display: flex;
  }
  @media(min-width: 992px) {
    .faq-number {
      border-right: 1px solid #eee;
    }
    .faq-box.navigation-box:nth-child(2) .faq-number {
      border-right-color: #333;
    }
  }
  .faq-number h2 {
    margin: auto;
    font-size: 40px;
    color: #0033A0;
  }
  .faq-box h3 {
    font-size: 20px;
  }

  /* FRANCHISE PAGE */
  .box-who-can-apply {
    background: #F5F5F5;
    padding: 30px;
    margin-bottom: 20px;
  }
  .faq-box.franchise {
    background: #fff;
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: none;
  }
  .faq-box.franchise .faq-number {
    background: #0033A0;
    padding: 10px;
  }
  .faq-box.franchise .faq-number h2 {
    color: #fff;
    font-size: 30px;
  }
  .faq-box.franchise:nth-child(even) .faq-number{
    background: #FCC63F;
  }
  .faq-box.franchise:nth-child(even) .faq-number h2 {
    color: #333;
  }
  .faq-box.franchise > div {
    padding: 20px;
  }
  .faq-box.franchise p {
    font-size: 16px;
  }

  /* WHY CHOOSE US PAGE */
  .why-choose-us {
    padding: 40px;
  }

  /* REGIONAL COORDINATOR FORM PAGE */
  .registration {
    background: #F8F8F9;
    position: relative;
    padding: 0 20px;
  }
  @media(max-width: 767px) {
    .registration,
    .registration .container-fluid {
      padding: 0;
    }
    .row-register {
      margin: 0!important;
    }
  }
  .refer-box {
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .row-register {
    margin: 50px auto;
  }
  .row-register > div {
    padding: 40px;
  }
  @media (min-width: 768px){
    .row-register {
      display: grid;
      max-width: 1100px;
      grid-template-columns : 1fr 1fr;
    }
    .row-register .right {
      background: #eee;
    }
  }
  .user-input-wrp .inputText {
    border : 1px solid #999;
    padding: 10px 10px 10px 10px; 
    color: #333;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: none;
    outline: none;
  }
  .user-input-wrp .inputText.state {
    font-family: Arial!important;
  }
  .user-input-wrp .inputText:focus{
    border-color: blue;
  }
  .user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: 10px;
    left: 25px;
    transition: 0.2s ease all;
    color: #777;
    font-size: 14px;
  }
  .user-input-wrp.active .floating-label,
  .user-input-wrp input:focus ~ .floating-label,
  .user-input-wrp input:not(:focus):valid ~ .floating-label{
    top: -10px;
    left: 20px;
    font-size: 12px;
    color: #666;
    opacity: 1;
    background: #fff;
    padding: 0 4px;
  }
  .box-photo-block {
    background: #f5f5f5;
    padding: 30px;
  }
  /* The container */
  .checkbox-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
  }

  /* Hide the browser's default checkbox */
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #aaa;
  }

  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
    background-color: #2196F3;
  }

  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #uploadImage{
    display: none;
  }
  .form-group {
    position: relative;
  }
  .file,.btn-upload {
    display: none!important;
    position: absolute;
  }
  .input-group .form-control {
    font-size: 13px;
    padding: 0 5px;
  }
  .input-group button span {
    color: #fff!important;
  }
  .add-photo {
    cursor: pointer;
  }
  .img-profile {
    width: 100%;
    height: auto;
  }
  .btn-choose {
    bottom: 0;
    z-index: 999;
    border-radius: 0;
    background: #0033A0;
    margin-top: -10px;
    color: #fff!important;
  }

  /* COURSES OFFERED PAGE */
  .choose-all {
    padding: 0 20px 40px;
  }
  .btn-select-all {
    border: 1px solid #333;
    margin-bottom: 20px;
  }
  section.course-offered {
    padding: 40px;
  }
  .course-offered-box {
    border-left : 3px solid #FCC63F;
    background: #F5F5F5;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  .course-offered-individual-box {
    border-left : 3px solid #FCC63F;
    background: #F5F5F5;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  .main .course-offered-box {
    padding: 0;
  }
  .main .course-offered-individual-box {
    padding: 0;
  }
  @media(min-width: 768px) {
    .course-offered-box {
      display: grid;
      grid-template-columns : 150px auto 150px;
      grid-gap : 20px;
    }    
    .course-offered.main .course-offered-box {
      grid-template-columns : 70px auto 150px 150px;      
    }
  
  .course-offered-individual-box {
      display: grid;
      grid-template-columns : 150px auto 150px;
      grid-gap : 20px;
    }    
    .course-offered.main .course-offered-individual-box {
      grid-template-columns : 682px 100px 132px 150px;      
    }
  }
  .course-offered.main .course-offered-box .img {
    padding: 5px;
    padding-left: 25px;
  }
  .course-offered.main .course-offered-box .img img {
    width: 50px;
    height: 50px;
  }
  .course-offered .course-offered-box .code {
    padding-left: 15px;
  }
  .course-offered.main .course-offered-box .couse-detail {
    padding: 15px 15px 5px 15px;
  }  
  
  
  
   .course-offered.main .course-offered-individual-box .img {
    padding: 5px;
    padding-left: 25px;
  }
  .course-offered.main .course-offered-individual-box .img img {
    width: 50px;
    height: 50px;
  }
  .course-offered .course-offered-individual-box .code {
    padding-left: 15px;
  }
  .course-offered.main .course-offered-individual-box .couse-detail {
    padding: 15px 15px 5px 15px;
  }
  
  
  
  
  .duration-wrapper {
    display: grid;
    grid-template-columns : repeat(8, 1fr);
    background: #eee;
    text-align: center;
    border-left-width : 2px; 
    float: none;
    width: 100%;
  }
  .duration-wrapper > div {
    padding: 4px;
    background: #ddd;
  }
  .duration-wrapper:nth-child(2) > div {
    border-top: none;
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .duration-wrapper:nth-child(2) > div:nth-child(1) {
    border-left: 1px solid #ddd;
  }
  .course-offered-box:nth-child(even) {
    border-left-color : #0033A0;    
  }
  
  
  
  .course-offered-individual-box:nth-child(even) {
    border-left-color : #0033A0;    
  }
  
  
  
  
  .course-offered-box h3 {
    font-size: 18px;
    text-transform: uppercase;
  }
  
  
  .course-offered-individual-box h3 {
    font-size: 18px;
    text-transform: uppercase;
  }
  
  
  
  .absCount {
    position: absolute;
    left: -30px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    background: #FCC63F;
    font-size: 20px;
  }
  .main .absCount {
    top: 15%;
  }
  .absCount p {
    font-family: 'Righteous', cursive!important;
  }
  
  
  
  
  
  
  
  
  .course-offered-box .img img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .course-offered-box .code span {
    font-weight: normal;
    color: #222;
    background: #FCC63F;
    padding: 2px 6px;
    border-radius: 20px;
  }
  .course-offered-box .btn {
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
  }
  .course-offered-box:nth-child(even) span,
  .course-offered-box:nth-child(even) .absCount {
    background: #0033A0;
    color: #fff;
  }
  
  
  
  
  
  .course-offered-individual-box .img img {
    width: 100%;
    height: 100%;
    object-fit : cover;
  }
  .course-offered-individual-box .code span {
    font-weight: normal;
    color: #222;
    background: #FCC63F;
    padding: 2px 6px;
    border-radius: 20px;
  }
  .course-offered-individual-box .btn {
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
  }
  .course-offered-individual-box:nth-child(even) span,
  .course-offered-individual-box:nth-child(even) .absCount {
    background: #0033A0;
    color: #fff;
  }
  
  
  
  
  
  
  
  .apply-area{
    display: flex;
  } 
  .centerMe{
    margin: auto;
  }

  /* COURSE DETAIL PAGE */
  .course-detail-wrapper .right-wrapper ul li:nth-last-child(3) {
    display: none;
  }
  @media(min-width: 992px) {
    .course-detail-wrapper {
      display: grid;
      grid-template-columns : auto 300px;
      grid-gap : 30px;
    }
  }
  .right-wrapper {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fff;
  }
  .right-wrapper ul {
    padding: 0;
    list-style-type: none;
  } 
  .right-wrapper ul a.grid-a {
    display: grid;
    grid-template-columns : 45px auto;
    grid-gap : 10px;
  }
  .right-wrapper ul li {
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 10px;
  }
  .right-wrapper ul a.grid-a img {
    width: 45px;
    border-radius: 4px;
  }
  a.grid-a h5 {
    margin-bottom: 5px;
    color: #333;
  } 
   
  /* SERVICES PAGE */  
  section.services .latestNews-wrap,
  section.services .latestNews-left {
    display: block;
  }
  section.services .latestNews-wrap::after {
    display: none;
  }
  section.services .wrap-left1 {
    grid-template-columns : 1.5fr 3fr;
    margin-bottom: 20px;
  }

  /* CONTACT PAGE */
  section.contact {
    padding: 40px;
  }
  .contact-box-top > div {
    margin-bottom: 20px;
  }
  .contact-box-top .address {
    background: #FCC63F;
    padding: 40px 40px 20px;
    font-size: 16px;
  }
  .contact-box-top .address > div > div{
    margin-bottom: 20px;
  }
  .address-wrapper {
    display: grid;
    grid-template-columns : 1fr 1fr;
  }
  .fontAwe {
    font-size: 40px;
  }
  @media(min-width: 992px) {
    .contact-box-top {
      display: grid;
      grid-template-columns : 1.5fr 1fr;
      grid-gap : 20px;
    }
    .contact-box-top .address {
      display: grid;
      grid-template-columns : 100px auto;
    }
    .fontAwe {
      font-size: 90px;
    }
  }
  .contact-box-top .enquire-form{
    background: #0033A0;
    padding: 40px 40px 20px;
    color: #fff;
  }
  .contact-box-top .enquire-form .form-control {
    border-radius: 0;
    border: none;
    height: 45px;
  }
  .contact-box-top .enquire-form .btn {
    background: #FCC63F;
    color: #333;
  }
  .contact-box-top .enquire-form textarea.form-control {
    resize : none;
    height: 90px;
  }
  iframe {
    width: 100%;
    height: 450px;
  }

  /* SEPARATE MEDIA QURIES */
  @media(max-width: 991px) {
    .breadCrumb {
      margin-top: 40px;
    }
    .absGovtLogo {
      left: 95px;
      top: 0;
      width: 165px;
    }
    .navbar-top {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 10;
      background: #0033A0;
      padding: 5px 0; 
      border: none!important;
      text-align: right!important;
    }
    .navbar-inverse .navbar-collapse {
      border: none!important;
      box-shadow: none;
    }
    .navbar-nav {
      margin: 0;
    }
    .navbar-top ul {
      width: 100%;
    }
    .navbar-top ul li {
      float: right;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, .25);
      margin-left: 10px;
      border-radius: 10px;
    }
    .navbar-top ul li:hover {
      background: #FFFF55;
    }
    .navbar-top ul li a {
      font-size: 14px;
      padding: 6px 12px!important;
      color: #fff!important;
    }
    .navbar-top ul li:hover a {
      color: #333!important;
    }
    .absLogoBatch {
      top: 0;
      padding: 5px 10px!important;
      position: fixed;
    }
    .absLogoBatch img{
      width: 60px!important;
    }
    .next-header {
      margin-top: 40px;
    }
    .course-offered .course-offered-box {
      grid-template-columns : 1fr;      
    }
    .course-offered.main .course-offered-box {
      padding: 20px;
      grid-template-columns : 1fr;
      width: calc(100% - 40px);
    }
    .course-offered.main .apply-area {
      display: block;
    }
  }

  @media(min-width: 768px) and (max-width: 991px) {
    .wrap-bottom,
    .latestNews-left {
      grid-template-columns : 1fr;
    }
    .wrap-bottom-right {
      grid-template-columns : repeat(6, 1fr);
    }
    .wrap-bottom-left2 {
      background: #fff;
    }
    .latestNews-wrap {
      grid-template-columns : 2fr 1fr;
    }
    .latestNews-left2 {
      display: grid!important;
      grid-template-columns : 1fr 1fr;
    }
    .latestNews-left2 >div,
    .latestNews-left2 >div img {
      height: 100%;
    }
  }

  @media(min-width: 210px) and (max-width: 768px) {
    .absLogoBatch {
      left: 9px;
    }
    section.services .wrap-left1 {
      display: block;
    }
    .course-offered-box {
      display: grid;
      grid-gap : 20px;
      grid-template-columns : 100px 1fr;
    }
    .course-offered-box .img img {
      width: 90px;
    }
    .course-offered-box .couse-detail:not(.main.course-detail) {
      grid-column-start : 1;
      grid-column-end : 3;
    }
  
  
  
  
   .course-offered-individual-box {
      display: grid;
      grid-gap : 20px;
      grid-template-columns : 100px 1fr;
    }
    .course-offered-individual-box .img img {
      width: 90px;
    }
    .course-offered-individual-box .couse-detail:not(.main.course-detail) {
      grid-column-start : 1;
      grid-column-end : 3;
    }
  
  
  
  
  
    .centerMe {
      margin: 0;
    }
    .latestNews-left,
    .latestNews-wrap {
      grid-template-columns : 1fr;
    }
    .latestNews-wrap::after {
      width: 50%;
    }
    .wrap-left1,
    .latestNews-left2 {
      display: grid;
      grid-template-columns : 1fr;
    }
    .latestNews-left2 >div,
    .latestNews-left2 >div img {
      height: 100%;
    }
    .wrap-bottom-left2 {
      background: #fff;
    }
    .wrap-bottom-right {
      grid-template-columns : 1fr 1fr 1fr;
    }
    .absContainer {
      width: 95%;
      left: 2.5%;
    }
    .footer > .footer-right {
      padding-bottom: 75px!important;
    }
    .course-offered.main .course-offered-box {
      width: 100%;
    }
    .duration-wrapper {
      display: block;
      float: left;
      width: 50%;
      text-align: center;
    }
    .duration-wrapper > div {
      height: 45px;
      line-height: 30px;
    }
  }

  @media(min-width: 768px) {
    .modal.left .modal-dialog{
      width: 350px;
      left: 0;
    }
    .modal.right .modal-dialog{
      width: 350px;
      right: 0;
    }
  }
  /* MOBILE SLIDE MENU */
  .menuModal4 {
    padding: 0!important;
  }
  .menuModal4 .modal-dialog {  
    max-width: 100%;
    margin: 0;
  }
  .menuModal4 .modal-content {
    border-radius: 0;
    border: none;
    border-left: 6px solid #2759AB;
  }
  .menuModal4 .modal-body {
    padding: 0;
  }
  .menuModal4 .modal-body > div {
    display: block;
  }
  .logo-xs-area {
    padding: 10px;
  }
  .logo-xs-area img {
    width: 100px;
  }
  .back-xs-area {
    padding: 10px 10px 3px;
    text-align: center;
    background: #F5A807;
    cursor: pointer;
    text-transform: uppercase;  
  }
  .back-xs-area h6 {
    font-size: 16px;
  }
  ul.menu-xs {
    padding: 10px 30px 10px 10px;
  }
  ul.menu-xs li{
    display: block;
  }
  ul.menu-xs li a {
    position: relative;
    display: block;
    padding: 15px 20px;
    border-top: 1px dashed #eee;
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
  }
  ul.menu-xs li a:hover {
    color: #2D3691;
  }
  ul.menu-xs li:nth-child(1) a {
    border-top : none; 
  }
  .abs-icon{
    position: absolute;
    font-size: 18px;
    right: 20px;
    top:  20px;
    font-weight: bold;
    transition : .4s ease-out;
  }
  a.collapsed .abs-icon {
    transform : rotate(180deg);
  }
  ul.inner-menu-xs {
    background: #f5f5f5;
    padding: 10px 25px;
  }
  /* MODAL TOGGLE FROM LEFT/RIGHT */
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  .modal.left .modal-content,
  .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
  }
  /* FROM LEFT TO RIGHT */
  .modal.left.fade .modal-dialog{
    left: -100%;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
  } 
  .modal.left.fade.in .modal-dialog{
    left: 0;
  }        
  /* FROM RIGHT TO LEFT */
  .modal.right.fade .modal-dialog {
    right: -100%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  } 
  .modal.right.fade.in .modal-dialog {
    right: 0;
  }
  
/* FLAT MODAL */
.flat-modal .modal-content {
  border-radius: 0;
  padding: 25px 25px 15px;
}
.flat-modal .back-xs-area {
  margin-bottom: 20px;
}
.close-it {
  position: absolute;
  right: -25px;
  top: -25px;
  padding: 20px;
  background: #f7f7f7;
  cursor: pointer;
  font-size: 20px;
}

.onlinebox{
color: #fff;
border-left:3px solid #FCC63F;
width:100%;
display: grid;
grid-template-columns: 1fr 1fr;  
margin:5px;
padding:0;
background: rgba(0, 51, 160, .9);

}

.onlinebox img{
width: 100%;
height: 100%;
object-fit: cover;
}
.onlinebox .content{
  width:100%;
  position: relative;
  padding:15px;
}
.onlinebox2{
color: #fff;
border-left:3px solid #0033A0;
width:100%;
display: grid;
grid-template-columns: 1fr 1fr;  
margin:5px;
padding:0;
background: rgba(252, 198, 63, .85);
}

.onlinebox2 img{
width: 100%;
height: 100%;
object-fit: cover;
}
.onlinebox2 .content{
  width:100%;
  position: relative;
  color: #333;
  padding:15px;
}
.onlinebox3{
color: #fff;
border-left:3px solid #FCC63F;
width:100%;
display: grid;
grid-template-columns: 1fr 1fr;  
margin:5px;
padding:0;
background: rgba(0, 51, 160, .9);
}

.onlinebox3 img{
width: 100%;
height: 100%;
object-fit: cover;
  
}
.onlinebox3 .content{
  width:100%;
  position: relative;
  padding:15px;
}
.onlinebox4{
color: #fff;
border-left:3px solid #FCC63F;
width:100%;
display: grid;
grid-template-columns: 2fr;  
margin-bottom:10px;
padding:0;
/* background: rgba(0, 51, 160, .9); */
}

.onlinebox4 img{
width: 100%;
height: 100%;
object-fit: cover;
  
}
.onlinebox4 p{
  width:100%;
  position: relative;
  padding:15px;
}

#feature {
  background: #f2f2f2;
  padding-bottom: 40px;
  padding-top:70px;
}

.features{
  padding: 0;
}

.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap h2{
  margin-top: 10px;
  font-size: 20px;
  font-family: 'Ubuntu', sans-serif !important;
}
.feature-wrap h3 {
    font-size: 15px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
  font-family: 'Ubuntu', sans-serif !important;
}
.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #1a9ee0;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

.feature-wrap i:hover {
  background: #1a9ee0;
  color: #fff;
  box-shadow: inset 0 0 0 5px #1a9ee0;
  -webkit-box-shadow: inset 0 0 0 5px #1a9ee0;
  border: 3px solid #1a9ee0;
}
.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}


.onlinebox5{
color: #fff;
border-left:3px solid #FCC63F;
width:100%;
display: grid;
grid-template-columns: 2fr;  
margin-bottom:10px;
padding:0;
background: rgba(0, 51, 160, .9);
}

.onlinebox5 img{
width: 100%;
height: 100%;
object-fit: cover;
  
}
.onlinebox5 p{
  width:100%;
  position: relative;
  padding:15px;
}
.onlinebox5 h4{
  width:100%;
  font-size:14px;
  position: relative;
  padding:15px 0 0 15px;
}
#selected-coureses {
  background: #eee;
  position: fixed;
  bottom: 0px;
  right: -400px;
  border-radius: 6px;
  overflow: hidden;
  z-index: 10;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    width: 98%;
    margin: 20px auto;
    max-width: 350px;
    max-height: 300px;
    overflow-y: auto;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.apply {
  position: relative;
  /* border: 1px solid #333; */
  padding: 0px 20px 1px;
  /* border-radius: 6px; */
  /* background: #fff; */
  margin-bottom: 15px;
}
.apply ul li {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: 10px 0 5px;
}
.apply ul li:last-child {
  border-bottom: none;
}
.apply ul li p.title {
  font-size: 16px;
  font-weight: bold;
}
#selected-coureses h2 {
  padding: 10px 20px 10px;
  background: #0033A0;
  margin: 0;
  color: #fff;
  position: relative;
  font-size: 20px;
  font-family: 'Arial'!important;
}
#selected-coureses h2 span {
  position: absolute;
  right: 13px;
  top: 12px;
  color: #FFD455!important;
  font-size: 16px;
  cursor: pointer;
}
#selected-coureses.active {
  right: 10px;
}
button.cart {
  position: fixed;
  right: 15px;
  bottom: 30px;
  background: #eee;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
  border: none;
  color: #fff;
  display: none;
  outline: none;
}
button.cart span.badge {
  position: absolute;
  right: 4px;
  top: 6px;
  padding: 0;
  font-size: 12px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  font-weight: normal;
  background: red!important;
  color:#fff!important;
}
button.cart img {
  width: 25px;
}
#selected-coureses ul {
  margin: 0;
}
#selected-coureses li {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: 15px 20px 15px;
  color: #333;
}
#selected-coureses p {
  padding: 0;
  margin-bottom: 4px;
}
.btn-read-more.brm3 {
  background: #035904!important;
}
#selected-coureses .title {
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 1;
  text-oveflow : ellipsis;
  overflow: hidden;
}
#selected-coureses p.detail {
  display: grid;
  grid-template-columns : auto 80px;
}
#selected-coureses .remove {
  display: inline-block;
  color: #fff;
  background: #FF2A00;
  border-radius: 4px;
  padding: 0px 6px;
  font-size: 13px;
  text-align: center;
}
.total-li {
  font-size: 30px;
  color: #0033A0;
}

.modal-confirm {    
  color: #636363;
  width: 96%;
  max-width: 500px;
  margin: 100px auto;
  font-size: 14px;
}
.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
}
.modal-confirm .modal-header {
  border-bottom: none;   
  position: relative;
}
.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -15px;
}
.modal-confirm.terms h4 {
  margin: 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
  border-radius: 3px; 
  padding: 12px;
}
.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -5px;
} 
.modal-confirm .modal-footer {
  border: none;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
} 
.modal-confirm .icon-box {
  color: #fff;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #035904;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
  font-size: 58px;
  position: relative;
  top: 3px;
}
.modal-confirm.modal-dialog {
  margin-top: 80px;
}
.modal-confirm .btn {
  color: #fff;
  border-radius: 4px;
  background: #0033A0;
  text-decoration: none;
  transition: all 0.4s;
  line-height: normal;
  border: none;
  text-transform: uppercase;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
  background: #0033A0;
  outline: none;
}
.success.terms {
  background: #0033A0;
}
.success.terms .modal-confirm {
  margin: 40px auto;
}