* {
  padding: 0;
  margin: 0 auto;
}

body, html {
  max-width:100%;
  overflow-x: hidden;
  
}



@font-face {
    font-family: 'dinlight';
    src: url('../fonts/DINPro-Light.eot');
    src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Light.woff2') format('woff2'),
        url('../fonts/DINPro-Light.woff') format('woff'),
        url('../fonts/DINPro-Light.ttf') format('truetype'),
        url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinbold';
    src: url('../fonts/DINPro-Bold.eot');
    src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff'),
        url('../fonts/DINPro-Bold.ttf') format('truetype'),
        url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinblack';
    src: url('../fonts/DINPro-Black.eot');
    src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Black.woff2') format('woff2'),
        url('../fonts/DINPro-Black.woff') format('woff'),
        url('../fonts/DINPro-Black.ttf') format('truetype'),
        url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din';
    src: url('../fonts/DINPro.eot');
    src: url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff'),
        url('../fonts/DINPro.ttf') format('truetype'),
        url('../fonts/DINPro.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/DINPro-Medium.eot');
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Medium.woff2') format('woff2'),
        url('../fonts/DINPro-Medium.woff') format('woff'),
        url('../fonts/DINPro-Medium.ttf') format('truetype'),
        url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




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

body {
font-family: 'din';
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'dinmedium' !important;
  color: #231F20;
  margin-bottom:15px;
}

@-webkit-keyframes b {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1);
  }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0);
  }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0);
  }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1);
  }
}
@keyframes b {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1);
  }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0);
  }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0);
  }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1);
  }
}
p {
  font-size: 17px;
  line-height: 1.4;
  color:#040505;
}




nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  border-bottom: 0px;
  transition: all ease-in-out 0.5s;
  background: #00000087;
}
nav .navbar {
  padding: 15px 0;
}
nav img {
  width: 100px;
}
nav .logoblack {
  display: none;
}

.navbar-nav {margin-left:auto;}

nav .navbar-nav .nav-item {
  margin-left: 50px;
}
nav .navbar-nav .nav-link {
  color: #FFFFFF;
  font-size: 14px;
  opacity:0.8;
  transition:all 0.5s ease 0s;
  position:relative;
  padding-left:0px !important;
  padding-right:0px !important;
  
}

nav .navbar-nav .nav-link::after {
    content:'';
    position:absolute;
    left:0px;
    bottom:0px;
    width:0px;
    background:#fff;
    height:1px;
    transition:all 0.5s ease 0s;
}

nav .navbar-nav .nav-link:hover {
    opacity:1;
}

nav .navbar-nav .nav-link:hover::after {
    width:100%;
}

nav.dlf_nav {
  -webkit-animation: navbar-animation 0.6s;
  animation: navbar-animation 0.6s;
  background:#000;
}

.nav-right {
    margin:0px;
    display:flex;
    align-items:center;
    margin-left:30px;
}

.topright a {
    background:none;
    color:#fff;
    border:1px solid #1D70B8;
}


@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



.hamburger .line {
  width: 30px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  transition: all 0.3s ease-in-out;
}

#hamburger-11 {
  outline: none !important;
  transition: all 0.3s ease-in-out;
  position:absolute;
  right:0;
  top:15px;
}

#hamburger-11.is-active {
  -webkit-animation: smallbig 0.6s forwards;
          animation: smallbig 0.6s forwards;
}

@-webkit-keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}

@keyframes smallbig {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
}
#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3) {
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */


@keyframes fadeInUp2 {
        from {
        }

        to {
            opacity: 1
        }
    }

    @-webkit-keyframes fadeInUp2 {
        from {
        }

        to {
            opacity: 1
        }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }




.pad80 {
  padding: 60px 0;
}

.padt80 {
  padding-top: 60px;
}

.padb80 {
  padding-bottom: 60px;
}

.pad40 {
    padding:40px 0px;
}

.padt40 {
  padding-top: 40px;
}

.padb40 {
  padding-bottom: 40px;
}

.span {
  color: #10100f;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: block;
}

.h2 {
  font-size: 40px;
  margin-bottom: 35px;
}


h4{
    font-size:25px;
}

h4 span {
    color:#23BA97;
}

#about, #cohorts, #partners, #press, #faqsec, #ftr {scroll-margin-top: 50px}
ul {padding-left:0; margin-left:0;}

.black {
    color:#000;
}

.grey {
    background:#ECF4F7;
}

.banner {
    height:100vh;
    position:relative;
}

.banner::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    /* background: linear-gradient(45deg, #0000009c 55%, #00000000); */
    background: linear-gradient(to right, #000000b8 14%, #00000000);
}

.banner .container {
    position:absolute;
    left:0;
    right:0;
    height:100%;
}

.banner .container > div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    
}

.banner .psn-btn {
    margin: 0;
    font-family: 'dinbold';
}
.banner h3 {
    font-size:20px;
    color:#fff;
    font-family: 'Helvetica' !important;
    text-transform:uppercase;
    letter-spacing:2px;
}
.social_icons li a img {
    width: 20px;
}
.banner .h2 {
    color: #fff;
    font-size: 40px;
    margin: 0px;
    margin-bottom: 50px;
    position: relative;
    top: 20px;
}

.bannerdetail {
    color:#fff;
    font-size:22px;
}

.bannerdetail span:first-child {
    padding-right:20px;
}


.psn-btn {
    background: #fff;
    color: #000000;
    padding: 8px 20px;
    border: 0px;
    border-radius: 30px;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    font-size: 14px;
}

.psn-btn:hover {
    background:#1D70B8;
    color:#fff;
}

.hoverlink {position:relative;}
.hoverlink::after {
    content:'';
    position:absolute;
    left:0;
    width:0;
    bottom:-5px;
    background:#fff;
    transition:all 0.3s ease-in-out 0s;
    height:1px;
}
.hoverlink:hover::after {width:100%;}

.aboutimg {float:right;}

.about_slide img {
    border:6px solid #4CBAED;
    border-radius:15px;
    width:100%;
}

/*accordians*/

.card {
    background:none;
    border:0px;
    margin-bottom:10px;
}

.card-header {
    background:none;
    width:100%; 
    border:0px;
    color:#040505;
    cursor:pointer;
    padding:0px;
    
}

.card-header a {
    color:#fff; 
    width:100%; 
    border:0px;
    text-align:left; 
    font-family: 'dinmedium'; 
    background:#004794;
    width:100%;
    border-radius:10px !important;
    padding:20px;
    
}




.card-header a:focus {outline:none; box-shadow:none;}



.card-body {
    background:none;
    border:0px;
    padding:20px 0;
}


.card-header a.collapsed {
    color:#040505;
    background:#CEDEE5;
}


span.cardicon {
    position: absolute;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.cardicon::before {*/
/*    content: '';*/
/*    width: 2.3px;*/
/*    height: 20px;*/
/*    left: 50%;*/
/*    top: 0;*/
/*    position: absolute;*/
/*    background: #004794;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    transition:all 0.5s ease 0s;*/
/*}*/


/*.cardicon::after {*/
/*    content: '';*/
/*    width: 20px;*/
/*    height: 2.3px;*/
/*    left: 50.5%;*/
/*    top: 0;*/
/*    position: absolute;*/
/*    background: #004794;*/
/*    top: 50%;*/
/*    transform: translateX(-50%);*/
/*    transition:all 0.5s ease 0s;*/
/*}*/

.card-header a.collapsed #Line_57 {
    display:block;
}


.card-header a #Line_57 {
    display:none;
}


.card-header a:hover {
    background:#004794;
    color:#fff;
}

.bup {
    margin:0;
}

.courtbanner {
    height: 380px;
    padding: 50px 70px;
}

.courtbanner .h2 {
    color:#fff;
    font-family: 'dinblack' !important;
    margin-bottom:20px;
}

.courtbanner p {
    color:#fff;
    font-size:20px;
}

.icons {
    position:relative;
}

.e-manage p b {
    font-family: 'dinbold';
    display:block;
    margin-bottom:12px;
    text-transform:uppercase;
}

.ic-cont::after {
    background:#ccc;
    width:1.5px;
    height:100%;
    content:'';
    position:absolute;
    right:0;
    top:0;
}

.e-manage li {
    margin-left: 17px;
    margin-bottom: 10px;
}

.noafter::after {
    display:none;
}

.ic-cont {padding-bottom:40px;}

.icons img {
    margin-bottom:15px;
    height:80px;
}

.icons p {
    margin-bottom:0px;
}

.ic-cont {
    border-bottom:1.5px solid #ccc;
}

.nobrd {border-bottom:0px;}

.iconsrow .ic-cont {
    padding-left:5%;
    position:relative;
}

.pl-01 {
    padding-left:15px !important;
}

.nobrd {
    padding-top:30px;
    padding-bottom:0px;
}

.borderradius {
    border-radius:10px;
}

.white {
    background:#fff;
}

.we_image img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    border-radius: 10px;
}

.we_cont {
    padding:40px 30px;
    height:100%;
    border:1px solid #4CBAED;
}

.we_cont .h2 {
    margin-bottom:20px;
}

.ev_icons {
    margin-bottom:0px;
}


.ev_icons li {
    list-style:none;
    margin:0;
    margin:0px 25px;
}

.ev_icons .slick-list {
    margin:0 -25px;
}


.ev_icons img {
    width:100%;
    margin-bottom:20px;
    border-radius:10px;
}

.ev_icons p {
    font-family: 'dinmedium';
    margin-bottom:0px;
}


.small_banner {
    padding: 50px 70px;
    background-color: #d9d9d9;
    background-image: url(../images/applynowbanner6.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.small_banner .h2 {
    color:#fff;
    margin-bottom:60px;
}

.steps {
    margin-top:30px;
    display:flex;
    justify-content:space-between;
}

.steps li {
    list-style:none;
    margin:0px;
    position:relative;
}

.dividingsteps {
    width: 1.5px;
    background: #ccc;
    top: 0;
    transform: rotate(25deg);
}

.steps li:last-child::after {
    display:none;
}

/*.steps li h4 {*/
/*    display:flex;*/
/*}*/

.steps li h4 span {
    color:#004794;
    display:block;
    padding-right:10px;
    margin-bottom:8px;
}

.nav-tabs {border:0px; justify-content:space-between;}


.nav-tabs .nav-item {
    margin-bottom: -1px;
    margin: 0;
    width: 32.7%;
    text-align:center;
    font-family: 'dinmedium';
    border:0px;
    
}

.nav-tabs .nav-item a {
   background:#ECF4F7;
   color:#040505; 
   border:0px;
   border-radius:10px !important;
   padding:15px;
   transition:all 0.5s ease 0s;
   font-size:17px;
}

.nav-tabs .nav-item a.active, .nav-tabs .nav-item a:hover {
    background:#004794;
    color:#fff;
}

.tab-pane {
    padding-top:40px;
}

.ignition_slide {
    margin:0px;
}

.ignition_slide .slick-track {
    margin:0px;
}

.dentsu {
    max-width:150px !important;
}


.ignition_slide li {
    list-style:none;
    margin:0 8px;
}

.ignition_slide .slick-list {
    margin:0 -8px;
}

.ignition_item {
    border: none;
    padding: 15px;
    background: #ECF4F7;
}
.ignition_item img {
    max-width: 220px;
    padding: 40px 0px;
    background: #fff;
    border-radius: 10px;
    padding: 60px 20px;
}

.ignition_slide li p {
    
    margin:0;
}

.fade.in {
    opacity: 1;
}



.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
} 

.slick-dots {
    margin-top: 20px !important;
    /* position: initial !important; */
    bottom: 0px !important;
    position: relative !important;
}

.slick-dots li {
    height: 10px !important;
    width: 10px !important;
}

.aoi-data-slider .slick-dots li button{
    background: #000 !important;
}

.slick-dots li button {
    width: 13px !important;
    background: #ccc !important;
    height: 4px !important;
    border-radius: 4px;
    padding: 0 !important;
    margin: 0;
    transition:all 0.5s ease 0s;
}

.slick-dots li.slick-active button {
    background:#004794 !important; 
}

.slick-dots li button:before {
    display:none;
    border:0px !important;
}

.product-showcase-carousel-controls {
    background: #ECF4F7;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 20px;
    cursor:pointer;
    z-index:1;
    border-radius:8px;
    transition:all 0.5s ease 0s;
}

.product-showcase-carousel-controls:hover {
    background:#00397B;
}

.product-showcase-carousel-controls:hover path {
    stroke:#fff
}

.product-showcase-carousel-controls:hover line {
    stroke:#fff
}

.product-showcase-carousel-controls--right {
    left:auto;
    right:20px;
}

.testi {
    text-align:center;
    position:relative;
}

.testi::before {
    content:'';
    /*background:linear-gradient(0deg, rgba(41,72,152,1) 0%, rgba(0,57,112,0) 100%);
    height:50%;
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    z-index:1;*/
}

.testi img {
    width:100%;
}

.testi p {
    position: absolute;
    bottom: 30px;
    margin: 0;
    color: #fff;
    z-index: 1;
    padding: 0 55px;
}

.f-name {text-align:center; font-size:13px; margin-top:20px;}
.f-name span{font-family: 'dinmedium';} 

.overflow {
    overflow:hidden;
    border-radius:10px;
}


.overflow img {
    transition:all 0.5s ease 0s;
    border-radius:10px;
}

.testi:hover .overflow img{
    transform:scale(1.2);
}


.common-slide .item {margin:0px 10px;}
.common-slide .slick-list {
    margin:0 -10px;
    padding-right:20%;
}



.playbutton-utube {
    z-index: 1;
    position: absolute;
    bottom: 65px;
    left: 65px;
    cursor: pointer;
}

.video-play-button-s::after, .video-play-button-s::before {
    content: "";
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    background: #fff9f2;
    border-radius: 50%;
}

.video-play-button-s {
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 40px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    border-radius: 50%;
    cursor:pointer;
}

.video-play-button-s span {
    color: #10100f;
    position: relative;
    z-index: 9;
    font-size: 12px;
    white-space: nowrap
}

.video-play-button-s span i {
    font-size: 14px !important;
    color: #004794;
    position: relative;
    top: 0px;
    left: 2px;
    margin-left: 0px !important;
}

.video-play-button-s::before {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    -webkit-animation: 1.5s ease-out infinite pulse-border;
    animation: 1.5s ease-out infinite pulse-border
}

.video-play-button-s::after {
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.video-play-button-s:hover:after {
    background-color: #fff
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}


.newscontent {
    background: #ECF4F7;
    padding: 20px;
    margin-top: 10px;
    border-radius:10px;
}

.newscontent span {
    color:#909EA4;
    font-size:13px;
    display:block;
    margin-bottom:10px;
}

.newscontent p {
    display:flex;
    font-family: 'dinmedium';
    margin:0px;
}

.newscontent .svg {
    background: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 8px;
    transition:all 0.5s ease 0s;
}

.newscontent .svg svg {
    transform: rotate(140deg);
}

.newsbox:hover .overflow img {transform:scale(1.2);}


.newscontent a:hover .svg {background:#00397B;}
.newscontent a:hover svg path, .newscontent a:hover svg line {
    stroke:#fff
} 

.faqleft {
    padding:30px 0px;
}

.faqbox {
    padding:20px 30px;
    margin-bottom:60px;
}


.faqbox .card-header a.collapsed {background:none; border-bottom:1px solid #ccc; color:#000; border-radius:0px !important}
.faqbox .card-header a svg {background:none; }
.faqbox .card-header a:hover {background:#004794; color:#fff; border-radius:10px !important;}
.faqbox .card-header a:hover svg path {stroke:#fff !important; fill:#fff !important}
.faqbox .card-header a svg path {stroke:#fff; fill:#fff}
.faqbox .card-header a.collapsed svg path {stroke:#004794; fill:#004794}
.faqbox .card-body {padding:20px;}





.sc_fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 10; /* Ensures it stays on top if overlapping */
}


#faqnew .card-body ul {
    padding-left:20px;
}

#faqnew .card-body ul li {
    margin-bottom:10px;
}

#faqnew .card-body ul li:last-child {
    margin-bottom:0px;
}

#faqnew .cardicon {
    background:none;
}
#faqnew span.cardicon {right:5px;}
#faqnew .card-header .cardicon line {stroke:#fff}
#faqnew .card-header a.collapsed line {stroke:#004794}
#faqnew .card-header a:hover line {stroke:#fff}



footer {
    background: #000;
    padding-top: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

footer .h2 {
    text-align:center;
    font-size:40px;
    color:#fff;
}

footer .h2 span {
    display:block;
    font-size:16px;
    color:#ffffff9e;
    font-family: 'din' !important;
    margin-top:5px;
}

footer .h2 span a { color:#ffffff9e;}

footer p {
    font-size:15px;
    color:#fff;
    text-align:center;
}


.footerlogo {
    text-align:left;
}

.footerlogo img {
    width:150px;
}

.footerborder {
    color:#ffffff6b;
    border-top:1px solid #393939;
    border-bottom:1px solid #393939;
    font-size:12px;
    padding:10px 30px;
}

.social_icons {
    display:flex;
    justify-content:end;
}

.social_icons li {
    list-style:none;
    margin:0;
    margin-left:5px;
}

.social_icons li a {
    border-radius: 20px;
    width: 25px;
    height: 25px;
    /*background: #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transition:all 0.5s ease 0s;
}

.social_icons li:first-child a img{
    position:relative;
    /*top:4px;*/
}

.social_icons li a:hover {
    background:#b8deff;
}

.ftcenter {color:#fff; padding:20px 0px;}
.ftcenter a {
    font-size: 15px;
    color: #fff;
    font-family: 'dinmedium';
    padding: 0 50px;
    transition:all 0.5s ease 0s;
}

.ftcenter a:hover {
    color:#1d70b7;
}


.copy {
    padding:15px;
    font-size:11px;
    text-align:center;
    color:#ffffff9e;
}

label.error {
    color:red;
    font-size:12px;
    margin-top:5px;
}


.applynow {
      font-family: 'dinbold';
    background: #000;
    color: #fff;
    position: fixed;
    right: -48px;
    top: 50%;
    z-index: 99;
    border-radius: 30px;
    border-bottom: 0px;
    padding: 14px 30px;
    transition: all 0.5s ease 0s;
    transform:translate(100% , -50%) rotate(-90deg);
font-size:18px;
}

.applynow:hover {
    background:#004794;
    color:#fff;
}

.applynow.open {transform:translate(0 , -50%) rotate(-90deg);}


.desktop-none {
    display:none;
}

.cbtn-mobsh {
    display:none;
}

.shortlisted-wrap a {
    margin: 0;
    font-size: 18px;
    color: #000;
    display: flex;
        position: relative;
            align-items: center;
}

.shortlisted-wrap .d-flex{
    justify-content: space-between;
}

.shortlisted-wrap a span {background: #fff;width: 40px;height: 40px;display: flex;align-items: center;border-radius: 10px;margin-left: 20px;}
.list-theme{
    list-style:none;
    margin-bottom:0;
    padding-left:0px;
    margin-left:0px;
}

.list-theme li {
    border-top: solid 1px #4CBAED;
    padding: 20px 0;
}

.cohort-wrapper h2{
    font-size: 25px;
}
.winners-wrap .col-md-6.col-lg-4.m-0 {
    padding: 0 5px;
}

.winners-wrap .ignite-box p,
.winners-wrap .ignite-box span{
    background:#fff;
}

.winners-wrap .ignite-box small {
    background:#ECF4F7;
}
.winners-wrap .ignite-box{
    margin-bottom:10px;
    background:transparent;
}
.ignite-box span small {
   float: right;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 100%;
    position: relative;
    top: -3px;
}
.ignite-box span img{
    width:10px;
}
.ignite-box span {
    background: #ECF4F7;
    padding: 10px;
    display: block;
        color: #000;
    font-weight: 700;
    border-radius: 5px;
}
.ignite-box p{
    background:#ECF4F7;
    padding:10px;
     margin:0;
     border-radius: 5px;
}

.ignite-box img {
    width: 120px;
    height: 96px;
}

    .ignite-box {
    padding: 15px;
    border-radius: 10px;
    border: solid 1px #dedede;
    background: #fff;
}
    .e-manage p{
        margin-bottom:0;
         border-radius: 10px;
    }
    
.e-manage .icons img {
    width: 60px;
    height: auto;
}
.manage-wrap .col {
    padding: 0 5px;
}

.manage-wrap .col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0;
}
.e-manage {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 277px;
        transition: all ease-in-out 0.5s;
}


.fourboxes .col {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    margin: 0;
} 

.fourboxes .e-manage {
    height: 445px;
}

.e-manage:hover {
    background: #64C5F0;
}

.e-manage:hover p{
    color:#000;
}

.largelogo {
    width:190px !important;
}

.more_cont {
    display: none;
}

.readmore {
    color:#1D70B8;
}

.btn-play-music {
    display:none;
}

.tab_section ul {padding:0; margin:0;}
.common-slide .slick-track{
    margin:0;
}

.shortlistslide2 a {
    margin-bottom: 20px;
    padding-right: 13px;
}

.winners-wrapchot2 img{
        width: 90px;
    height: 66px;
}
.col-lg-4.ic-cont.border-right-0:after {
    content:none;
}

.testi1 .f-name {
        text-align: left;
    font-size: 26px;
}

.h5-heading {
    margin-bottom: 10px !important;
}

.aoi-wrapper {
    /*height: calc(100vh - 139px);*/
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    background: #fff;
}
.e-manage2:hover {
    background: #e5e5e5;
}

.aoi-data-slider .slick-dots li.slick-active button {
    background: #ffffff !important;
}
.e-manage2 {
    background: #e5e5e5;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 277px;
    transition: all ease-in-out 0.5s;
    margin: 0 10px;
    height: 500px !important;
}

.e-manage2 ul {
    list-style:none;
}

.e-manage2 li i {
       font-size: 14px;
    position: relative;
    top: 3px;
    color:#fff;
    margin-right: 13px !important;
}
.e-manage2 li {
    color:#fff;
    margin-left: 0;
    display: flex;
    align-items: baseline;
}

.e-manage2 p{
    color:#000;
}

.aoi-wrapper{
    margin-bottom:30px;
}

.aoi-data-slider .product-showcase-carousel-controls--left {
    left: 39%;
}

.aoi-data-slider .product-showcase-carousel-controls--right{
    right: 39%;
}

.aoi-data-slider .product-showcase-carousel-controls {
    top: 90%;
}
.aoi-wrapper h3 {
    color:#000;
    text-align:center;
}

.e-manage2 .icons {
    display:none;
}

.chort3-slider .slick-slide span {
    position: absolute;
    bottom: 0;
    color: #fff;
    left: 0;
    font-size: 20px;
    right: 0;
    padding: 20px;
    background: linear-gradient(2deg, #000000a3, #00000014, #00000000);
    padding-top: 180px;
}

.evalution-chort3 .slick-slide span {
    position: absolute;
    bottom: 31px;
    color: #fff;
    left: 20px;
    font-size: 20px;
    background: linear-gradient(2deg, #000000a3, #00000014, #00000000);
    padding-top: 180px;
    left: 0;
    right: 0;
    bottom: 20px;
    border-radius: 10px;
    padding: 20px;
    padding-top: 110px;
}

.aoi-wrapper img.w-100 {
    padding: 0 140px;
}
.text-inherit {
    text-transform: initial !important;
}
.e-manage2-data {
    margin-bottom: 18px;
}
.e-manage2-data h5 {
    color: #000;
    font-size: 16px;
    margin-bottom: 6px;
}

.e-manage2-data p {
    font-size: 16px;
}

.aoi-data-slider .slick-dots {
    margin-top: 0 !important;
    position: absolute !important;
    bottom: 20px !important;
}

.aoi-data-slider3 .e-manage2{
    height:auto !important;
}

.we_image .slick-arrow{
    opacity:.4;
}

.we_image .slick-arrow:hover{
    opacity:1;
}

a.search-plus i {
    background: #64c5f0;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index:9;
}
a.search-plus {
    position: absolute;
    bottom: 23px;
    right: 0;
}

.benefits-slider2 .ic-cont {
    padding: 0% !important;
    border: none !important;
}

.ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.ul li {
        margin-bottom: 10px;
        font-size: 17px;
    line-height: 1.4;
    color: #040505;
}
.nm_dt {
    margin-left: 20px !important;
}
.profile_dt {
    width: 100%;
    display: flex
;
    align-items: center;
    justify-content: start;
    margin-top: 40px;
}
.profile_dt span {
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.contol_custom span.Arrowfpleft {
    margin-left: 10px;
}
.comma_icon {
    margin:0;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testi_grid {
    padding: 20px 0;
}
.contol_custom {
    width: auto;
    position: absolute;
    left: 72px;
    bottom: 40px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    margin-top: 0px;
    justify-content: end;
    right: 40px;
}
.contol_custom span:hover {
    background: #004794;
    border-color: #004794;
}

.contol_custom span:hover svg line,
.contol_custom span:hover svg path{
        stroke: #fff;
}
.contol_custom span svg{
    width:20px;
}
.contol_custom span {
    width: 40px;
    height: 40px;
    border: 1px solid #798082;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 21px;
    padding: 10px;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}




 .wheel-wrap {
  --size: 480px;      /* wheel size */
  --hole: 120px;      /* inner hole */
  --ring-gap: 1.5deg;   /* gap thickness */

  position: relative;
  width: var(--size);
  height: calc(var(--size) + 110px);
}

  /* shackle (the lock arc above the wheel) */
  .shackle{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:-80px;
    width:72%;
    height:140px;
    border:18px solid #e9e9e9;
    border-bottom:none;
    border-radius:220px 220px 0 0;
    box-sizing:border-box;
  }

  /* the wheel ring (8 segments) */
  .wheel{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:var(--size);
    height:var(--size);
    border-radius:50%;
   
    overflow:hidden;
  }

  /* white separators drawn over the ring */
  .wheel::before{
    content:"";
   /* position:absolute;
    inset:0;
    border-radius:50%;
    background:
      repeating-conic-gradient(
        #fff 0 var(--ring-gap),
        transparent var(--ring-gap) 45deg
      );
    -webkit-mask:
      radial-gradient(circle at center,
        transparent calc(var(--hole)/2 - 1px),
        #000 calc(var(--hole)/2)
      );
            mask:
      radial-gradient(circle at center,
        transparent calc(var(--hole)/2 - 1px),
        #000 calc(var(--hole)/2)
      );
    pointer-events:none;*/
  }

  /* center circle */
.center {
    z-index:1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--hole);
    height: var(--hole);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #e5e5e5;
    border: 35px solid #fff;
    display: grid;
    place-items: center;
    color: #fff;
        max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
}

  .center svg{ width:30%; height:auto; }

  /* optional small white cap wedge at top (like in screenshot) */
  .cap{
    position:absolute;
    left:50%;
    top:7%;
    transform:translateX(-50%);
    width:36%;
    height:20%;
    background:#f3f3f3;
    border-radius:0 0 180px 180px/0 0 100% 100%;
    clip-path:polygon(7% 0, 93% 0, 100% 60%, 0 60%);
  }

  /* demo labels below */

 .labels-data.active {
         background: #e5e5e5;
  
 }
  .labels-data h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 8px;
}
  .labels-data {
          padding: 20px;

          border-radius: 10px;
    position: absolute;
    color: #000;
    /*font-size: clamp(10px, 3vw, 18px);*/
    z-index: 5;
    width: 240px;
    text-align: right;
     transition: all ease-in-out .5s;
}
.labels-data img {
    width: 50px;
}
.labels-data.label1.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #e5e5e5 transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: -20px;
    left: 40%;
}
.labels-data.label2.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #e5e5e5 transparent transparent transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: -20px;
    left: 14%;
}
.labels-data.label3.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(180deg);
    position: absolute;
    bottom: 0;
    left: -20px;
    top: 50px;
}

.labels-data.label4.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(180deg);
    position: absolute;
    bottom: 0;
    left: -20px;
    top: 50px;
}
.labels-data.label5.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(270deg);
    position: absolute;
    top: -29px;
    right: 80%;
}
.labels-data.label6.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(270deg);
    position: absolute;
    top: -29px;
    right: 50%;
}
.labels-data.label7.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(0deg);
    position: absolute;
    bottom: 0;
    right: -20px;
    top: 50px;
}
.labels-data.label8.active:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(0deg);
    position: absolute;
    bottom: 0;
    right: -20px;
    top: 50px;
}

.labels-data.label1.active{
    top:-70px;
}
.labels-data.label1 {
    top: -20px;
    left: 3%;
        z-index: -1;
}
.labels-data.label2.active {
    top: -90px;
}
.labels-data.label2 {
    top: -20px;
    right: -45px;
      z-index: -1;
}
.labels-data.label3 {
    top: 180px;
    right: -260px;
}
.labels-data.label3.active {
    top: 170px;
}
.labels-data.label4 {
    top: 390px;
    right: -250px;
}
.labels-data.label4.active {
    top: 380px;
}
.labels-data.label5 {
    bottom: -200px;
    right: -70px;
}
.labels-data.label5.active {
    bottom:-190px;
}
.labels-data.label6 {
    bottom: -220px;
    left: -1%;
}
.labels-data.label6.active{
    bottom: -210px;
}
.labels-data.label7 {
    bottom: 0px;
    left: -260px;
}
.labels-data.label7.active{
    bottom:10px;
}

.labels-data.label8 {
    top: 160px;
    left: -240px;
}
.labels-data.label8.active {
    top: 130px;

}
.labels-data p {
    font-size: 16px;
    transition: all ease-in-out .5s;
    /* transform: translateY(20px); */
    /* opacity: 0; */
    text-align: center;
    margin-bottom: 8px;
}

.labels-data.active .hover-label {
    transform: translateY(0px);
    opacity: 1;
}

/* slices */
.slice {
    transition: all ease-in-out .5s;
    border: solid 5px #fff;
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  transform-origin: 0% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
}
/* Counter rotate icons */
.slice1 .icon { transform: skewY(45deg) rotate(0deg); }
.slice2 .icon { transform: skewY(45deg) rotate(-45deg); margin-left: 0;}
.slice3 .icon { transform: skewY(45deg) rotate(-90deg); }
.slice4 .icon { transform: skewY(45deg) rotate(-135deg); }
.slice5 .icon { transform: skewY(45deg) rotate(-180deg); }
.slice6 .icon { transform: skewY(45deg) rotate(-225deg); }
.slice7 .icon { transform: skewY(45deg) rotate(-270deg); }
.slice8 .icon { transform: skewY(45deg) rotate(-315deg); }


.label1 h3 {color:#797691;}
.label2 h3 {color:#a37e97;}
.label3 h3 {color:#a88282;}
.label4 h3 {color:#9b806a;}
.label5 h3 {color:#99925c;}
.label6 h3 {color:#84935a;}
.label7 h3 {color:#759e8a;}
.label8 h3 {color:#6b8e96;}

.slice:hover, .slice.active {
    background:#e5e5e5;
}

/* 8 slices with rotation and colors */
.slice1 { background: #ffd7ef; transform: rotate(0deg) skewY(-45deg); }
.slice2 { background: #ffd9d8; transform: rotate(45deg) skewY(-45deg); }
.slice3 { background: #ffe4cb; transform: rotate(90deg) skewY(-45deg); }
.slice4 { background: #fff8b6; transform: rotate(135deg) skewY(-45deg); }
.slice5 { background: #e9ffb9; transform: rotate(180deg) skewY(-45deg); }
.slice6 { background: #c8ffe5; transform: rotate(225deg) skewY(-45deg); }
.slice7 { background: #d1f4ff; transform: rotate(270deg) skewY(-45deg); }
.slice8 { background: #e7e1ff;transform: rotate(315deg) skewY(-45deg);
}
.icon img{
        width: 60px;
}

.slice1 img {
    position: absolute;
    right: 20px;
    top: 54px;
}
.slice2 img {
    position: absolute;
    left: 40px;
    top: -5px;
}
.slice3 img {
    position: absolute;
    right: 40px;
    bottom: 30px;
}
.slice4 img {
    position: absolute;
    right: -10px;
    bottom: 60px;
}
.slice5 img {
    position: absolute;
    left: 20px;
    bottom: 50px;
}
.slice6 img {
    position: absolute;
    left: 63px;
    top: -55px;
}
.slice7 img {
    position: absolute;
    left: 50px;
    top: 23px;
}
.slice8 img {
    position: absolute;
    left: -10px;
    top: 65px;
}
.center img {
    width: 60px;
}
.brandname {
    color: #909090;
    font-size: 14px;
}
.testimonils-head img {
     border-radius: 10px;
}
.testimonils-head {
    padding: 40px;
    border-radius: 10px;
}

.testimonial-img {
    padding-right: 40px;
}

.testimonils .overflow-hidden img{
    width:80px;
    height:auto;
    border-radius:50%;
}
.testimonils .ev_icons h6 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 0;
    color: #1d70b8;
}
.testimonils .ev_icons .logoname {
    color: #000;
    font-family:'dinmedium';
    font-size:16px;
}
.designation {
    font-weight: 600;
    font-size: 14px;
}
.testimonils  li.grey{
    padding: 30px;
    border-radius: 10px;
    height:395px;
}

.hover-label {
    transform: translateY(20px);
    opacity: 0;
    transition: all ease-in-out .5s;
}

.hover-label p {
    font-size: 14px;
    margin-bottom:0;
    font-family: 'dinbold';
}

.dk-none{
    display:none;
}

.mb-7 {
    margin-bottom: 6rem !important;
}


.labels-data.active h3, .labels-data.active p{
    color:#000;
}


.slice11 { background: #fff8b6; transform: rotate(0deg) skewY(-18deg); }
.slice12 { background: #e9ffb9; transform: rotate(72deg) skewY(-18deg); }
.slice13 { background: #c8ffe5; transform: rotate(144deg) skewY(-18deg); }
.slice14 { background: #d1f4ff; transform: rotate(216deg) skewY(-18deg); }
.slice15 { background: #e7e1ff; transform: rotate(288deg) skewY(-18deg); }


.slice11 .icon { transform: translate(-50%, -50%) skewY(18deg) rotate(0deg); }
.slice12 .icon { transform: translate(-50%, -50%) skewY(18deg) rotate(-72deg); }
.slice13 .icon { transform: translate(-50%, -50%) skewY(18deg) rotate(-144deg); }
.slice14 .icon { transform: translate(-50%, -50%) skewY(18deg) rotate(-216deg); }
.slice15 .icon { transform: translate(-50%, -50%) skewY(18deg) rotate(-288deg); }

.slice15 img {
    left: -10px;
    top: 5px;
}
.slice11 img {
    right: -10px;
    top: 4px;
}
.slice12 img {
    left: 10px;
    top: 55px;
}
.slice13 img {
    right: -30px;
    bottom: 0px;
}

.slice14 img {
    left: 6px;
    top: -27px;
}

.labels-data.label8.themelabel8 {
    top: 340px;
    left: -260px;
}
.labels-data.label8.themelabel8.active {
     top: 330px;
}

.labels-data.label4.themelabel4 {
    right: 0;
    bottom: -250px;
    top: auto;
    left: 30px;
    width: 280px;
}
.labels-data.label4.themelabel4.active {
    bottom: -210px;
}
.labels-data.label1.themelabel1 {
    left: -90px;
    top: 20px;
}
.labels-data.label1.themelabel1.active {
    left: -90px;
    top: -80px;
}
.labels-data.label3.themelabel3 {
    top: 340px;
}
.labels-data.label3.themelabel3.active {
    top: 330px;
}

.labels-data.label2.themelabel2 {
    right: -200px;
    top: 70px;
}
.labels-data.label2.themelabel2.active  {
    top: -10px;
}


.labels-data.label2.themelabel2.active:after{
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #e5e5e5 transparent transparent transparent;
    transform: rotate(90deg);
    position: absolute;
    bottom: 30px;
    left: -30px;
}

.labels-data.label4.themelabel4.active:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(270deg);
    position: absolute;
    top: -30px;
    left: 120px;
    bottom: auto;
}



.slice20 { background: #ffd7ef; transform: rotate(0deg)   skewY(-0deg); }
.slice21 { background: #ffd9d8; transform: rotate(90deg)  skewY(-0deg); }
.slice22 { background: #ffe4cb; transform: rotate(180deg) skewY(-0deg); }
.slice23 { background: #fff8b6; transform: rotate(270deg) skewY(-0deg); }

.slice20 .icon{  transform: rotate(0deg)   skewY(-0deg); }
.slice21 .icon{  transform: rotate(90deg)  skewY(-0deg);     margin: 0;}
.slice22 .icon{ transform: rotate(180deg) skewY(-0deg); }
.slice23 .icon{  transform: rotate(90deg) skewY(-0deg); }


.slice20 .icon img{
    right: -20px;
    top: -36px;
}
.slice21 .icon img{
    left: -20px;
    top: -30px;
}
.slice22 .icon img{
        right: -40px;
    bottom: -20px;
}
.slice23 .icon img {
    top: -30px;
}

.labels-data.label1.themelabel1.themelabel20{
    top: 110px;
    left: -160px;
}
.labels-data.label1.themelabel1.themelabel20.active{
        left: -260px;
}

.labels-data.label2.themelabel2.themelabel21{
        top: 140px;
}
.labels-data.label2.themelabel2.themelabel21.active {
    right: -270px;
}

.labels-data.label3.themelabel3.themelabel22{
    top: 450px;
    right: -220px;
}
.labels-data.label3.themelabel3.themelabel22.active {
        right: -230px;
}

.labels-data.label4.themelabel4.themelabel23 {
    margin: 0;
    left: -270px;
    bottom: -60px;
}
.labels-data.label4.themelabel4.themelabel23.active {
        left: -290px;
}


.labels-data.label1.themelabel1.themelabel20.active:after {
    left: auto;
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #e5e5e5 transparent transparent transparent;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 40px;
    right: -28px;
}

.labels-data.label4.themelabel4.themelabel23.active:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 20px;
    border-color: transparent transparent transparent #e5e5e5;
    transform: rotate(360deg);
    position: absolute;
    left: auto;
    top: 20px;
    right: -17px;
    bottom: auto;
}

.theme .slice {
    border:none !important;
}

.theme .slice.slice2.slice12.slice21:after {
    content: '';
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}

.theme .slice.slice2.slice12.slice21:before {
    content: '';
    background: #ffffff;
    height: 100%;
    position: absolute;
    top: 49%;
    width: 10px;
    bottom: 0;
    transform: rotate(90deg);
}


.theme .slice.slice8.slice15.slice23:after {
    content: '';
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}
.theme .slice.slice8.slice15.slice23:before {
    content: '';
    background: #ffffff;
    height: 100%;
    position: absolute;
    top: 49%;
    width: 10px;
    bottom: 0;
    transform: rotate(90deg);
}

small.ceo {
    color: #000;
    font-size: 100%;
}

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

.banner-bg {
  background: url('../images/banner4.webp') no-repeat center center / cover;
}

.pb-230 {
  padding-bottom: 230px;
}

.pb-130 {
  padding-bottom: 130px;
}

.bg-1 {
  background: url('../images/bg1.webp') no-repeat center center / cover;
}

.bg-2 {
  background: url('../images/bg2.webp') no-repeat center center / cover;
}

.bg-3 {
  background: url('../images/bg3.webp') no-repeat center center / cover;
}