@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
  --black:#000000;
  --white:#ffffff;
  --light-text : #E2E2E2;
  --light-gray-text: #D4D4D4;
  --heading-font: 2rem;
  --box-radius:20px;
  --teal-Blue: #528DF7;
  --dark-Navy: #001242;
  --para_Text:#010101;
  --para_Text_Dark:#1d1d1d;
  --biznext-gradient: linear-gradient(180deg, rgba(163, 36, 163, 1) 0%, rgba(50, 10, 161, 1) 100%);
  --yt_Color: #5a00fa;
  --yt_Color_Dark:#2a0075;
  --yt_Color_Darker:#16003d
}
  :root {
      --bg:    #0c0c14;
      --surf:  #13131f;
      --acc:   #a855f7;
      --acc2:  #c084fc;
      --acc3:  #e9d5ff;
      --card:  rgba(168,85,247,0.08);
      --card-h:rgba(168,85,247,0.18);
      --bord:  rgba(168,85,247,0.22);
      --bord-h:rgba(168,85,247,0.70);
      --muted: rgba(209,180,255,0.65);
      --text:  #f0e6ff;
      --r: 18px;
      --t: 0.38s cubic-bezier(0.4,0,0.2,1);
          --clr-text: #f4f4f0;
    }

body{
   font-family: "Mulish", sans-serif!important;
}
p, ul li{
  color: var(--light-gray-text);
  font-size: 1rem;
}
ul.yt_Listing {
    padding-left: 15px;
}
ul.yt_Listing li{
  list-style: none;
  display: flex;
  align-items: center;
      margin-bottom: 7px;
}
ul.yt_Listing li:before{
 content: '';
    width: 7px;
    height: 7px;
    background: var(--biznext-gradient);
    position: relative;
    left: -15px;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.internal_Link a {
    background: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    padding: 6px 45px;
    border-radius: 40px;
    margin: 1rem 0;
    transition: all 1s;
}
.internal_Link a:hover{
  background: var(--biznext-gradient);
  border: none;
    transition: all 1s;
}

  .btn {
    display: inline-block;
    padding: 0.75rem 1.4rem;
    border-radius: 999px;
    font-weight: 500;
    font-size: 0.92rem;
    transition: transform 0.3s, background 0.3s;
    cursor: pointer;
    border: none;
    display: inline;
    align-items: center;
    gap: 11px;
    background: linear-gradient(120deg, var(--accent), #7b4dff);
    color: #fff;
    font-size: clamp(16px, 1.35vw, 18px);
    font-weight: 500;
    padding: 17px 34px;
    border-radius: 999px;
    border: none;
    box-shadow: 0 10px 34px rgba(124, 88, 253, 0.3);
    transition: 0.22s;
    height: auto;
  }
   .btn img{
    max-width: 20px;
    transform: rotate(-45deg);
    margin-left: 10px;
   }

  .btn-primary {
    background: var(--yt_Color)!important;
    color: var(--white);
  }

  .btn-primary:hover {
    transform: translateY(-2px);
    background: var(--yt_Color_Dark);
  }
  .btn-white{
    background: #ffffff;
    border-color: white;
    color: #000;
  }
  .btn-white:hover{
  background: var(--yt_Color)!important;
    color: var(--white);
    border-color: var(--yt_Color)!important;
  }
    .btn-white:hover img{
      filter: brightness(0) invert(1);
    }
.border_btn{
  border: 1px solid #000;
  color: #000;
}

.border_btn   svg{
  margin-left: 10px;
}
.border_btn:hover{
  background: var(--yt_Color);
   border: 1px solid var(--yt_Color)!important;
}
.h-100{
  height: 100%;
}
section {
    background: #fff;
}
.overlay_Link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}
.listing_With_Icons ul{
  display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
    padding-left: 0;
}
.listing_With_Icons li{
  padding: 1rem;
  background: #000000;
  margin-bottom: 0;
  border-radius: 12px;
  display: flex;
  font-weight: 600;
  align-items: center;
  line-height: 1.5;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  border: 1px solid #6a6a6a;
  color: var(--light-text);
      min-height: 80px;
      font-size: 1.1rem;
}
.listing_With_Icons span,
.listing_With_Icons .icon_Box_Icon{
      width: 45px;
      height: 45px;
      background: rgb(38 0 200 / 42%);
      border: 1px solid rgb(0 0 0 / 0%);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: background 0.22s;
      margin-right: 1rem;
      margin-bottom: 2rem;
}
.listing_With_Icons span svg,
.listing_With_Icons .icon_Box_Icon svg{
       width: 37px;
       height: 25px;
       stroke: #ffffff;
       fill: none;
       stroke-width: 1.6;
       stroke-linecap: round;
       stroke-linejoin: round;
}
.listing_Box ul{
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding-left: 0;
}
.listing_Box  li{
  padding: 1rem;
  background: #373737;
  margin-bottom: 0;
  border-radius: 12px;
  font-weight: 600;
  align-items: center;
  line-height: 1.5;
  max-width: 100%;
  border: 1px solid #6a6a6a;
  color: #fff;
      min-height: 170px;
}
.common_Title{
  font-size: clamp(2rem, 3.6vw, 4rem);
  font-weight: 600;
}

.common_Small_Title{
    font-size:12px;
    font-weight:800;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--accent-soft);
    margin:0 0 14px;
    opacity:0;
    animation:fadeUp 0.7s ease forwards;
  }


/* S Reveal Text */
  .reveal-text {
    font-size: clamp(1.3rem, 1.5vw, 2rem);
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -0.5px;
  }

  .reveal-text .word-block {
    display: inline-block;
    margin-right: 0.18em;
    line-height: inherit;
    padding-bottom: 0.05em;
  }

  .reveal-text .word-block>span {
    display: inline-block;
    color: rgba(0, 0, 0, 0.22);
    transition: color 0.4s;
  }

  .reveal-text em {
    font-style: italic;
    color: var(--clr-accent) !important;
    font-weight: 500;
  }
/* E Reveal Text */
/* S Banner */

.banner{
    min-height: 55vh;
        padding: 4rem 0;
    text-align: left;
        background: transparent;
        padding-top: 0;
}

.banner_Img img{
  border-radius: 60px;
}
    .banner .banner__inner--title {
        font-size: clamp(2rem, 4vw, 4.2rem);
        font-weight: 700;
        letter-spacing: -3px;
        line-height: 1.3;
        margin-bottom: 3rem;
        text-transform: capitalize;
        color: #fff;
    }
    .banner_Img {
    background: #fff;
    border-radius: 45px;
    padding: 2rem;
}

   .banner h6 {
      font-size: 1.2rem;
    font-weight: 600;
    color: #f2f2f2;
        line-height: 1.5;
        text-transform: capitalize;
    }

    video.banner__video {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: -1;
}
.content_Row{
  padding-top: 3rem;
}
@media (max-width:576px){
  .content_Row .col-sm-4{
    order: 1;
  }
   .content_Row .col-sm-8{
    order: 2;
  }
  .banner_Img {
    border-radius: 21px;
    padding: 15px;
            max-width: 210px;
}
video.banner__video{
      height: 100vh;
    width: auto;
}
main.mainContent {
        padding-top: 54px;
    }
}
@media (min-width:600px) and  (max-width:1024px){
 .banner {
    min-height: 25vh;
 }
 .banner .banner__inner--title{
      font-size: clamp(2rem, 5vw, 4.2rem);
 }
}
@media (min-width:1025px) and (max-width:1366px){
 .banner {
    min-height: 45vh;
 }
 .banner .banner__inner--title{
      font-size: clamp(2rem, 5vw, 4.2rem);
 }
 .content_Row {
    padding-top: 5rem;
}
}
/* E banner */

/* S Overview */

.overview__content p{
  color: var(--para_Text);
}

.overview__content {
    padding-top: 2rem;
}
/* E Overview */


/* S Leader */
.leader_Box{
 border-radius: var(--box-radius);
 padding: 1rem;
}
.leader_Box  .leader_Img{
  position: relative;
  background: #fff;
  border-radius: var(--box-radius) var(--box-radius) 0 0;
}
.leader_Box  .leader_Img img{
    max-width: 100%;
    height: auto;
    border-radius: var(--box-radius);
}
.leader_Content{
      position: relative;
    background: #fff;
    padding: 1rem;
    border-bottom-right-radius: var(--box-radius);
    border-bottom-left-radius: var(--box-radius);
        z-index: 2;
        padding-top: 2rem;
}
.leader_Box:hover > .leader_Img:before{
content: "";
border-radius: 0 0 var(--box-radius) var(--box-radius);
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 30%;
    background: #443ABB;
background: linear-gradient(360deg, rgba(68, 58, 187, 1) 0%, rgba(0, 0, 0, 0.01) 100%);
}
.leader_Content h4{
    color: #000;
}
.leader_Content p{
   color: #000;
}
.leader_Box .linkedin_Link a{
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -25px;
    left: 10px;
    right: 0;
}
.linkedin_Link a{
  display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 19px;
    -webkit-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
}
.linkedin_Link a:before{
      right: calc(100% - 1px);
    border-bottom-right-radius: 16px;
     content: "";
    position: absolute;
    background-color: transparent;
    bottom: 15px;
    height: 40px;
    width: 20px;
    box-shadow: 0 20px 0 0 #ffffff;
}
.linkedin_Link a:after{
      box-shadow: 0 20px 0 0 #ffffff;
          left: calc(100% - 1px);
    border-bottom-left-radius: 16px;
        content: "";
    position: absolute;
    background-color: transparent;
    bottom: 15px;
    height: 40px;
    width: 20px;
}



/* E Leader */

/* Page Nav */
.page_Navigation{
  background: #000;
  border-bottom: none;
  padding: 10px;
  backdrop-filter: blur(10px);
}
.page_Navigation .tabSec{
  background: transparent;
}
.commonBreadcrumb {
      display: flex;
    list-style: none;
    color: #fff;
}
.commonBreadcrumb  .breadcrumb-item a{
      color: var(--light-gray-text);
}
.commonBreadcrumb .current{
  color: #ffffff;
}
.commonBreadcrumb {
  margin-bottom: 0;
}
.page_Navigation .tabSec .nav-tabs .nav-link{
  color: var(--light-gray-text);
      background: transparent;
    border: none;
    padding: 1.222rem 1rem;
     white-space: nowrap;     
}
.commonBreadcrumb_Row{
  display: flex;
  align-items: center;
}
.commonBreadcrumb .current:before{
      color: #b4b4b4;
}

.tabSec{
  display: flex;
}
@media (max-width:576px){
  .page_Navigation .nav.nav-tabs{
        display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow: auto;
  }
  .tabSec {
    display: flex;
    max-width: 100%;
    overflow: auto;
}
}
/* S Insight */
.yt_Insight_Box {
    position: relative;
    margin-bottom: 1rem;
}
 .yt_Insight_txt {
        background: #fff;
    padding: 1rem;
    position: absolute;
    z-index: 2;
    bottom: 0;
        min-height: 180px;
        padding-bottom: 3rem;
}
.yt_Insight_Content_hover {
        max-height: 0;
    overflow: hidden;
    transition:  all 0.5s;
}
.yt_Insight_Box:hover .yt_Insight_Content_hover{
      max-height: 20rem;
    transition:  all 1s;
}
.yt_Insight_img img{
  width: 100%;
  height: auto;
}
.yt_Insight_Link {
    text-align: right;
    margin: 10px;
        position: absolute;
    bottom: 10px;
    right: 0;
}
.yt_Insight_Link svg{
  width: 100%;
  height: auto;
  max-width: 55px;
  transition: all 0.5s;
}
.yt_Insight_Box:hover .yt_Insight_Link svg{
   height: auto;
  max-width: 0;
  transition: all 0.5s;
}
.yt_Insight_Box .commonTag{
     position: absolute;
    top: 20px;
    background: #ffffffcc;
    color: #000;
    font-weight: 600;
    padding: 7px 25px;
        left: 20px;
        color: #000;
    font-weight: 600;
    font-size: 0.95rem;
        border-radius: 6px;
        z-index: 2;
}
.commonTag::before{
  display: none;
}
.yt_Insight_Content h4 {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.4;
    color: #000;
}
.yt_Insight_Link a{
  color: #000;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 1s;
        display: inline-flex;
    word-wrap: normal;
    flex-wrap: nowrap;
    width: 170px;
    align-items: center;
    justify-content: center;
}
.yt_Insight_Link a svg{
  margin-left: 10px;
}
.yt_Insight_Link a:hover{
  text-decoration: underline;
}
.yt_Insight_Link a:hover img{
  margin-right: 10px;
}
.yt_Insight_Box:hover .yt_Insight_Content_hover p{
 color: var(--para_Text_Dark);
} 
.yt_Insight_Box .yt_Insight_img{
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.yt_Insight_Box:hover .yt_Insight_img img{
 transform: scale(1.15);
 transition: all 0.5s;
}

@media (min-width: 1600px) {
   .yt_insights .container  {
        max-width: 1340px;
    }
}
.yt_Insight_Box_Dark{
      background: #000;
    border-radius: 12px;
}
.yt_Insight_Box_Dark .yt_Insight_txt{
      background: #000000;
}
.yt_Insight_Box_Dark .yt_Insight_Content h4, .yt_Insight_Box_Dark .yt_Insight_Content_hover{
  color: #ffffff;
}
.yt_Insight_Box_Dark .yt_Insight_Link a{
  color: #ffffff;
}
.yt_Insight_Box_Dark .yt_Insight_Link a svg{
  filter: brightness(0) invert(1);
}
/* E Insight */
.customHeader .contactBtn.btn i {
      top: 8px;
}


/* More Information */
.moreInformation {
 padding: 3rem 0;
 background: url(../images/coe/contact_BG.jpg);
 background-size: cover;
 background-repeat: no-repeat;
}
.moreInformation .container{
  position: relative;
  z-index: 2;
}
.moreInformation:after{
content: '';
    background: #0000006e;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: url(../images/contact_BG.png); */
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right;
    opacity: 1;
}
.moreInformation .moreInformation__right {
  padding: 0 40px 10px 0px;
  background: transparent !important;
  overflow: hidden;
  position: relative;
}
.moreInformation .moreInformation__right:after {
  background: #0037ff;
  position: absolute;
  top: -75px;
  left: -75px;
  content: "";
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  z-index: 0;
  opacity: 0.1;
  display: none;
}
@media (min-width: 768px){
  .moreInformation .moreInformation__right .col-sm-7{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.moreInformation .commonTitle h2 {
      color: #ffffff;
    font-size: 2.4rem !important;
    font-weight: 400;
}
.moreInformation .commonTitle p {
  font-size: 16px;
  line-height: 1.9;
  color: #fff;
}
.moreInformation:before {
  display: none;
}
.moreInformation .form-group .form-control,
.moreInformation .input-group .form-control {
  font-size: 14px;
    background: transparent;
    border: none;
    border: 1px solid #b1b1b1;
    border-color: #adadad;
    color: #ebebeb;
    border-radius: 20px;
    padding: 10px;
    height: 56px;
        padding-left: 20px;
}
.moreInformation .form-group .form-control::placeholder {
  color: #adadad;
}
.moreInformation .form-group textarea.form-control {
  padding: 10px;
  padding-left: 20px !important;
    min-height: 100px;
}
.moreInformation .accptFldMRfi1.form-group .form-control{
  border: none;
  padding: 0;
  color: #424242;
      height: auto;
}
.moreInformation .accptFldMRfi1.form-group .form-control input,
.moreInformation .accptFldMRfi1 .wpcf7-list-item input{
      width: 19px;
    height: 19px;
    margin-right: 10px;
}
.moreInformation .accptFldMRfi1.form-group .form-control  .wpcf7-list-item,
.moreInformation .accptFldMRfi1 {
      display: flex;
    align-items: center;
   font-size: 1rem;
   color: #9c9c9c;
}
.moreInformation .accptFldMRfi1 p{
  color: #9c9c9c;
  line-height: 1;
}
.moreInformation .accptFldMRfi1 p a{
  color: #9c9c9c;
}
.moreInformation .accptFldMRfi1 p + p{
  padding-left: 0;
}
.wpcf7-list-item{
  margin: 0;
}
.contactBottomForm {
    background: #000000;
    padding: 1.5rem 1.5rem;
    /* box-shadow: 0 0px 24px rgb(182 131 131 / 33%); */
    border-radius: 20px;
}