@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

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

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

body, html {
    font-family: 'Proxima Nova Rg';
    overflow-x: hidden !important;
}
body{
    background:  #fff;
}

body .container{
    max-width: 1240px !important;
    width: 100%;
}
.container-fluid {
    max-width: 1920px;
}
.nopad{
    padding: 0;
}
.pad-left{
    padding-left: 0;
}
.pad-right{
    padding-right: 0;
}

a:hover, a:active  {
text-decoration: none!important;
}
* :focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0!important;
        text-decoration:none !important;
}
* a:hover{
    text-decoration:none !important;
}
 #return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #263680;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


nav.nav1 {
    display: none;
}



   /*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg {position: fixed;top: 10px;left: 10px;width: 40px;height: 40px;z-index: 99999;text-align: center;color: white;display: none;transition: all ease-out 0.3s;}
a#hamburg i {position: relative;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nav1 {transition: all ease-out 0.3s; display:none;}
.nav1 a {color: #fff;}
.nav1 ul {margin: 0;padding: 0;background-color: #303030;}
.nav1 ul li {display: inline-block;position: relative;    padding: 10px 20px!important;}
.nav1 ul li > a {display: inline-block;padding: 10px;}
.nav1 ul li > a > i {margin-left: 15px;transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.1s;}
.nav1 ul li ul {display: none;position: absolute;top: 38px;background:#222;width: 200px;text-align: left;}
.nav1 .search-nav,.nav1 .title{ display:none;}
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover > a {  color:#000; text-decoration:none; }
.nav1 ul li:hover > a > i { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);}
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;float: right;height: 0;margin:8px 0 0 8px;width: 0;}
.nav1 ul li.open  span.marrow {border-left: 5px solid transparent; border-top:0;border-right: 5px solid transparent;border-bottom: 5px solid #fff;}
@media screen and (max-width: 1024px) {
  
.slider .item .carousel-caption {    top: 80px; }  
  .slider-text h3 {font-size:40px; }
    .slider-text p {font-size:16px;     margin-bottom: 25px; }
  .slider-text .form-group label {font-size:12px; }
  
  }
  .open-menu .nav-cross:before {
    content: "";
    position: absolute;
    z-index: -1;
    font-size: 25px;
}

  
  
  @media screen and (max-width: 767px) {
    nav.nav1 {
        display: block;
    }
      nav.nav1 .container{width: 100% !important;}
   .logo-bar nav {
    display: none!important;
    }
    a#hamburg {display: block;background-color: #fff;}
    main {  transition: all ease-out 0.3s;}
    .nav1 .row{ margin:0px;}
    .nav1 {background-color: #fff;box-shadow: -2px 0 10px #999 inset;display: block;height: 100%;left: 0;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;transform: translateX(-250px); -webkit-transform: translateX(-250px); width: 250px;}
    .nav1 .search-nav,.nav1 .title{ display:block;}
    .nav1 .search-nav input{ border:1px solid #2c313f; background-color:rgba(255,255,255,0.2);  padding:5px; width:100%; color:#000; margin:10px 0;  }
    .nav1 .search-nav input[type="submit"]{background:url("images/search-icon.png") no-repeat scroll center center; border:0; width:auto; font-size:0; height: 16px;    position: absolute;    right: 7px;    top: 8px;    width: 16px;  filter: invert(100%);}
    .nav1 .title{    background: #000 ;color: #fff;font-size: 14px;margin: 0 -15px;padding: 6px 15px 6px;}
    .search-nav > form {position: relative;width: 100%;}
    .nav1 ul {  text-align: left;  background-color: transparent;}
    .nav1 ul li { display: block; border-bottom:1px solid #999; }
    .nav1 ul li a { display: block; padding:10px 0; }.nav1 ul li:hover > a { color:#000;  }
    .nav1 ul li a > i { float: right; }
    .nav1 ul li ul {  display: none;  position: static;  width: 100%;background-color:transparent; padding:0 10px;}
    .nav1 ul li:hover > ul { display: none; }
    .nav1 ul li:hover > a > i { transform: rotateZ(0); -webkit-transform: rotateZ(0); }
    .nav1 ul li.open > a { background-color: transparent; }
    .nav1 ul li.open > a > i { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);}
    .nav1 ul li.open > ul { display: block; }
    div#menuoverlay {display: block;visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;height: 100%;transition: all ease-out 0.3s;z-index: 1;opacity: 0;}
    html.open-menu { overflow: hidden; }
    html.open-menu div#menuoverlay {visibility: visible;background:rgba(0,0,0,0.5);min-height:100vh;width:100% !important;opacity: 1;width: calc(-150%);left: 250px;}
    html.open-menu a#hamburg{transform: translateX(250px);-webkit-transform: translateX(250px);z-index: 99999;}
    html.open-menu main {transform: translateX(250px); -webkit-transform: translateX(250px);}
    html.open-menu nav.nav1 {z-index: 99999;transform: translateX(0);-webkit-transform: translateX(0);}
    .menu-main-menu-container ul ul ul li a {padding:5px;}
    ul li.has-subnav .accordion-btn {color:#000; font-size:24px; width:20px !important; float:right; line-height: inherit !important; }
    .nav1 ul li:last-child {    border: 0 ;}
    .nav-cross.open > span {    background: #fff ;}
    /*---------------------Hamberg Icon --------------------------------------------- */
    .nav-cross {width: 24px;  height: 40px;  position: relative;  margin: 0px auto;  transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .5s ease-in-out;  cursor: pointer;}
    .nav-cross span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #293176;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: .25s ease-in-out;
        }
    #nav-icon1 span:nth-child(1) {top: 0px;}
    #nav-icon1 span:nth-child(2) {top: 18px;}
    #nav-icon1 span:nth-child(3) {top: 36px;}
    #nav-icon1.open span:nth-child(1) {top: 18px;transform: rotate(135deg); -webkit-transform: rotate(135deg);}
    #nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}
    #nav-icon1.open span:nth-child(3) {top: 18px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
    .nav-cross span:nth-child(1) {top: 12px;transform-origin: left center;-webkit-transform-origin: left center;}
    .nav-cross span:nth-child(2) {top: 20px;transform-origin: left center; -webkit-transform-origin: left center;}
    .nav-cross span:nth-child(3) {top: 28px;transform-origin: left center;-webkit-transform-origin: left center;}
    .open-menu .nav-cross span:nth-child(1) {transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 11px;left: 4px;}
    .open-menu .nav-cross span:nth-child(2) {width: 0%;opacity: 0;}
    .open-menu .nav-cross span:nth-child(3) {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 28px;left: 4px;}
}

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider {position: relative;clear: left;overflow: hidden;}
.slider .inner-item {height: 400px;}
.slider .container {position: relative;}
.slick-slide .caption {color: #fff;font-size: 1.2em;line-height: 1.2em;position: absolute;
    left: 10%;text-shadow: 2px 2px 2px #000;top: 37%;width: 35%;
    background:rgba(0,0,0,0.7);padding:20px 20px 0;z-index: 99;}
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.thumb-slider .slick-slide {margin: 5px 0 0 5px;}
.slider-thumb .thumb-slider .slick-slide img{  max-width:100%; height:auto; box-sizing:border-box;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;position: relative;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;transition: all .25s ease;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {position: absolute;z-index: 11;bottom: -125px;margin: 0px;padding: 0;text-align: center;width: 100%;}
.slick-dots li {list-style: none;display: inline-block;}
.slick-dots button {border: 1px solid #d8d8d8;background: #d8d8d8;width: 12px;height: 12px;border-radius: 100%;font-size: 0;padding: 0px;margin-right: 5px;}
.slick-dots .slick-active button {background: #d32226;border: 1px solid #d32226;}
.slick-arrow {border: 0px;font-size: 0;right: 0;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background: #303030 url(images/arrow.png) no-repeat center center;width: 36px;height: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.services-slider .slick-arrow {height: 65px;}
.slick-arrow:hover {background: #000 url(images/arrow.png) no-repeat center center;}
.slick-next.slick-arrow {left: 0px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.slider-progress {width: 100%;height: 5px;background: rgba(0,216,192,0.8);position: absolute;top: 0;z-index: 99;}
.slider-progress .progress {width: 0%;height: 5px;background: rgba(36,51,0,0.8);}
.thumb-slider .slick-active img {border: 1px solid transparent}
.thumb-slider .slick-current img {opacity:0.5;}



/*Scroll css Start here*/


body::-webkit-scrollbar {
    width: 6px;
    background-color: #2094b8;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 30px #D9D9D9;
     width: 6px;
}

body::-webkit-scrollbar-thumb {
  background-color: #C33737;
  outline: 1px solid #C33737;
     width: 6px;
}
/*Scroll css End here*/


header.header {
    padding: 35px 145px 0 196px;
    position: absolute;
    z-index: 999;
    right: 0;
    left: 0;
    margin: 0 auto;
}

header.header .row{
    align-items: center;
}

header.header .logo {
}


header.header .menu-header {
    text-align: left;
}

header.header .menu-header ul {padding: 0;list-style: none;margin: 0;text-align: right;}

header.header .menu-header ul li {
    color: #5d5d5d;
    display: inline-block;
    margin-left: 50px;
    position: relative;
}

header.header .menu-header ul li:last-child {
    margin-right: 0;
}

header.header .menu-header ul li a.active {
    color: #2094b8;
}

header.header .menu-header ul li a {
    color: #D9D9D9;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
}

header.header .menu-header ul li a i{
    margin-left: 3px;
    font-size: 16px;
}

header.header .menu-header ul li a:hover{
     color: #ffffff;
}
.header .menu-header ul ul.sub_menu{
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0;
    list-style: none;
    min-width: 160px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}

.header .menu-header ul li .sub_menu li {
    margin: 0px 0 3px;
    background: #ffffff4a;
    display: block;
    text-align: left;
}
.header .menu-header ul li .sub_menu li:hover{
    background: #ffffff94;
}
.header .menu-header ul li .sub_menu li:hover a{
    color: #293176;
}
.header .menu-header ul li .sub_menu li a{
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 3px 0px 3px 10px;
}

.header .menu-header ul li.has-child:hover .sub_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header .menu-header ul li.has-child > a i {
    transition: 0.3s;
}

.header .menu-header ul li.has-child:hover > a i {
    transform: rotate(180deg);
}


/*why us accordian*/

.acc_img_container img {
  width: 100%;
  max-width: 400px;
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute;   /* So images overlap cleanly */
}

.acc_img_container img.show {
  opacity: 1;
}


.acc_img_container {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.acc_img_container img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* Start hidden (clipped from bottom) */
  clip-path: inset(100% 0 0 0);
  transition: clip-path 0.8s ease;
  z-index: 1;
    border-radius: 40px;
}

/* Active image */
.acc_img_container img.show {
  clip-path: inset(0 0 0 0);
  transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}


.sec8 {
  transition: background-image 0.4s ease;
  background-size: cover;
  background-position: center;
}


.banner{
    overflow: hidden;
}
.banner .bg-img{
    height: 100vh;
    display: flex;
    align-items: center;
    padding-left: 10%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 99;
}
.banner .bg-img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(38 54 128 / 50%);
    z-index: 9;
}
.banner .head{
    position: relative;
    z-index: 99;
}
.banner .head h2{
    font-family: 'Proxima Nova bold';
    font-weight: 700;
    font-size: 75px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-transform: uppercase;
}
.banner .head h4{
    font-family: 'Proxima Nova Rg';
    font-weight: 400;
    font-size: 32px;
    max-width: 80%;
    color: #FFFFFF;
    line-height: 36px;
}
.banner .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    max-width: 80%;
    margin: 30px 0 0;
}
.banner .head a{
    font-family: 'Proxima Nova bold';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 22px;
    padding: 12px 30px;
    display: inline-block;
    margin-top: 50px;
}
.banner .head a i{
    padding-left: 5px;
}

.banner button.slick-arrow {
    background-color: transparent;
    background-image: url('../images/main-arrow.png') !important;
    top: unset;
    bottom: 50px;
}

.banner button.slick-arrow.slick-next {
   left: 48% !important;
}

.banner button.slick-arrow.slick-prev {
    left: 52%;
}



.sec2-banner {
    background: #293176;
    padding: 10px 0 3px;
}
.sec2-banner ul{
    padding: 0;
    margin: 0;
}
.sec2-banner ul li{
        display: inline-block;
}
.sec2-banner ul li h5{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    font-family: 'Proxima Nova bold';
    line-height: 18px;
}
.sec2-banner ul li span {
    margin: 0 20px;
}

.sec3 {
    padding: 70px 0;
}
.sec3 .head{
    text-align: center;
    max-width: 70%;
    margin: auto;
}
.sec3 .head h2{
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}
.sec3 .head h2 span {
    color: #C33737;
}
.sec3 .head p{
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
}
 
.sec3 .main {width: 20%;float: left;text-align: center;margin: 30px 0 0;}
.sec3 .main h3{
    font-family: Proxima Nova bold;
    font-weight: 700;
    font-size: 64px;
    line-height: 100%;
    color: #293176;
    margin: 0;
}
.sec3 .main h6{
    font-family: Proxima Nova lt;
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    color: #293176;
    margin: 0;
}


.sec4 {
    padding: 70px 40px;
    height: 865px;
}
.sec4 .head{
    text-align: center;
    max-width: 70%;
    margin: 0 auto 60px;
}
.sec4 .head h2{
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}
.sec4 .head h2 span {
    color: #C33737;
}
 
.sec4 .acc_right {}
 
.sec4 .acc_right .set {
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #D9D9D9;
    padding: 20px 0;
}
 
.sec4 .acc_right .set a {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #293176;
    display: block;
}

.sec4 .acc_right .set a i{
     float: right;
}
 
.sec4  .acc_right .content {
    display: none;
}
 
.acc_right .content p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    margin: 10px 0 0;
}
 
.sec4  .acc_img_container {
    
}
.sec4  .acc_img_container img {
    max-width: 97%;
    height: 600px;
    object-fit: cover;
}



section.sec5 {
    padding: 32px 0 0;
}

section.sec5 .head {
    text-align: center;
    margin-bottom: 80px;
}

section.sec5 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

section.sec5 .head h2 span {
    color: #C33737;
}

section.sec5 .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    margin: 0;
}

section.sec5 .left-head {
    background-color: #d9d9d9;
    padding: 149px 30px 156px;
}

section.sec5 .left-head h3 {
    font-weight:700;
    font-size:48px;
    color: #263680;
}

section.sec5 .left-head p {
    color: #293176;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

section.sec5 .left-head .join{
    
padding-top: 50px;
}

section.sec5 .left-head .join a{
    display: inline-block;
    border: 2px solid #293176;
    padding: 6px 22px 6px 21px;
    border-radius: 35px;
    font-size: 18px;
    color: #293176;
    font-weight: 700;
    text-transform: uppercase;
}

section.sec5 .left-head .join a:hover img{
    filter: brightness(100);
}

section.sec5 .mr-0 {
    margin: 0;
}
section.sec5 .serving-areas{
    --cards-text-color: #fff;
    --cards-closed-size: 270px;
    --animation-speed-normal: 0.5s;
    --animation-speed-fast: 0.3s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0rem;
    width: 100%;
    overflow: hidden;
    height: 597px;
}
section.sec5 .main {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
    transition: all var(--animation-speed-normal) 
ease-in-out;
    cursor: pointer;
    width: var(--cards-closed-size);
    flex: 0 0 var(--cards-closed-size);
    padding-top: 200px;
}
section.sec5 .main.active {
    cursor: pointer;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(630px);
    position: relative;
}

section.sec5 .main .icon {
    width: 100%;
    text-align: center;
}

section.sec5 .main .disc {
    width: 100%;
    text-align: center;
}

section.sec5 .main .disc h5 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin: 24px 0 0;
}

section.sec5 .main .disc p {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    max-width: 520px;
    margin: 20px auto 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease .1s;
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    white-space: normal;
    width: max-content;
}

section.sec5 .main.active .disc p{
   opacity: 1;
   visibility: visible;
   top: 57%;
   transition: all ease 2s;
}

section.sec5 .main.hover-active{
    padding: 0 200px;
}

.sec6 {
    padding: 80px 0;
}
 
.sec6 .main{
    display: flex;
    padding: 10px  30px;
    justify-content: center;
    flex-direction: column;
    box-shadow: 4px 4px 4px 0 #00000025;
    border-radius: 20px;
    width: 100%;
    margin: 0;
    background: #293176;
    transition: all 0.4s ease;
    min-height: 220px;
}

/* Spotlight effect on hover */
.sec6 .main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), rgb(195 55 55 / 69%), transparent 80%);
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: inherit;
    z-index: 1;   
}
.sec6 .main:hover::before {
    opacity: 0.5;
}

.sec6 .right-col{
    padding-top: 80px;
}

.sec6 .right-col .main{
    margin: 0 auto 42px 0;
}

/* .sec6 .main:hover{
    background: #293176;
    border: 3px solid #293176;
    transition: all 
ease .5s;
} */
.sec6 .main .icon {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
}

.sec6 .main .icon img{
    width: 100%;
    height: 100%;
    filter: brightness(100);
}
/* .sec6 .main:hover .icon img{
    filter: brightness(100);
    transition: all ease .5s;
} */
.sec6 .disc {
    display: flex;
    align-items: end;
    width: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
 
.sec6 .disc h4 {
    margin: 20px 0 6px;
    font-size: 36px;
    font-weight: 700;
    font-family: Proxima Nova bold;
    color: #fff;
    line-height: 38px;
    transition: all 
ease .5s;
}
/* .sec6 .main:hover .disc h4{
    color: #fff;
    transition: all 
ease .5s;
} */
 
.sec6 .disc h6 {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    font-family: Proxima Nova Rg;
    margin: 0;
    transition: all 
ease .5s;
    line-height: 23px;
}
/* .sec6 .main:hover .disc h6 {
    color: #fff;
    transition: all 
ease .5s;
} */
 
 .sec7{
    
}
.sec7 .bg-img {
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 97%;
    margin: auto;
        border-radius: 50px;
}
 
.sec7 .disc{
    display: flex;
    align-items: end;
    height: 700px;
    padding-bottom: 70px;
    padding-left: 5%;
    justify-content: center;
}
.sec7 .disc h4{
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    font-family: Proxima Nova bold;
    margin: 0;
}
.sec7 .disc h4 br{
    display: none;
}

.sec7 .slick-arrow {border: 0px;font-size: 0;right: 230px;margin-top: 0;position: absolute;top: 45%;z-index: 1;background: transparent url(../images/sec7-arrow.png) no-repeat center center;width: 45px;height: 45px;transform: rotate(180deg);-webkit-transform: rotate(180deg);background-size: contain;}
 
.sec7  .slick-arrow:hover {background: transparent url(../images/sec7-arrow.png) no-repeat center center;background-size: contain;}
.sec7  .slick-next.slick-arrow {left: 230px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}

.sec7 .slick-dots {position: absolute;z-index: 11;bottom: 30px;margin: 0px;padding: 0;text-align: center;width: 100%;}
.sec7 .slick-dots li {list-style: none;display: inline-block;}
.sec7 .slick-dots button {border: 4px solid #293176;background: transparent;width: 16px;height: 16px;border-radius: 100%;font-size: 0;padding: 0px;margin-right: 12px;}
.sec7 .slick-dots .slick-active button {background: #fff;border: 4px solid #293176;}



section.sec8 {
    padding: 67px 0 0;
    margin-top: 70px;
        overflow: hidden;
}
 
section.sec8 .head {
    text-align: center;
    margin-bottom: 70px;
}
 
section.sec8 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #fff;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}
 
section.sec8 .head span {
    color: #263680;
}
 
section.sec8 .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    margin: 0;
    color: #fff;
}
 
section.sec8  .left-head {
    padding-left: 85px;
}

section.sec8 .left-head ul li a{
    color: #ffffff;
    font-size: 20px;
    line-height: 100%;
    display: block;
}

section.sec8 .left-head ul li a .text-wrapper .letters{
    font-weight: 700;
    font-size: 20px;
}
 
section.sec8 .left-head ul li a span {
    font-weight: 300;
    font-size: 15px;
}
 
section.sec8 .left-head ul li {
    border-bottom: 1px solid #fff;
    padding-bottom: 24px;
    padding-top: 22px;
    position: relative;
    transition: all 0.4s ease;
}
section.sec8 .left-head ul li:hover {
    transform: translateX(10px);
    transition: all 0.4s ease;
}
section.sec8 .left-head ul li::before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    border-bottom: 2px solid #fff;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease-in-out;
}
section.sec8 .left-head ul li::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: -11px;
    width: 3px;
    visibility: hidden;
    background: #C33737;
    opacity: 0;
    transition: .5s ease-in-out;
    height: 0px;
}
section.sec8 .left-head ul li:hover::after, section.sec8 .left-head ul li.current:after{
    visibility: visible;
    opacity: 1;
    height: 80%;
}
section.sec8 .left-head ul li:hover::before{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
section.sec8 .left-head ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
section.sec8 .left-head ul li.current {
    border-bottom: 2px solid #fff;
    transform: translateX(10px);
}
 
section.sec8 .left-head ul li.current a {
    color: #fff;
}
 
section.sec8 .tab-content {
    display: none;
}
 
section.sec8 .tab-content .pic {}
 
section.sec8 .tab-content .pic img {
    border-radius: 30px;
}
 
section.sec8 .tab-content .disc {
    padding-right: 90px;
}
 
section.sec8 .tab-content .disc h3 {
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    line-height: 100%;
    margin: 0 0 30px;
}
 
section.sec8 .tab-content .disc p {
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    line-height: 22px;
}
 
section.sec8 .tab-content .disc .points {
    margin-bottom: 42px;
}
 
section.sec8 .tab-content .disc .points h5 {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 7px;
    line-height: 100%;
    color: #fff;
}
 
section.sec8 .tab-content .disc .points br {
    display: none;
}
 
section.sec8 .tab-content .disc .points h6 {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
 
section.sec8 .tab-content .disc .now {}
 
section.sec8 .tab-content .disc .now a {
    font-size: 18px;
    font-weight: 700;
    color: #293176;
    background: #fff;
    border-radius: 35px;
    padding: 11px 22px 11px 25px;
    display: inline-block;
}

section.sec8 .tab-content .disc .now a img {
    margin-left: 7px;
    margin-bottom: 3px;
}
 
section.sec8 .tab-content .disc  .more {}
 
section.sec8 .tab-content .disc .more a {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 35px;
    padding: 6px 38px;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
}
section.sec8 .tab-content .disc .more a:hover{
        box-shadow: none;
    background: #fff;
    color: #293176 !important;
}

section.sec8 div#tab-1 {
    display: block;
}

section.sec9 {
    padding: 128px 0 70px;
}

section.sec9 .head {
    text-align: center;
    margin-bottom: 70px;
}

section.sec9 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

section.sec9 .head h2 span {
    color: #C33737;
}

section.sec9 .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    margin: 0;
    color: #293176;
}

section.sec9 .pic {height: 314px;}

section.sec9 .two {
    justify-content: space-between;
}

section.sec9 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec9 .slick-list {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

section.sec9 button {
    background: transparent url(../images/sec7-arrow.png) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 18px;
}

section.sec9 .slick-arrow{
    left: -20px;
}

section.sec9 .slick-arrow.slick-prev{
    right: -20px;
    left: auto;
}

section.sec9 button:hover{
    background-size: contain !important;
    background: transparent url(../images/sec7-arrow.png) no-repeat center center;
}

.testimonial-box{
    padding: 35px 15px;
    background-color: #fffdfd;
    text-align: center;
    opacity: 0.2;
    box-shadow: 0 0 20px 1px #e3e1e1;
}

.testimonial-box i.fa-quote-left {
    color: #3c6bea;
    position: absolute;
    left: 60px;
    top: -35px;
    font-size: 85px;
}

.slick-center .testimonial-box{
    opacity: 1;
}

.testimonial-box .tb-stars{
    color: #f3c851;
}
.testimonial-box .testimonial-comment{
    color: #646971;
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
    margin: 12px 0 30px;
    line-height: 1.6;
}
.testimonial-box .testimonial-user{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.testimonial-box .testimonial-user .tu-name{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #3C6BEA 0%, #E04A53 100%);
    border-radius: 50%;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.testimonial-box .testimonial-user .tu-info h4{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}
.testimonial-box .testimonial-user .tu-info p{
    color: #646971;
    margin-bottom: 0;
}
.testimonial-box .testimonial-divider{
    border: 1px solid #eceaec;
    margin: 20px 0;
}
.testimonial-box .tu-extra-info{
    font-weight: 700;
    color: #58cc63;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.testimonial-box .tu-extra-info i{
    font-size: 18px;
}
section.sec10 {
    padding: 200px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.sec10 .row {
    align-items: center;
}

section.sec10 h3 {
    color: #fff;
    font-size: 48px;
    margin: 0 0 10px;
    font-weight: 700;
    line-height: 100%;
}

section.sec10 p {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
}

section.sec10 .disc {}

section.sec10 .disc h4 {
    margin: 0 0 10px;
    color: #fff;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
}

section.sec10 .row.slick-slide {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

section.sec10 button.slick-prev.slick-arrow {right: -10px;}

section.sec10 button.slick-next.slick-arrow {left: -10px;}

section.sec10 button.slick-arrow {
    background: url('../images/chevron-why.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 20px;
    height: 25px;
}


.sec11 {
    background: #293176;
    text-align: center;
    padding: 70px 0;
}
.sec11 .head{
    
}
.sec11 .head h2{
    font-size: 64px;
    color: #fff;
    margin: 0;
}
.sec11 .head p{
    font-family: Proxima Nova Lt;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    margin: 0 0 30px;
    color: #fff;
}
.sec11 .apply{
    display: inline-block;
    margin-right: 15px;
}
.sec11 .apply a{
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        background: transparent;
        border-radius: 35px;
        padding: 11px 22px 11px 25px;
        display: inline-block;
        border: 1px solid #fff;
}
.sec11 .join{
    display: inline-block;
    margin-left: 15px;
}
.sec11 .join a{
       font-size: 18px;
    font-weight: 700;
    color: #293176;
    background: #fff;
    border-radius: 35px;
    padding: 11px 22px 11px 25px;
    display: inline-block;
}

.sec11 .apply a img{
    margin-left:10px
}
.sec11 .apply a:hover img{
    filter: invert(1);
}
.sec11 .join a img{
    margin-left:10px
}


footer.footer {
    background: #121E36;
    padding: 80px 0 0;
}
.footer h3{
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
}
.footer ul{
    padding: 0;
    margin: 0;
}
.footer ul li{
    margin-bottom: 5px;
}
.footer ul li a{
    color: #94A0B5;
    font-size: 16px;
}
 
.footer .social {
    
}
.footer .social ul{
    padding: 0;
    margin: 0;
}
.footer .social ul li{
    display: inline-block;
    margin-right: 10px;
}
.footer .social ul li a {
    background: #E64843;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}
 
.footer p {
    color: #94A0B5;
    font-size: 16px;
    max-width: 80%;
}
.footer .col-sm-12.one:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26%;
    flex: 0 0 26%;
    max-width: 216%;
}
.footer .col-sm-12.one:first-child h3{
    text-transform: uppercase;
}
.footer .col-sm-12.one {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}
 
.footer .last-bottom {
    border-top: 1px solid #94a0b5ba;
    margin-top: 80px;
    padding: 20px 0 25px;
    text-align: center;
}
 
.footer .last-bottom p {
    margin: 0;
    max-width: 100%;
}
.btn-slide{
    transition: all 0.5s;
    box-sizing: border-box;
}
.btn-slide:hover{
    box-shadow: inset 125px 0 0 0 #293176, inset -125px 0 0 0 #293176;
    border-color: #fff !important;
    color: #fff !important;
}
.btn-slide-wt{
    transition: all 0.5s;
    box-sizing: border-box;
}

.btn-slide-wt:hover {
    box-shadow: inset 125px 0 0 0 #ffffff, inset -125px 0 0 0 #ffffff;
    border-color: #293176 !important;
    color: #293176 !important;
}

.banner .bg-vid video {
   width: 100%;
    height: 100vh;
    object-fit: none;
}
.banner  .bg-img.bg-vid {
    padding-left: 0;
    height: 100vh;
    position: relative;
}
.banner .bg-img.bg-vid .head {
    position: absolute;
    left: 10%;
    z-index: 99999;
}
.banner .bg-vid:before {
    position: absolute;
    content: '';
    background: #29317640;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
}
/*Studio Page*/

.banner.studio {}

.banner.studio .head {
    padding-top: 450px;
}

.banner.studio .head h4 {
    max-width: 60%;
}

.banner.studio .head .join {
    display: inline-block;
    margin-right: 40px;
}


.studio-sec2 {
    padding: 80px 200px;
}

.studio-sec2 .main {
    text-align: center;
    transition: .5s all ease-in;
    padding: 10px 20px;
    box-shadow: 0px 5px 5px 0px #D9D9D9;
    border: 1px solid #D9D9D9;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.studio-sec2 .main .icon {
    margin-bottom: 20px;
}

.studio-sec2 .main .icon img {
}

.studio-sec2 .main .disc {
}

.studio-sec2 .main .disc h4 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.studio-sec2 .main .disc p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 19px;
    margin: 0;
}

.studio-sec2 .main:hover {
    background-color: #293176;
     transition: .5s all ease-in;
}

.studio-sec2 .main:hover .disc h4 {
    color: #fff;
}

.studio-sec2 .main:hover .disc p {
    color: #fff;
}

.studio-sec2 .main:hover .icon img {
    filter: brightness(100);
     transition: .5s all ease-in;
}

.studio-sec3 {
    padding: 80px 200px;
}

.studio-sec3 .head {
    text-align: center;
    margin-bottom: 50px;
}

.studio-sec3 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.studio-sec3 .head h2 span {
    color: #C33737;
}

.studio-sec3 .head p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}

.studio-sec3 .acc_right {}

.studio-sec3 .acc_right .set {background: #F3F3F3;padding: 12px 20px 15px;margin: 0 14px 20px;border-radius: 10px;}

.studio-sec3 .acc_right .set a.acc-item {
    font-size: 20px;
    font-weight: 700;
    color: #C33737;
    position: relative;
}
.studio-sec3 .acc_right .set a.acc-item h4{
    color: #293176;
    font-size: 20px;
    margin: 10px 0 0px;
    line-height: 22px;
}
.studio-sec3 .acc_right .set a.acc-item h4 b{
    display: block;
}

.studio-sec3 .acc_right .set a.acc-item span b {}

.studio-sec3 .acc_right .set a.acc-item span {
    color: #293176;
    font-weight: 400;
}

.studio-sec3 .acc_right .set a i {
    position: absolute;
    top: 10px;
    color: #293176;
    right: 10px;
}

.studio-sec3 .acc_right .set .content {display: none;margin-top: 20px;}

.studio-sec3 .acc_right .set .content ul {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}

.studio-sec3 .acc_right .set .content ul li {
    position: relative;
}

.studio-sec3 .acc_right .set .content ul li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: -17px;
    height: 7px;
    width: 7px;
    background-color: #293176;
    border-radius: 50%;
}

.studio-sec3 .acc_right .set .content ul li p {
    font-size: 20px;
    font-weight: 400;
    color: #293176;
    margin: 0;
    line-height: 25px;
}

.studio-sec4 {
    padding: 80px 100px;
    background-color: #29317610;
}

.studio-sec4 .head {
    text-align: center;
    margin-bottom: 50px;
}

.studio-sec4 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.studio-sec4 .head h2 span {
    color: #C33737;
}

.studio-sec4 .head p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}

.studio-sec4 .main {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.studio-sec4 .main:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #c33737d4;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
    transform-origin: bottom;
}
.studio-sec4 .main:hover:before {
    transform: scaleY(1);
    z-index: 9;transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.studio-sec4 .main .pic {
    position: relative;
}

.studio-sec4 .main .pic img {
    width: 100%;
    height: 615px;
    object-fit: cover;
}
.studio-sec4 .main .desc {
    opacity: 0;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    bottom: 0;
    transition: all ease .2s;
    padding: 0 30px;
}
.studio-sec4 .main:hover .desc{
    transition: all ease 5s;
    opacity: 1;
}
.studio-sec4 .main .desc h4{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.studio-sec4 .main .desc h6{
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 12px;
}
.studio-sec4 .main .desc  p{
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}
.studio-sec4 .main .pic i.fa.fa-plus {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #293176;
    padding: 10px;
}

.sec3.studio-sec5 {
    padding: 80px 0;
}

.sec3.studio-sec5 .main {
    width: auto;
    float: none;
}
.sec3.studio-sec5 .head {}

.sec3.studio-sec5 .head p {
    line-height: inherit;
}
.sec3.studio-sec5 h6 {
    line-height: inherit;
}

.studio-sec6 {
    padding: 80px 0;
    background-color: #29317610;
}

.studio-sec6 .head {
    text-align: center;
    margin-bottom: 50px;
}

.studio-sec6 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.studio-sec6 .head h2 span {
    color: #C33737;
}

.studio-sec6 .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    line-height: inherit;
}

.studio-sec6 .one1 {
    position: relative;
}

/*.studio-sec6 .one1:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 60px;*/
/*    margin: 0 auto;*/
/*    height: 100%;*/
/*    width: 3px;*/
/*    background-color: #263680;*/
/*}*/

.studio-sec6 .main {
    padding: 30px 20px;
    background-color: #293176;
    width: 90%;
    border-radius: 12px;
}

.studio-sec6 .main h3 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin:0;
}

.studio-sec6 .main h3 span {
}

.studio-sec6 .main p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: inherit;
}

.studio-sec6 .week.one {}

.studio-sec6 .week.one h4 {
    background-color: #C33737;
    display: inline-block;
    padding: 5px 20px 5px 30px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    position: relative;
    left: -44px;
    top: 60px;
    margin: 0;
}

.studio-sec6 .week.two {}

.studio-sec6 .week.two h4 {
    background-color: #C33737;
    display: inline-block;
    padding: 5px 20px 5px 30px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    position: relative;
    left: -22px;
    top: 50px;
    float: right;
    margin: 0;
}

.studio-sec7 {
    padding: 80px 0;
}

.studio-sec7 .head {}

.studio-sec7 .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.studio-sec7 .head h2 span {
    color: #C33737;
}

.studio-sec7 .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    line-height: inherit;
}

.studio-sec7 .main {}

.studio-sec7 .main ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.studio-sec7 .main ul li {
    margin: 10px 0;
    border: #D9D9D9;
    padding: 15px 20px 15px 50px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    border-radius: 12px;
}

.studio-sec7 .main ul li p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #293176;
    line-height: initial;
}

.studio-sec7 .main ul li:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 25px;
    height: 8px;
    width: 8px;
    background-color: #C33737;
    border-radius: 50%;
}

.studio-sec7 .row {
    display: flex;
    align-items: center;
}


.sidepop_bio {
position: fixed;
    bottom: 0;
    right: -700px;
    background: #fff;
    width: 700px;
    padding: 80px 60px 80px 80px;
    box-shadow: 0 0 5px 0px #00000052;
    transition: all ease .5s;
}
.sidepop_bio.active {
    opacity: 1;
    right: -0px;
    transition: all ease .5s;
}
.sidepop_bio img {
    border-radius: 40px;
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.sidepop_bio h3 {
    font-size: 20px;
    color: #293176;
    font-weight: 700;
    margin: 22px 0;
    margin-left: 20px;
}

.sidepop_bio h3 span {
    display: block;
    font-size: 16px;
}

.sidepop_bio p {
    color: #293176;
    font-size: 17px;
    line-height: 20px;
    margin: 0;
    margin-left: 20px;
}
.sidepop_bio i.fa {
    position: absolute;
    top: 5px;
    font-size: 30px;
    color: #293176;
    left: 5px;
    cursor: pointer;
}


.banner.startup {
    text-align: center;
}

.banner.startup .head {}

.banner.startup .head h4 {
    max-width: 55%;
    margin: 0 auto;
}

.banner.startup .bg-img {
    padding: 0;
}

.sec2-startup {
    padding: 80px 0 0;
    background-color: #29317610;
}

.sec2-startup .head {
    margin-bottom: 50px;
}

.sec2-startup .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.sec2-startup .head h2 span {
    color: #C33737;
}

.sec2-startup .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    margin: 0;
    color: #263680;
}

.sec2-startup .main {}

.sec2-startup .main .pic {
    margin-bottom: 10px;
}

.sec2-startup .main .pic img {}

.sec2-startup .main .disc {}

.sec2-startup .main .disc p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    margin: 0;
    color: #263680;
}

.sec2-startup .right-pic {
    position: relative;
}

.sec2-startup .right-pic img {
    height: 585px;
    width: 100%;
    object-fit: cover;
}

.sec2-startup .right-pic .disc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.sec2-startup .right-pic .disc h3 {
    margin: 0 0 5px;
    font-size: 96px;
    font-weight: 700;
    color: #fff;
}

.sec2-startup .right-pic .disc h4 {
    margin: 0 0 5px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.sec2-startup .right-pic .disc p {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.sec2-startup .main {
    text-align: center;
}

.sec2-startup .right-pic:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 94%;
    width: 100%;
    background-color: #C33737;
    z-index: -1;
    margin: 0 auto;
    right: 0;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
}

.sec2-startup .row {
    display: flex;
    align-items: center;
}

.sec3-startup {
    padding: 80px 100px;
}

.sec3-startup .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec3-startup .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.sec3-startup .head h2 span {
    color: #C33737;
}

.sec3-startup .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    margin: 0;
}

.sec3-startup .main {
    text-align: center;
    padding: 40px 20px 30px;
    border: solid 1px #EBEBEB;
    min-height: 320px;
    transition: .5s all ease-in-out;
    border-radius: 15px;
}

.sec3-startup .main .icon {
    margin-bottom: 20px;
}

.sec3-startup .main .icon img {}

.sec3-startup .main .disc {}

.sec3-startup .main .disc h3 {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 700;
    color: #293176;
}

.sec3-startup .main .disc p {
    font-size: 20px;
    font-weight: 400;
    color: #293176;
    line-height: 28px;
    margin: 0;
}

.sec3-startup .main:hover {
    transition: .5s all ease-in-out;
    box-shadow: 0px 4px 5px 0px #D9D9D9;
}

.sec4-startup {
    padding: 80px 100px;
    background-color: #29317610;
}

.sec4-startup .head {
    text-align: center;
    margin-bottom: 50px;
}

.sec4-startup .head h2 {
    font-family: Proxima Nova bold;
    font-weight: 700;
    color: #263680;
    font-size: 64px;
    line-height: 100%;
    text-transform: uppercase;
}

.sec4-startup .head h2 span {
    color: #C33737;
}

.sec4-startup .head h2 p {}

.sec4-startup .head p {
    font-family: Proxima Nova Rg;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    margin: 0;
}

.sec4-startup  .main{
      margin-bottom: 100px;
      position: relative;
}
.sec4-startup  .main:last-child{
      margin-bottom: 0px;
}
.sec4-startup .main .inner{
    position: relative;
    background-color: #fff;
    padding: 30px 20px 30px 50px;
    box-shadow: 0px 4px 5px 0px #D9D9D9;
    width: 80%;
    left: 0;
    border: 2px solid transparent;
    transition: all ease 1s;
    border-radius: 15px;
}
.sec4-startup .main:hover .inner{
    left: 80px;
    transition: all ease 1s;
    border: 2px solid #293176;
}
.sec4-startup .right_col .main .inner{
    right: -85px;
    left: auto;
    z-index: 99;
}
.sec4-startup .right_col .main:hover .inner{
    transition: all ease 1s;
    border: 2px solid #293176;
    right: 0;
}

.sec4-startup .main span.count {
    color: #293176;
    font-size: 64px;
    font-weight: 700;
    position: absolute;
    top: -40px;
    line-height: 64px;
    left: 0;
    opacity: 0.4;
    transition: all ease .8s;
    font-family: Proxima Nova bold;
}
.sec4-startup .right_col .main span.count {
    right: 20px;
    left: auto;
}
.sec4-startup .main:hover span.count{
    opacity:1;
    transition: all ease .8s;
    
} 
.sec4-startup .main h5 {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    color: #293176;
    line-height: 30px;
     position: relative;
}

.sec4-startup .main h5:before {
    content: '';
    position: absolute;
    left: -23px;
    top: 22px;
    height: 10px;
    width: 10px;
    background-color: #C33737;
    border-radius: 50%;
}
.marquee-wrapper {
    height: 570px;
    overflow: hidden;
}
.marquee-wrapper marquee{
    height: 100%;
}
.sec4-startup .pic {
    text-align: center;
    margin-bottom: 20px;
}

.sec4-startup .pic img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
.sec4-startup .col-sm-6 {
    padding: 0 10px;
}


/* global css */
:root{
    --theme-primary: #293176;
    --theme-secomdry: #C33737;
    --theme-light-color: #EAEFF4;
}
.theme-heading{
    font-weight: bold;
    font-size: 64px;
    color: #293176;
    text-transform: uppercase;
}
.theme-heading span{
    color: var(--theme-secomdry);
}
.theme-content{
    color: var(--theme-primary);
    font-size: 20px;
}
.theme-text-color{
    color: var(--theme-primary);
}
.secondry-text-color{
    color: var(--theme-secomdry);
}
.theme-bg-color{
    background-color: var(--theme-primary);
}
.primary-bg-color{
    background-color: var(--theme-primary);
}
.secondry-bg-color{
    background-color: var(--theme-secomdry);
}
/* empowering page css */
.empowering-banner .bg-img{
    height: 100vh;
    padding: 0;
}
.empowering-banner .head{
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    padding: 0 0 80px 80px;
}
.empowering-banner .head a{
    width: max-content;
}
.btn-with-arrow{
    display: flex !important;
    align-items: center;
    gap: 24px;
    padding: 12px 20px 12px 30px !important;
}
.emp-sec-one{
    background-color: var(--theme-light-color);
    padding: 50px 0;
    text-align: center;
}
.emp-sec-two{
    padding: 70px 0;
}

.emp-sec-two .cards:nth-child(1) { z-index: 1; }
.emp-sec-two .cards:nth-child(2) { z-index: 2; }
.emp-sec-two .cards:nth-child(3) { z-index: 3; }
.emp-sec-two .cards:nth-child(4) { z-index: 4; }
.emp-sec-two .est-left{
    position: absolute;
    border-radius: 30px;
    overflow: hidden;
}
.emp-sec-two .cards {
    position: relative;
    height: 80vh;
}

.emp-sec-two .container-fluid{
    padding: 0 50px;
}
.est-right .theme-heading span{
    font-size: 48px;
    display: block;
}
.est-left{
    position: relative;
}
.est-left img{
    width: 100%;
    object-fit: cover;
    height: 480px;
    border-radius: 30px;
}
.est-left-content{
    background-color: rgba(41, 49, 118, 0.85);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 10px;
}
.est-left-content h4{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    line-height: 1;
}
.est-left-content p{
    color: #fff;
    margin-bottom: 0;
}
.emp-sec-three{
    background-image: url(../images/empowering/timeline-bg.png);
    background-size: cover;
    background-position: center;
    height: 465px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

}
.emp-sec-three .container-fluid{
    padding: 0 30px;
}
.emp-sec-three::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 203px;
    z-index: 1;
    background: linear-gradient(90deg, rgba(41, 49, 118, 0) 0%, #293176 100%);
    rotate: 180deg;
}
.emp-sec-three::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 203px;
    z-index: 1;
    background: linear-gradient(90deg, rgba(41, 49, 118, 0) 0%, #293176 100%);
}
.emp-sec-three h1{
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.emp-sec-three-card{
    background-color: #fff;
    padding: 20px 0;
    text-align: center;
    margin-right: 70px;
    border-radius: 15px;
}
.emp-sec-three-card h1{
    color: var(--theme-primary);
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 0;
}
.emp-sec-three-card p{
    font-size: 32px;
    color: var(--theme-primary);
    margin: 0;
}
.emp-sec-four{
    padding: 100px 0;
}
.emp-sec-four .container-fluid{
    padding: 0 150px;
}
.esf-box{
    border: 1px solid #D9D9D9;
    padding: 80px;
    height: 100%;
    border-radius: 50px;
}
.esf-box .theme-heading{
    font-size: 36px;
    margin-bottom: 35px;
}
.esf-box-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.esf-box-list li{
    margin-bottom: 20px;
}
.esf-box-list li h6{
    color: var(--theme-primary);
    font-weight: 700;
    font-size: 20px;
    margin: 0;
}
.esf-box-list li p{
    color: var(--theme-primary);
    font-size: 20px;
    margin: 0;
    line-height: 1;
}
.emp-sec-four-content{
    font-size: 36px;
    text-align: center;
    line-height: 1;
    color: var(--theme-primary);
    margin-top: 30px;
}
.esf-accordian .card{
    border-width: 4px 0 0 0;
    border-radius: 0;
    border-color: var(--theme-primary);
    background-color: transparent;
}
.esf-accordian .card:last-child{
    border-bottom-width: 4px;
}
.esf-accordian .card-header{
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.esf-accordian .card-header i{
    font-weight: 900;
    color: var(--theme-primary);
    font-size: 22px;
}
.esf-accordian .btn-link{
    font-weight: 700;
    color: var(--theme-primary);
    padding: 0;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
}
.esf-accordian .card-header i {
    transition: transform 0.3s ease, opacity 0.2s ease;
    opacity: 0.8;
}
.esf-accordian .card-header i.fa-minus {
    transform: rotate(180deg);
    opacity: 1;
}
.emp-sec-five{
    background-color: var(--theme-light-color);
    padding: 80px 0;
}
.emp-sec-five .container-fluid{
    padding: 0 100px;
}
.emp-sec-five .theme-heading{
    margin-bottom: 30px;
}
.esf-accordian .card-body .theme-content{
    font-size: 16px;
    margin-bottom: 0;
}
.esf-right img{
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
    height: 460px;
}
.emp-sec-six{
    padding: 100px 0;
}
.emp-sec-six .container-fluid{
    padding: 0 100px;
}
.emp-sec-six .theme-content{
    text-align: justify;
    line-height: 1.2;
}
.emp-sec-six .ess-left img{
    width: 100%;
    height: 790px;
    object-fit: cover;
    border-radius: 30px;
}
.ess-right-bottom-content{
    padding: 0 25px;
}
.ess-right-bottom-content .theme-content{
    font-size: 24px;
}
.ess-right-bottom-content .theme-heading{
    font-size: 24px;
}

/* ambition page css */
.ambition-banner.banner .bg-img{
    padding-left: 0;
}
.ambition-banner .head{
    text-align: center;
}
.ambition-banner.banner .head h4{
    max-width: 100%;
}
.ambition-banner.banner .head a{
    margin-top: 100px;
}
.amb-sec-one{
    padding: 70px 100px;
}
.asf-boxe{
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #fff;
    transition: .3s all;
    border-radius: 15px;
    background-color: #293176;
    box-shadow: rgb(0 0 0 / 11%) 0px 5px 0px 0px;
    height: 200px;
    margin-bottom: 40px;
    position: relative;
}
.asf-boxe::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), rgb(195 55 55 / 69%), transparent 80%);
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: inherit;
    z-index: 1;
}
.asf-boxe:hover::before {
    opacity: 0.5;
}
.asf-boxe:hover img{
    
}
.asf-boxe img{
    width: 78px;
    filter: brightness(1000%) saturate(0);
    position: relative;
    z-index: 2;
}
.asf-boxe-content h1{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.asf-boxe-content p{
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.amb-sec-two{
    padding: 70px 0;
}
.ast-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--theme-primary);
    color: #fff;
}
.ast-tabs .nav-pills .nav-link.active img, .nav-pills .show>.nav-link img{
    filter: brightness(1000%) saturate(0);
}
.ast-tabs .nav-pills .nav-link{
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 25px;
    border: 2px solid #D9D9D9;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin-bottom: 10px;
    color: var(--theme-primary);
    border-radius: 12px;
    transition: all 0.4s ease;
}
.ast-tabs .nav-pills .nav-link:hover {
    transform: translateY(-5px);
    transition: all 0.4s ease;
}
.ast-tabs .nav-link img{
    width: 90px;
}
.ast-tabs .nav-link-content h4{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}
.ast-tabs .nav-link-content h6{
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}
.ast-tabs .nav-link-content p{
    font-size: 20px;
    line-height: 1.2;
}
.ast-tabs .tab-content{
    height: 100%;
}
.ast-tabs .tab-pane{
    background-color: var(--theme-primary);
    color: #fff;
    height: 100%;
    padding: 50px;
    border-radius: 12px;
}
.ast-tabs .tab-pane {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.ast-tabs .tab-pane.active {
  opacity: 1;
}
.tab-content .tab-content-head{
    text-align: center;
    height: 30%;
}
.tab-content .tab-content-head h4{
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0;
}
.tab-content .tab-content-head p{
    font-size: 20px;
    margin-bottom: 0;
}
.tab-content-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 55%;
}
.tab-content-list li{
    display: flex;
    align-items: center;
    gap: 20px;
}
.tab-content-list li img{
    width: 64px;
}
.tab-content-list li .tcl-content h4{
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0;
}
.tab-content-list li .tcl-content p{
    font-size: 20px;
    margin-bottom: 0;
}
.amb-sec-three{
    padding: 70px 100px;
}
.as-thre-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: var(--theme-primary);
    color: #fff;
}
.as-thre-tabs .nav-pills .nav-link{
    border-radius: 0;
    padding: 30px;
    border: 1px solid #D9D9D9;
    color: var(--theme-primary);
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 700;
    border-radius: 12px;
}
.membership-card{
    border: 1px solid #D9D9D9;
    padding: 30px;
    border-radius: 12px;
}
.membership-card-header{
    text-align: center;
    margin-bottom: 40px;
}
.membership-card-header h4{
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--theme-primary);
}
.membership-card-header .free-badge{
    font-size: 64px;
    line-height: 1;
    color: var(--theme-primary);
    margin-bottom: 30px;
    font-weight: 700;
}
.membership-card-header h6{
    font-weight: 700;
    font-size: 20px;
    color: var(--theme-primary);
}
.membership-card .features-section{
    margin-bottom: 30px
}
.membership-card .feature-list{
    margin: 0;
    padding-left: 25px;
}
.membership-card .feature-list li{
    font-size: 20px;
    color: var(--theme-primary);
    margin-bottom: 10px;
}
.membership-card .benefits-section h3{
    margin-bottom: 5px;
    font-weight: 700;
    color: var(--theme-primary);
}
.membership-card .benefits-section ul{
    padding-left: 25px;
}
.membership-card .benefits-section ul li{
    color: var(--theme-primary);
    font-size: 20px;
    line-height: 1;
}
.membership-card-btn{
    border: 1px solid var(--theme-primary);
    color: var(--theme-primary);
    border-radius: 25px;
    padding: 10px 20px 10px 40px;
    width: max-content;
    margin: 60px auto 10px;
    font-size: 18px;
    font-weight: 700;
    transition: .3s all;
    display: flex;
    align-items: center;
    gap: 50px;
}
.membership-card-btn:hover{
    box-shadow: inset 125px 0 0 0 #293176, inset -125px 0 0 0 #293176;
    border-color: var(--theme-primary);
    color: #fff !important;
}

/* about us page */
.about-banner{
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-banner h1{
    text-transform: uppercase;
    font-size: 74px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    padding-top: 150px;
}
.about-sec-four {
    padding: 80px 100px;
}
.asf-head{
    padding-top: 0;
    text-align: center;
}
.asf-head h3 {
    font-weight: 700;
    font-size: 54px;
    color: #263680;
}
.asf-head p {
    font-size: 20px;
    color: var(--theme-primary);
    margin-bottom: 0;
}
.asf-head h6 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--theme-primary);
    margin: 10px 0 80px;
}
.asf-card-head {
}
.asf-card-head h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    margin: 20px 0 0;
}
.asf-card-head img {
    width: 50px;
    filter: brightness(100);
}
.asf-card {
    padding: 60px;
    background-color: #FBFBFB;
    height: 100%;
    text-align: center;
    box-shadow: rgb(0 0 0 / 23%) 0px 8px 8px 0px;
    /* border-bottom: 6px solid #c33737; */
}
.asf-card:hover {
   
}
.asf-card:hover::after {
    transform: scaleY(1);
}
.asf-card:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #c33737;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
    transform-origin: bottom;
}
.asf-card p {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
    line-height: 26px;
}
.astu-card h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1;
    filter:  brightness(100);
    z-index: 1;
}

/* Spotlight effect on hover */
.astu-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), rgb(195 55 55 / 69%), transparent 80%);
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: inherit;
    z-index: 1;
}
.astu-card:hover::before {
    opacity: 0.5;
}


.about-sec-three-updated{
    padding: 50px 0;
}

.about-sec-three-updated .container-fluid{
    padding: 0 116px 0 127px;
}

.about-sec-three-updated .col-lg-2 {
    flex: 0 0 27%;
    max-width: 27%;
}

.about-sec-three-updated .col-lg-8 {
    flex: 0 0 45%;
    max-width: 45%;
}

.about-sec-three-updated .col-lg-3 {
    flex: 0 0 32%;
    max-width: 32%;
}

.about-sec-three-updated .col-lg-6 {
    flex: 0 0 35%;
    max-width: 35%;
}

.astu-title{
    color: #293176;
    font-size: 54px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}
.astu-card img {
    width: 80px;
    filter: brightness(50);
    position: relative;
    z-index: 1;
}

.astu-card {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #EAEAEA;
    gap: 25px;
    padding: 25px;
    color: #293176;
    transition: filter 0.4s ease;
    margin-bottom: 30px;
    position: relative;
    border-radius: 16px;
    flex-direction: column;
    min-height: 330px;
    box-shadow: rgb(0 0 0 / 11%) 0px 5px 0px 0px;
    background-color: #293176;;
    transition: all 0.4s ease;
}
/*.astu-card:hover::after {
    transform: scaleY(1);
}
.astu-card:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #293176;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scaleY(0);
    transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
    transform-origin: bottom;
}*/
.astu-card:hover{
    color: #293176;
}
.astu-card:hover img{
    /* filter: brightness(100); */
}
.sec-11-latest p{
    color: #fff;
    font-size: 54px;
    margin-bottom: 20px;
    text-align: left;
}
.sec-11-latest.sec11 .apply a{
    font-size: 16px;
}

section.after-banner-sec {
    padding: 60px 0 100px;
}

section.after-banner-sec .head {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

section.after-banner-sec .head h2 {
    color: #293176;
    font-size: 54px;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
}

section.after-banner-sec .ocp-card {position: relative;text-align: center;padding: 50px 65px 40px;box-shadow: 0 0 20px 1px #e7e7e7;border-radius: 15px;min-height: 424px;border-top: 5px solid #1a60b5;}

section.after-banner-sec .col-sm-4:nth-child(2) .ocp-card {
    border-top: 5px solid #4dc8f1;
}

section.after-banner-sec .col-sm-4:last-child .ocp-card {
    border-top: 5px solid #0b2c5f;
}

section.after-banner-sec .ocp-card .asf-card-head{
    text-align: center;
}

section.after-banner-sec .ocp-card .asf-card-head img {
    filter: unset;
}

section.after-banner-sec .ocp-card .asf-card-head h1 {
    font-size: 30px;
    color: #293176;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    margin: 35px 0 20px;
}

section.after-banner-sec .ocp-card p {
    font-size: 18px;
    line-height: 26px;
    color: #696969;
}

.about-sec-one{
    padding: 0 100px 100px;
    color: var(--theme-primary);
}
.about-sec-one h2{
    color: #293176;
    font-size: 54px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0px;
}
.aso-left {
    position: relative;
    z-index: 1;
    text-align: center;
}

.aso-left::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 85%;
    height: 88%;
    background: var(--theme-primary);
    border-top-left-radius: 150px;
    z-index: -1;
    transform: translateX(-50%);
}
.about-sec-one p{
    font-size: 24px;
    line-height: 1;
}
.about-sec-one .aso-main-content{
    text-align: center;
    margin-bottom: 50px;
    padding: 0 100px;
}
.aso-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 108%;
}
.aso-right p:first-child{
    margin-bottom: 30px;
}
.aso-right h5{
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-primary);
    margin-bottom: 0;
}

.about-sec-two {
    background-color: var(--theme-primary);
    color: #fff;
    margin-top: 70px;
    padding: 0 150px;
}
.ast-left p {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px;
}
.ast-left h5 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-transform: capitalize;
}
.ast-right {
    position: relative;
}
.ast-right img {
    position: relative;
    margin-top: -80px;
}

.about-sec-three{
    padding: 50px 0;
    text-align: center;
}
.about-sec-three p{
    font-size: 24px;
    line-height: 1;
    padding: 0 120px;
}

.about-contact-info {
    width: 100%;
    overflow: hidden;
}

.aci-wrapper {
    display: flex;
    width: 100%;
    height: 600px;
    position: relative;
}

.aci-content {
    width: 100%;
    height: 100%;
    transition: width 0.6s ease-in-out;
    position: relative;
}
.aci-content img{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.aci-content-short-img{
    display: none;
}

.aci-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all ease 1s;
    padding: 0;
    position: relative;
    text-align: center;
    width: 700px;
    height: 100%;
    margin: auto;
}

.aci-text h1 {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    left: 0;
    transition: all ease 1s;
}

.aci-text p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

.aci-text a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    transition: all ease 1s;
    position: relative;
    display: block;
    width: 100%;
}

.aci-wrapper:hover .aci-text h1 {
    left: -80px;
    transition: all ease 1s;
}
.about-contact-info:nth-of-type(2) .aci-wrapper:hover .aci-text h1{
    left: -143px;
}
.about-contact-info:nth-of-type(3) .aci-wrapper:hover .aci-text h1{
    left: -140px;
}
.aci-wrapper:hover .aci-text a {
    transition: all ease 1s;
    text-align: left;
}
.aci-wrapper:hover .aci-text p {
    text-align: left;
}

.aci-map {
    width: 0;
    height: 100%;
    overflow: hidden;
    transition: width 0.6s ease-in-out;
}
.aci-map iframe{
    border: 0;
}
/* Hover map/content split effect */
.aci-wrapper:hover .aci-content {
    width: 50%;
}
.aci-wrapper:hover .aci-content .aci-content-short-img{
    display: block;
}
.about-contact-info:nth-of-type(2) .aci-wrapper:hover .aci-text h1{
    left: -143px;
}
.about-contact-info:nth-of-type(3) .aci-wrapper:hover .aci-text h1{
    left: -140px;
}

.aci-wrapper:hover .aci-map {
    width: 50%;
}

/* event page gallery */
.event-gallery-banner{
    height: 80vh;
    display: flex;
    align-items: center;
    padding: 0 150px 0 185px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.event-gallery-banner h1{
    color: #fff;
    font-weight: 700;
    font-size: 75px;
    text-transform: uppercase;
    line-height: 1;
}
.eg-galleries-grid {
    display: flex;
    align-items: center;
    gap: 40px;
}

.eg-gallery {
    width: 30%;
}

.eg-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}
.eg-gallery:nth-child(odd) {
    margin-top: 200px;
}

.eg-gallery:nth-child(even) {
    margin-top: 20px;
}

.event-fillter {
    padding: 25px 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border: 1px solid #C6C6C6;
    margin: 70px 30vh;
    border-radius: 18px;
}
.filter-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 5px;
}

.filter-item {
    position: relative;
}
.filter-item select{
    width: 100%;
}
select.form-select {
    padding: 12px 15px;
    border: 1px solid #C6C6C6;
    font-size: 14px;
    color: #333;
    background-color: #F3F3F3;
    cursor: pointer;
    appearance: none;
    border-radius: 6px;
}
select.form-select:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 0.25rem rgba(41, 49, 118, 0.25);
    outline: none;
}
select.form-select option[value=""][disabled] {
    color: #999;
    display: none;
}
.grid-btn{
    display: flex;
    align-items: center;
    gap: 20px;
}
.grid-btn button{
    background: transparent;
    border: none;
    cursor: pointer;
}
.grid-btn button i {
    color: var(--theme-primary);
    font-size: 38px;
}
/* event grid box */
.event-grid-sec{
    padding: 0 50px 70px
}
.event-grid-box-img{
    position: relative;
    cursor: pointer;
    border-radius: 18px;
    overflow: hidden;
}
.event-grid-box .event-image{
    width: 100%;
    height: 290px;
    object-fit: cover;
}
.eg-box-img-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(41, 49, 118, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.eg-box-img-hover a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: transparent;
    border-radius: 35px;
    padding: 11px 22px 11px 25px;
    display: inline-block;
    border: 1px solid #fff;
    text-transform: capitalize;
}
.eg-box-img-hover a:hover{
    background-color: var(--theme-primary);
    color: #fff;
}
.event-grid-box-img:hover .eg-box-img-hover{
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.event-grid-box .event-grid-box-content{
    color: var(--theme-primary);
    text-align: center;
    padding-top: 15px;
}
.event-grid-box .eg-bc-title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.event-grid-box .eg-bc-date{
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.2;
}
/* event list */
.event-list-sec{
    padding: 0 50px 70px
}
.event-list-box{
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #C6C6C6;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.event-list-box-img{
    position: relative;
    cursor: pointer;
}
.event-list-box-img .event-image{
    width: 450px;
    height: 300px;
    object-fit: cover;
}
/*.el-box-img-hover{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 0;*/
/*    background-color: rgba(41, 49, 118, 0.75);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: .3s ease-in-out;*/
/*}*/
/*.el-box-img-hover a {*/
/*    display: inline-block;*/
/*    border: 1px solid #fff;*/
/*    background-color: #fff;*/
/*    border-radius: 8px;*/
/*    color: var(--theme-primary);*/
/*    padding: 10px 20px;*/
/*    font-weight: 800;*/
/*    text-transform: capitalize;*/
/*    transition: .3s ease-in-out;*/
/*}*/
/*.el-box-img-hover a:hover{*/
/*    background-color: var(--theme-primary);*/
/*    color: #fff;*/
/*}*/
.eg-bc-btn{
    display: inline-block;
    border: 2px solid #293176;
    padding: 6px 22px 6px 21px;
    border-radius: 35px;
    font-size: 18px;
    color: #293176;
    font-weight: 700;
    text-transform: capitalize;
}
.event-list-box-img:hover .el-box-img-hover{
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.event-list-box .event-list-box-content{
    color: var(--theme-primary);
    padding-top: 15px;
}
.event-list-box .event-list-box-content .eg-bc-title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}
.event-list-box .event-list-box-content .eg-bc-date{
    font-size: 24px;
    margin-bottom: 0;
}

.event-pagination{
    text-align: center;
    margin: 20px 0 100px;
}
.event-pagination ul{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 20px;
}
.event-pagination ul li{
    background-color: #D9D9D9;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: .3s ease-in-out;
    border-radius: 6px;
}
.event-pagination ul li:hover{
    background-color: var(--theme-primary);
}
.event-pagination ul li.active{
    background-color: var(--theme-primary);
}

/* terms and condiiton page */
.terms-condition-banner{
    height: 45vh;
    display: flex;
    align-items: end;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 50px;
}
.terms-condition-banner h1{
    font-size: 75px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.term-condition-content{
    padding: 60px 0;
}
.terms-header {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.term-condition-content p{
    font-size: 20px;
    line-height: 1;
    color: #000;
}
.terms-content {
    font-size: 1rem;
    color: #444;
}

.intro-text {
    font-size: 1.1rem;
    margin-bottom: 40px;
    line-height: 1.8;
    color: #333;
}

.term-section {
    margin-bottom: 40px;
    counter-increment: term-counter;
}

.term-section:before {
    content: counter(term-counter) ".";
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--theme-primary);
    margin-right: 15px;
    float: left;
    line-height: 1;
}

.term-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-primary);
    margin-bottom: 25px;
    padding-left: 40px;
}

.term-description {
    margin-bottom: 20px;
}

.term-points {
    padding-left: 40px;
    margin-top: 15px;
}

.term-points li {
    margin-bottom: 0;
    position: relative;
    line-height: 1;
    font-size: 20px;
}
.company-name {
    font-weight: 700;
    color: var(--theme-primary);
}

/* Custom Accordion Styling */
.term-condition-faq{
    padding: 50px 80px 200px;
}
#faqAccordion .card {
    border: none;
    border-radius: 0;
    margin-bottom: 15px;
    background-color: transparent;
}

#faqAccordion .card-header {
    background-color: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
}

#faqAccordion .btn-link {
    width: 100%;
    text-align: left;
    background-color: #F2F2F2;
    color: var(--theme-primary);
    font-size: 20px;
    font-weight: 700;
    padding: 30px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 0;
}

#faqAccordion .btn-link:hover {
    text-decoration: none;
    background-color: #e0e6f0;
    color: var(--theme-primary);
}

#faqAccordion .btn-link:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

#faqAccordion .btn-link:not(.collapsed) {
    background-color: var(--theme-primary);
    color: white;
}

#faqAccordion .btn-link:not(.collapsed) .accordion-icon {
    color: white;
    transform: rotate(180deg);
}

.accordion-icon {
    color: var(--theme-primary);
    font-size: 20px;
    transition: transform 0.3s ease;
    font-weight: bold;
}

#faqAccordion .card-body {
    padding: 25px 30px;
    font-size: 18px;
    line-height: 1;
    color: var(--theme-primary);
    background-color: white;
    margin-top: 5px;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.faq-question {
    padding-right: 40px;
    white-space: normal;
}

.contact-us-banner{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 70vh;
}
.contact-sec-one{
    padding: 100px 80px;
}
.cso-left-card{
    color: var(--theme-primary);
    font-weight: 700;
    margin-bottom: 70px;
}
.cso-left-card h1{
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}
.cso-left-card p{
    font-size: 24px;
    margin-bottom: 0;
}
.cso-left-card a{
    font-size: 24px;
    text-decoration: underline;
    color: var(--theme-primary);
    margin-bottom: 20px;
    display: block;
}
.cso-left-card iframe{
    border: 0;
}
.cso-right-form form{
    background-color: #F3F3F3;
    padding: 50px;
}
.cso-right-form form label{
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-primary);
    text-transform: capitalize;
    margin-bottom: 0;
}
.cso-right-form form .form-control{
    height: 55px;
    border-radius: 0;
    border: 0;
}
.cso-right-form form textarea.form-control{
    height: 300px;
    resize: none;
}
.cso-right-form form .form-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-top: 30px;
}
.cso-right-form form button{
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    padding: 0 80px;
    border: none;
    text-transform: capitalize;
    cursor: pointer;
}
.theme-btn{
    background-color: var(--theme-primary);
    color: #fff;
}
.white-btn{
    background-color: #fff;
    color: var(--theme-primary);
}
.cso-right-card{
    height: 395px;
    display: flex;
    align-items: center;
    margin-top: 80px;
}
.cso-rc-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cso-rc-content{
    padding: 30px;
    background-color: var(--theme-primary);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-around;
}
.cso-rc-content h1{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.1;
}
.cso-rc-content button{
    height: 44px;
    font-size: 24px;
    font-weight: 700;
    padding: 0 30px;
    text-transform: capitalize;
    border: 0;
    cursor: pointer;
}
.contact-sec-one .social-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
    margin-top: 30px;
}

.contact-sec-one .social-icon li{
    margin: 0 15px;
}


.contact-sec-one .social-icon li i {
    color: #c33737;
    font-size: 40px;
    transition: 0.5s ease-in-out all;
}

.contact-sec-one .social-icon li i:hover{
    transition: 0.5s ease-in-out all;
     color: #293176;
}

.contact-sec-one .social-icon li img{
    width: 80px;
    object-fit: contain;
}
.report-banner{
    padding: 0 140px;
    height: 75vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: end;
}
.rb-left-content{
    display: flex;
    align-items: center;
    height: 100%;
}
.rb-left-content h1{
    font-size: 64px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.rb-right-img{
    display: flex;
    align-items: end;
    height: 100%;
    justify-content: center;
}
.report-sec{
    padding: 70px 100px;
}
.report-sec-head{
    text-align: center;
    margin-bottom: 100px;
}
.report-sec-head p{
    line-height: 1;
    margin-bottom: 0;
}
.report-card{
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    overflow: hidden;
}
.report-card-img{
    position: relative;
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 289px;
    height: 415px;
    border-radius: 14px;
    overflow: hidden;
}
.report-card-img .rc-image{
    width: 100%;
    height: 415px;
    object-fit: cover;
}
.report-card-img:hover .rc-img-hover{
    visibility: visible;
    opacity: 1;
}
.report-card-img .rc-img-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(41, 49, 118, 0.75);
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.report-card-img .rc-img-hover button{
    background-color: #fff;
    border: 0;
    border-radius: 25px;
    color: var(--theme-primary);
    font-weight: 700;
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: capitalize;
    cursor: pointer;
}
.report-card h4{
    color: var(--theme-primary);
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 20px 0 0 0;
}

@media (max-width: 1440px){
    .report-card-img{
        width: 100%;
        height: 100%;
    }
}

.sec4-startup .marquee-wrapper {
  display: flex;
  gap: 20px; /* total height of each column */
  position: relative;
}

.sec4-startup .marquee {
  overflow: hidden;
  width: 260px;   /* width of column */
  height: 100%;
  position: relative;
}

.sec4-startup .marquee-track {
  display: flex;
  flex-direction: column;
  animation: scrollDown 30s linear infinite;
}

.sec4-startup .col_2 .marquee-track {
  animation: scrollUp 30s linear infinite; /* opposite direction */
}

.sec4-startup .marquee-track img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 15px;
  object-fit: cover;
}

/* Smooth top → bottom */
@keyframes scrollDown {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}

/* Smooth bottom → top */
@keyframes scrollUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}




.cards-section {
  position: relative;
}


.card-cus {
  width: 100%;
  padding: 50px 65px 40px;
  background: #293176;
  border-radius: 1rem;
  transform-origin: center top;
  min-height: 380px;
  position: relative;
}

.card-cus:nth-child(1) { z-index: 1; }
.card-cus:nth-child(2) { z-index: 2; }
.card-cus:nth-child(3) { z-index: 3; }


.ml6 {
  position: relative;
  font-weight: 900;
  font-size: 3.3em;
}

.ml6 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1em;
}



.fade-up-para {
  opacity: 1;           /* Start invisible */
  transform: translateY(30px); /* Start slightly below */
}

/* Acadmey page */
.acadmey-banner {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.academy-sec1 {
    text-align: center;
    padding: 70px 0 100px;
}
.academy-sec1 h1 {
    font-size: 64px;
    font-weight: 700;
    color: #293176;
    text-transform: uppercase;
    margin: 0;
}
.academy-sec1 p {
    font-size: 20px;
    color: #000;
    margin: 30px 70px;
    line-height: 1;
}
.academy-sec1 a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #293176;
    border-radius: 35px;
    padding: 0 40px;
    border: 1px solid #293176;
    text-transform: capitalize;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}
.academy-sec1 a img {
    margin-left: 10px;
}
.academy-sec1 a:hover img {
    filter: invert(1);
}
.academy-sec2 {
    padding: 0 150px 80px;
}
.as2-box {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    gap: 50px;
    transition: .4s ease-in-out;
}
.as2-box-number {
    text-align: center;
}
.as2-box-number h1 {
    font-weight: 700;
    font-size: 80px;
    color: #2931764D;
    margin: 0;
    line-height: .8;
    transition: .4s ease-in-out;
}
.as2-box-number p {
    text-transform: uppercase;
    color: #293176;
    font-size: 28px;
    margin: 0;
    line-height: 1;
}
.as2-box-content {
    flex: 1;
    padding: 46px;
    border-radius: 30px;
    border: 1px solid #ECECEC;
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #F6F6F6;
    transition: .4s ease-in-out;
    position: relative;
    left: -103px;
}
.as2-box-content h1 {
    font-size: 34px;
    text-transform: uppercase;
    color: #293176;
    font-weight: 700;
    margin: 0;
}
.as2-box:hover .as2-box-number h1{
    color: #293176;
}
.as2-box:hover .as2-box-content{
    left: 0;
}
.as2-box:nth-child(odd){
    flex-direction: row-reverse;
}
.as2-box:nth-child(odd) .as2-box-content{
    left: unset;
    right: -115px;
    background-color: #FDFDFD;
}
.as2-box:hover:nth-child(odd) .as2-box-content{
    right: 0;
}
.acadmey-sec3{
    padding: 60px 130px;
    background-color: #293176;
    text-align: center;
}
.acadmey-sec3 p{
    font-size: 40px;
    margin-bottom: 30px;
    color: #fff;
}
.acadmey-sec3 a{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: transparent;
    border-radius: 35px;
    padding: 0 30px;
    border: 1px solid #fff;
    text-transform: capitalize;
    height: 44px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.acadmey-sec3 a:hover img {
    filter: invert(1);
}
.acadmey-sec3 a img {
    margin-left: 25px;
}

/*dealdock timeline section*/
.timeline-section {
    padding: 0 0 100px;
    position: relative;
    background: #fff;
    min-height: 100vh;
}
/* Main heading */
.timeline-section .main-heading {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #293176;
    margin-bottom: 200px;
    transform: translateY(30px);
}
/* Vertical center line container */
.timeline-section .vertical-line-container {
    position: absolute;
    left: 50%;
    top: 5%;
    height: 91%;
    width: 4px;
    transform: translateX(-50%);
    z-index: 1;
    overflow: hidden;
}
/* The actual line that grows */
    .timeline-section .vertical-line {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    height: 0;
    background: #293176;
    border-radius: 2px;
}
/* Timeline items */
    .timeline-section .timeline-item {
    position: relative;
    margin-bottom: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    opacity: 0;
}
.timeline-section .timeline-item:last-child {
    margin-bottom: 0;
}
/* Content boxes */
.timeline-section .content-box {
    width: 40%;
    padding: 50px 40px;
    border-radius: 16px;
    position: relative;
    opacity: 0;
    transform: translateX(-130px);
    transition: transform 0.3s ease;
}
.timeline-section .content-box:hover {
}
.timeline-section .img_box {
    width: 40%;
    margin-left: 5%;
    opacity: 0;
    transform: translateX(130px);
}
.timeline-section .img_box img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 4px 4px 4px 0px #00000040;
}
/* Section label */
.timeline-section .section-label {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.timeline-item:nth-child(even) .section-label {
    color: #293176;
}
.timeline-item:nth-child(odd) .section-label {
    color: #293176;
    text-align: left;
}
/* Label underline */
.timeline-section .section-label::after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 4px;
    width: 80px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
}
.timeline-section .timeline-item:nth-child(even) .section-label::after {
    left: 0;
}
.timeline-section .timeline-item:nth-child(odd) .section-label::after {
    right: 0;
    transform-origin: right;
}
/* Paragraphs */
.timeline-section .content-box p {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #444;
    color: #000;
}
.timeline-section .timeline-item:nth-child(odd) .content-box p {
    text-align: left;
}
.timeline-section .content-box p:last-child {
    margin-bottom: 0;
}
/* Dot on the center line */
.timeline-section .timeline-dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 4px solid #c33737;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    z-index: 2;
    transition: all 0.3s ease;
}
.timeline-section .timeline-item:nth-child(odd) .timeline-dot {
    border-color: #c33737;
}
/* Connector lines from box to center */
.timeline-section .connector-line {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 3px;
    background: #293176;
    opacity: 0;
    transform: scaleX(0);
}
.timeline-section .timeline-item:nth-child(even) .connector-line {
    right: 0;
    /* transform-origin: right; */
    left: 0;
    opacity: 1;
    margin: auto;
}
.timeline-section .timeline-item:nth-child(odd) .connector-line {
    left: 0;
    right: 0;
    margin: auto;
}
.timeline-section .timeline-item:nth-child(odd) .img_box {
    margin-left: unset;
    margin-right: 5%;
}
/* Animation states */
.timeline-section .animate-in {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}
.deal-dock-sec1 h1 {
    line-height: 1;
}
.deal-dock-sec1 h6 {
    font-size: 20px;
    text-transform: uppercase;
    color: #293176;
    font-weight: 700;
    margin-bottom: 50px;
}
.deal-dock-sec1.academy-sec1 p{
    margin: 20px 0 0;
}

.sec3 .row.stats .col-sm-12 {
align-items: center; 
justify-content: center;
display: flex;
}

/****************** member ship page css ************/
.member-ship-sec {
        padding: 20px 0 100px;
}
.member-ship-card{
    background-image: url(../images/member-ship/membership-card-bg.webp);
    backdrop-filter: blur(5px);
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    height: 100%;
    display: flex;
    position: relative;
    background-position: 100% 0px, 0px 0px;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    background-position: top;
    border: 2px solid #EAEAEA4D;
    padding: 60px;
    background-color: #293176e8;
    transition: .3s ease-in-out;
    transform: scale(1);
    box-shadow: 0px 4px 4px 0px #00000040;
}
.member-ship-sec-row > div:nth-child(2) .member-ship-card{
    border-color: #c33737;
}
.member-ship-sec-row > div:nth-child(2) .member-ship-card::before{
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient( 90deg, transparent, #c33737, transparent);
  box-shadow: 0 0 15px rgba(195, 55, 55, 0.8);
}
.member-ship-sec-row > div:nth-child(2) .member-ship-card::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  box-shadow: inset 0 0 20px rgba(195, 55, 55, 0.15);
  pointer-events: none;
}
.member-ship-card:hover{
    transform: scale(1.01);
    border-color: #c33737;
}
.member-ship-card img {
    width: 80px;
    height: 80px;
    filter: brightness(1000%) saturate(0);
}
.member-ship-card h1 {
    font-weight: 600;
    margin: 32px 0 3px;
    font-size: 42px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}
.member-ship-card p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 32px;
    text-align: center;
    line-height: 1.3;
}
.mc-cc-main-title{
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 20px;
}
.mc-cc-main-title::before,
.mc-cc-main-title::after{
    content: "";
    flex: 1;
    height: 1px;
    background: #EAEAEA4D;
}
.mc-cc-main-title::before {
  margin-right: 12px;
}
.mc-cc-main-title::after {
  margin-left: 12px;
}
.ms-card-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ms-card-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 18px;
}
.ms-cc-icon {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 3px;
}
.ms-cc-icon i {
  font-size: 10px;
  color: #fff;
}
.ms-cc-checkmar-content {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}

.membership-sec3{
    padding: 60px 130px;
    background-color: #293176;
    text-align: center;
}
.membership-sec3 h1{
    font-size: 40px;
    color: #fff;
}
.membership-sec3 p{
    font-size: 24px;
    margin-bottom: 30px;
    color: #fff;
}
.membership-sec3 a{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: transparent;
    border-radius: 35px;
    padding: 0 30px;
    border: 1px solid #fff;
    text-transform: capitalize;
    height: 44px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
.membership-sec3 a:hover img {
    filter: invert(1);
}
.membership-sec3 a img {
    margin-left: 25px;
}
.membership-sec3 .btn-slide-wt:hover{
    box-shadow: inset 145px 0 0 0 #ffffff, inset -145px 0 0 0 #ffffff;
}
.member-ship-sec-row > div:nth-child(2) .member-ship-card {
    box-shadow: 0px 0px 14px rgb(195 55 55 / 69%);
}

/********************* meet our startup page ***********/
.our-startup-sec {
    padding: 50px 30px 100px;
}
.our-startup-sec h1 {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 600;
    color: #293176;
    text-align: center;
    margin-bottom: 50px;
}
.os-sec-card {
    border-radius: 30px;
    padding: 30px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: scale(1);
    transition: all 0.4s ease;
    margin-bottom: 40px;
}
.os-sec-card:hover{
    transform: translateY(-10px);
}
.os-sec-card .os-sec-card-img {
    margin-bottom: 10px;
    max-width: 180px;
    max-height: 100px;
}
.os-sec-card p {
    color: #000;
    font-size: 16px;
}
.os-sec-card a {
font-size: 16px;
    color: #fff;
    background: #293176;
    border-radius: 35px;
    padding: 0 20px 0 22px;
    border: 1px solid #293176;
    text-transform: capitalize;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
    font-weight: 700;
}
.os-sec-card a img {
    margin-left: 10px;
}
.os-sec-card a:hover img {
    filter: invert(1);
}
/**/
.startups-fillter {
    padding: 25px 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border: 1px solid #C6C6C6;
    margin: 60px 30vh 30px;
    border-radius: 18px;
}
.startups-filter-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    padding: 8px 15px;
    border-radius: 5px;
}

.startups-filter-item {
    position: relative;
}
.startups-filter-item select{
    width: 100%;
}


.tab-pane.fade {
  transition: none !important;
}
/********** event detail css **********/
.event-detail-page-content {
    padding: 40px 0 80px;
}
.event-detail-page-banner {
    width: 100%;
    height: 75vh;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.event-detail-page-banner::before{
    content: '';
    position: absolute;
    background-color: rgb(38 54 128 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ed-pc-info {
    margin-bottom: 20px;
}
.ed-pc-info ul{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.ed-pc-info ul li{list-style: none;}
.ed-pc-info ul li span{
    color: #777;
    font-size: 16px;
    font-weight: 500;
}
.ed-pc-info ul li i{
    color: #c33737;
    padding-right: 10px;
}
.ed-pc-info .ed-pc-date {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
.ed-pc-btn {
    display: inline-block;
    border: 2px solid #293176;
    padding: 6px 22px 6px 21px;
    border-radius: 35px;
    font-size: 18px;
    color: #293176;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.ed-pc-main-title {
    margin: 20px 0 10px;
    font-size: 36px;
    font-weight: 600;
    color: #293176;
    line-height: 34px;
}
.event-detail-page-content p {
    font-size: 18px;
}
.ed-pc-social-icon h4{
    color: #293176;
    font-size: 26px;
    margin-bottom: 10px;
}
.ed-pc-social-icon .social-icon{
    display: flex;
    align-items: center;
    justify-content: start;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 24px;
}
.ed-pc-social-icon .social-icon li i {
    color: #c33737;
    font-size: 23px;
    transition: 0.5s ease-in-out all;
}
.ed-pc-social-icon .social-icon li i:hover{
    transition: 0.5s ease-in-out all;
     color: #293176;
}

.event-detail-page-content .highlight-quote {
    background: #f0f8ff;
    border-left: 4px solid #0c2461;
    padding: 25px;
    margin: 30px 0;
    font-style: italic;
    font-size: 18px;
    color: #0c2461;
    border-radius: 0 8px 8px 0;
}
.event-detail-page-content ul.list {
    padding: 0 0 0 20px;
    margin: 0;
}
.event-detail-page-content  ul.list li{
    position: relative;
    margin-bottom: 15px;
    padding-left: 10px;
}
.event-detail-page-content  ul.list li:before {
    content: '▸';
    color: #4bcffa;
    font-weight: bold;
    position: absolute;
    left: -15px;
}

.event-detail-page-content ul.list li p {
    font-size: 18px;
    margin: 0;
    line-height: 22px;
}
.event-detail-page-content h3 {
    margin: 25px 0 6px;
    font-size: 24px;
    font-weight: 600;
    color: #293176;
}

.event-detail-page-content .ed-pc-social-icon {
    margin-top: 40px;
}
.event-detail-page-content .sidebar-widget {
    background: white;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #cccccc85;
}

.event-detail-page-content .widget-title {
    font-size: 22px;
    color: #0c2461;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f8ff;
    margin-top: 0px;
}

.event-detail-page-content .trend-card {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.event-detail-page-content .trend-card:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.event-detail-page-content .trend-icon {
    width: 50px;
    height: 50px;
    background: #f0f8ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #0c2461;
    font-size: 20px;
}
.event-detail-page-content .trend-card span {
    font-size: 14px;
    color: #c33737;
    font-weight: 500;
}

.event-detail-page-content .trend-card span i {
    color: #c33737;
}

.event-detail-page-content .trend-card .inner {
    gap: 10px;
    display: flex;
    margin-bottom: 6px;
}

.event-detail-page-content .trend-info h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #0c2461;
    font-weight: 600;
}

.event-detail-page-content .trend-info p {
    font-size: 16px;
    color: #000000bf;
    margin: 0;
    font-family: Proxima Nova Rg;
    font-weight: 400;
    line-height: 20px;
}

.event-detail-page-content .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.event-detail-page-content .tag {
    background: #f0f8ff;
    color: #0c2461;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s;
}

.event-detail-page-content .tag:hover {
    background: #c33737;
    color: white;
    cursor: pointer;
}

.event-detail-page-content .share-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.event-detail-page-content .share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: transform 0.3s;
}

.event-detail-page-content .share-btn:hover {
    transform: translateY(-3px);
}

.event-detail-page-content .facebook { background: #3b5998; }
.event-detail-page-content .twitter { background: #1da1f2; }
.event-detail-page-content .linkedin { background: #0077b5; }
.event-detail-page-content .link { background: #0c2461; }

/* Comments Section */
.event-detail-page-content .comments-section {
    margin-top: 40px;
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #cccccc61;
}

.event-detail-page-content .comment-form input,.event-detail-page-content  .comment-form textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.event-detail-page-content .comment-form textarea {
    min-height: 150px;
    resize: vertical;
}

.event-detail-page-content .submit-btn {
    background: #0c2461;
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

.event-detail-page-content .submit-btn:hover {
    background: #1e3799;
}
.event-detail-page-content  .feat_img img{
    height: 400px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 25%);
    margin: 20px auto 30px;
    object-fit: cover;
}
.event-detail-page-content .trend-card a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #293176;
    border-radius: 25px;
    padding: 6px 20px;
    display: inline-block;
    border: 1px solid #293176;
    margin-top: 6px;
    letter-spacing: .5px;
}
/************************************ career page css  ********************************************/
.sec-career_cus{
    padding-bottom: 80px;
}
.tabs-menu_career {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.tabs-menu_career li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-menu_career li.current {
    position: relative;
    z-index: 5;
}
.tabs-menu_career li a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    color: #293176;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    list-style: none;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px 30px;
    border-radius: 25px;
    margin-bottom: 50px;
}
.tabs-menu_career .current a {
    color: #fff;
    background-color: #293176;
    border-bottom: 1px solid #fff;
}
.tab-career {
    display: none;
}
#tab-1 {
    display: block;   
}
.tab-career-card {
    border-radius: 30px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: scale(1);
    transition: all 0.4s ease;
    margin-bottom: 40px;
}
.tab-career-card:hover{
    transform: translateY(-10px);
}
.tab-career-card h1{
    color: #293176;
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}
.tab-career-card span{
    background-color: #c7c7c738;
    padding: 8px 22px;
    border-radius: 25px;
    margin: 8px 0 30px;
    display: inline-block;
    color: #E64843;
    font-size: 14px;
    font-weight: 600;
}
.tab-career-card span i{
    font-size: 16px;
    margin-right: 5px;
}
.tab-career-card p {
    font-size: 16px;
    color: #000000b5;
    margin-bottom: 30px;
}
.tab-career-card a {
    font-size: 16px;
    color: #fff;
    background: #293176;
    border-radius: 35px;
    padding: 0 20px 0 22px;
    border: 1px solid #293176;
    text-transform: capitalize;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 700;
}
.tab-career-card a img {
    margin-left: 10px;
}
.tab-career-card a:hover img {
    filter: invert(1);
}
.tab-career-card a.btn-slide-wt:hover{
    box-shadow: inset 165px 0 0 0 #ffffff, inset -165px 0 0 0 #FFFFFE;
}

/*---------------------
HAMBURGER MENU
----------------------*/

.hamburger-menu {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 34px;
    cursor: pointer;
    z-index: 9998;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    background: #293176;
    text-align: center;
    padding: 6px 7px;
    border-radius: 3px;
    display: none;
}

.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
  width: 25px;
  height: 2px;
}

.hamburger-menu .bar {
  position: relative;
  transform: translateY(10px);
  background: #fff;
  transition: all 0ms 300ms;
}

.hamburger-menu .bar.animate {
  background: rgba(255, 255, 255, 0);
}

.hamburger-menu .bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  background: #fff;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu .bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: #fff;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu .bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu .bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
/*---------------------
	Mobiles Menu - Design 
	----------------------*/

.mobile-menu ul {
  margin: 0;
  padding: 0;
}

.mobile-menu li {
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
  padding-left: 15px;
  color: #fff;
  font-family: 'Proxima Nova Rg';
  font-size: 16px;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}

.mobile-menu li:first-child {
  margin-top: 100px;
}


.mobile-menu li a {
  text-decoration: none;
  color: #fff;
  font-family: 'Proxima Nova Rg';
  font-size: 16px;
  font-weight: 600;
}

/*---------------------
	Mobiles Menu - Slide IN 
	----------------------*/

.mobile-menu {
  top: 0;
  max-width: 250px;
  left: -100%;
  width: 100%;
  background: #293176;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

/*---------------------
	Mobiles Menu - Dropdown Submenu
	----------------------*/

.mobile-menu  .has-children:hover {
  cursor: hand;
}

.mobile-menu  .children {
  display: none;
}

.mobile-menu .children li:first-child {
  margin-top: 0px;
}

.mobile-menu  .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff;
  top: 5px;
  right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}

.mobile-menu  .icon-arrow:after {
  content: "\f078";
  font-family: 'Font Awesome 6 Free';
}

.mobile-menu  .icon-arrow.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
}

.mobile-menu ul ul li {
    padding: 0;
    font-size: 15px;
}

.mobile-menu ul ul li a {
    font-size: 15px;
}
.mobile-menu ul ul li:last-child{
    border:none;
}

@media screen and (max-width: 1700px) {
.academy-sec1 h1, .timeline-section .main-heading {
    font-size: 54px;
}
.deal-dock-sec1 h6 {
    font-size: 20px;
    text-transform: uppercase;
    color: #293176;
    font-weight: 700;
    margin-bottom: 20px;
}
.academy-sec1 p {
    font-size: 18px;
}
.deal-dock-sec1.academy-sec1 p {
        margin: 15px auto 0;
        max-width: 80%;
}
.timeline-section .section-label {
    font-size: 34px;
}
.timeline-section .content-box p {
    font-size: 18px;
    margin-bottom: 15px;
}
.timeline-section .timeline-item:nth-child(odd) .img_box {
    margin-right: 9%;
}
.timeline-section .img_box img {
    height: 350px;
}
.timeline-section .img_box {
    margin-left: 9%;
}
.acadmey-sec3 p {
    font-size: 32px;
    line-height: 35px;
}
.event-fillter {
    margin: 70px 10vh;
}
.event-gallery-banner h1 {
    font-size: 55px;
}
.event-grid-box .eg-bc-title {
    font-size: 20px;
}
.event-grid-box .eg-bc-date {
    font-size: 18px;
}
.event-list-box .event-list-box-content .eg-bc-title {
    font-size: 20px;
}
.event-list-box .event-list-box-content .eg-bc-date {
    font-size: 20px;
}
.event-pagination ul li {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border-radius: 3px;
}
.ed-pc-btn {
    font-size: 15px;
}
.ed-pc-main-title {
    font-size: 28px;
    line-height: 24px;
}
.event-detail-page-content .widget-title {
    font-size: 18px;
}
.event-detail-page-content .comments-section {
    padding: 20px;
}
}

@media (max-width: 1280px) {
    .academy-sec1 h1, .timeline-section .main-heading {
        font-size: 44px;
    }
    .deal-dock-sec1.academy-sec1 p {
        margin: 15px auto 0;
        max-width: 90%;
    }
    .timeline-section .main-heading {
        margin-bottom: 90px;
    }
    .timeline-section .content-box {
        padding: 10px 10px;
        border-radius: 16px;
    }
    .timeline-section {
    padding: 0px 0 130px;
    min-height: auto;
}
.as2-box-content {
    padding: 20px 40px;
    border-radius: 10px;
}
.as2-box-content h1 {
    font-size: 26px;
}
.as2-box:nth-child(odd) .as2-box-content {
    right: 0;
}
.as2-box:nth-child(even) .as2-box-content {
    left: 0;
}

.as2-box .as2-box-number h1 {
    color: #293176;
}
.as2-box-number p {
    font-size: 22px;
}
.as2-box-number h1 {
    font-size: 60px;
}
.event-gallery-banner h1 {
        font-size: 45px;
    }
    .eg-gallery:nth-child(odd) {
    margin-top: 90px;
}
.eg-gallery:nth-child(even) {
    margin-top: 0;
}
.event-gallery-banner {
    height: 70vh;
        padding: 0 100px;
}
.event-fillter {
        margin: 60px 4vh;
    }
.event-grid-box .event-image {
    height: 200px;
}
select.form-select, .filter-btn {
    padding: 8px 15px;
    font-size: 14px;
}
    .event-grid-box .eg-bc-title {
        font-size: 18px;
    }
    .event-list-box-img .event-image {
    width: 400px;
    height: 250px;
}
.event-list-sec, .event-grid-sec {
    padding: 0 50px 20px;
}
.event-detail-page-banner {
    height: 40vh;
}
.event-detail-page-content .feat_img img {
    height: 300px;
}
}

@media(max-width: 991px){
.acadmey-banner {
    height: 30vh;
}
.acadmey-sec3 {
    padding: 60px 20px;
}
 .acadmey-sec3 p {
        font-size: 26px;
        line-height: 30px;
    }   
    .academy-sec1 h1, .timeline-section .main-heading {
        font-size: 36px;
    }
        .timeline-section .section-label {
        font-size: 26px;
    }
    .academy-sec1 p {
        font-size: 18px;
        margin: 20px auto;
    }
    .academy-sec2 {
    padding: 0 30px 80px;
}
    .as2-box-content h1 {
        font-size: 22px;
    }
.eg-galleries-grid {
    display: none;
}
.event-gallery-banner h1 {
        font-size: 45px;
        text-align: center;
    }
    .event-gallery-banner {
        height: 40vh;
        padding: 0 ;
    }
    .event-fillter {
        margin: 40px 10px;
        border-radius: 10px;
        padding: 12px 3px;
    }
    .event-grid-sec .col-lg-4 {
    width: 50%;
}
.event-list-box-img .event-image {
        width: 270px;
        height: 200px;
    }
    .event-detail-page-content p,.event-detail-page-content ul.list li p {
    font-size: 16px;
}
.event-detail-page-content .trend-card span {
    font-size: 10px;
}
.event-detail-page-content .sidebar-widget {
    border-radius: 10px;
    padding: 20px 10px;
}
.event-detail-page-content .trend-info h4 {
    font-size: 16px;
}
.event-detail-page-content .trend-info p {
    font-size: 14px;
}
.event-detail-page-content .widget-title {
        font-size: 16px;
    }
.event-detail-page-content .tag {
    padding: 8px 10px;
    font-size: 13px;
}
.event-detail-page-content .comment-form input, .event-detail-page-content .comment-form textarea {
    padding: 8px;
    font-size: 13px;
}
.event-detail-page-content .submit-btn {
    padding: 10px 20px;
    font-size: 14px;
}
}  

@media(max-width: 575px){
    .academy-sec1 {
        padding: 40px 0 10px;
}
.academy-sec1 h1, .timeline-section .main-heading {
        font-size: 27px;
    }
        .deal-dock-sec1 h6 {
        font-size: 14px;
    }
    .academy-sec1 p {
        font-size: 15px;
    }
     .main-heading .char, .timeline-item,
  .content-box,
  .img_box {
    opacity: 1 !important;
    transform: none !important;
  }
  .timeline-section .timeline-dot {
    display: none;
}
.timeline-section .img_box {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .timeline-section .timeline-item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    flex-wrap: wrap;
    flex-direction: column-reverse;
        margin-bottom: 30px;
}
.timeline-section .timeline-item:last-child{
    flex-direction: row;
}
.timeline-section .content-box {
        padding: 0;
        border-radius: 0;
        width: 100%;
        text-align: center;
                margin-bottom: 30px;
    }
    .timeline-section .timeline-item:nth-child(odd) .content-box p {
    text-align: center;
}
    .timeline-section .main-heading {
        margin-bottom: 60px;
    }
    .timeline-section .section-label {
        font-size: 20px;
            margin-bottom: 10px;
    }
        .timeline-section .content-box p {
        font-size: 16px;
        margin-bottom: 10px;
    }
        .timeline-section .img_box img {
        height: auto;
    }
    .timeline-section {
        padding: 0px 0 60px;
        min-height: auto;
    }
        .acadmey-sec3 {
        padding: 30px 10px;
    }
    .acadmey-sec3 a {
        font-size: 16px;
}
.acadmey-sec3 p {
        font-size: 18px;
        line-height: 22px;
    }
    .as2-box {
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    gap: 10px;
    transition: .4s ease-in-out;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.as2-box:nth-child(odd) {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
    .as2-box-content {
        padding: 10px 15px;
        border-radius: 8px;
        width: 100%;
    }
    .as2-box-content h1 {
        font-size: 15px;
    }
    .as2-box-number h1 {
        font-size: 30px;
    }
    .as2-box-number p {
        font-size: 18px;
    }
        .academy-sec2 {
        padding: 60px 30px 20px;
    }
    .event-gallery-banner h1 {
        font-size: 28px;
        text-align: center;
    }
    select.form-select, .filter-btn {
        margin-bottom: 10px;
    }
    .event-fillter .grid-btn {
      display: none;
}
.event-list-sec, .event-grid-sec {
        padding: 0 0px 20px;
    }
    .event-grid-sec .col-lg-4 {
        width: 100%;
    }
    .event-list-sec {
      display: none;
}
.sec11 .apply {
    display: inline-block;
    margin-right: 0;
}
.event-pagination ul {
    gap: 10px;
}
.ed-pc-main-title {
        font-size: 24px;
        line-height: 26px;
    }
    .event-detail-page-content .feat_img img {
        height: auto;
    }
    .event-detail-page-content h3 {
    font-size: 20px;
}
.event-detail-page-content aside.sidebar {
    margin-top: 40px;
}
.event-detail-page-content .sidebar-widget {
        display: none;
    }
    .event-detail-page-content .sidebar-widget:last-child {
        display: block;
    }
    .ed-pc-btn {
        font-size: 12px;
    }
}