:root {
    --swiper-pagination-color :#3A35A4;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-pagination-bullet-border-radius : 8px;
    --overlay-bg: #CBEDFDFA;
    /* --swiper-pagination-bottom: -8rem; */
    --swiper-pagination-bullet-inactive-color:#3A35A4;
    --transition-speed: 0.4s;
}
/* * {
    outline: 1px solid red;
  } */
body {
    color: white;
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0; 
    zoom: 0.8;
}

.desktop-hidden{
    display: none !important;
    visibility: hidden;
}
button,a,
input[type="submit"],
label,
[role="button"],
[onclick],
.clickable {
  cursor: pointer;
}
.right-side-add{
    position: absolute;
    right: 0;
    top: 26.7rem;
    z-index: 4;
}

.right-side-add img{
    transition: all 0.2s ease-in-out;
    width: 250px;
}

.title-btn:hover{
    color: #CBEDFD !important;
    background-color: #3A35A4;
    cursor: pointer;
}
#videosTitle > div.title-btn:hover ,section.videos-section .title-btn:hover{
    color: #3A35A4 !important;
    background-color: #CBEDFD;
}
.insight-videos #videosTitle .title-btn:hover{
    background-color: #3A35A4;
}

.insight-videos #videosTitle .title-btn:hover a{
    color: #CBEDFD;
}
.insight-interviews #interviewsTitle .title-btn{
    color: #3A35A4;
}
.insight-interviews #interviewsTitle .title-btn:hover{
    background-color: #3A35A4;
}
.insight-interviews #interviewsTitle .title-btn:hover a{
    color: #CBEDFD;
}
section.job-offer .title-btn:hover{
    color: white !important;
    background-color: black;
}

.container {
    max-width: 65% !important;
    width: 100%;
}
.container-wrapper{
    max-width: 70% !important;
    width: 100%;
}
.branding-fluid-container{
    background-color: #18137B;

}
.branding-bar {
    padding: 32px 0 12px 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.branding-bar .logo img{
    width: 100%;
}
.branding-placeholder {
    background-color: gray;
    display: inline-block;
    border-radius: 5px;
}

/* temp-branding-css */

.branding-bar .logo{
    width : 229px;
    height: 49px;
}
.branding-bar .side-logo2 img{
    /* margin-left: 40px; */
}
.branding-bar .side-logo2 img:hover{
    cursor: pointer;
}
.branding-bar .side-logo3 img{
    /* margin-left: 40px; */
}

.nav-container-fluid{
    background-color: #3A35A4;
    padding: 0 !important;
    position: sticky;
    top: 0;
    z-index: 4;
}
.hidden-pages{
    position: sticky;
    z-index: 4;
    top: 75px;
}
.nav-links{
    font: normal 300 18px/24px Chillax;
    display: flex;
    align-items: flex-end;
    height: 24px;
}
.home-icon{
    height: 29px;
}
.nav-links .home-icon-adj{
    height: 25px;
    width: 25px;
}
.nav-links .wrap-link div{
    display: inline;    
}

.nav-parent .nav-btns{
    font-family: Chillax;
    font-weight: 450;
    font-size: 18px;
    line-height: 26px;
    color: #CBEDFD;
    letter-spacing: 0px;
    background: none;
    border: 1px solid;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 31px;
    padding-right: 32px;
    margin-left: 25px;

}

.nav-parent .nav-btns:hover{
    border: 1px solid #CBEDFD;
    background-color: #CBEDFD;
    color:  #3A35A4;
}
.nav-act-link{
    text-underline-offset: 5px;
    text-decoration: none;
    text-align: left;
    color: #CBEDFD;
    margin-left: 25px;
}

.nav-act-link-home{
    text-decoration: none;
    text-align: left;
    color: #CBEDFD;
}
.nav-act-link-home img{
    vertical-align: baseline;
}
.nav-parent{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 26px;
    padding-bottom: 26px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 20px;
    padding-top: 18px;
}
.nav-search-icon{
    font-size: 17px;
    color: #3A35A4;
    background-color: #CBEDFD;
    margin-left: 25px;
    vertical-align: middle;
    top: -3px;
    position: relative;
    padding: 7px;
    border-radius: 50%;
    border: 2px solid #CBEDFD;
}

.nav-search-icon:hover{
    border: 2px solid #CBEDFD;
    background-color : #3A35A4;
    color: #CBEDFD;
}
.side-logos .nav-search-icon{
    visibility: hidden;
    display: none;
}
.nav-parent .side-logos{
    visibility: hidden;
    display: none;
}

.branding-fluid-container .side-logos{
    display: flex;
    width: 30%;
    justify-content: space-between;
}
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .menu-item {
    position: relative;
    right: 20px;
  }
  
  .arrow {
    display: none; /* hidden by default */
    float: right;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
  }
  
  .submenu {
    display: none;
    position: relative;
    top:0.2rem;
    left: 1.3rem;
    margin-bottom: 0px;
    
  }
  .submenu li{
    transition: display 0.3s ease-in-out;
  }
  .menu-item.open .submenu {
    display: block;
  }
  
  .menu-item.open .arrow {
    transform: rotate(90deg);
  }
  
/* responsive */
/* Hamburger hidden on desktop */
.hamburger-btn {
    display: none;
    background: none;
    border: none;
    font-size: 26px;
    color: #CBEDFD;
}



/* banner */
.banner-add{
    min-height: 190px;
}
.interview-details-page .banner-add .banner01{
    margin-top: 8rem;
}
.interview-details-page .banner-add .banner-summit{
    /* margin-top: unset; */
}
.banner-add .banner01{
    max-width: 98%;
    padding: 0 !important;
}

.banner-add .banner-summit{
    max-width: 55%;
    max-height: 90px;
    padding: 0 !important;
}

.index-hero-carousel .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
}
.index-hero-carousel .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.title-btn{
    font: normal normal 600 14px/20px Chillax; 
    letter-spacing: 0px; 
    align-self: end;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: none;
    border: 1px solid;
    color: #CBEDFD;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    padding: 8px 16px;
}
.index-hero-carousel .title-wrap .title-btn{
    color: #3A35A4;  
}
.index-hero-carousel{
    margin-bottom: 70px;
}

























.carousel-container {
    margin: auto;
    padding: 20px 0;

}
.carousel-container .swiper-slide {
    display: flex !important;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    min-width: 100%;
    flex-shrink: 0;
    background: #18137B;
    height: 500px;
}
.slide-image {
    width: 60%;
}
.slide-content {
    width: 40%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #CBEDFD;
    text-align: left;
}
.slide-content strong {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #CBEDFD;
}

.slide-content p{
    margin-bottom: 0px;
}
.slide-content .description{
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #CBEDFD;
    margin-top: 40px;
}
.slide-content h2 {
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 800;  
    font-size: 30px;
    letter-spacing: 0px;
    color: #CBEDFD;
    
}



.controls-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    position: relative;
    bottom: 275px;
    z-index: 2;
}


.swiper-pagination-bullet-active {
    background-color: #4c4cff;
}
.swiper-pagination{
    position: relative;
    margin-top: 20px;
    z-index: 2;
}
.--swiper-theme-color{
    color: red;
} 






/* Button to open overlay */
.open-btn {
    padding: 10px 20px;
    font-size: 18px;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border: none;
    cursor: pointer;
}

/* Overlay styling */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-bg) 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-speed), visibility var(--transition-speed);
    z-index: 2;
}

/* When overlay is active */
.overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

/* Centered div inside overlay */
.overlay-content{
    max-width: 650px;
}
.overlay-content  img{
    width : 178px;
}
.overlay-content p{
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}
.overlay-content .title{
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 30px;
    font-family: Chillax;
    letter-spacing: 0px;
    color: #3A35A4;
}
.overlay-content h3{
    margin: 37px 0;
}
/* Close button */
.close-btn {
    padding: 10px 15px;
    font-size: 16px;
    margin-top: 20px;
    border:1px solid #3A35A4;
    border-radius: 10px;
    color: #3A35A4;
    cursor: pointer;
    background-color: transparent;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: Chillax;
    letter-spacing: 0px;
    color: #3A35A4;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 234px;
    transition: ease-in-out 0.4s;
}
.close-btn:hover{
    border: 1px solid #3A35A4;
    background-color: #3A35A4;
    color: white;
}
.overlay-content .btn-alignment{
    text-align: end;
}



/* cummunity overlay */

/* Overlay styling */
.overlaycommunity {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3A35A4FA 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-speed), visibility var(--transition-speed);
    z-index: 2;
}

/* When overlay is active */
.overlaycommunity.active {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

/* Centered div inside overlay */
.overlaycommunity-content{
    max-width: 650px;
}
.overlaycommunity-content  img{
    width : 228px;
}
.overlaycommunity-content p{
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #CBEDFD;
    margin-bottom: 0;
}
.overlaycommunity-content .title{
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 30px;
    font-family: Chillax;
    letter-spacing: 0px;
    color: #CBEDFD;
}
.overlaycommunity-content h3{
    margin: 37px 0;
}
/* Close button */
.closecommunity-btn {
    padding: 10px 15px;
    font-size: 16px;
    margin-top: 20px;
    border:1px solid #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    font-family: Chillax;
    padding-bottom: 8px;
    padding-top: 13px;
    width: 234px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0px;
    color: #CBEDFD;
    transition: ease-in-out 0.4s;
}
.closecommunity-btn:hover{
    border: 1px solid #CBEDFD;
    background-color: #CBEDFD;
    color:  #3A35A4;
}
.overlaycommunity-content .btncommunity-alignment{
    text-align: end;
}
.overlaycommunity-content .overlaycommunity-input{
    width: 100%;
    border-radius: 10px;
    margin: 47px 0 15px 0;
    padding-top: 13px;
    padding-bottom: 7px;
    padding-left: 35px;
    padding-right: 35px;
    border: none;
}

.overlaycommunity-content .overlaycommunity-input::placeholder{
    font: 500 20px/24px "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}



/* news-overlay */


/* Overlay styling */
.overlayNews {
    position: absolute;
    /* top: 169px; */
    width: 100%;
    height: 475px;
    background: #CBEDFDFA 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-speed), visibility var(--transition-speed);
    z-index: 2;
}

/* When overlay is active */
.overlayNews.active {
    opacity: 1;
    visibility: visible;
}
/* .nav-act-link:hover{
    cursor: pointer;
    text-decoration: underline;
} */
.nav-act-link:hover .overlayNews {
    opacity: 1;
    visibility: visible;
}

.overlayNews .cols-news{
    padding: 0;
}
.sidebar p {
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}

.sidebar{
    margin-top: 35px !important;
}

.sidebar ul {
    padding-left: 0;
}

.sidebar ul li {
    margin-bottom: 12px;
}
.view-all {
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    font-size: 20px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    margin-top: 31px;
}
.view-all:hover{
    cursor: pointer;
    text-decoration: underline;
}
.sidebar ul li a {
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}

.sidebar ul li a:hover {
    color: #3A35A4;
}

.overlayNews .news-card{
    max-width: 372px;
    border-bottom: none;
}
.cols-news .news-card img{
    top:0px;
}
.news-card img {
    width: 100%;
    min-height: 270px;
    border-radius: 8px;
}
.news-card  a{
    color: unset;
    text-decoration: none;
}
.news-card a:hover{
    text-decoration: underline;
}
.meta {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    margin: 20px 0;
}
.meta span{
font-style: normal;
font-variant: normal;
font-weight: 900;
font-size: 14px;
line-height: 24px;
font-family: "Inter", sans-serif;
letter-spacing: 0px;
color: #3A35A4;
}

.overlayNews  .sub-title {
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}

.left-news-card{
    margin-right: 36px;
}

.news-side-adjuster{
    left: -7px;
    position: relative;
}

.overlayNews .news-title{
    margin-bottom: 32px;
}

#overlayInsights .right-news-card img{
    max-width: 270px;
}
#overlayInsights .right-news-card .sub-title{
    width: 270px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #3A35A4;
}

#overlayInsights .right-news-card span{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0px;
    color: #3A35A4;
}

/* #overlayInsights .row{
    margin-bottom:15px;
} */

#overlayTheDots .container-fluid{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    /* height: 300px; */
}

#overlayTheDots .section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    height: 475px;
}

#overlayTheDots .section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
   
}



#overlayTheDots .section::before {
    mix-blend-mode: multiply;
}

#overlayTheDots .section span{
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0px;
    color: #CBEDFD;
    z-index: 0;
}

/* last-content */

.last-content .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
}
.last-content .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.last-content .title-wrap .title-btn{
    color: #3A35A4;
}
.title-wrap a{
    font: normal normal 600 14px/20px Chillax; 
    letter-spacing: 0px; 
    color: #3A35A4;   
    align-self: end;
    text-decoration: none;
}

.last-content .news-container {
    margin-top: 21px;
    position: relative;
}
.overflow-hidden{
    overflow: hidden;
    border-radius: 10px;
}
.last-content .news-container .news-image{
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease;
    overflow: hidden;
    scale: 1.02;
}
.last-content .news-container .news-image:hover{
   transform: scale(1.05);
}
.for-scaling-effect{
    transition: transform 0.3s ease;
}
.for-scaling-effect:hover{
    transform: scale(1.05);
}
.last-content .news-container .top-row{
    display: flex;
    gap:3%;
    color: #3A35A4;
}
.last-content .news-container .top-row .right-news{
    flex: 0 0 30%;
}
.last-content .news-container .top-row .left-news{
    flex: 0 0 67%;
}
.last-content .news-container .top-row .dimensions-adj-right{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.last-content .news-container .top-row .dimensions-adj-left{
    width: 100%;
    height: 400px;
}
.mobile_swiper{
    visibility:hidden;
    display: none;
}
.view-more{
    visibility:hidden;
    display: none;
    font: normal normal 600 20px/20px Chillax; 
    letter-spacing: 0px; 
    color: #3A35A4;   
    align-self: end;
    background: none;
}
.news-content strong {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}

.news-content p{
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 14px;
}
.news-content h2
 {
    margin-bottom: 0px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 800;  
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0px;
}
.news-card-wrapper {
    padding-bottom: 50px;
}
.video-info-wrapper .news-content h2{
    font-size: 30px;
}
.news-content a{
    text-decoration: none;
    color: #3A35A4 !important;
}

.news-content a:hover{
    text-decoration: underline;
}
.blue-container .news-content a{
    color: #CBEDFD !important;
}
.blue-container .title-btn{
    color: #CBEDFD;
}
.blue-container .title-btn a{
    color: #CBEDFD;
}
.blue-container .title-btn:hover a{
        color: #3A35A4;
}
.news-content h2 a{
    text-decoration: none;
    color: #3A35A4 !important;
}
.news-content h2 a:hover{
    text-decoration: underline;
}

.news-content h2 a:hover{
    text-decoration: underline;
}
.last-content .news-container .bottom-row{
    display: flex;
    gap: 3%;
    color: #3A35A4;
    margin-top: 70px;
}
.last-content .news-container .bottom-row .news-item{
    flex: 1;
}
.last-content .news-container .bottom-row .dimensions-adj{
    height: 270px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.last-content .news-container .bottom-row .news-content strong {
    font-size: 14px;
}

.last-content .last-side-content {
    position: absolute;
    left: -6.5%;
    top: 42.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }





  /* footer */

  
  .footer {
    background-color: #18137B;
    min-height: 520px;
    padding-top: 60px;
    padding-bottom: 86px;
}

.footer-container {
    display: flex;
    gap: 3%;
}

.footer-section {
    flex: 1;
    margin-bottom: 20px;
}

.branding {
    text-align: left;
}
.branding .logo{
    margin-bottom: 10%;
}
.logo img{
    width: 55%;
}

.social-icons span {
    margin-right: 21px;
    cursor: pointer;
}

.footer h3 {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #CBEDFD;
    margin-bottom: 17px;
}

.footer p {
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #CBEDFD;
}

ul {
    list-style: none;
    padding-left: 0 !important;
}

ul li {
    margin-bottom: 17px;
}
.footer .special-li {
    display: flex;
    align-items: center; 
    gap: 8px; 
}

ul li a {
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #CBEDFD;
}

ul li a:hover {
    text-decoration: underline;
}

.footer .email{
    margin-bottom: 0px !important;
}
.footer-container .about{
    flex: 0 0 50%;
}
.footer .contact{
    margin-top:85px;
    margin-bottom: unset;
}

.footer .special-links{
    font-family: Chillax;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #CBEDFD;
}
.footer .special-logo{
    width: 15px;
    height: 14px;
    text-align: center;
}
.footer-wrapper .footer-bottom{
    border-top: 1px solid #cbedfd42;
    min-height: 110px;
    background-color: #1D1B62;
    display: flex;          
    align-items: center;   
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #CBEDFD;
}
.footer-wrapper .footer-bottom p{
    margin-bottom: 0px;
}

/* news-section */
.news-section-wrapper .container-fluid{
    margin-top: 100px;
    background-color: #00000008;
    padding-bottom: 0;
}
.news-section-wrapper .margin-adjust{
    padding-top: 78px;
}
.news-section-wrapper .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
    padding-bottom: 25px;
}

.news-section-wrapper .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.news-section-wrapper .title-wrap .title-btn{
    color: #3A35A4;  
}

.news-section {
    display: flex;
    gap: 3%;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5%;
    flex: 2;
}
/* .news-card {
    border-bottom: 1px solid #3A35A4;
} */
.news-card img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 8px;
    position: relative;
    top:40px;
}

.category-tag {
    display: inline-block;
    background: #3A35A4;
    padding: 11px 16px 100px 16px;
    font-size: 12px;
    border-radius: 10px;
    margin-bottom: 5px;
    position: absolute;
    z-index: -1;
    font-family: Chillax;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #CBEDFD;
}



.news-card  .news-content{
    min-height: 155px;
}
.all-news-wrapper{
    flex: 0 0 64%;
}
.most-popular .news-content{
    color: #3A35A4;
    margin-top: 50px;
}
.news-section .news-content{
    color: #3A35A4;
    margin-top: 50px;
}
.most-popular .bottom{
    color: #3A35A4;
    margin-top: 20px !important;
    margin-bottom: 27%;
}
.most-popular {
    flex: 1;
    max-width: 302px;
    border-left: 2px solid #3A35A4;
    padding-left: 5.5%;
    padding-right: 1%;
    position: relative;
    right: 0;
    top: 12rem;
    background-color: #f7f7f7;
}



.most-popular ul::-webkit-scrollbar {
    width: 8px;
}

.most-popular ul::-webkit-scrollbar-track {
    background: #a5a3c6;
    border-radius: 4px;
}

.most-popular ul::-webkit-scrollbar-thumb {
    background-color: #3A35A4;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.most-popular ul::-webkit-scrollbar-thumb:hover {
    background-color: #2a2785;
}

.most-popular .popular-title{
    font-family: Chillax;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0px;
    color: #15AF97;
}

.font-size-changed{
    font-size: 30px !important;
    line-height: 36px !important;
}

.most-popular .popular{
    color: #3A35A4;
    margin-top: 0 !important;
}

.most-popular .popular p{
    margin: 0  0 10px 0!important;
}

.most-popular li{
    margin-bottom: 30px;
    border-bottom: 1px solid #3A35A4;
    padding-bottom: 41px;
        margin-right: 10px;
}
.most-popular .last-li{
    margin-bottom: 0px !important;
}
.most-popular ul{
    overflow-y: auto;
    margin-top: 30px;
    margin-bottom: 0;
    /*max-height: 2390px;*/
    max-height: 1070px;
    scroll-behavior: smooth;
}
.news-section-wrapper{
    position: relative;
}
.news-section-wrapper .side-content {
    position: absolute;
    left: 16.4rem;
    top: 20rem;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
    z-index: 6;
  }

  .banner-summit{
    background-color: #00000008;
  }
  .summit{
    min-height: 290px !important;
  }


  /* videos section */

.blue-container{
    background-color: #3A35A4;
    color:#CBEDFD;
}

.videos-section .margin-adjust{
    padding-top: 100px;
    position: relative;

}
.videos-section .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #CBEDFD;
    padding-bottom: 25px;
}
.videos-section .title-wrap .title{
    font-family: Chillax; 
    font-weight: 500;                 
    font-size: 30px;                     
    line-height: 39px;     
}

.blue-container .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #CBEDFD;
    padding-bottom: 25px;
}

.blue-container .title-wrap .title{
    font-family: Chillax; 
    font-weight: 500;                 
    font-size: 30px;                     
    line-height: 39px;     
}
.thumbnail-container {
    position: relative;
    display: inline-block; 
    width: 100%;
}

.thumbnail-image {
    width: 100%;
    display: block;
}

.youtube-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-info-wrapper{
    display: flex;
    gap:3%;
}
.video-info-wrapper .thumbnail-container{
    flex: 0 0 67%;
}
.videos-section .podcasts-page .video-info-wrapper .thumbnail-container .news-main-img {
    border-radius: 10px;
    width: 100%;
    height: 31.25rem;
    object-fit: cover;
}
.interviews-page .video-info-wrapper .thumbnail-container .news-main-img{
    width: 100%;
    height: 25rem;
    object-fit: cover;
}
.interviews-page .video-info-wrapper .thumbnail-container .news-main-img{
    width: 100%;
    height: 25rem !important;
    object-fit: cover;
}
.videos-details-page .insight-interviews{
    background-color: unset;
}
.videos-details-page .summit{
        margin-top: 8rem;
        min-height: unset !important;
}
.interview-details-page .video-info-wrapper .thumbnail-container .news-main-img{
    width: 100%;
    height: 35rem !important;
    object-fit: cover;
}
.video-info-wrapper .thumbnail-container .news-main-img{
    width: 100%;
    height: 41rem;
}
.videos-section .video-info-wrapper .thumbnail-container .news-main-img{
    height: unset;
}
.video-info-wrapper .video-desc{
    flex: 0 0 30%;
}
.videos-section .news-content p{
    margin-bottom: 0px !important;
}
.podcasts-page .news-content p{
    font-size: 16px;
}
.videos-page .news-content a h2{
    color: #3A35A4;
}
.videos-page .news-content a{
    text-decoration: none;
}
.videos-page .news-content a:hover{
    text-decoration: underline;
}
.interview-details-page .video-desc .news-content h2{
    font-weight: 500px;
    line-height: 50px;
}
.videos-section .video-details{
    margin-top: 70px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

.videos-section .bottom-row{
    display: flex;
    column-gap: 3%;
    row-gap: 2rem;
    color: #3A35A4;
    margin-top: 3%;
    flex-wrap: wrap;
}

.videos-section .bottom-row .news-item{
    flex: 1;
    margin-bottom: 3rem;
}
.insight-videos #videosTitle .title-btn{
    color: #3A35A4;
}
.videos-section .insight-videos-page .bottom-row .news-item{
        flex : 0 0 22.75%;
        margin-bottom: unset;
}
.videos-section .bottom-row .dimensions-adj{
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: center;
}

.videos-section .bottom-row .news-content strong {
    font-size: 14px;
}
.videos-section .bottom-row .news-content {
    color: #CBEDFD;
}

.videos-section .bottom-row .news-image{
    border-radius: 10px;
}

.text-banner{
    background-color: #CBEDFD;
    padding: 34px 50px;
    border-radius: 10px;
    margin-top: 37px;
}

.text-banner .text-banner-title-wrapper{
    display: flex;
    gap:9px;
    font-family: "Doto", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
    letter-spacing: 0px;
    color: #3A35A4;
    margin-bottom: 34px;
}
.text-banner .text-desc{
    font-family:"Doto", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 0px;
    color: #3A35A4;
}
.interview-info-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3%;
}
.interview .news-content{
    color: #CBEDFD;
}
.interview .img-interview{
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: top;  
    border-radius: 10px;
}

.interview .youtube-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top:unset;
    left:unset;
    transform: translate(-50%, -50%);
}


/* podcast */
.podcast .bottom-row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 0;
    color: #3A35A4;
    margin-top: 3px;
    padding-bottom: 100px;
    margin-bottom: 90px;
    grid-column-gap: 3%;
}
.podcast p{
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #CBEDFD;
    margin-top: 10px;
}

.podcast .news-content strong{
    font-size: 14px !important;
}
.podcast div.thumbnail-container img{
    transition: transform 0.3s ease;
}
.podcast div.thumbnail-container img:hover{
    transform: scale(1.05);
}
.news-content .podcast-sub-title strong{
    font-size: 16px !important;
}
/* agenda */

  .agenda .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
    margin-bottom: 33px;
}
.agenda_swiper_pagination{
    text-align: center; 
    margin-top: 40px;
    margin-bottom: 60px;
  }
.agenda .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.agenda .title-wrap .title-btn{
    color: #3A35A4;   
}

/* magazine */

.magazine .title-wrap{
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
}
.magazine .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.magazine .title-wrap .title-btn{
    color: #3A35A4;   
}

.magazine-wrapper{
    display: flex;
    gap: 3%;
    margin-bottom: 50px;
}

.hero-magazine-title{
    margin-top: 20px;
    font: normal normal 900 24px/27px 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}
.hero-magazine-subtitle{
    margin-top: 20px;
    font: normal normal normal 14px/17px 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}
.hero-magazine img{
    height: 100%;
    width: 100%;
}

.other-magazine-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    row-gap: 3rem;
}
.magazine-pages .other-magazine-wrapper{
    justify-content: space-between;
    margin-bottom: 5rem;
}
.magazine-pages .magazine-wrapper{
    display: unset;
}
.other-magazine-wrapper .other-magazine-slide img{
    width: 100%;
}
.magazine-pages .other-magazine-wrapper .other-magazine-slide img{
    border-radius: 10px;
}
.other-magazine-slide a p{
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 22px;
    font-family: 'Inter', sans-serif;
    color: #3A35A4;
}
.other-magazine-slide a {
    text-decoration: none;
}
.other-magazine-slide a:hover{
    text-decoration: underline;
}
.other-magazine{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mag-btns{
    font: normal normal 600 14px/20px 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    border: 1px solid;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    width: 330px;
    height: 35px;
    background: none;
}

.mag-btns:hover{
    background-color: #3A35A4;
    color:  #CBEDFD;
}

.magazine-btns{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.5%;
    gap: 3%;
}

/* job-offer */
.job-offer{
    background-color: #00000008;
    padding-top: 119px;
}

.job-info-page .job-offer-wrapper{
    display: flex;
    row-gap: 2rem;
    column-gap: 3%;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 200px;
}
.job-offer-wrapper{
    display: flex;
    gap: 3%;
    /* column-gap: 3%; */
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 200px;
}
.job-offer .title-wrap{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #5e5e5e;
}
.job-offer .title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #000000;  
}
.job-offer .title-wrap .title-btn{
    color: #000000;   
}

.job-offer-desc{
    height: 7rem;
}

.job-offers{
    margin-top:30px;
}

.offer-title{
    font: normal normal 900 24px/20px 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 20px;
}

.offer-location{
  font: normal normal bold 16px/20px 'Inter Display', sans-serif;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
  gap: 3px;
}
.offer-locations{
    margin-top: 20px;
}

.offer-btns{
    font: normal normal 600 14px/20px 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: black;
    border: 1px solid;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    width: 100%;
    height: 35px;
}

.unset-top-margin{
    margin-top: 0;
}
.offer-btns:hover{
    background-color: black;
    color:  white;
}

.job-offer-image{
    border-radius: 10px;
    height: 372px;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    border: 2px solid black;
}
.job-offer-image img{
    width: 90%;
}
.job-offer-wrapper .flex-adjuster{
    flex: 0 0 30%;
}
.job-offer-image-small{
    border-radius: 10px;
    height: 234px;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    border: 2px solid black;
}
.job-flex-adjuster .job-offer-image-small img{
    width: 100%;
}
.job-small-wrapper {
    display: flex;
    flex: 0 0 67%;
    gap: 3%;

    justify-content: space-between;
}

.job-offer-image-small img{
    width: 80%;
}
.job-info-page .job-offer-wrapper > *{
    flex: 0 0 22.75%;
}
  .job-details-page-banner-wrapper{
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    gap: 4%;
  }
  .job-details-page-banner-wrapper > *{
    flex: 0 0 23.7%;

  }
  .job-details-page-banner-wrapper .offer-title{
    margin-top: unset;
  }
  .job-info-page .job-details-page-banner-wrapper .offer-btns {
    margin-top: 1.5rem;
}

.job-info-page .job-details-page .side-content-insights
{
    top: 23.7rem;
}
  .job-details-page-banner-wrapper .job-offer-image-small{
    height: 17.2rem;
  }
.job-info-page .job-offer-image-small img{
    width: 80%;
}

.job-details-page .video-desc{
    color: #3A35A4;
    margin-top: 4.25rem;
}

.job-details-page .news-content h2{
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    font-family: 'Inter', sans-serif;
}
.videos-section .job-details-page .video-details{
        margin-top: 1.5rem;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
}

.job-details-page .banner-summit{
    background-color: unset;
}
.e-news-letter .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
.e-news-letter{
    padding-bottom: 15.5%;

}

.e-news-letter .title-wrap2{
    padding-top: 10px;
    border-top: 2px solid #5e5e5e;
}
.e-news-letter .title-wrap2 .title{
    font: normal normal 500 30px/42px 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: #000000;
}
.e-news-letter .input-wrapper{
    margin-top: 30px;
    flex-wrap: wrap;
    display: flex;
    gap: 1.5rem;
}
.e-news-letter .input-wrapper *{
    flex: 0 0 49%;
}
.e-news-letter .input-wrapper input::placeholder{
    font: normal normal 500 20px/24px 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #000000;
}
.e-news-letter .input-wrapper input{
    padding:8px 35px;
    border: none;
    border-radius: 10px;
    font: normal normal 500 20px/24px 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #000000;
}

.e-news-letter .form-wrapper button{
    align-self: end;
    width: 21.5% !important;
}


.agenda .carousel-container {
    position: relative;
    overflow: hidden;
  }
  
  .agenda .carousel-track {
    display: flex;
    gap: 45px;
    transition: transform 0.5s ease-in-out;
  }

  .agenda.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    width: calc(100% * 2);
  }
  
  .agenda.carousel-slide {
    min-width: calc(100% / 3); 
    flex: 0 0 calc(100% / 3);
  }
  
  .agenda .carousel-slide {
    max-width: 372px;
    height: 38rem;
    color: #CBEDFD;
    background-color: #3A35A4;
    transition: 0.2s ease-in-out;
    border-radius: 10px;
    border: 1px solid;
  }
  
  .agenda .agenda-slide-img img{
    border-radius: 10px 10px 0 0;
    width: 372px;
    height: 180px;
  }
  
  
  .agenda .carousel-pagination {
    text-align: center;
    margin-top: 10px;
  }
  
  .agenda .carousel-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    background-color: #46446576;
    border-radius: 50%;
    cursor: pointer;    
  }

  .agenda .carousel-dot.active {
    background-color: #3A35A4;
  }
  

  .controls-wrapper-car-2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    margin: auto;
    position: relative;
    bottom: 27rem;
}
.controls-wrapper-car-2 img:hover{
    cursor: pointer;
}

.agenda-slide-title{
    font: normal 900 14px/20px "Inter", sans-serif;
    letter-spacing: 0px;
    margin-top: 30px;
}

.agenda-slide-subtitle{
    font: normal 400 14px/20px "Inter", sans-serif;
    letter-spacing: 0px;

}

.agenda-slide-desc-info{
    font: normal 400 16px/20px "Inter", sans-serif;
    letter-spacing: 0px;
    margin-top: 15px;
}   

.agenda .carousel-slide:hover{
    color:  #3A35A4 !important;
    background-color:white ;
    
}

.agenda .carousel-slide:hover .review-btns{
    color: #3A35A4;
    border: 1px solid #3A35A4;
}

.agenda .carousel-slide:hover .review-btns:hover {
    background-color: #3A35A4;
    color: #CBEDFD;
  }

.agenda .review-btns{
    margin-top: 27px;
    font: normal 600 14px/20px "Chillax Variable", sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: none;
    border: 1px solid;
    color: #CBEDFD;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    padding: 8px 16px;
}

.agenda .review-btns:hover{
    border: 1px solid #3A35A4;
    background-color: #CBEDFD;
    color:  #3A35A4;
}
.agenda .btn-align-register{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.upcoming-events .btn-align-register{
    padding: 0 30px;
    padding-bottom: 21px;
}

.news-nav-btn {
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Chillax';
    letter-spacing: 0px;
    color: #3A35A4 !important;
    border: 1px solid #3A35A4;
    padding: 3px 13px;
    transition: .2s ease-in-out;
}
.news-nav-btn:hover{
    color: #FFFFFF !important;
    background-color: #3A35A4;
}

.news-nav-wrapper{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}
.news-nav-btn-active{
    color: #FFFFFF !important;
    background-color: #3A35A4;
}

.uni-title-wrap{
    display: flex;
    text-transform: uppercase;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 2px solid #3A35A4;
}
.uni-title-wrap .title{
        font-family: Chillax; 
        font-weight: 500;                 
        font-size: 30px;                     
        line-height: 39px;          
        color: #3A35A4;  
}
.uni-title-wrap .title-btn{
    color: #3A35A4;   
}

.news-content-wrapper{
    margin-top: 30px;
    margin-bottom: 75px;

}
.news-content-banner img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
    scale: 1.01;
}
.news-img-wrap{
    overflow: hidden;
}
.news-content-wrapper .news-content h2 {
    font-size: 20px;
}
.news-content-wrapper .news-content{
    color: #3A35A4;
}

.news-content-wrapper .news-content-desc{
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Inter';
    letter-spacing: 0px;
}

.news-content-wrapper .side-content {
    position: absolute;
    top: 6%;
    left: -6%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }

.news-normal-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3%; 
    color: #3A35A4;
}

.news-normal-wrapper img{
    width: 100%;
    height: 435px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
}
.news-normal-text{
    margin-top: 20px;
}

.news-normal-wrapper .news-content-desc{
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Inter';
    letter-spacing: 0px;
}
.news-page-news-sec{
    margin-top: 70px;
    margin-bottom: 70px;
}
.news-page-news-sec .news-grid{
    grid-row-gap: 70px;
    grid-column-gap: 3%;
}
.news-page-news-sec .news-card {
    height: unset;
    border-bottom: unset;
}

.news-page-news-sec .news-card   img{
    position: relative;
    top:0px;
}  
.news-page-news-sec .news-content {
    margin-top: unset;
}
.news-page-news-sec .most-popular{
    margin-top: unset;
}

.news-bottom-grid{
    display: flex;
    gap: 3%;
    color: #3A35A4;
}

.bottom-news img{
    border-radius: 10px;
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: top;
}
.bottom-news{
    flex:1;
}
.news-page-news-bottom {
    margin-bottom: 90px;
}

.news-letter-last-content-wrapper{
    background-color: #00000008;
}

.news-letter{
    padding-top: 90px;
}

.news-letter-last-content-wrapper .e-news-letter{
    padding-bottom: 100px;
}
    .checkbox-wrapper {
      display: flex;
      align-items: center;
      cursor: pointer;
      user-select: none;
      color: black;
      padding-left: 0.5%;
      margin-top: 7px;
    }
    .unset-top-margin{

    }
    .custom-checkbox {
      width: 18px;
      height: 18px;
      border: 2px solid #333;
      display: inline-block;
      position: relative;
      margin-right: 8px;
    }

    .custom-checkbox.checked::after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #333;
      position: absolute;
      top: 2px;
      left: 2px;
    }
.e-news-letter .title-wrap2 p{
    color: black;
    font-size: 18px;
}
.news-image-title{
    color: #CBEDFD;
    display: flex;
    background-color: #2a2785;
    justify-content: space-between;
    padding: 0 25px;
    height: 4rem;
    align-items: center;
}
.news-image-title .title-btn{
    align-self: center;
}
.news-image-title .title-btn:hover{
    background-color: #CBEDFD;
    color: #2a2785;
}
.news-image-title .title-btn:hover a{
    color: #2a2785;
}
.news-image-title .title-btn a{
        color: #CBEDFD;
    text-decoration: none;
}
.news-image-title .news-image-type{
    font-size: xx-large;
}
/* newsDesc */
.heading-line{
    margin-bottom: 20px;
    color: #3A35A4;
}
.heading-line a{
    text-decoration: none;
}
.news-itself{
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-header-title{
    font-family: 'Inter', sans-serif;
    font-weight: 500; /* 'medium' typically maps to 500 */
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-header-desc{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 500; /* medium */
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-desc img{
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
}

.news-desc-wrapper{
    margin-top: 70px;
    position: relative;
}
.news-desc-wrapper .newsDesc{
    margin-top: 25px;
    margin-bottom: 60px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    font-size: 36px !important;
    line-height: 36px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-desc-wrapper .desc-page-desc{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-desc-wrapper .desc-page-desc-pointer{
    margin-top: 60px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}

.news-desc-wrapper .desc-page-desc-pointer-desc{
    margin-top: 30px;
    font-family: 'Intery', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #3A35A4;
}
.news-desc-wrapper .description-list {
    margin-top: 30px;
}

.news-desc-wrapper .news-content-text{
    padding-bottom: 50px;
    border-bottom: 2px solid #3A35A4;
}

.social-desc-wrapper{
    display: flex;
    gap:20px;
    margin-bottom: 130px;
}

.social-link{
    border: 1px solid #3A35A4;
    padding: 7px 15px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    color: #3A35A4;
    border-radius: 5px;
    background-color: white;
}


.copy-link-btn button:hover{
    background-color: #3A35A4;
    color: #fff;
}
.copy-link-btn button{
    padding: 7px 4px;
    border-radius: 5px;
    border: 1px solid #3A35A4;
    background: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    color: #3A35A4;
    transition: 0.2s ease-in-out;
}

.insight-videos{
    color: #3A35A4 !important;
}

.insight-videos .title-wrap {
    border-top: 2px solid #3A35A4;
}

.insight-videos .margin-adjust{
    padding-top: unset !important;
}

.videos-section .insight-videos .bottom-row .news-content {
    color: #3A35A4;
}


.insight-interviews{
    margin-top: 75px;
    background-color: #00000008;
    color: #3A35A4;
}
.interview-details-page .insight-interviews{
    background-color: unset;
}
.insight-interviews .margin-adjust{
    padding-top: 70px;
}

.insight-interviews .interview .news-content{
    color: #3A35A4;
}

.insight-interviews .title-wrap {
    border-top: 2px solid #3A35A4;
}

 .insight-podcasts .podcast .bottom-row{
    margin-bottom: 0;
  }
  .insights-surveys{
    padding-top: 78px;
    background-color: #00000008;
    padding-bottom: 165px;
  }
.insight-magazines{
    padding-top: 80px;
}



.left-side-social .social-bar {
    position: fixed;
    left: 30px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-family: "Chillax", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
  }
  .left-side-social .dot{
    font-weight: 600;
  }
  .left-side-social .social-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
.agenda-slide-desc-info span{
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
}
  .agenda-cards{
    margin-top: 20px;
    margin-bottom: 100px;
  }

  .agenda-cards .agenda-wrapper{
    margin-bottom: 40px;
  }
.agenda-cards .agenda-wrapper{
    display:flex;
    color: #3A35A4;
    /* height: 300px; */
}
.agenda-cards .agenda-wrapper img{
    width: 142px;
}
.agenda-cards .agenda-wrapper .agenda-image, .agenda-cards .agenda-wrapper .agenda-desc{
    width: 50%;
}
.agenda-cards .agenda-wrapper .agendabanner01{
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 10px;
}
.agenda-cards .agenda-desc{
    border-top: 1px solid #3A35A4;
    border-right: 1px solid #3A35A4;
    border-bottom: 1px solid #3A35A4;
    border-radius: 0 10px 10px 0;
}
.agenda-cards .agenda-title-wrapper{
    display: flex;
    justify-content: space-between;
}
.container-agenda{
    position: relative;
}
.agenda-cards .agenda-desc{
    padding-top: 36px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.agenda-cards .agenda-desc .agenda-slide-title{
    margin-top: 0px;
}

.agenda-cards .agenda-desc .agenda-slide-desc-info{
    height: unset;
}
.agenda-cards .review-btns{
    margin-top: 27px;
    font: normal 600 14px/20px "Chillax Variable", sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: none;
    border: 1px solid;
    color: #3A35A4;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    padding: 8px 16px;
}

.agenda-cards .review-btns:hover{
    border: 1px solid #3A35A4;
    background-color: #3A35A4;
    color:  #CBEDFD;
}
.btn-align-register{
    display: flex;
    justify-content: flex-end;
}

.upcoming-events{
    margin-top: 30px;
}
.upcoming-events .carousel-container {
    position: relative;
    overflow: hidden;
  }
  
  .upcoming-events .carousel-track {
    display: flex;
    gap: 3%;
    transition: transform 0.5s ease-in-out;
  }

  .agenda-slide-text{
    padding: 30px 30px 21px 30px;
    flex: 1;
  }
  .upcoming-events.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    width: calc(100% * 2);
  }
  
  .upcoming-events.carousel-slide {
    min-width: calc(100% / 3); 
    flex: 0 0 calc(100% / 3);
  }
  
  .upcoming-events .carousel-slide {
    /* flex: 1; */
    max-width: 100%;
    color: #CBEDFD;
    background-color: #3A35A4;
    transition: 0.2s ease-in-out;
    border-radius: 10px;
    border: 1px solid;
    display: flex;
    flex-direction: column;

  }
  
  .upcoming-events .agenda-slide-img img{
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 180px;
  }
  

  
.upcoming-events .carousel-slide:hover{
    color:  #3A35A4 !important;
    background-color: white;
    border: 1px solid;
    
}
.hover-img{
    position: absolute;
    opacity: 0;
    left: 0px;
    bottom: 0px;
}
.agenda-slide-logo{
    position: relative;
}
.agenda-slide-logo img{
    height: 16px;
}
 .carousel-slide:hover .hover-img {
    opacity: 1;
  }
  
.carousel-slide:hover .default-img {
    opacity: 0;
  }
.upcoming-events .carousel-slide:hover .review-btns{
    color: #3A35A4;
    border: 1px solid #3A35A4;
}

.upcoming-events .carousel-slide:hover .review-btns:hover {
    background-color: #3A35A4;
    color: #CBEDFD;
  }

.upcoming-events .review-btns{
    font: normal 600 14px/20px "Chillax Variable", sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    background: none;
    border: 1px solid;
    color: #CBEDFD;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    padding: 8px 16px;
}

.upcoming-events .review-btns:hover{
    border: 1px solid #3A35A4;
    background-color: #CBEDFD;
    color:  #3A35A4;
}
.btn-align-register{
    display: flex;
    justify-content: flex-end;
}


/* help */

.help{
    margin-top: 100px;
    margin-bottom: 100px;
}

.help-wrapper .help-title{
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 50px;
    font-family: 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: #CBEDFD;
}

.help-wrapper .help-sub-text{
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: #CBEDFD;
}

.help-wrapper {
    background-color: #3A35A4;
    display: flex;
    flex-direction: column;
    min-height: 225px;
    position: relative;
    border-radius: 10px;
    padding: 20px 40px;
  }
  
  .help-btn {
    align-self: flex-end;
    margin-top: auto; 
    border-radius: 10px;
    color: #CBEDFD;
    background-color: #3A35A4;
    border: 1px solid #CBEDFD;
    padding: 8px 50px;

    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Chillax', sans-serif;
    letter-spacing: 0px;
    color: #CBEDFD;
    transition: .2s ease-in-out;
  }

  .help-btn:hover{
    background: #CBEDFD;
    color: #3A35A4;
  }
  .past-event-pt{
    padding-top: 8rem;
  }
  .past-events .past-container{
    margin-top: 40px;
  }
  .past-event-row{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid #3A35A4;
  }
  .past-events .row-title{
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
  }
  .past-events .row-subtitle{
    font-style: normal;
    font-variant: normal;
    font-weight: 500; 
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
  }

  .know-more-btn{
    align-self: flex-end;
    margin-top: auto; 
    border-radius: 10px;
    color: #3A35A4;
    border: 1px solid #3A35A4;
    padding: 8px 24px;

    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Chillax', sans-serif;
    letter-spacing: 0px;
    transition: .2s ease-in-out;
    background: none;
  }

  .know-more-btn:hover{
    background: #3A35A4;
    color: #CBEDFD;
  }

  .know-more-btn-wrapper{
    align-self: center;
  }
  .past-events{
   margin-bottom: 5rem;
  }

.agenda-cards{
    position: relative;
}
.agenda-cards .side-content {
    position: absolute;
    bottom: 52%;
    left: -4.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }

  .videos-section{
    position: relative;
}
.videos-section .side-content {
    position: absolute;
    bottom: 52rem;
    left: -6.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }
  .videos-section .insight-videos .side-content-insights{
    color: #3A35A4;
    top: 23.7rem;
  }
  .videos-section .insight-videos .interviews-page .side-content-videos{
    top: 24rem;
  } 
  .videos-section .insight-videos .side-content-videos{
    top: 13.5rem;
  } 
  .videos-section .podcasts-page .side-content-videos {
    top: 23rem;
}
.podcasts-page .news-content .podcasts-details-title{
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Inter Display', sans-serif;

}
.iframe-magazine{
    height: 672px;
}
.magazine-pages .other-magazine-slide {
    flex: 0 0 31%;
    padding: 20px 10px 40px 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: 0.1s ease-in-out;
    position: relative;
}
.magazine-pages .other-magazine-slide:hover{
    background-color: #3A35A4;
    color: #CBEDFD;
}

.magazine-pages .other-magazine-slide:hover a p{
    color: #CBEDFD;
}

.magazine-pages .other-magazine-slide:hover .new-label{
    opacity: 1;
}

.magazine-pages .other-magazine-slide:hover a:hover{
    color: #CBEDFD;
}

.new-label {
    position: absolute;
    top: -32px;
    left: 0; 
    background-color: #3A35A4;
    color: #CBEDFD;
    padding: 4px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1;
    opacity: 0;
    transition: 0.1s ease-in-out;
}
/* .magazine-pages .other-magazine-wrapper .other-magazine-slide img {
    width: 17rem;
    height: 24.5rem;
} */
.podcast-video-details{
    margin-top: 30px !important;
}
.podcasts-page .news-content .podcasts-details-title{
    margin-top: 0;
}
.podcasts-page .news-content .podcasts-details-title strong{
    font-size: 20px;
}
.podcasts-page .news-content .podcasts-details-sub-title{
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 36px;
line-height: 48px;
font-family: 'Inter Display', sans-serif;

}
.podcasts-page .news-content .podcasts-details-sub-title strong{
    font-size: 36px !important;
}
.podcasts-details-page .video-info-wrapper{
    display: block;
}
  .videos-section .side-content-insights {
    position: absolute;
    top: 29.7rem;
    left: -6%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #CBEDFD;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }
  .job-page{
    position: relative;
  }

  .job-info-page  .offer-btns{
    margin-top: unset;
  }

  .job-info-page .job-offer-wrapper{
    padding-bottom: 60px;
  }
.job-info-page .side-content-insights {
    position: absolute;
    top: 25.7rem;
    left: -6%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }


  .forSideNews{
    position: relative;
  }

 .news-side-content{
    position: absolute;
    top: 38rem;
    left: 14.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color:#3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }

.insight-videos-page{
    position: relative;
    margin-top: 40px;
}

.insight-videos-page .news-normal-wrapper{
    margin-top: 3.5%;
}
.news-normal-image .videos-youtube-icon {
    position: absolute;
    height: 2.5rem;
    width: 3.5rem;
    top: 50%;
    left: 45%;
}

.insight-videos-page .news-normal-wrapper .news-normal-image{
    position: relative;
}

.videos-page .text-banner{
    margin-bottom: 8rem;
}
.videos-page .title-wrap{
    border-color: #3A35A4;
}
.videos-page .bottom-row .news-content{
    color: #3A35A4;
}

.videos-page .news-container .last-content{
    position: absolute;
    left: -6.5%;
    top: 42.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px/93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
  }

.videos-details-page .video-info-wrapper{
    display: block !important;
}

.videos-details-page .video-info-wrapper .video-details{
    margin-top: 25px;
}

.videos-details-page .news-letter-last-content-wrapper{
    margin-top: 6.75rem;
}
.interview-details-page .news-letter-last-content-wrapper{
    margin-top: 3.75rem;
}

div.insight-videos > div > div.video-info-wrapper > div.thumbnail-container > img.news-main-img{
    height: 35rem;
    object-fit: cover;
    border-radius: 10px;
}
.news-container .last-content{
    position: absolute;
    left: -6.5%;
    top: 42.5%;
    transform: matrix(0, -1, 1, 0, 0, 0);
    transform-origin: left;
    text-align: left;
    font: normal normal normal 72px / 93px "Doto", sans-serif;
    letter-spacing: 0px;
    color: #3A35A4;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
}


.admin-home-svg{
    height: 15px;
    width: 15px;
    position: relative;
    top:18px;
}


.language-dropdown .language-selector {
    position: relative;
    cursor: pointer;
    user-select: none;
    z-index: 100;
  }

 .language-dropdown .selected-language {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: 30px;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
  }

  .language-dropdown .selected-language img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
  }

  .language-dropdown .lang-arrow {
    display: block;
    margin-left: auto;
    transition: transform 0.3s ease;
  }

  .language-dropdown .language-selector.open .lang-arrow {
    transform: rotate(180deg);
  }

  .language-dropdown .dropdown {

    position: absolute;
    top: 110%;
    right: 0;
    color: black;
    background: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, width 0.3s ease;
  }

  .language-dropdown .dropdown.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
    width: 160px;
  }

  .language-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    transition: background 0.2s ease;
    cursor: pointer;
  }

  .language-dropdown .dropdown-item:hover {
    background: #f0f0f0;
  }

  .language-dropdown .dropdown-item img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }

  .top-padding-adjust{
    padding-top: 5rem;
  }

  .agenda-program-wrapper{
    display: flex;
    gap: 5%;
    padding: 2%;
    background-color: #453fc7;
    border-radius: 15px;
    min-height: 250px;
    transition: 0.1s ease-in-out;
  }
  .agenda-program-card{
    flex: 0 0 25%;
    border: 2px solid;
    border-radius: 15px;
    padding: 1%;
    height: fit-content;
  }

  .agenda-program-day{
    font-weight: 500;
  }

  .agenda-program-date{
    font-size: x-large;
    font-weight: 600;
  }
  .agenda-program-date span{
     vertical-align: super;
  font-size: 0.6em;
  }
  .agenda-program-by{
    font-size: 18px;
    margin-bottom: 40px;
  }

  .agenda-program-details{
    padding-top: 0.8%;
    position: relative;
  }

  .agenda-program-title-img{
    /* height: 25px; */
  }

  .agenda-program-desc{
    margin-top: 2%;
    padding-bottom: 8%;
  }
  .agenda-program-know-more{
    position: absolute;
    bottom: 0;
    right: 0;
    text-decoration: none;
    color: #CBEDFD;
    border: 1px solid;
    padding: 8px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
  }

   .agenda-program-wrapper:hover .agenda-program-hover-img {
    opacity: 1;
  }
  
.agenda-program-wrapper:hover .default-img {
    opacity: 0;
  }

  .agenda-program-hover-img{
    position: absolute;
    opacity: 0;
    left: 0px;
    top: 11px;
}
.agenda-program-wrapper:hover {
    background-color: #CBEDFD;
    color: #3A35A4;
}

.agenda-program-wrapper:hover .agenda-program-know-more{
    background-color: #CBEDFD;
    color: #3A35A4;
}

.agenda-program-wrapper:hover .agenda-program-know-more:hover{
    background-color: #3A35A4;
    color: #CBEDFD;
}

.agenda-programs{
    display: grid;
    row-gap: 20px;
    padding-bottom: 5rem;
}

/* the dots */
.the-dots-links{
    text-decoration: none;
}
.the-dots-links span{
    transition: 0.2s ease-in-out;
}
.the-dots-links:hover span{
    scale: 1.1;
    text-decoration: underline;
}
.agency-container{
    color: #3A35A4;
    margin-bottom: 3rem;
}
.agency-title{
    font-size: 76px;
    font-weight: 700;
}
.the-dots-sider{
    top: 43rem;
}
.agency-desc{
        font-weight: 600;
}

.agency-img-desc-wrapper{
    display: flex;
    gap: 4%; 
    color: #3A35A4;   
    margin-bottom: 3rem;
}
.agency-img{
  flex:0 0 50%;
  border-radius: 10px;
  width: 100%;
}
.agency-img-desc{
    flex: 0 0 50%;
    padding-bottom: 20px;
}

/* what-we-do */
.what-we-do{
    background: #3A35A4;
    padding: 2% 4%;
    border-radius: 10px;
    color: #CBEDFD;
    margin-bottom: 7rem;
}
.what-we-do-title{
    font-size: xxx-large;
    font-weight: 700;
}
.what-we-do-descriptor{
    font-weight: 600;
}

.what-we-do-desc ul {
    list-style-type: disc;
    padding-left: 20px !important;
}
.what-we-do-desc ul li{
    margin-bottom: unset;
}
.what-we-do-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
}
.what-we-do-social-icon{
    display: flex;
    gap: 50%;
}

.uni-blue-btn{
    text-decoration: none;
    padding: 8px 24px;
    border-radius: 10px;
    color: #CBEDFD;
    border: 1px solid;
    transition: 0.1s ease-in-out;
}

.uni-blue-btn:hover{
    cursor: pointer;
    background-color: #CBEDFD;
    color: #3A35A4;
}

.agency-img-info .agency-img-info-desc{
    margin-top: 2rem;
    font-size: 20px;
    font-weight: 600;
}

.agency-img-info ul{
    margin-top: 1rem;
    list-style-type: disc;
    padding-left: 20px !important;
}

.agency-img-info ul li{
    margin-bottom: unset;
    font-size: 18px;
}

.contact-btn-alignment{
    display: flex;
    justify-content: end;
    margin-bottom: 7rem;
}
.contribute-btn-alignment{
   justify-content: start;
   margin-bottom: 0;
}
.uni-white-bg-btn{
    text-decoration: none;
    border: 1px solid;
    padding: 6px 30px;
    border-radius: 10px;
    color: #3A35A4;
}

.contribute-uni-white-bg-btn{
    padding: 6px 80px;
}
.uni-white-bg-btn:hover{
    background-color: #3A35A4;
    color: #CBEDFD;
}

.about-us-img-desc-wrapper{
    color: #3A35A4;
}
.about-us-img{
    width: 100%;
    max-height: 200px;
    border-radius: 10px;
    object-fit: cover;
}
.about-us-desc{
    margin-bottom: 5rem;
}
.about-us-desc ul{
    margin-top: 1rem;
    list-style-type: disc;
    padding-left: 20px !important;
}

.about-us-desc ul li{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.magazine-release-date span{
    font-size: small;
}

.magazine-quote{
    font-size: small;
}
.magazine-release-date{
    margin-top: 5px;
}

.magazine-contribute-parent{
    background-color: #00000008;
    margin-bottom: 2rem;
}
.magazine-contribute{
    color: #3A35A4;
    padding: 5rem 0;
}
.magazine-contribute-title{
    margin-bottom: 2rem;
    font-size: xxx-large;
}

.magazine-contribute-desc ul{
    margin-top: 1rem;
    list-style-type: disc;
    padding-left: 20px !important;
    margin-bottom: 5rem;
}

.magazine-contribute-desc ul li{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

/* tech50 */
.tech50-section{
    color: #3A35A4;
}

.tech50-alphabets{
    display: flex; 
    gap: 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.tech50-alphabets a{
    text-decoration: none;
    color: unset;
}
.tech50-alphabets a:hover{
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.tech50-alphabets a.active{
    font-weight: bold;
    text-decoration: underline;
}

.tech50-row{
    margin: 2rem 0;
    display: flex;
    gap: 2px;
}

.tech50-header div{
    background-color: #3A35A4;
    font-weight: 600;
    color: #CBEDFD;
    padding: 10px 10px 10px 20px;
}
.tech50-content .tech50-col-one, .tech50-col-two, .tech50-col-three{
    padding: 30px 20px 20px 20px;
}
.tech50-content .tech50-col-one{
    text-align: center;
    border-right: 2px solid;
}

.tech50-content .tech50-col-two{
    flex: 0 0 25%;
    border-right: 2px solid;
}

.tech50-content .tech50-col-three{
    flex: 0 0 49%;
}
.tech50-content .tech50-contact-person{
    font-weight: 700;
}
.tech50-row .tech50-col-one{
    flex: 0 0 25%;
}
.tech50-row .tech50-col-two{
    flex: 0 0 25%;
}

.tech50-row .tech50-col-three{
    flex: 0 0 49%;
}
.tech50-location-wrapper, .tech50-call-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}
.tech50-location-wrapper, .tech50-call-wrapper div{
    margin-top: 10px;
    font-weight: 700;
}
.tech50-row .tech50-col-three svg{
    width: 30px;
}

.tech50-row .tech-location, .tech-phone{
    max-width: 300px;
}

.tech50-content{
    background-color: #00000008;
}

.tech50-content .contact-btn-alignment{
    display: flex;
    justify-content: end;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.tech50-pagination{
    display: flex;
    justify-content: center;
    gap: 2%;
    align-items: center;
    margin-bottom: 7rem;
}

.tech50-pagination div{
    border: 2px solid #3A35A4;
    border-radius: 11px;
}
.tech50-pagination svg:hover{
    fill: #CBEDFD;
    background-color: #3A35A4;
}
.tech50-pagination svg.active, .tech50-pagination .active{
    fill: #CBEDFD;
    background-color: #3A35A4;
    color: #CBEDFD;
}

.tech50-page{
    padding: 5px 15px;
}
.tech50-pagination div:hover{
    color: #CBEDFD;
    background-color: #3A35A4;
}
.tech50-pagination svg{
    fill: #3A35A4;
    width: 35px;
    height: 35px;
    border-radius: 7px;
}
#nav-job-offers:hover{
    text-decoration: underline;
}

.job-offers-container .news-nav-wrapper{
    margin-top: 2rem;
}
.job-offers-sider{
    top: 45rem;
}
.job-offer-page-wrapper{
    display: flex;
    gap: 1%;
    color: #3A35A4;
    align-items: stretch;
    margin-bottom: 7rem;
}
.job-offer-cards-wrapper{
    flex: 0 0 32%;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-right: 0.7rem;
}




.job-offer-cards-wrapper::-webkit-scrollbar {
    width: 8px;
}

.job-offer-cards-wrapper::-webkit-scrollbar-track {
    background: none;
    border-radius: 4px;
    border: 1px solid #3A35A4;
}

.job-offer-cards-wrapper::-webkit-scrollbar-thumb {
    background-color: #636363;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.job-offer-cards-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #636363;
}

.job-offer-cards{
    border: 1px solid;
    border-radius: 10px;
    padding: 5%;
    margin-bottom: 5%;
    color: black;
}
.job-offer-cards.active{
    border: 3px solid;
    color: #3A35A4;
}
.job-offer-page-wrapper .new-btn{
    background: #3A35A4;
    padding: 6px 12px;
    font-size: 12px;
    border: 1px solid;
    display: inline-block;
    margin-bottom: 2%;
}
.job-offer-page-wrapper .new-btn:hover{
    background: #CBEDFD;
    color: #3A35A4;
    border: 1px solid;
}
.job-offer-posted-on{
    font-weight: 600;
    font-size: 14px;
}
.job-offer-page-wrapper img{
    width: 160px;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    display: block;
}
.job-offer-detailed-desc img{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.job-offer-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 26px;
    width: 70%;
}
.job-offer-location{
    font-size: 18px;
    font-weight: 700;
}

.job-offer-page-wrapper .new-btn.btn-gray{
    color: #616161;
    background: #d4d4d4;
}
.job-offer-page-wrapper .new-btn.btn-gray:hover{
    background: #616161;
    color: #d4d4d4;
}

.job-offer-card-btns{
    margin-top: 2%;
}
.job-offer-card-btns{
    display: flex;
    gap: 5px;
}

.job-offer-detailed-desc{
    height: fit-content;
    border: 1px solid;
    border-radius: 10px;
    padding: 1rem 1.5rem;
}

.job-offer-row{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
}
.job-offer-desc-table{
    border-top: 1px solid;
    margin-top: 2rem;
}
.job-offer-row-value{
    color: #000000;
}

.postulate-btn {
    margin-top: 1.5rem;
    display: block;
    text-align: center;
    color: #3A35A4;
    padding: 6px;
    margin-bottom: 3rem;
}
.postulate-btn:hover{
    background: #3A35A4;
    color: #CBEDFD;
}

.job-offer-long-desc ul{
    list-style-type: disc;
    padding-left: 20px !important;
    margin-bottom: unset;
}
.job-offer-long-desc ul li{
    margin-bottom: unset;
    font-weight: bold;
}
.margin-adjust-postulate-btn{
    margin-top: 4rem;
}

.btn-checkbox-wrapper{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.news-letter-btn-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.for-height-keeping{
    height: 100%;
}

.actual-policy{
    color: #3A35A4;
    margin-top: 2rem;
    margin-bottom: 6rem;
}