@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

/* Show it is fixed to the top */
body {
    padding-top: 5rem !important;
}

a:hover, a:active, a:focus {
  color: #c7417b;
  outline: none;
  text-decoration: none;
}
a.tx-dc {
    text-decoration: none;
    color: #000;
}
a.tx-dc:hover {
    color: #4f238b;
}
p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.img-br {
    border-radius: 10px;
    
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

h1, .h1 {

}
h2, .h2 {

}
h3, .h3 {

}
h4, .h4 {}
h5, .h5 { font-size: 2.375rem;}
h6, .h6 { font-size: 1.25rem;}
h6 a, .h6 a {}

.p-54-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 3.375rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: -0.03em;
}
.p-50-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.5rem;
    letter-spacing: -0.03em;
}
.p-50-b {
    font-family: 'Poppins', sans-serif;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 3.5rem;
    letter-spacing: -0.08em;
}
.p-50-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: -0.08em;
}
.p-48-m {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3.25rem;
}
.p-40-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 2.75rem;
    letter-spacing: -0.03em;
}
.p-38-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 2.125rem;
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -0.03em;
}
.p-38-b {
    font-family: 'Poppins', sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: -0.03em;
}
.p-38-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 2.375rem;
    font-weight: 600;
    line-height: 2.5rem;
    letter-spacing: -0.03em;
}
.p-34-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 2.125rem;
    font-weight: 800;
    line-height: 2rem;
}
.p-30-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 2rem;
    letter-spacing: -0.01em;
}
.p-30-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: -0.01em;
}
.p-30-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2rem;
    letter-spacing: -0.01em;
}
.p-28-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: -0.01em;
}
.p-26-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.p-24-xb-banner {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.5rem;
}
.p-24-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.p-22-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
}
.p-22-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.p-20-xb {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 2rem;
}
.p-20-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
}
.p-20-m {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.01em;
}
.p-18-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.p-18-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.75rem;
}
.p-18-m {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.75rem;
}
.p-18-prgm {
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.25rem;
}
.p-17-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1.063rem;
    font-weight: 700;
}
.p-17-m {
    font-family: 'Poppins', sans-serif;
    font-size: 1.063rem;
    font-weight: 600;
}
.p-16-b {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
.p-16-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 600;
}
.p-16-m {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.75rem;
}
.p-16-lh {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.p-15-b {
    font-family: 'Poppins', sans-serif;
    font-size: 0.938rem;
    font-weight: 700;
}
.p-15-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 0.938rem;
    font-weight: 600;
}

.p-15-m-int {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.15em;
}
.p-15-m {
    font-family: 'Poppins', sans-serif;
    font-size: 0.938rem;
    font-weight: 500;
    line-height: 1.75rem;
}
.p-14-b {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.07em;
}
.p-14-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
}
.p-14-m {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}
.p-14 {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}
.p-13-b {
    font-family: 'Poppins', sans-serif;
    font-size: 0.813rem;
    font-weight: 700;
}
.p-13-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 0.813rem;
    font-weight: 600;
}
.p-13-m {
    font-family: 'Poppins', sans-serif;
    font-size: 0.813rem;
    font-weight: 500;
}
.p-13 {
    font-family: 'Poppins', sans-serif;
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 23px;
}
.p-12-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.p-12-sb-pg {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 8px;
}
.p-12-m {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.p-11-b {
    font-family: 'Poppins', sans-serif;
    font-size: 0.688rem;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0.1em;
}
.p-11-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 0.688rem;
    font-weight: 600;
    line-height: 12px;
}
.p-11-m {
    font-family: 'Poppins', sans-serif;
    font-size: 0.688rem;
    font-weight: 500;
    line-height: 12px;
}

.tx-white { color: #fff }
.tx-black { color: #000 }
.tx-dark { color: #4d4d4d }
.tx-purple { color: #6f2da8 }
.tx-purple-2 { color: #7f6da9; }
.tx-ccc { color: #ccc }
.tx-999 { color: #999 }
.tx-666 { color: #666 }
.tx-sky { color: #6084a0 }
.tx-manatee { color: #979faa }
.tx-red { color: red; }
.tx-808 { color: #808080; }
.tx-fff-50 { color: rgba(255,255,255,0.5); }
.tx-green { color: #11b696; }

ul.p-14-m-list li {
    padding: 0.5rem 0;
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}
ul.p-14-m-list li ul {
    padding-top: 0.5rem;
}
ul.p-14-m-list li ul li {
     padding: 0.125rem 0;
}
ul.fp-12-sb li a {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 0;
    text-decoration: none;
    color: #4d4d4d;
}
ul.fp-12-sb li a:hover {
    text-decoration: underline;
}
/****** title rotation *****/

.table-purple {
  --bs-table-color: #fff;
  --bs-table-bg: #6f2da8;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.apply {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

.apply:hover {
    transition: mask-position 1s ease,-webkit-mask-position 1s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}


.bg-lite-purple-top .p-16-sb {
    font-family: 'Poppins', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
}

@media (min-width: 992px) {
  .bg-lite-purple-top .p-16-sb {
    font-size: 1rem;
    }
}


/****** desktop setup ********/

@media (min-width: 576px) {
  
    
}

@media (min-width: 768px) {
    body {
    padding-top: 6rem !important;
    }
    .p-38-xb {
    font-size: 2.375rem;
    line-height: 2.5rem;
    }
    .p-38-b {
    font-size: 2.375rem;
    line-height: 2.5rem;
    }
    .p-30-xb {
    font-size: 1.875rem;
    line-height: 2.125rem;
    }
}

/****** end desktop setup ********/


/********NAV*****/

.navbar {
    padding: 10px;
    background-image: url();
    background-position: bottom center;
    background-repeat: repeat-x;
}
.navbar-nav .nav-item {
  padding-right: 10px;
  padding-left: 10px;
}

.navbar-nav .nav-link, .nav-sub {
    font-family: 'Poppins', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
}
.nav-sub a {}


.nav-tabs .nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.nav-mob {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    padding: 13px 25px;
}

.nav-item .dropdown-menu .dropdown-item {
    font-family: 'Poppins', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
}

.nav-pills .nav-link {
    border-radius: 1.5rem !important;
    line-height: 2rem;
}

.bd-mode-toggle {
        z-index: 1500;
      }

.bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
}

/***.dropdown-menu {
   opacity: 0;
   transform: translateY(2rem);
   transition: transform 0.5s;
}

.dropdown:hover > .dropdown-menu {
  opacity: 1;
  transform: translateY(-2px);
  transition: opacity 0.5s, transform 0.5s;
}***/

/******* CUSTOM TAB *******/

.tabContent {
    display:none;
}

.tabContent.active {
    display:block;
}
.tablinks {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 13px;
    padding-bottom: 13px;
    background:#7383a7;
    border: 1px solid #ddd;
    color: #fff;
    border-radius: 8px 8px 0 0;
    border-bottom : 0 !important;
}

.tablinks.active{
    background: #f6f6f8;
    color: #000;
}  

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.ch .carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.ch .carousel-caption {
  top: 4rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.ch .carousel-item {
  height: 35rem;
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .ch .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
      font-weight: 600;
    line-height: 1.4;
  }
}

.ch .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: left;
  padding: 0;
  /**margin-right: 15%;**/
  margin-bottom: 3rem;
  margin-left: 10%;
}
.ch .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #333;
  background-clip: padding-box;
  border: 0;
  /**border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;**/
  opacity: 0.2;
  transition: opacity 0.2s ease;
}


/******Nav Tab *****/
.nav-tabs .nav-link {
    background-color: #7383A8;
    color: #fff;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background: rgba(237,237,244,0.5);
    color: #000;
}


/************ button ****************/

a.btn-upmet-1, .btn-upmet-1 {
    display: inline-block;
  border-radius: 20px;
  padding: 10px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
    color: #fff;
  text-decoration: none;
  border: 2px solid #6f2da8;
  background-color: #6f2da8 ;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a.btn-upmet-1:hover, .btn-upmet-1:hover {
    box-shadow: 1px 1px 6px #5719bc;
    background-color: #5719bc;
    border: 2px solid #5719bc;
}

a.btn-upmet-1-outline, .btn-upmet-1-outline {
  border-radius: 20px;
  padding: 10px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
    color: #6f2da8;
    text-decoration: none;
  border: 2px solid #b19cd8;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a.btn-upmet-1-outline:hover, .btn-upmet-1-outline:hover {
    color: #5719bc;
    border: 2px solid #5719bc;
    box-shadow: 1px 1px 6px #5719bc;
}

a.btn-upmet-2 {
  border-radius: 16px;
  padding: 7px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
    color: #fff;
  text-decoration: none;
  border: 2px solid #6f2da8;
  background-color: #6f2da8 ;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
a.btn-upmet-2:hover, .btn-upmet-2:hover {
    box-shadow: 1px 1px 6px #5719bc;
    background-color: #5719bc;
    border: 2px solid #5719bc;
}
a.btn-upmet-2-outline, .btn-upmet-2-outline {
  border-radius: 16px;
  padding: 7px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
    color: #fff;
    text-decoration: none;
  border: 2px solid #b19cd8;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a.btn-upmet-2-outline:hover, .btn-upmet-2-outline:hover {
    color: #5719bc;
    background-color: #fff ;
    border: 2px solid #fff;
    box-shadow: 1px 1px 12px #5719bc;
}
a.btn-upmet-3, .btn-upmet-3 {
  border-radius: 20px;
  padding: 10px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
    color: #fff;
  text-decoration: none;
  border: 2px solid #39b44a;
  background-color: #39b44a ;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
a.btn-upmet-4, .btn-upmet-4 {
  margin: 3px 0;
  display:inline-block;
  border-radius: 20px;
  padding: 12px 25px;
    width: 300px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border: 2px solid #6f2da8;
  background-color: #6f2da8 ;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a.btn-upmet-4:hover, .btn-upmet-4:hover {
    box-shadow: 1px 1px 6px #5719bc;
    background-color: #5719bc;
    border: 2px solid #5719bc;
}

@media (min-width: 768px) {}


@media (min-width: 992px) {}


/**** background ******/

.bg-lite-grey {background: rgba(233,237,242,0.6);}
.bg-lite-purple {background-color:  #B19CD8; }
.bg-lite-blue { background: rgba(237,243,249,0.5);}
.bg-lite-navy {background: rgba(239,244,249,0.8);}
.bg-footer { background: rgba(208,218,226,0.6);}
.bg-azure { background: rgba(213,225,233,0.4);}
.bg-lite-purple-top {background: rgba(176,155,215,0.5);}
.bg-maroon {background-color: #750548;}
.bg-purple {background-color: #6f2da7;}
.bg-lite-white { background: rgba(249,250,251,0.65)}
.bg-prgm-head {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(44,26,134,1) 0%, rgba(41,107,124,1) 100%);
}

.bg-white-pt {
    background-image: none;
}

@media (min-width: 768px) {
.bg-white-pt {
    background-image: url(../images/white-partial.png);
    background-repeat: repeat-y;
    background-position: right top;
    }
}
.bg-collab-1 {
    background-image: url(../images/bg-collab-1.svg);
    background-repeat: no-repeat;
    background-position: top right;
}
.bg-collab-2 {
    background-image: url(../images/bg-collab-2.svg);
    background-repeat: repeat-x;
    background-position: top left;
}
.bg-sq-left {
    background-image: url(../images/sq-left.svg);
    background-position: top left;
    background-repeat: no-repeat;
}
.bg-featured {
    background-image: url(../images/bg-featured.svg);
    background-repeat: repeat-x;
    background-position: top left;
}
.bg-top {
    background-image: url(../images/bg-top.svg);
    background-repeat: repeat-x;
    background-position: top left;
}
.bg-mid {
    background-image: url(../images/bg-mid.svg);
    background-repeat: repeat-x;
    background-position: left center;
}
.bg-prgm {
    background-image: url(../images//bg-prgm-1.jpg);
    background-size:auto;
    background-position: center center;
}
.bg-prgm-2 {
    background-image: url(../images//bg-prgm-2.png);
    background-size:auto;
    background-position: left bottom;
}
.bg-course { 
    background: rgba(237,237,244,0.5);
}
.bg-shadow {
    background: url(../images/course-shadow.png);
    background-size:auto;
    background-position:center center;
}

/****** border *****/
.border-lite { border: 1px solid rgba(204,204,204,0.5);}
.border-list { border-top: 3px solid #b19cd8; width: 92%; margin: auto; }
.border-prev { border-top: 3px solid #b19cd8;}
.border-main { border-top: 5px solid #b09bd7;}
.border-st {border-left: 5px solid #b09bd7;}

.line-sh-purple { 
    border-top: 2px solid #6f2da8;
    width: 60px;
    margin: 5px auto;
}
.line-md-purple-start { 
    border-top: 4px solid #6f2da8 !important;
    width: 160px;
    margin-left: 0;
}
.line-md-purple-end { 
    border-top: 4px solid #6f2da8 !important;
    width: 160px;
    margin-left: auto;
}
.line-md-purple-center { 
    border-top: 4px solid #6f2da8 !important;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.line-md-white-center { 
    border-top: 4px solid #fff !important;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.line-lg-sky {
    border-top: 2px solid #8aa7c1 !important;
}
.trainlist {
    box-shadow: 0;
    transition: box-shadow 0.2s ease-in-out;
}
.trainlist:hover {
    box-shadow: 1px 1px 10px rgba(156,116,249,0.3);
}
ul.accord-list {
    list-style: none;
    padding: 0 30px;
    margin: 0;
}
ul.accord-list li {
    border-bottom:  1px solid rgba(156,116,249,0.5);
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 12px 2px;
}
.accordion-body {
    background: rgba(239,244,249,0.3);
}
.accordion-button {
    font-size: 1.125rem;
    font-weight: 700;
}
.accordion-button:not(.collapsed) {
    background-color: rgba(156,116,249,0.6);
}

@media (min-width: 768px) { }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }


/******table****/





@media (min-width: 768px) { }





/*-- Footer****/

footer, #footer {
     
}



footer .p-13-b {
    font-family: 'Poppins', sans-serif;
    font-size: 0.813rem;
    font-weight: 700;
}
footer a.p-13-b {
    text-decoration: none;
    color: #000;
}
footer .border-line {
    border-top: 1px solid #acbcc6;
}


footer ul {
     margin:0 !imporant;
}


footer ul li.list-inline-item {
    font-family: 'Poppins', sans-serif;
    font-size: 0.75rem !important;
    color: #4d4d4d;
    padding: 0 10px 0 0;
    font-weight: 600;
    text-align: left;
}

footer ul li.list-inline-item:last-child {
    padding: 0 0 0 0;
}

footer ul li.list-inline-item a {

    color: #4d4d4d;
    padding: 0;
    text-decoration: none;
}

footer ul li.list-inline-item a:hover {
    color: #6F2DA8;
}


@media (min-width: 768px) {
    
   footer ul li.list-inline-item {
    padding: 0 10px 0 0;
    }

}


/****side soc ****/

.sidesoc {
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 9999;
}
.soc-1 {
    background-color: #39b44a;
    padding: 5px;
    transition: background-color 0.4s ease-in-out,;
}
.soc-1:hover {
    background-color: #39d848;
}
.soc-2 {
    background-color: #435ebe;
    padding: 5px;
    transition: background-color 0.4s ease-in-out,;
}
.soc-2:hover {
    background-color: #5e82ea;
}
.soc-3 {
    background-color: #b823d7;
    padding: 5px;
    transition: background-color 0.4s ease-in-out,;
}
.soc-3:hover {
    background-color: #d137f7;
}


/***** iFrame ******/

.page iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*******MODAL SPEC******/
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-35px;
  top:0;
  z-index:999;
  font-size:2.5rem;
  font-weight: lighter;
  color:#fff;
  opacity:1;
}
.close:hover {
    color: #fff;
    border: 0;
}


/*****MARGIN & PADDING EXTRA*****/


.mt-4x {
  margin-top: 2rem !important;
}
.m-6 {
    padding: 5rem;
}
.mt-6 {
    margin-top: 5rem !important;
}
.mt-7 {
    margin-top: 7rem !important;
}
.my-6 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.mx-6 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.pt-4-5 {
  padding-top: 2rem !important;
}

.px-4-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-7 {
    padding: 7rem;
}
.pt-6 {
    padding-top: 5rem !important;
}
.pt-7 {
    padding-top: 7rem !important;
}
.pt-8 {
    padding-top: 7.5rem !important;
}
.pt-9 {
    padding-top: 8.5rem !important;
}
.pb-6 {
    padding-bottom: 5rem !important;
}
.pb-7 {
    padding-bottom: 7rem !important;
}
.pb-8 {
    padding-bottom: 8rem !important;
}
.pb-9 {
    padding-bottom: 15.5rem !important;
}
.px-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.py-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}
.py-8 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
}
.py-9 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
}
.py-10 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
}

.mt-150 {
    margin-top: 75px;
}
.mt-200 {
    margin-top: 100px;
}
.mt-250 {
    margin-top: 125px;
}
.mt-300 {
    margin-top: 150px;
}

@media (min-width: 576px) {
    .mt-sm-6 {
        margin-top: 5rem !important;
    }
    .mt-sm-7 {
        margin-top: 7rem !important;
    }
    .pt-sm-6 {
        padding-top: 5rem !important;
    }
    .pt-sm-7 {
        padding-top: 7rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 5rem !important;
    }
    .pb-sm-7 {
        padding-bottom: 7rem !important;
    }
    .px-sm-6 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .py-sm-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-sm-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
    .mt-150 {
        margin-top: 150px;
    }
    .mt-200 {
        margin-top: 200px;
    }
    .mt-250 {
        margin-top: 250px;
    }
    .mt-300 {
        margin-top: 300px;
    }
}

@media (min-width: 768px) {
    .mt-md-6 {
        margin-top: 5rem !important;
    }
    .mt-md-7 {
        margin-top: 7rem !important;
    }
    .pt-md-6 {
        padding-top: 5rem !important;
    }
    .pt-md-7 {
        padding-top: 7rem !important;
    }
    .pb-md-6 {
        padding-bottom: 5rem !important;
    }
    .pb-md-7 {
        padding-bottom: 7rem !important;
    }
    .px-md-6 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .py-md-6 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
    .py-md-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

    @media (min-width: 992px) {
    
        .mt-lg-6 {
            margin-top: 5rem !important;
        }
        .mt-lg-7 {
            margin-top: 7rem !important;
        }
        .pt-lg-6 {
            padding-top: 5rem !important;
        }
        .pt-lg-7 {
            padding-top: 7rem !important;
        }
        .pt-lg-8 {
            padding-top: 9rem !important;
        }
        .pt-lg-9 {
            padding-top: 11rem !important;
        }
        .pb-lg-6 {
            padding-bottom: 5rem !important;
        }
        .pb-lg-7 {
            padding-bottom: 7rem !important;
        }
        .pb-lg-8 {
            padding-bottom: 9rem !important;
        }
        .pb-lg-9 {
            padding-bottom: 15.5rem !important;
        }
        .ps-lg-6 {
            padding-left: 5rem !important;
        }
        .px-lg-6 {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
        }
        .py-lg-6 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }
        .py-lg-7 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }
        .py-lg-9 {
            padding-top: 8.5rem !important;
            padding-bottom: 8.5rem !important;
        }
        .py-lg-10 {
            padding-top: 9.5rem !important;
            padding-bottom: 9.5rem !important;
        }
        
        .mx-lg-6 {
            margin-left: 5rem !important;
            margin-right: 5rem !important;
        }
        .my-lg-6 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important;
        }
        .my-lg-7 {
            margin-top: 7rem !important;
            margin-bottom: 7rem !important;
        }
    }
    @media (min-width: 1200px) {
        .mt-xl-6 {
            margin-top: 5rem !important;
        }
        .mt-xl-7 {
            margin-top: 7rem !important;
        }
        .ps-xl-5{ 
            padding-left: 3rem !important;
        }
        .ps-xl-6{ 
            padding-left: 5rem !important;
        }
        .pt-xl-6 {
            padding-top: 5rem !important;
        }
        .pt-xl-7 {
            padding-top: 7rem !important;
        }
        .pt-xl-8 {
            padding-top: 9rem !important;
        }
        .pt-xl-9 {
            padding-top: 11rem !important;
        }
        .pb-xl-6 {
            padding-bottom: 5rem !important;
        }
        .pb-xl-7 {
            padding-bottom: 7rem !important;
        }
        .pb-xl-9 {
            padding-bottom: 15.5rem !important;
        }
        .px-xl-6 {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
        }
        .px-xl-7 {
            padding-left: 7rem !important;
            padding-right: 7rem !important;
        }
        .py-xl-6 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }
        .py-xl-7 {
            padding-top: 7rem !important;
            padding-bottom: 7rem !important;
        }
        /**.py-xl-9 {
            padding-top: 11rem !important;
            padding-bottom: 11rem !important;
        }**/
        .py-xl-9 {
            padding-top: 8.5rem !important;
            padding-bottom: 8.5rem !important;
        }
        .py-xl-10 {
            padding-top: 9.5rem !important;
            padding-bottom: 9.5rem !important;
        }

    }


/**********************/


/*****page id*****/
body#home a#homenav,
body#about a#aboutnav,
body#port a#portnav,
body#news a#newsnav,
body#career a#careernav,
body#cont a#contnav {
	
	color: #000 !important;
    font-weight: 500;
}


@media (min-width: 768px) {
    
body#home a#homenav,
body#about a#aboutnav,
body#port a#portnav,
body#news a#newsnav,
body#career a#careernav,
body#cont a#contnav {}
    
}