
html{
    scroll-behavior: smooth;
}
html,
body {
    height: 100%;
}

body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: 400;
    font-style: normal;
    background: #fff;

}

ul,
ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

.image-full {
    width: 100%;
}

.image-full img {
    width: 100%;
    height: auto;
}

.fullimage-responsive img {
    width: 100%;
    max-width: 100%;
    height: auto;

}

.height-topheader {
    height: 146px;

}

.height-topoff {
    height: 0px;
}

.header-main-hm {
    position: fixed;
    top: 62px;
    right: 0;
    left: 0;
    z-index: 1029;
    padding: 0px 0px 0px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.wrp-nav {

    background: rgba(20, 27, 36, 0.35);

    stroke-width: 1px;

    border: 1px solid rgba(250, 171, 7, 0.50);

    backdrop-filter: blur(15px);

    padding: 26px 0px;

    border-radius: 35px;
}

.logo img {
    max-width: 202px
}

.header-main-hm .navbar-toggler .cn_item svg path {
    stroke: #fff !important;
}

.fixnav .navbar-toggler .cn_item svg path {
    stroke: #fff !important;
}
.nav-hide .navbar-toggler .cn_item svg path {
    stroke: #fff !important;
}

.nav-header-custome {
    align-items: center;
}

.nav-header-custome .nav-item {
    margin-right: 81px;
}

.nav-header-custome .nav-item:last-child {
    margin-right: 0px !important;
}

.nav-header-custome .nav-item .nav-link {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #fff;
    position: relative;
    padding: 0px;
    text-transform: capitalize;
}

.header-main-hm-sub .nav-header-custome .nav-item .nav-link,
.fixnav .nav-header-custome .nav-item .nav-link,
.nav-hide .nav-header-custome .nav-item .nav-link {
    color: #fff !important;
}

.nav-header-custome .nav-link.active,
.nav-header-custome .show>.nav-link,
.nav-header-custome .nav-link:hover,
.nav-header-custome .nav-link:focus,
.fixnav .nav-header-custome .nav-item .nav-link:hover,
.nav-hide .nav-header-custome .nav-item .nav-link:hover {
    color: #45F882 !important;
    background-color: transparent;
    outline: none;
}

.fixnav .nav-header-custome .nav-item .nav-link:hover,
.fixnav .nav-header-custome .nav-item .nav-link:focus,
.fixnav .nav-header-custome .nav-item .nav-link.active,
.nav-hide .nav-header-custome .nav-item .nav-link.active {
    color: #45F882 !important;
    background-color: transparent;
    outline: none;
}

.nav-header-custome .nav-link.active:before,
.nav-header-custome .nav-link:hover:before {
    content: '';
    width: 23px;
    height: 3px;
    background: transparent;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -12px;
}

.nav-header-custome .dropdown-toggle::after {
    display: inline-block;
    content: "";
    border: none;
    position: absolute;
    right: 0px;
    top: 50%;
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/down-arrw.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 4px;
    width: 8px;
    right: -16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.fixnav .nav-header-custome .nav-item .nav-link.show,
.nav-hide .nav-header-custome .nav-item .nav-link.show {
    color: #086ad8 !important;

}

.btn-booknw {
    border: 2px solid #FDC221;
    border-radius: 10px;
    color: #fff;
    padding: 9px 22px;
    font-size: 16px;
    color: #041D57;
    font-weight: 600;
    background: #fff;
}

.btn-booknw:hover {
    background: #FDC221;
}

.header-main-hm-sub .btn-booknw {
    background: #EFF7FF;
    border: 1.5px solid #EFF7FF;
    color: #3D7FF9;
}

.nav-headerh {
    height: 149px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;

}

.header-main-hm-sub {
    background: #FFFFFF;
    box-shadow: 0px 6px 15px rgba(8, 106, 216, 0.2);
    height: 94px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.ds-on {
    display: inline-block;
}

.ds-off {
    display: none;
}

.fixnav {
    padding: 23px 0px 0px;
    background: transparent;
    backdrop-filter: none;
    height: 82px;
    top: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
}


.fixnav .ds-on {
    display: none;
}

.fixnav .ds-off {
    display: inline-block;
}
.nav-on {
   top:4px !important;
  }
.nav-hide {
    transform: translateY(-200%);
  }
  .nav-hide .ds-on {
    display: none;
}
.nav-hide .ds-off {
    display: inline-block;
}
.offcan-custome .offcanvas-header {
    padding: 99px 0px 0px 0px;
    text-align: center;
    flex-direction: column;
}

.offcan-custome .offcanvas-body {
    padding: 0rem 1.6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.offcan-custome .btn-booknw {
    margin: 20px 0px;
    display: inline-block;
}

.offcanvas-header .btn-close {
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/icon-close.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 30px;
    top: 34px;
}

.offcan-custome.offcanvas-start {
    border-right: none;
}

.offcan-custome {
    background: rgba(20, 27, 36, 0.60);
    backdrop-filter: blur(15px);
    text-align: center;
    width: 100% !important;
}

.offcanvas-backdrop.show {
    opacity: 1;
    background: transparent;
}

.sidebar-pills {
    padding-bottom: 0px;
    padding-top: 37px;
    margin-bottom: 0px !important;
}
.offcan-custome .dropdown-menu {
    position: static !important;
    transform: translate3d(0px, 0px, 0px) !important;
    border: transparent;
    padding: 0px;
}

.offcan-custome .dropdown-toggle::after {
    display: inline-block;
    content: "";
    border: none;
    position: absolute;
    right: 0px;
    top: 50%;
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/Next.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.offcan-custome .dropdown-toggle.show::after {
    top: 16px;
    transform: rotate(180deg);
}

.offcan-custome .drop-dd-min .dropdown-item,
.offcan-custome .drop-dd-min .dropdown-item li {
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 32px;
    color: #777777 !important;
    padding: 0px 5px 6px !important;
    background: transparent !important;
    text-transform: capitalize !important;
}

.offcan-custome .dropdown-menu li .dropdown-item {
    text-transform: uppercase;
    color: #061844;
    font-weight: 500;
    font-size: 12px;
    background-color: rgba(228, 240, 249, .50);
    padding: 2px 0px 2px 14px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.drop-dd-min {
    padding-left: 10px;
}

.nav-header-custome .dropdown-menu.show {
    transform: translate(0px, 55px) !important;
}

.dropdown-submenu {
    position: relative;
    padding: 0px 0px 11px;
}

.dropdown-submenu .dropmenu-link {
    font-weight: 500;
    font-size: 15px;
    line-height: 36px;
    color: #061844;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 25px;
}

.dropdown-submenu .dropmenu-link:hover,
.dropdown-submenu .dropmenu-link:focus {
    color: #3D7FF9;

}

.dropdown-submenu .caret {
    display: inline-block;
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/dropNext.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -1px;
    display: none;
    margin-right: -1px;
}

.dropdown-submenu:hover .dropdown-menu {

    display: block;
}

.nav-header-custome .dropdown-menu .dropdown-item {
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    color: #061844;
    padding: 6px 25px;
    white-space: inherit;
    background: transparent !important;
    line-height: 24px;
}

.nav-header-custome .dropdown-menu .dropdown-item:hover,
.nav-header-custome .dropdown-menu .dropdown-item:focus {
    color: #3D7FF9;
}

.nav-header-custome .dropdown-menu {
    border-bottom: 1px solid #EBEDF0;
    padding: 25px 0px;
    background: #FFFFFF;
    box-shadow: 0px 20px 24px rgb(61 127 249 / 10%);
    border-radius: 15px;
    min-width: 300px;
}

.offcanas-contact-list {
    border-radius: 10px;
    padding: 25px 25px 26px;
    /* display: flex; */
    flex-flow: column wrap;
    margin-top: 0px;
    bottom: 30px;
    align-content: unset;
}

.offcanas-contact-list li {
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    color: #333346;
    margin-bottom: 18px;
}

.offcanas-contact-list li a {
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    color: #fff;
}
.diagnol-hm-btn-sidebar {
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/learmor-home.svg);
    padding: 19px 0px 27px;
    position: relative;
    background-size: cover;
    font-size: 14px !important;
    color: #1C242F !important;
    font-weight: 500 !important;
    width: 157px;
    display: inline-block;
}

.offcanas-contact-list li a svg path {
    fill: #fff !important;
}

.offcanas-contact-list li span {
    margin-right: 10px;
}

.offcanas-contact-list .btn-offcanvs {
    background: #0AC4C8 !important;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #FFFFFF !important;
    padding: 10px 20px;
    display: block;
    text-align: center;
}

.sidebar-pills .nav-link {
    padding: 10px 30px;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    color: #fff !important;
    display: inline-block;
    clip-path: polygon(0 0, 100% 0, 101% 69%, 0 291%);
    -webkit-clip-path: polygon(0 0, 100% 0, 101% 69%, 0 291%);
    background: transparent;
}
.sidebar-pills .nav-link:hover {
   
    background: rgba(69, 248, 130, .14) !important;
}
.sidebar-pills .nav-item {
    margin-bottom: 20px;
}

.sidebar-pills .nav-item .nav-link {
    border-bottom: none;
}

.sidebar-pills .nav-item .nav-link.show {
    border-bottom: 1px solid transparent;
}

.sidebar-pills .nav-item:last-child .nav-link {
    border-bottom: 1px solid transparent;
}

.sidebar-pills.nav-pills .nav-link.active,
.sidebar-pills.nav-pills .show>.nav-link .sidebar-pills.nav-pills .nav-link:focus,
.sidebar-pills.nav-pills .nav-link:hover {
    color: #3D7FF9;
    background-color: transparent;
}

.nav-custometp {
    background-color: #254099 !important;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, .5);
    border-bottom: 1px solid #254099;
}

.nav-custometp .cn_item {
    margin-right: 7px;
}

.nav-custometp .nav-link {
    display: block;
    padding: 1rem 1.6rem 1rem 0rem;
}

.nav-custometp .nav-title {
    font-size: 14px;
}

.nav-diver-tp {
    border-left: 1px solid #4960aa;
    padding-left: 20px;
}

.nav-custometp .link-dark {
    color: #fff;
}

.nav-custometp .link-dark .cn_item svg {
    top: -2px;
}
@media (max-width:1440px) {
.header-main-hm {
    top: 22px;
}
.nav-header-custome .nav-item .nav-link {
    font-size: 13px;
}
}
@media (max-width: 1279px) {
    .height-topheader {
        height: 61px;
    }

    .header-main-hm {
        top: 0px;
    }

    .header-main-hm,
    .nav-headerh,
    .fixnav {
        height: 70px !important;
        padding-top: 13px;
    }

    .header-main-hm,
    .nav-headerh {
        height: 60px !important;
        padding-top: 12px;
        position: fixed;
    }

    .btn-booknw {
        color: #fff;
        background: transparent;
    }

    .logo {
        margin-left: 15px;
    }

    .logo img {
        width: 166px;
    }

    .fixnav {
        background: rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(15px);
    }

}

/* header end*/
/* topcontact-add */
.Ellipse806 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.about-section{
    padding: 50px 0px 80px;
}
.topcontact-add {
    background: #fff;
    height: 53px;
    position: relative;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    border-bottom: 1px solid #E6E6E6;
}

.topcontact-add.topcontact-add-sub {
    background: #fff;
    border-bottom: 2px solid #F1F1F1;
}

.topcontact-list {
    margin: 0px;
}

.topcontact-list li {
    margin-right: 36px;
}

.topcontact-list li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #424155;
    text-decoration: none;
}

.topcontact-list li a span {
    margin-right: 12px;
}

.languge-convert {
    margin-left: auto;
}

.languge-convert button {
    background: rgba(236, 244, 248, 0.50);
    border-radius: 8px;
    border: none;
    padding: 6px 17px;
    backdrop-filter: blur(5.484133720397949px);
    color: #041D57;
    font-weight: 600;
    font-size: 12px;
}

.lan-title {

    margin-right: 4px;
}

.topcontact-add.topcontact-add-sub .topcontact-list li a {
    color: #333346;
}

@media (max-width:1279px) {
    .topcontact-add {
        display: none !important;
    }

    .languge-convert button {
        background: rgba(236, 244, 248, 0.50);
        border-radius: 8px;
        border: none;
        padding: 2px 10px 3px 10px;
        backdrop-filter: blur(5.484133720397949px);
        color: #fff;
        font-weight: 600;
        font-size: 12px;
    }
}
@media (max-width:767px) {
.about-section {
    padding: 0px 0px 0px;
}
}
/* topcontact-add end */
/* home-banner*/
.video-hm video {
    object-fit: cover;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

.video-hm {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.logo-age {
    position: absolute;
    left: 50%;
    top: 32px;
    transform: translate(-50%, 10px);
    -webkit-transform: translate(-50%, 10px);
    z-index: 2;
}
.home-banner {
    background-image: url(../images/BGImage.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0C0F14;

}
.hm-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    z-index: 2;
    display: flex;
    align-items: end;
    padding-bottom: 80px;
    padding-left: 80px;
}

.homebanner-cent-cric {
    position: absolute;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    bottom: 0px;
    left: 50%;
}
.homebanner-cent-cric-inner {
    margin: 0px auto;
}

.hm-widthfull-strech {
    width: 100%;
    height: 100%;
}



.hm-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 20px;
    width: 40%;
}

.hm-content h1 {
    margin: 10px 0px 50px;
    color: #FFFFFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.hm-content h1 span {

    position: relative;
}



.banner-logo {
    margin-top: -20px;
}

.hm-link {
    display: inline-flex;
    flex-flow: row wrap;
}

.diagonal-button {
    background-color: #ff0000;
    color: white;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    position: relative;
    mask: paint(polygon-border);
    -webkit-mask: paint(polygon-border);
    clip-path: polygon(0 0, 100% 0, 101% 69%, 0 291%);
    -webkit-clip-path: polygon(0 0, 100% 0, 101% 69%, 0 291%);
    --border: 3px;
}

.diagonal-button:hover {
    background-color: darkred;
    /* Hover effect */
}

.diagnol-hm-btn {
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/learmor-home.svg);
    padding: 14px 0px 22px;
    position: relative;
    background-size: cover;
    font-size: 14px;
    color: #1C242F;
    font-weight: 500;
    width: 157px;
}

.hm-link .btn {
    border-radius: 8px;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    padding: 18px 0px;
    width: 177px;
}

.hm-link a+a {
    display: inline-block;
    margin-left: 18px;
}

.hm-link .linktransparent {
    background: rgba(255, 255, 255, 0.50);
    color: #fff !important;
}

.hm-link .linksolid {
    background: #FFFFFF !important;
    color: #0E72E3 !important;
}
.hm-content-inner {
    width: 100%;
}
.hm-content-inner .title-banner-sm {
    color: #FFF;
    font-size: 23px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 130.435% */
}
.hm-content-inner .title-banner {
    color: #FFF;
    font-family: "Akira Expanded";
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 86px; /* 107.5% */
}

.hm-content-inner .title-banner-grad {
    background: linear-gradient(145deg, #25005D 0%, #60F 61%, #FFB85B 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

@media (max-width:1440px) { 
    .homebanner-cent-cric {
        width: 45%;
    }
    .hm-content h1 {
        font-size: 24px;
    }
    .banner-logo {
        margin-top: 80px;
    }
    .hm-content-inner .title-banner {
    font-size: 79px;
    line-height: 79px;
    }
}

@media (max-width:1279px) {
    .home-banner {
        height: 100vh;
    }  
    .homebanner-cent-cric {
        width: 100%;
    } 
    .hm-content p {
        font-size: 17px;
        line-height: 35px;
        width: 100%;
    }
}
@media (max-width:767px) {


    .hm-content {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100vh;
        z-index: 2;
        text-align: center;
    }
    .home-banner {
        height: 100vh;
        background-position:0px;
        background-image: url(../images/BGImage-mobile.jpg);
    }

    .banner-img-log {
        max-width: 112px;
    }

    .hm-content h1 {
        font-size: 18px;
        margin: 10px 0px;
        line-height: 28px;
    }
    .hm-content-inner {
        margin-top: 25%;
    }
    .banner-logo {
        margin-top: -20px;
        width: 341px;
        margin: 0px auto;
    }

   

    .hm-link .btn {
        font-size: 15px;
        line-height: 20px;
        padding: 12px 0px;
        width: 144px;
        border-radius: 15px;
    }

    .hm-link a+a {
        margin-left: 8px;
    }
    .hm-content-inner .title-banner {
        font-size: 45px;
        line-height: 45px; 
        letter-spacing: 0px;
        }
        .hm-content-inner .first-1, .hm-content-inner .first-2, .hm-content-inner .first-3 {
            margin-left: auto;
            margin-right: auto;
        }
}



@media (min-width:1600px) {
    .home-banner {
        height: 100vh;
    }

    .hm-content h1 {
        font-size: 30px;
    }

}

@media (min-width:1920px) {
    .home-banner {
        height: 100vh;
    }



    .hm-link .btn {
        font-size: 15px;
        line-height: 20px;
        padding: 22px 0px;
        width: 204px;
    }
}

/* home-banner end*/
/* default heading home */
.link-more {
    border-radius: 10px;
    border: 1.5px solid #EFF7FF;
    background: #EFF7FF;
    padding: 15px 42px;
    color: #3D7FF9;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
}


.frame-arrow {
    width: 217.1px;
    height: 16.816px;
    background-image: url(https://cricwar-website.s3.ap-southeast-1.amazonaws.com/images/Frame.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.text-center .frame-arrow {
    margin-left: auto;
    margin-right: auto;

}

.defalut-heading-mainhm .defalut-heading-sp, .defalut-heading-mainhm2 .defalut-heading-sp {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.defalut-heading-mainhm h2, .defalut-heading-mainhm2 h2 {
    color: #000;
    font-size: 57px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.line-effect-anim {
    position: relative;
}

.line-effect-anim:after {
    content: '';
    position: absolute;
    left: 6px;
    height: 0px;
    width: 138px;
    flex-shrink: 0;
    background: #FDC221;
    bottom: 9px;
    z-index: -1;
    transition: height 1s ease-in-out;
}

.inview .line-effect-anim:after {
    height: 22px;
    /* Full height when in view */
}

.defalut-heading-mainhm p, .defalut-heading-mainhm2 p {
    font-weight: 300;
    font-size: 17px;
    line-height: 36px;
    color: #838D8C;
    margin-top: 15px;
    margin-bottom: 20px;
}

.defalut-heading-mainhm.white h2, .defalut-heading-mainhm2.white h2 {
    color: #fff;
}

.defalut-heading-mainhm.white p, .defalut-heading-mainhm2.white p {
    color: #fff;
}

.defalut-heading-mainhm.white2 h2,
.defalut-heading-mainhm.white2>span {
    color: #fff;
}
@media (max-width:1440px) {
    .defalut-heading-mainhm .defalut-heading-sp, .defalut-heading-mainhm2 .defalut-heading-sp {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .defalut-heading-mainhm h2, .defalut-heading-mainhm2 h2 {
        font-size: 44px;
    }
    .defalut-heading-mainhm p, .defalut-heading-mainhm2 p {
        font-size: 14px;
    }
}
@media (max-width:1199px) {
    

    .defalut-heading-mainhm h2, .defalut-heading-mainhm2 h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .defalut-heading-mainhm p, .defalut-heading-mainhm2 p {
        font-size: 15px;
        line-height: 34px;
        margin-top: 15px;
    }
}

@media (max-width:767px) {
   

    .defalut-heading-mainhm p, .defalut-heading-mainhm2 p {
        font-size: 16px;
        line-height: 32px;
        margin-top: 15px;
    }

    .defalut-heading-mainhm .defalut-heading-sp, .defalut-heading-mainhm2 .defalut-heading-sp {
        font-size: 13px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .defalut-heading-mainhm h2, .defalut-heading-mainhm2 h2 {
        font-size: 30px;
        line-height: normal;
    }
}


/* default heading home end*/
/* homemain-slider */
#homemain-slider.owl-carousel .owl-stage {
    padding-left: 30px !important;
}
.slide-owl {
    position: relative;
}
.slide-owl  {
    position: relative;
}
.slide-owl-inner {
    
display: flex;
    
justify-content: space-between;
    
align-items: center;
    
padding: 19px 0px;
    
margin-bottom: 30px;
position: relative;
}
.slide-owl-inner:after {
    background: linear-gradient(90deg, #2A2E36 0%, #050913 100%);
    content: '';
    height: 1px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    position: absolute;
}
.slide-owl-inner .Borderarrow {width: auto !important;}
.slide-owl-inner span {
    color: #FDFDFD;
font-size: 26.5px;
font-style: normal;
font-weight: 700;
line-height: 32.11px; /* 121.17% */
    
}
@media (max-width: 1440px) {
    .slide-owl-inner span {
        font-size: 19.5px;
        line-height: 22.11px;
    }
}
/* homemain-slider end*/
/* section-port */
.section-port {
    position: relative;
    padding: 0px 0px 0px;
}
.section-port .conter-head {
    position: relative;
    padding: 80px 0px 0px;
}
.section-port-image {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1003px;
    top: 0px;
}
.por-box {
    margin-bottom: 2rem !important;
    position: relative;
}
.port-ellipse-left, .port-ellipse-right {
    position: absolute;
    top: -40px;
}
.port-ellipse-left {
    left: 0px;
    /* display: none; */
    width: 310px;
}
.port-ellipse-right {
    right: 0px;
    width: 310px;
}
.custome-tabs .nav-tabs {
   
    padding: 0px;
    border: none;
    gap: 10px;
    margin-bottom: 50px;
}
.custome-tabs .nav-tabs .nav-link {
    border-radius: 50px;
    padding: 8px 18px !important;
    color: #fff;
    display: block;
    padding: 0px;
    color: #FDFDFD;
    background: transparent !important;
    border: 1px solid transparent !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 112.5% */
outline: none;
text-transform: uppercase;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.custome-tabs .nav-tabs .nav-item.show .nav-link, .custome-tabs .nav-tabs .nav-link.active {
    color: #fff;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.30) !important;
backdrop-filter: blur(2.549999952316284px);
}
@media (max-width:767px) {
    .section-port-image {
        height: 1003px;
    }
    .section-port .conter-head {
        position: relative;
        padding: 0px 20px 0px;
    }
    .port-ellipse-left {
        left: 0px;  
        width: 300px;
        left: -60px;
        top: -100px; 
        display: none;
    }
    .port-ellipse-right {
        right: 0px;
        display: none;
    }
}
/* section-port end */
/* footer */
.footer {
    background-image: url(../images/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0px 0px;
}



.copyright-mutli {
    display: flex;
    justify-content: space-between;
    padding: 40px 0px;
    border-top: 1px solid #2A2E36;
    margin-top: 50px;
}
.copyright-title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer-address-title {
    color: #A9A7B0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px; /* 138.667% */
    letter-spacing: 0.1px;
}
.social-footer {

display: flex;

gap: 8px;

margin-top: 10px;
}
.footer-adres-title {
    color: #A9A7B0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px; /* 138.667% */
    letter-spacing: 0.1px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 62px;
}
.footer-adres-title img {
    
position: absolute;
    
left: 0px;
}
@media (max-width: 991px) {
    .copyright-mutli {
        display: flex;
        justify-content: center;
        padding: 40px 0px;
        margin-top: 50px;
        text-align: center;
        flex-direction: column;
        gap: 40px;
    }
    .copyright-title {
        display: block;
    }
    .social-footer {
        display: flex;
        gap: 8px;
        margin-top: 0px;
        justify-content: center;
        margin-bottom: 30px;
    }
    .footer-adres-title {
        font-size: 15px;
        line-height: 20.8px;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 0px;
        flex-direction: column;
        text-align: center;
    }
    .footer-adres-title img {
        position: relative;
        left: auto;
        margin: 0px 0px 20px;
    }
}
@media (max-width: 767px) {
.footer {
    background-image: url(../images/footer-bg-mobile.png);
    padding: 20px 0px 0px;
}

}
/* footer end */
/* animation */
.whatsapp-animat {
    position: fixed;
    right: 10px;
    bottom: -100%;
    z-index: 100;
    -webkit-transition: all 0.6s 0.2s ease;
    transition: all 0.6s 0.2s ease;

}
.whatsapp-visible {
    bottom: 10px !important; /* Adjust as needed */
    z-index: 120;
  }

.inview {
    opacity: 0;
    -webkit-transition: all 0.6s 0.2s ease;
    -moz-transition: all 0.6s 0.2s ease;
    -ms-transition: all 0.6s 0.2s ease;
    -o-transition: all 0.6s 0.2s ease;
    transition: all 0.6s 0.2s ease;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}

.inview.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.images-an {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(1.2) translate3d(40px, -40px, 0);
    -moz-transform: scale(1.2) translate3d(40px, -40px, 0);
    -ms-transform: scale(1.2) translate3d(40px, -40px, 0);
    -o-transform: scale(1.2) translate3d(40px, -40px, 0);
    transform: scale(1.2) translate3d(40px, -40px, 0);
}

.images-an.animate.activate-animation {
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    -ms-transform: scale(1) translate3d(0, 0, 0);
    -o-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
}

/* animation end*/
@media (min-width:1200px) and (max-width:1440px) {
#videCont {
    padding-bottom: 0%;
    max-width: 992px;
    height: 400px !important;
}
}
/* vid-home */
.video-container {
    z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
  }
  .video-container::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(5, 9, 19, 0.50);
backdrop-filter: blur(3.1500000953674316px);
}
  .video-container.in {
    display: block
  }
  
  .video-container .close-video {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 99
  }
  
  .video-container .close-video:after,
  .video-container .close-video:before {
    content: '';
    display: block;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .video-container .close-video:after:hover,
  .video-container .close-video:before:hover {
    border-color: #656666
  }
  
  .video-container .close-video:before {
    border-top: 1px solid #989999;
    border-bottom: 1px solid #989999;
    height: 0;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -12px
  }
  
  .video-container .close-video:after {
    border-left: 1px solid #989999;
    border-right: 1px solid #989999;
    height: 24px;
    width: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -12px
  }
  
  .video-container .video-area {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  
  .video-container .video-area:before,
  .video-container .video-area:after {
    content: '';
    display: none;
    width: 101%;
    height: 52px;
    position: absolute;
    left: 0;
    z-index: 2;
    background-color: #000
  }
  
  .video-container .video-area:before {
    top: 0
  }
  
  .video-container .video-area:after {
    bottom: -1px;
    display: none;
  }
  
  .video-container .video-area #videoplayer {
    width: 100%;
    height: 100%
  }
.play-vd-cn {
    cursor: pointer;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}
.play-vd-cn .ply-plyvid {
    position: absolute;
    z-index: 3;
    background-image: url(../images/video-play.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 58px;
    height: 66px;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
@media (max-width: 767px) {
    .videCont {
        padding-bottom: 180vw !important;
    }
    .vid-ply-ban {
        /* height: 150px; */
        object-fit: cover;
    }
    .play-vd-cn img {
        
width: 117px;
    }
    .vid-home {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}
/* vid-home end */

/* meeting */
.meeting-title {
    margin: 0px 0px 40px;
    font-size: 30px;
    font-weight: 700;
}
.modal-custome-style .modal-content {
    background: #fff;
    border-radius: 20px;
  }
  .modal-custome-style .modal-body {
    padding: 33px 14px 20px;
    position: relative;
  }
  .modal-custome-style .modal-dialog {
    max-width: 700px;
  }
  .btn-close-model {
    border: none;
    background: transparent;
    position: absolute;
    right: 7px;
    top: 9px;
  } 
/* meeting end */
.tooltip-inner {
    background-color: #60F;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #60F;
}

/* about-thumb-left */
.videoupper-content-home-wraper {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.90) 0.05%, rgba(2, 54, 120, 0.90) 99.98%);
    width: 100%;
    height: 110vh;
    text-align: center;
    justify-content: center;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
}
.videoupper-content-home-inner {
    margin: 0px auto;
    max-width: 1460px;
    text-align: center;
    padding: 0px 50px;
    position: relative;
    top: -3%;
}
.videoupper-content-home-inner img {
    max-width: 547px;
}
.videoupper-content-home-inner h3 {
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: block;
    text-transform: capitalize;

}
.videoupper-content-home-inner h3 span {
    
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: block;

}

.about-content-home-wraper {
    left: 0px;
    top: 0px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
    width: 100%;
    height: 110vh;
    text-align: center;
    justify-content: center;
    padding: 0px 0px;
    z-index: 80;
}
.about-content-home-wraper-mobile {
    left: 0px;
    top: 0px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
    width: 100%;
    height: 110vh;
    text-align: center;
    justify-content: center;
    padding: 0px 0px;
    z-index: 80;
}
.logo-Shield {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-Shield img {
    max-width: 799px;
    max-height: 799px;
}
.about-content-home-inner {
    justify-content: center;
    gap: 18px;
    width: 71%;
    margin: 0px auto;
}
.about-content-home-inner span {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.69px;
}
.about-content-home-inner h3 {
    font-style: normal;
}
.about-content-home-inner h3, .about-content-home-inner h3 span {
    color: #ABD3EE;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    line-height: 52px;
    margin: 0px;
}
.about-content-home-inner h3 span {
    font-style: italic;
    color: #FFD576;
}
.about-content-home-inner p {
    color: #FFF;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    letter-spacing: -0.69px;
}


.about-content-home-wraper .btn-link {
    display: inline-block;
    margin: 0;
    padding: 0px;
    background: rgba(0, 0, 0, 0);
    color: #05244F;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2rem;
    letter-spacing: -1px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: -20px 0px 0px 0px;
    text-transform: uppercase;
    text-decoration: underline;
}
.about-content-home-wraper .btn-link.white {
    display: inline-block;
    margin: 0;
    padding: 0px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2rem;
    letter-spacing: -1px;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
    margin-left: 0;
    position: relative;
    z-index: 1;
    margin-left: 0px;
    margin-right: 10px;
    margin: -20px 0px 0px 0px;
    text-transform: uppercase;
    text-decoration: underline;
    outline: none !important;
}
@media (max-width: 1850px) {
.logo-Shield img {
    max-width: 500px;
    max-height: 500px;
}
}
@media (max-width:1500px) {
    .about-content-home-inner {
        gap: 18px;
        width: 90%;
    }
    .videoupper-content-home-inner h3 {
        font-size: 30px;
    }
    .videoupper-content-home-inner h3 span {
        font-size: 37px;
    }
    .videoupper-content-home-inner img {
        max-width: 300px;
    }
    .about-content-home-inner p {
        font-size: 28px;
    }
    
    }
@media (max-width: 1199px) {
    
    .videoupper-content-home-inner h3 {
        font-size: 20px;
    }
    .logo-Shield img {
        max-width: 700px;
        max-height: 700px;
    }
    .videoupper-content-home-inner h3 span {
        font-size: 25px;
        margin-top: 10px;
    }
    .about-content-home-inner span {
        line-height: 50px;
    }
    .about-content-home-inner {
        width: 80%;
    }
    .videoupper-content-home-inner img {
        max-width: 244px;
    }
    .videoupper-content-home-wraper {
        background: linear-gradient(90deg, rgba(0, 20, 36, 1) 0.05%, rgba(2, 54, 120, 1) 99.98%);
    }
    
}
@media (max-width: 767px) {
    .about-content-home-inner #about-content-home-1 img {
        max-width: 90px;

    }
    
    .videoupper-content-home-wraper {
        background: linear-gradient(90deg, rgba(0, 20, 36, 1) 0.05%, rgba(2, 54, 120, 1) 99.98%);
    }
       .about-content-home-inner h3, .about-content-home-inner h3 span {
        font-size: 24px;
        line-height: 44px;
    }
    .about-content-home-inner span, .about-content-home-inner p {
        font-size: 24px;
        line-height: 44px;
        color: #fff;
    }
    .about-content-home-inner {
        justify-content: center;
        gap: 20px;
        width:83%;
        margin: 0px auto;
    }
    .logo-Shield img {
        max-width: 350px;
        max-height: 350px;
    }
    .videoupper-content-home-inner img {
        max-width: 230px;
    }
    .about-content-home-wraper  .heading-style {
        margin-bottom: -10px;
    }
    .about-content-home-wraper .heading-style-p p {
        margin-bottom: 0px;
    }
}
@media (min-width: 1800px) {
    .videoupper-content-home-inner {
        position: relative;
        top: -5%;
    }
}
/* about-thumb-left end*/
.heading-style {
    position: relative;
}
.heading-style-min {
    margin-bottom: 10px;
}
.heading-style-min span {
    color: #1B5AD4;
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 0px;
    position: relative;
    background-clip: padding-box;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.border-theme-first:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #1B5AD4 100%);
}
.heading-style h3 {
    color: #05244F;
    display: inline-block;
    padding-right: 0px;    
    margin: 0px;
   
}
.heading-style h3 span {
    font-style: italic !important;
    margin-left: 10px;
   
}
.heading-style span {
    color: #05244F;
    font-style: italic !important;
display: inline-block;

}
.heading-style h3, .heading-style span {
    font-family: "Playfair Display", serif;
    font-weight: 600;
    line-height: normal;
    font-size: 54px;
}
.heading-style .heading-style-arrow {
    margin:20px auto 20px;
}
.heading-style p{
    font-size: 41px;
    line-height: 46.67px;
    text-align: left;
    color: maroon;
    margin-bottom: 20px;
}
.heading-style-p p {
    color: #516381;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 35px; /* 166.667% */
letter-spacing: 1px;
}
.heading-style-p.white p, .heading-style.white h3 ,.heading-style.white span {
    color: #fff !important;
}
@media (max-width: 1599px) {
    .heading-style-p p {
        color: #516381;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 1px;
    }
    .heading-style h3 {
        font-weight: 600;
        line-height: normal;
    }
    .heading-style h3, .heading-style h3 span, .heading-style span {
        font-size: 40px;
    }
    .heading-style-min span {
        font-size: 40px;
    }
 }
 @media (max-width: 1199px) {
    .heading-style h3 {
        display: inline;
    }
}

 @media (max-width: 767px) {
    .heading-style .heading-style-arrow {
        margin: 10px auto 10px;
    }
    .heading-style {
        margin-bottom: 7px;
    }
    .heading-style h3 {
        line-height:39px;
        padding-right: 0px;
    }
    .heading-style span {
        margin-bottom: 10px;
    }
    .heading-style h3, .heading-style h3 span, .heading-style span {
        font-size: 35px;
    }
    .heading-style-p p {
        font-size: 18px;
        line-height: 32px;
    }
    .heading-style-min span {
        font-size: 34px;
    }
}



/* home-tabs-sec */
.home-tabs-sec {
    height: 687px;
    display: flex;
    position: relative;
    background-image: url(../images/home-tabs-main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.home-tabs-sec-image {
    display: flex;
    width: 50%;
    position: relative;
    overflow: hidden;
}
.home-tabs-bg {
    background-size: cover;
    /* height: 100%; */
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    padding: 0px 0px;
}
.home-tabs-image-pos {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

}
.custome-hometabs-1 {
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(50px);
    position: relative;
    z-index: 4;
    top: 90px;
    justify-content: center;
    max-width: 950px;
    margin: 0px auto;
    height: 108px;
    align-items: center;
    gap: 140px;
}
.custome-hometabs-1 .nav-link {
    display: block;
    color: #05244F;
    text-decoration: none;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    padding: 0px;
}
.custome-hometabs-1 .nav-link.active, .custome-hometabs-1 .show>.nav-link {
    color: #05244F;
    background-color: transparent;
}
.custome-hometabs-1 .nav-link:after {
    position: absolute;
    content: '';
    width: 130%;
    height: 6px;
    background: #F3BA0E;
    top: 276%;
    left: 50%;
    box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.10);
    border-radius: 5px;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transform: translateX(-50%);
}
.custome-hometabs-1 .nav-link.active:after {
    opacity: 1;
    top: 246%;
}
.home-tabs-outer-wraper .fsStyleColumn-1 {
    -webkit-transform: translate3d(-50vw, 0, 0);
    transform: translate3d(-50vw, 0, 0);
}
.home-tabs-outer-wraper .fsStyleColumn-2 {
    -webkit-transform: translate3d(50vw, 0, 0);
    transform: translate3d(50vw, 0, 0);
}
.home-tabs-outer-wraper.in-view .fsStyleColumn {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    -webkit-transition: -webkit-transform 1.8s cubic-bezier(0.6, 0.2, 0, 1) 1s !important;
    transition: -webkit-transform 1.8s cubic-bezier(0.6, 0.2, 0, 1) 1s !important;
    transition: transform 1.8s cubic-bezier(0.6, 0.2, 0, 1) 1s !important;
    transition: transform 1.8s cubic-bezier(0.6, 0.2, 0, 1) 1s, -webkit-transform 1.8s cubic-bezier(0.6, 0.2, 0, 1) 1s !important;
}
.tab-pane .fsStyleColumn-2 .headingmoving-trans {
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
margin: 0px 0px 0px 100px;
max-width: 530px;
}

.tab-pane.show .fsStyleColumn-2 .headingmoving-trans.moving-heading{
    
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: -webkit-transform .6s ease 0s;
    transition: transform .6s ease 0s;
}
.home-tabs-outer-wraper .tab-pane .home-tabs-sec-image img {
    -webkit-transition: -webkit-transform .6s ease 0s;
    transition: -webkit-transform .6s ease 0s;
    transition: transform .6s ease 0s;
    transition: transform .6s ease 0s, -webkit-transform .6s ease 0s;
}
.home-tabs-outer-wraper .tab-pane.show .home-tabs-sec-image .movinhome-tabs-sec-image {
    -webkit-transform: scale(1.04167);
    -ms-transform: scale(1.04167);
    transform: scale(1.04167);
    -webkit-transition: -webkit-transform .7s ease 0s;
    transition: -webkit-transform .7s ease 0s;
    transition: transform .7s ease 0s;
    transition: transform .7s ease 0s, -webkit-transform .7s ease 0s;
}
@media (max-width: 1599px) {
    .home-tabs-sec {
        height: 600px;
    }
}
/* home-tabs-sec end */
/* fullbody wraper */

#hm-wraperfull {
    overflow-x: hidden;
    position: relative;
    padding-bottom: 100vh;
}
#videoraper {
    position: relative;
    background: #fff;
    padding-bottom: 30px;
    z-index: 100;
}
#hm-wraperfull .footer-social {
    display: none;

}
body.video-indx-rm #videoraper  {
    z-index: 0 !important;
}
#hm-content-center {
    position: relative;
    min-height: 70vh;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
}
#hm-wraperfull .footer {
    position: fixed !important;
}
/* .video-fixed {
    position: fixed;
} */
.video-fixeed {
    position: fixed;
    /* transform: translate(0px, 0px) !important; */
}
@media (max-width: 1199px) {
    #videoraper {
        padding-bottom: 0px;
    }
}
@media (max-width: 767px) {
    #hm-wraperfull .footer {
        position: relative !important;
        height: auto;
    }
    #hm-wraperfull {
        padding-bottom:0px;
    }
}
/* fullbody wraper end*/
/* home-campuses */
.home-campuses {
    background: #EEE;
    padding: 70px 0px 90px 70px;
}
.life-fb-section {
    background: #F7F8FC;
    padding: 70px 0px 30px 0px;
}
.life-fb-section .tab-content {
    position: relative;

}
.tabcontent-loader {
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 20px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.home-campuses .owl-carousel .owl-stage {
    padding-left: 0px !important;
}
.home-campuses .owl-theme .owl-dots {
    position: absolute;
    left: 10%;
    bottom: -85px;
    border-radius: 20px;
    border: 1px solid rgba(204, 204, 204, 0.50);
    background: rgba(255, 255, 255, 0.50);
    padding: 0px 16px;
}
.home-campuses .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}  
.home-campuses .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    background: #DDD;
    display: block;
}
.home-campuses .owl-theme .owl-dots .owl-dot.active span, .home-campuses .owl-theme .owl-dots .owl-dot:hover span {
    background: #0082FA;
}
.home-campuses .owl-theme .owl-nav {
    margin-top: 0px;
    width: 100%;
}
.home-campuses .owl-theme .owl-nav {
    top: 0px;
    width: 100%;
    left: 0px;
    
}
.home-campuses .owl-theme .owl-nav .owl-next, .home-campuses .owl-theme .owl-nav .owl-prev {
    position: absolute;
    height: 100%;
}
.home-campuses .owl-theme .owl-nav .owl-prev {
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 180px;
    background: linear-gradient(-90deg, rgba(0, 20, 36, 0.00) 0.05%, rgba(0, 41, 94, 0.70) 99.98%);
}
.home-campuses .owl-theme .owl-nav .owl-next {
    right: 0px;
    top: 0px;
    margin: 0px;
    width: 180px;
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.00) 0.05%, rgba(0, 41, 94, 0.70) 99.98%);
}
.slide-compus img {
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    object-fit: cover;
    
}
.lif-homecamp-tabs .nav-pills {
    margin-bottom: 60px;
    margin-top: 10px;
    gap: 20px;
}
.lif-homecamp-tabs .nav-pills .nav-link {
    background: #fff;
    border: 0;
    border-radius: 41px;
    padding: 14px 30px;
    color: #05244F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid transparent;
}
.lif-homecamp-tabs .nav-pills .nav-link.active, .lif-homecamp-tabs .nav-pills .show>.nav-link {
    color: #146EF5;
    border: 1px solid #146EF5;
    background: rgba(20, 110, 245, 0.05);
    font-weight: 700;
}
@media (max-width: 1200px) {
    .home-campuses {
        padding: 0px;
    }
}
@media (max-width: 1199px) {
    .life-fb-section {
        background: #F7F8FC;
        padding: 60px 0px 50px 0px;
    }
    .home-campuses .owl-carousel .owl-stage {
        padding-left: 20px !important;
    }
    .lif-homecamp-tabs {
        padding: 0px;
    }
    .lif-homecamp-tabs .nav-pills {
        margin-bottom: 40px;
        margin-top: 10px;
        gap: 20px;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 15px;
        padding-left: 30px;
    }
    .lif-homecamp-tabs .nav-pills .nav-link {
        padding: 14px 16px;
        font-size: 12px;
        white-space: nowrap;
    }
}
@media (max-width: 767px) {
    .home-campuses {
        text-align: center;
    }
    .lif-homecamp-tabs .nav-pills .nav-link {
        font-size: 11px;
    }
}
/* home-campuses end */
/* social-owl-content */
.social-section {
    padding-top: 110px;
    padding-bottom: 40px;
}
.socail-outer-heading {
    border-radius: 20px;
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
    height: 391px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    justify-content: start;
    position: absolute;
    top: 56.5%;
    z-index: 33;
    width: 810px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 49%;
    text-align: center;
}
.social-outer-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.social-outer-link ul {
    display: flex;
    gap: 30px;
    align-items: center;
}
.social-outer-link ul li:last-child {
    position: relative;
    top: -4px;
}
.social-outer-inner h3, .social-outer-inner h3 span {
    color: #ABD3EE;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    line-height: 50.4px; /* 126% */
}
.social-outer-inner h3 {
    font-style: normal;
}
.social-outer-inner h3 span {
    font-style: italic;
}
.social-outer-inner span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 170%; /* 32.4px */
}
.social-section .owl-carousel {
   z-index:auto;
}
.social-section .owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    bottom: -2%;
    left: 49%;
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.social-section .owl-carousel .owl-nav button.owl-next, .social-section .owl-carousel .owl-nav button.owl-prev, .social-section .owl-carousel button.owl-dot {
    background: transparent;
}
.social-section .owl-theme .owl-nav [class*=owl-] {
    margin: 11px;
}
.social-owl-content {
    position: relative;
}
.social-owl-content img {
    border-radius: 20px;
}

.social-owl-content-inner {
    position: absolute;
    border-radius: 20px;
background: linear-gradient(90deg, rgba(0, 20, 36, 0.80) 0.05%, rgba(2, 54, 120, 0.80) 99.98%);
    left: 0px;
    top: 0px;
    display: flex;
    width: 100%;
    height: 0%;
    justify-content: center;
    text-align: center;
    align-items: center;
    opacity: 0;
}
.social-owl-content span {
    color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 28.8px */
text-transform: capitalize;
display: inline-block;
padding: 30px;
overflow-x: hidden;
overflow-y: auto;
}
.social-owl-content:hover .social-owl-content-inner {
    opacity: 1;
    height: 100%;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;

}
#social-owl.owl-carousel .owl-stage {
    padding-left: 20px!important;
}
@media (max-width: 1599px) {
    .social-section {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .social-outer-link {
        margin-bottom: 30px;
    }
   
    .socail-outer-heading {
        height: 361px;
        top: 54%;
        width: 591px;
        transform:  translate(-50%, -50%);
        -webkit-transform:  translate(-50%, -50%);
        left: 61%;
    }
    .social-section .owl-theme .owl-nav {
        bottom: -3%;
        top: auto;
        left: auto;
        right: 30%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .social-outer-inner h3, .social-outer-inner h3 span  {
        font-size: 28px;
    }
}

@media (max-width: 1366px) {
    .social-outer-inner h3, .social-outer-inner h3 span {
        font-size: 25px;
        line-height: normal;
    }
    .social-outer-inner span {
        font-size: 14px;
        line-height: 142%;
    }
    .social-section .owl-theme .owl-nav {
        bottom: -5%;
        right: 29%;
    }
    .socail-outer-heading {
        top: 55%;
    }
    
}
@media (max-width: 1199px) {
.social-section {
    padding-top: 0px;
    padding-bottom: 70px;
}
.socail-outer-heading {
    position: relative;
    left: 0px;
    right: auto;
    top: 0px;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    flex-direction: column;
    align-items: center;
    padding: 40px 40px 30px;
    width: 100% !important;
    border-radius: 0px;
    text-align: center;
    justify-content: flex-start;
    height: 376px !important;
    z-index: 1;
}
.social-outer-link ul {
    display: flex;
    gap: 20px;
    align-items: center;
}
.social-outer-link img {
    width: 22px;
}
.social-owl-content-inner {
    height: 100% !important;
    opacity: 1 !important;
    display: none;
}
.social-outer-inner {
    margin-bottom: 41px;
    padding: 0px 20px;
    margin-top: 11px;
}
.social-outer-inner h3, .social-outer-inner h3 span {
    color: #ABD3EE;
    font-size: 35px;
    line-height: 30.4px;
    margin-bottom: 6px;
}
.social-outer-inner span {
    color: #fff;
    font-size: 18px;
    display: inline-block;
}
.social-outer-link {
    margin-bottom: 10px;
}
.social-section .owl-theme .owl-nav {
    top: -15% !important;
    left: 50% !important;
    right: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 60px;
}
.social-section .owl-theme .owl-nav [class*=owl-] {
    margin: 7px;
}
.social-section .owl-theme .owl-nav img {
    width: 30px;
}
.social-section .owl-carousel {
    z-index: 35;
    margin-top: -100px;

}
}
@media (max-width: 767px) {
    .social-section {
        padding-top:0px;
        padding-bottom: 60px;
    }
    .social-owl-content span {
        font-size: 15px;
        line-height: 127%;
        padding: 20px;
    }
}
/* social-owl-content end */
/* lead-section */
.lead-section {
    background: linear-gradient(180deg, #001B34 0%, #000D1A 100%);
    padding: 100px 0px 80px;
    position: relative;
}
.lead-cirle-top, .lead-cirle-botom {
    position: absolute;
    width: 388px;
    height: 388px;
    background: rgba(27, 90, 212, 0.20);
    filter: blur(86.6767578125px);
    border-radius: 100%;
}
.lead-cirle-top {
    right: 0px;
    top: 0px;

}
.lead-cirle-botom {
    left: 0px;
    bottom: 0px;
}
.lead-owl-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
}
.lead-owl-wrapper .owl-theme .owl-nav {
    margin-top: 0px;
    text-align: left;
    position: absolute;
    left: -39%;
    bottom: 35px;
}
.lead-owl-wrapper .owl-carousel .owl-nav button.owl-next, .lead-owl-wrapper .owl-carousel .owl-nav button.owl-prev, .lead-owl-wrapper .owl-carousel button.owl-dot {
    background: transparent;
}
.lead-owl-wrapper .owl-theme .owl-nav [class*=owl-] {
    margin: 13px;
}
.lead-section .heading-style-min span {
    color: #fff;
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lead-content-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 33.3333%;
    height: 72vw;
    max-height:700px;
    margin: 0;
    padding: 0px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.lead-content-box:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    z-index: 3;
}
.lead-owl-wrapper .lead-content-box:nth-child(1):before {
    left: 0px;
}
.lead-owl-wrapper .lead-content-box:nth-child(2):before {
    left: -100%;
}
.lead-owl-wrapper .lead-content-box:nth-child(3):before {
    left: -200%;
    
}
.lead-owl-wrapper .lead-content-box:hover:before {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.lead-owl-wrapper .lead-content-box:nth-child(1), 
.lead-owl-wrapper .lead-content-box:nth-child(1) .lead-content-box-inner {
    border-radius: 20px 0px 0px 20px ;
}
.lead-owl-wrapper .lead-content-box:nth-child(3),
.lead-owl-wrapper .lead-content-box:nth-child(3) .lead-content-box-inner{
    border-radius: 0px 20px 20px 0px ;
}

.lead-content-box-inner {
    position: absolute;
    background: linear-gradient(0deg, #1b325b 0%, rgb(0 85 222 / 0%) 50%);
    left: 0px;
    bottom: 0px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
    align-items: end;
    z-index: 2;
}
.lead-owl-wrapper.showing .lead-content-box-inner {
    z-index: 4;
}
.lead-content-heading{
    position: relative;
    z-index: 2;
}
.lead-content-heading, .lead-content-heading1 {
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    line-height: normal;
    padding: 0px 30px 20px;
    font-style: italic;
}
.lead-content-heading strong, .lead-content-heading1 strong {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-style: normal;
    margin-bottom: 4px;
}
.lead-content-heading1 {
    position: relative;
    z-index: 4;
    display: none;
    height: 0px;
}
.lead-owl-wrapper .show-after {
    opacity: 0;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    position: absolute;
    left: 0px;
    bottom: 1px;
}



#lead-owl.owl-carousel .owl-stage {
    padding-left: 0px !important;
}
@media (max-width: 1500px) {
    .lead-section {
        padding-top: 80px;
    }
.lead-content-box-inner span {
    font-size: 28px;
}
.lead-owl-wrapper .owl-theme .owl-nav {
    bottom: -20px;
}
.lead-content-heading, .lead-content-heading1 {
    font-size: 26px;
}
.lead-content-box {
    height: 52vw;
    max-height: 500px;
}
}
@media (max-width: 1199px) {
    .lead-section {
        padding: 60px 0px;
        text-align: center;
    }
    .lead-content-box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px auto;
        width: 100%;
        border-radius: 20px !important;
        height: 60vh;
        background-position: center !important;
        max-height: 600px;
    }
    .lead-content-box:before {
        display: none;
    }
    .lead-content-box-inner {
        padding: 0;
        border-radius: 20px !important;
    }
    .lead-content-heading, .lead-content-heading1 {
        padding: 0px 40px 20px;
    }
    .lead-owl-wrapper {
        margin-right: auto;
        display: flex;
        flex-flow: column;
        gap: 30px;
        margin-top: 40px;
    }
    .lead-content-box-inner span {
        font-size: 22px;
    }
    .lead-content-heading strong, .lead-content-heading1 strong {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
.lead-content-box-inner span {
    font-size: 18px;
}
.lead-content-heading strong, .lead-content-heading1 strong {
    font-size: 22px;
}
}
@media (min-width: 1800px) {
.container-lead  {
max-width: 1480px;
}
}
/* lead-section end */
/* community-vid */
.community-vid {
    padding-top: 100px;
    padding-bottom: 110px;
    background: linear-gradient(180deg, #FFF 0%, #EEE 100%) !important;
}
.video-card-wraper {
    flex-wrap: nowrap;

}
.video-card {
    position: relative;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    padding: 0px;
    margin: 0px 0px;

}
.video-card:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background: #004080;
    mix-blend-mode: screen;
    opacity: 1;
    -webkit-transition: opacity .5s ease 0s;
    transition: opacity .5s ease 0s;
    z-index: 1;
}
.video-card:hover:before {
    opacity: .32 !important;
}

.fsResourceVideoWrapper {
    position: relative;
    height: 100%;
}
.video-card .community-vid-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    z-index: 1;
}
.play-cont-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
}
.video-card .video-play-trigger {
    position: relative;
    width: 77px;
height: 87.267px;
    margin-top: 30%;
    background: transparent;
    border: none;
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.video-card:hover .video-play-trigger, .video-card:focus-within .video-play-trigger, .video-card.play .video-play-trigger {
    opacity: 1;
    -webkit-box-shadow: none !important;
    box-shadow:  none !important;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
}
.play-cont-content {
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    bottom: -27px;
    padding: 15px 30px;
    background: #fff;
    text-align: center;
    color: #727272;
    border-radius: 41.016px;
    border-bottom: 1px solid rgba(3, 69, 174, 0.50);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(35px) scale(0.95);
    -ms-transform: translateY(35px) scale(0.95);
    transform: translateY(35px) scale(0.95);
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 310px;
    margin: 0px auto;
}
.video-card .play-cont-content h2 {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    margin: 0px 0px 0px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.video-card span {
    display: block;
    color: #05244F;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.video-card:hover .play-cont-content, .video-card:focus-within .play-cont-content, .video-card.play .play-cont-content {
    -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 73, 146, .09);
    box-shadow: 0px 4px 32px 0px rgba(0, 73, 146, .09);
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.video-card.play .play-cont-content {
    opacity: 0;
    -webkit-transform: translateY(35px) scale(1);
    -ms-transform: translateY(35px) scale(1);
    transform: translateY(35px) scale(1);
    pointer-events: none;
}
.video-card article {
    overflow: hidden;
}
.video-card article video {
    display: block;
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    border-radius: 12px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .12);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .12);
}
.video-card article:first-child video {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.video-card article:first-child video, .video-card.play article:nth-child(2) video {
    height: 50vw;    
    max-height: 600px;
}

.video-card:hover video, .video-card:focus-within video, .video-card.play video{
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}
.video-card-layout>.fsElementContent:hover .video-card:not(.play) video {
    -webkit-filter: blur(1.9px) grayscale(0.9);
    filter: blur(1.9px) grayscale(0.9);
}
.fsVideoPlayOverlay {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.video-card .fsVideoPlayOverlay {
    opacity: 0;
}
.fsPlayOverlay {
    background-color: transparent;
    border: 0;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0.9999);
    -webkit-transform: scale(0.9999);
    -webkit-transition: background ease .3s;
    transition: background ease .3s;
    width: 100%;
}
.fsPlayOverlay button {
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 5px rgba(35, 35, 39, 0.4), inset 0 0 20px 25px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 5px rgba(35, 35, 39, 0.4), inset 0 0 20px 25px rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: inline-block;
    height: 60px;
    left: calc(50% - 30px);
    margin: auto;
    position: absolute;
    top: calc(50% - 30px);
    -webkit-transition: -webkit-box-shadow ease .2s, -webkit-transform ease .2s;
    transition: -webkit-box-shadow ease .2s, -webkit-transform ease .2s;
    transition: box-shadow ease .2s, transform ease .2s;
    transition: box-shadow ease .2s, transform ease .2s, -webkit-box-shadow ease .2s, -webkit-transform ease .2s;
    width: 60px;
}
.video-card article:nth-child(2) {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    pointer-events: none;
}
.video-card.play article:nth-child(2) {
    opacity: 1;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    z-index: 2;
    pointer-events: auto;
}
.video-close-trigger img {
    width: 24px;
    height: 24px;
}
.video-card .video-close-trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0px;
    background: transparent;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    border: none;
    border-radius: 100%;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 2;
    cursor: pointer;
}
.video-card:not(:first-child):before, .video-card:not(:first-child) video {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.video-card:not(:last-child):before, .video-card:not(:last-child) video {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (max-width: 1600px) {
.video-card article:first-child video, .video-card.play article:nth-child(2) video {
    height: 40vw;    
    max-height: 500px;
}
.community-vid {
    padding-top: 80px;
    padding-bottom: 80px;
}
}
@media (max-width: 1199px) {
    .community-vid {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    
.video-card-wraper {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 50px;
    align-items: center;
}
.video-card article:first-child video, .video-card.play article:nth-child(2) video {
    height: 65vw;
    max-height: 650px;
}
.video-card article video {
    box-shadow: none !important;
}
.video-card span {
    font-size: 11px;
    white-space: normal;
}
.video-card .play-cont-content h2 {
    font-size: 18px;
}
.play-cont-content {
    white-space: normal;
    overflow: hidden;
}
.video-card .play-cont-content, .video-card.play .play-cont-content {
    -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 73, 146, .09);
    box-shadow: 0px 4px 32px 0px rgba(0, 73, 146, .09);
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
.video-card .video-play-trigger, .video-card.play .video-play-trigger {
    opacity: 1;
   
    border-radius: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
}
.video-card:hover:before {
    opacity: 1 !important;
}

.video-card.play {
    overflow: hidden;
}
.video-card:not(:first-child):before, .video-card:not(:first-child) video {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.video-card:not(:last-child):before, .video-card:not(:last-child) video {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
}
@media (max-width: 767px) {
    .video-card span {
        font-size: 12px;
    }
    .play-cont-content {
        width: 250px;
    }
    
    .video-card .play-cont-content h2 {
        font-size:17px;
    }
    .video-card article:first-child video, .video-card.play article:nth-child(2) video {
        height: 100vw;
        max-height: 750px;
    }
}
@media (min-width: 1200px) {
.video-card.play, .video-card:hover {
    width: 41% !important;
    margin: 0px -1px;
}
}
/* community-vid end */
/* news-event-se */
.news-event-se {
    padding: 150px 0px 100px;
}
#homemain-newsevent.owl-carousel .owl-stage {
    padding-left: 0px !important;
    padding-top: 0px;
    padding-bottom: 50px;
}
.news-event-se-left {
    width: 75%;
}
.news-event-se-right {
    width: 25%;
    padding-right: 60px;
    padding-left: 60px;
}
.homemain-newsevent-content-detail {
    position: absolute;
    left: 0;
    padding: 30px 25px;
    z-index: 2;
    background: #fff;
    width: calc(100% - 40px);
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
}
.homemain-newsevent-content-detail-visible {
    color: #292929;
    /* font-family: "Akira Expanded"; */
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.homemain-newsevent-content-thumb {
    position: relative;
}
.homemain-newsevent-content-thumb:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(180deg, rgba(0, 20, 36, 0.00) 0%, rgba(0, 20, 36, 0.80) 100%);
    content: "";
    left: 0;
}
.homemain-newsevent-content-detail-novisible p {
    color: #525252;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 173.333% */
    text-transform: capitalize;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.homemain-newsevent-content-detail-novisible a {
    color: #0345AE !important;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 102.7%;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.homemain-newsevent-content-detail-novisible {
    text-align: left;
    -webkit-transition: .6s;
    transition: .6s;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
#homemain-newsevent .owl-item.current .homemain-newsevent-content-detail-novisible, #homemain-newsevent .owl-item.center .homemain-newsevent-content-detail-novisible {
    opacity: 1;
    max-height: 220px;
}
.homemain-newsevent-content-detail:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 12px;
    width: 0;
    display: block;
    background: linear-gradient(90deg, #0E5ABD 1.01%, #001424 99.98%);
    content: "";
    left: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}
#homemain-newsevent .owl-item.current .homemain-newsevent-content-detail:after, #homemain-newsevent .owl-item.center .homemain-newsevent-content-detail:after {
    width: 100%;
}
#homemain-newsevent.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}
#homemain-newsevent.owl-theme .owl-dots, #homemain-newsevent.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    right: -10%;
    bottom: 50px;
    border-radius: 20px;
    border: 1px solid rgba(204, 204, 204, 0.50);
    background: rgba(255, 255, 255, 0.50);
    padding: 0px 20px;
}
#homemain-newsevent.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 7px;
    background: #DDD;
    display: block;
}
#homemain-newsevent.owl-theme .owl-dots .owl-dot.active span, #homemain-newsevent.owl-theme .owl-dots .owl-dot:hover span {
    background: #0082FA;
}
@media (max-width: 1899px) {
    
    .news-event-se-left {
        width: 68%;
    }
    .news-event-se-right {
        width: 32%;
        padding-right: 60px;
        padding-left: 60px;
    }
    .homemain-newsevent-content-detail-novisible p {
        font-size: 15px;
        line-height: 26px;
    }
    #homemain-newsevent.owl-theme .owl-dots, #homemain-newsevent.owl-theme .owl-nav {
        right: -15%;
    }
}
@media (max-width: 1199px) {
    .news-event-se {
        padding: 80px 0px 60px;
    }
    
.news-event-se {
    flex-direction: column;
}
.news-event-se-left {
width: 100%;
}
.news-event-se-right {
width: 100%;
padding-right:20px;
padding-left: 20px;
}
}
@media (max-width: 767px) {
    .news-event-se {
        padding: 20px 0px 60px;
    }
    #homemain-newsevent.owl-carousel .owl-stage {
        padding-left: 20px !important;
        padding-top: 0px;
        padding-bottom: 70px;
    }
    .news-event-se {
        flex-direction: column;
    }
.news-event-se-left {
    width: 100%;
}
.news-event-se-right {
    width: 100%;
    padding-right:20px;
    padding-left: 20px;
}
.homemain-newsevent-content-detail-novisible p {
    font-size: 13px;
    line-height: 23px;
}
.homemain-newsevent-content-detail {
    padding: 20px 20px;
    width: calc(100% - 30px);
}
.homemain-newsevent-content-detail:after {
    height: 4px;
}
}
/* news-event-se end */
/* header-main */
.header-maintop-mini {
    background: rgba(1, 85, 221, 0.05);
    height: 37px;
    align-items: center;
}
.header-maintop-minileft {
    min-width: 300px;
}
.header-maintop-miniright {
    background: linear-gradient(90deg, #0055DE 0%, #192335 100%);
    flex-grow: 1;
    display: flex;
    justify-content: end;
    height: 100%;
    align-items: center;
    gap: 30px;
    padding-right: 50px;
}
.header-maintop-miniright span {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 14.4px;
}
.header-main {
    padding: 16px 40px 20px;
    border-bottom: 1px solid #EBEBEB;


}
.header-main-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.overlay-menu .overlay-trigger {
    margin-left: 30px;
    position: relative;
    top: 0px;
    height: 60px;
    width: 60px;
    background: rgba(0, 130, 250, 0.10);
    border: none;
    border-radius: 100%;
    -webkit-transition:all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    cursor: pointer;
}
.overlay-menu .overlay-trigger:hover, .overlay-menu .overlay-trigger:focus {
    background: #b5d2ee;
    color: #4d5e69;
}
.overlay-menu .overlay-trigger .fs-menu-handle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 24px;
    height: 14px;
}
.overlay-menu .overlay-trigger .fs-menu-handle:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
}

.overlay-menu .overlay-trigger .fs-menu-handle span {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: 100%;
}
.overlay-menu .close-trigger {
    background: #ABD3EE;
}
.overlay-menu .overlay-trigger.fix-menu-trigger {
    position: fixed !important;
    right: 45px;
    top: 49px !important;
    z-index: 101;
    background: rgba(0, 130, 250, 0.4) !important;
    box-shadow: none;
    backdrop-filter: blur(20px);
}
.overlay-trigger.fix-menu-trigger svg path {
    fill: #fff !important;
}
#nav {
    position: relative;
    z-index: 130;
}
.trigger-top-bar {
    position: relative;
    z-index: 101;
    background: #fff;
}
.fed-hid {
    display: none;
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
}
.overlay-menu .overlay-trigger .fs-menu-handle span:before, .overlay-menu .overlay-trigger .fs-menu-handle span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
}
.overlay-menu .overlay-trigger .fs-menu-handle span:before, .overlay-menu .overlay-trigger .fs-menu-handle span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s;
    transition: top .2s ease .3s, transform .3s ease 0s, opacity 0s ease .3s, background .4s ease 0s, -webkit-transform .3s ease 0s;
}
.overlay-menu .overlay-trigger .fs-menu-handle span:after {
    top: 100%;
}
.overlay-menu .overlay-trigger .fs-menu-handle:before, .overlay-menu .overlay-trigger .fs-menu-handle span:before, .overlay-menu .overlay-trigger .fs-menu-handle span:after {
    background: #4d5e69;
}
.overlay-menu .overlay-trigger:hover .fs-menu-handle:before, .overlay-menu .overlay-trigger:hover .fs-menu-handle span:before, .overlay-menu .overlay-trigger:hover .fs-menu-handle span:after, .overlay-menu .overlay-trigger:focus .fs-menu-handle:before, .overlay-menu .overlay-trigger:focus .fs-menu-handle span:before, .overlay-menu .overlay-trigger:focus .fs-menu-handle span:after {
    background: #4d5e69 !important;
}
.overlay-menu>.fsElementContent {
    position: fixed;
    top: 0;    
    left: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.85) 0.05%, rgba(2, 54, 120, 0.85) 99.98%);
backdrop-filter: blur(25px);
    pointer-events: none;
    clip-path: circle(50px at calc(100% - 10px) -10px);
    -webkit-clip-path: circle(50px at calc(100% - 10px) -10px);
    opacity: 0;
    z-index: 103;
    -webkit-transition: clip-path .6s ease 0s, opacity .3s ease .4s;
    transition: clip-path .6s ease 0s, opacity .3s ease .4s;
}
.overlay-menu>.fsElementContent[aria-hidden=false] {
    clip-path: circle(100%) !important;
    -webkit-clip-path: circle(100%) !important;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: clip-path .6s ease .1s, opacity .3s ease 0s;
    transition: clip-path .6s ease .1s, opacity .3s ease 0s;
}
.main-menu.overlay-menu>.fsElementContent {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    clip-path: circle(30px at calc(100% - 85px) 79px);
    -webkit-clip-path: circle(30px at calc(100% - 85px) 79px);
}
.overlay-menu>.fsElementContent .slimScrollDiv {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    width: auto;
}
.trigger-menu-open {
    overflow: hidden;
}
.main-menu.overlay-menu .modal-inner {
    max-width: none;
    padding: 15px 30px;
    width: 100%;
    max-height: 100%;
    min-height: 100%;
    height: auto;
    padding: 30px 40px;
}
.moder-inner-wraper {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.moder-inner-wraper .menu-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.moder-inner-wraper .menu-middle .menu-middle-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 40px 35px 30px;
}
.moder-inner-wraper .menu-middle .nav-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 40px;
    background-color: rgba(0, 0, 0, 0);
}
.nav-main .fsNavLevel1 {
    position: relative;
    text-align: right;
}
.nav-main .fsNavLevel1>li {
    width: 45%;
    padding: 10px 32px 10px 0;
}
.nav-main .fsNavLevel1>li>a {
    display: block;
    padding: 5px 0;
    color: #FFF;
text-align: right;
font-family: "Playfair Display", serif;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 85.4px */
text-transform: capitalize;
}
.nav-main .fsNavLevel1>li:hover>a, .nav-main .fsNavLevel1>li:focus-within>a, .nav-main .fsNavLevel1>li.menu-item-open>a {
    color: #b5d2ee;
    background: rgba(0, 0, 0, 0);
}
.nav-main .fsNavPageInfo {
    text-align: left;
    position: absolute;
    top: 0;
    left: 45%;
    padding: 65px 0 40px 20px;
    width: 55%;
    height: 100%;
    z-index: 300;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: none !important;
}
.nav-main .fsNavLevel1>li:hover>.fsNavPageInfo, .nav-main .fsNavLevel1>li:focus-within>.fsNavPageInfo, .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.nav-main .fsNavPageInfo:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 50%;
    width: 1px;
    background: #fff;
    -webkit-transition: all .4s ease .4s;
    transition: all .4s ease .4s;
}
.nav-main .fsNavLevel1>li:hover>.fsNavPageInfo:before, .nav-main .fsNavLevel1>li:focus-within>.fsNavPageInfo:before, .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo:before {
    top: 0;
    bottom: 0;
    -webkit-transition: all .4s ease .15s;
    transition: all .4s ease .15s;
}
.nav-main .fsNavLevel2 {
    max-height: 100%;
    overflow: auto;
    position: relative;
    left: 15%;
    opacity: 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.nav-main .fsNavLevel1>li:hover>.fsNavPageInfo .fsNavLevel2, .nav-main .fsNavLevel1>li:focus-within>.fsNavPageInfo .fsNavLevel2, .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo .fsNavLevel2 {
    left: 0;
    opacity: 1;
    -webkit-transition: all .5s ease .6s;
    transition: all .5s ease .6s;
}
.nav-main .fsNavLevel2 li a {
    display: block;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .7);
    background: rgba(0, 0, 0, 0);
    padding: 7px 10px;
}
.moder-inner-wraper .menu-middle .menu-utility {
    width: 40%;
    max-width: 420px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-self: end;
}
.moder-inner-wraper .menu-middle .menu-utility h2 {
    color: #FFF;
    text-align: right;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 100% */
    letter-spacing: -0.24px;
}
.moder-inner-wraper .menu-middle .menu-utility ul li a {
    color: #FFF;
text-align: right;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 300%; /* 39px */
letter-spacing: 2px;
text-transform: uppercase;
}
.moder-inner-wraper .menu-top, .moder-inner-wraper .top-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.moder-inner-wraper .headertop-dropdown {
    margin-left: 30px
}
.payonline-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
border: 1px solid rgba(242, 242, 246, 0.50);
background: rgba(0, 0, 0, 0.20);
width: 173px;
height: 39px;
flex-shrink: 0;
color: #FFF;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 800;
line-height: normal; /* 10.27px */
letter-spacing: 3px;
text-transform: uppercase;
}
.social-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 40px 35px 30px;
}

.social-header  .social-header-list {
    display: flex;
    align-items: center;
    gap:30px;    

}
.social-header .social-header-list li:last-child {
    position: relative;
    top: -3px;
}
.app-header-wraper {
    text-align: right;
}
.app-header-wraper h3 {
    color: #FFF;
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 102.7%; /* 10.27px */
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.app-header-wraper  .app-header-list {
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: end;    

}

@media (max-width: 1440px) {
    .nav-main .fsNavLevel1>li>a {
        font-size: 30px;
        line-height: 120%;
    }
}
@media (max-width: 1320px) {
.overlay-menu>.fsElementContent {
    overflow-x: hidden;
    overflow-y: auto;
}
}
@media (max-width: 1199px) {
    .overlay-menu .overlay-trigger.fix-menu-trigger {
        right: 20px;
        top: 21px !important;
    }
    .header-maintop-mini {
        display: none !important;
    }
    .main-menu.overlay-menu .modal-inner {
        padding: 20px 20px 30px;
        overflow-x: hidden;
        overflow-y: auto;
    }   
    .main-menu.overlay-menu .modal-inner, .overlay-menu>.fsElementContent .slimScrollDiv, .main-menu.overlay-menu>.fsElementContent{
        height: 100vh !important;
    }
    .moder-inner-wraper .menu-middle .menu-middle-inner {
        justify-content: start;
        width: 100%;
        padding: 40px 10px 20px;
        flex-direction: column;
    }
    .payonline-header {
        width: 114px;
        height: 34px;
        font-size: 8px;
    }
    .moder-inner-wraper .menu-middle .nav-main {
        width: 100%;
        padding: 0px;
    }
    .nav-main .fsNavLevel1>li {
        width: 100%;
        padding: 10px 32px 10px 0;
    }
    
    
    .moder-inner-wraper .menu-middle .menu-utility {
        width: 100%;
        text-align: left;
        flex-direction: column;
        align-self: self-start;
        margin-top: 30px;
    }
    .nav-main .fsNavLevel1>li>a {
        font-size: 20px;
        line-height: 111%;
        text-align: left;
        padding: 8px 0;
        position: relative;
    }
    .nav-main .fsNavLevel1>li>a:after {
        content: '';
        right: 0px;
        top: 11px;
        background-image: url(../images/dropdown-arrow.svg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: cover;
        width: 20px;
        height: 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        position: absolute;
        display: none;
    }
    .nav-main .fsNavLevel1>li.active>a:after {
        
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    .moder-inner-wraper .menu-middle .menu-utility h2 {
        text-align: left;
        font-size: 20px;
    }
    .moder-inner-wraper .menu-middle .menu-utility ul li a {
        text-align: left;
    }
    .moder-inner-wraper .menu-middle .menu-utility ul {
        display: flex;
        flex-wrap: wrap;
    }
    .moder-inner-wraper .menu-middle .menu-utility ul li {
        margin-right: 50px;
    }
    .moder-inner-wraper .menu-middle .menu-utility ul li a {
        text-align: left;
        font-size: 12px;
        line-height: 40px;
    }
    .social-header {
        padding: 30px 0px 30px;
    }
    .social-header .social-header-list {
        gap: 16px;
    }
    .social-header-list img {
        max-width: 19px;
    }
}
@media (max-width: 767px) {
    .main-menu.overlay-menu>.fsElementContent {
        clip-path: circle(20px at calc(100% - 41px) 40px);
        -webkit-clip-path: circle(20px at calc(100% - 41px) 40px);
    }
.logo-header img {
    width: 130px;
}
.header-main {
    padding: 16px 20px 12px;
}
.overlay-menu .overlay-trigger {
    height: 40px;
    width: 40px;
}
.social-header {
    justify-content: start;
    -webkit-box-align:  start;
    -ms-flex-align:  start;
    align-items: start;
    width: 100%;
    padding: 30px 0px 50px;
    flex-direction: column;
}
.app-header-wraper {
    text-align: left;
    margin-top: 20px;
}
.app-header-wraper h3 {
    text-align: left;
}
.nav-main .fsNavLevel1>li.active {
    width: 100%;
    padding: 10px 32px 10px 0;
}
.nav-main .fsNavPageInfo {
    text-align: left;
    position: relative;
    top: 0;
    left: 0%;
    padding: 20px 0 20px 20px;
    width: 100%;
    overflow: hidden;
    height: 0;
    transition: height 0.4s ease;
    z-index: 300;
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 0px;
}
.nav-main .fsNavLevel1>li.active .open-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.nav-main .fsNavPageInfo:before {
   display: none;
}
.nav-main .fsNavLevel2 {
    max-height: none;
    overflow: auto;
    height: auto ;
    position: relative;
    left: 0%;
    opacity: 1;
        visibility: visible;
        pointer-events: auto;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.nav-main .fsNavLevel2 li a {
    color: #fff;
    padding: 10px 14px;
    font-size: 16px;
}

}
/* header-main end */
/* video-areatop */
.hm-loader-icon {
    position: absolute;
    opacity: 0;
    z-index: 200;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lds-ellipsis {
    /* change color here */
    color: #1c4c5b
  }
  .lds-ellipsis,
  .lds-ellipsis div {
    box-sizing: border-box;
  }
  .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33.33333px;
    width: 13.33333px;
    height: 13.33333px;
    border-radius: 50%;
    background: currentColor;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
.video-areatop-wraper {
    position: relative;
}
/* .video-areatop {
    transform: translate(0px, 0px)  !important;
}  */
.videotop-innner{
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;        
    padding-top: 45vh;
    display: flex;
    justify-content:center;
    width: 100vw;
    transform: translate(0px, 0px);
}
.video-areatop-text {
    position: absolute;
    top: 12vh;
    text-align: center;
    width: 100%;
    transform: translate(0px, 0px);
    
}
.video-areatop-text h3 {
    opacity: 0;
    margin-bottom: 10px;
    font-size: 56px;font-style: normal;font-weight: 300;line-height: normal;background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-flex;letter-spacing: -2px;
}
.video-areatop-text span {
    opacity: 0;
    font-family: "Playfair Display", serif;
    color: #05244F;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -2px;
    display: block;
}
.video-areatop-text span span {
    font-style: italic;
    display: inline-block;
}
.video-areatop-first {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 27vw;
}
.video-areatop-last {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 27vw;
}
.video-areatop-main {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 46vw;
    min-height: 60vh;
    padding: 0px;
    transition: width 0.5s ease;
}
.video-areatop-video {
    position: relative;
    height: 65vh;
    margin-top: -100px;
    border-radius: 20px;
    padding: 0px 25px;
    overflow: hidden;
    transition: all 0.5s ease;
}
.video-areatop-video video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 20px;
}

.video-areatop-main,
.video-areatop-video {
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  will-change: transform, width, height;
}
.videotop-innner {
    transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
    will-change: transform, width, height;
}
.video-areatop-first-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
}
.video-areatop-first-padd {
    width: 50%;
    box-sizing: content-box;
    position: relative;
}
.video-areatop-first-padd.fft {
    width: 45%;
    margin: 20px 0px;
}
.video-areatop-first-padd img {
    width:100%;
    object-fit: cover;
    border-radius: 15px;
}
.video-areatop-first-inner .video-areatop-first-padd:first-child .firs-vid-big {
    
    border-radius: 0px 15px 15px 0px;
}
.video-areatop-first-inner .video-areatop-first-padd:last-child .firs-vid-big {
    
    border-radius: 15px 0px 0px 15px;
}
.video-areatop-first-padd .firs-vid-big {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.video-areatop-first-padd .firs-vid-mid {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.video-areatop-first-padd .lastppd{
    padding-top: 20px;
}
body.loading {
    overflow: hidden;
  } 
   .anim-onload {
    transform: translate(0px, 100%);
    transition: transform 1.5s ease;
    -webkit-transform: translate(0px, 100%);
    -webkit-transition: transform 1.5s ease;
  }

  .anim-onload.play {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }

  .anim-onload1 {
    transform: translate3d(0px, 30vh, 0px) !important;
    transition: transform 1.2s ease;
    -webkit-transform: translate3d(0px, 30vh, 0px) !important;
    -webkit-transition: transform 1.2s ease;
  }

  .anim-onload1.play {
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
  }
  .video-areatop-text {
    transform: translate3d(0px, 0px, 0px);
    transition: transform 1.2s ease;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-transition: transform 1.2s ease;
}


@media (min-width: 1440px) and (max-width: 1600px) {
    .video-areatop-text h3 {
        font-size: 50px;
        line-height: normal;
    }
    .video-areatop-text span {
        font-size: 50px;
        line-height: normal;

    }
    .videotop-innner {
        padding-top:48vh ;
    }
    
    .video-areatop-video {
        margin-top: -100px;
        height: 65vh;
    }
    .video-areatop-text {
        top: 8vh;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        
    }
    .anim-onload {
        transform: translate(0px, 100%);
        transition: transform 1.5s ease;
        -webkit-transform: translate(0px, 100%);
        -webkit-transition: transform 1.5s ease;
      }
    
      .anim-onload.play {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
      }
    
      .anim-onload1 {
        transform: translate3d(0px, 30vh, 0px) !important;
        transition: transform 1.2s ease;
        -webkit-transform: translate3d(0px, 30vh, 0px) !important;
        -webkit-transition: transform 1.2s ease;
      }
    
      .anim-onload1.play {
        transform: translate3d(0px, 0px, 0px) !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
      }
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .video-areatop-text h3 {
        font-size: 44px;
        line-height: normal;
    }
    .video-areatop-text span {
        font-size: 44px;
        line-height: normal;

    }
    .videotop-innner {
        padding-top:46vh ;
    }
    
    .video-areatop-video {
        margin-top: -100px;
        height: 65vh;
    }
    .video-areatop-text {
        top: 10vh;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        
    }
    .anim-onload {
        transform: translate(0px, 100%);
        transition: transform 1.5s ease;
        -webkit-transform: translate(0px, 100%);
        -webkit-transition: transform 1.5s ease;
      }
    
      .anim-onload.play {
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
      }
    
      .anim-onload1 {
        transform: translate3d(0px, 30vh, 0px) !important;
        transition: transform 1.2s ease;
        -webkit-transform: translate3d(0px, 30vh, 0px) !important;
        -webkit-transition: transform 1.2s ease;
        
      }
    
      .anim-onload1.play {
        transform: translate3d(0px, 0px, 0px) !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
      }
}
@media (max-width: 1199px) {
    .video-areatop {
        position: relative;
    }
.video-areatop-first, .video-areatop-last {
    display: none;
}
.video-areatop {
    height: 100vh;
    /* transform: translate(0px, 0px) !important; */
}
  /* .video-areatop-text {
    top: 7vh;
    padding: 0px 20px;
} */

#videoraper {
    padding-bottom: 0px !important;
    margin-bottom: -1px;
}
.videotop-innner {
    padding-top: 0vh;
    overflow: hidden;
    transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
}

.video-areatop-main {
    width: 75vw;
}
.video-areatop-text {
    position: relative;
    top: 0px;
    padding: 10vh 20px 10vh;
}
.video-areatop-video {
    margin-top: 0px;
    height: 55vh;
    padding: 0px;
}  

.video-areatop-text h3 {
    font-size: 56px;
}
.video-areatop-text span {
    font-size: 56px;
}
.video-areatop-video video {
    border-radius: 0px;
}
.onview-video .videotop-innner, .onview-video .video-areatop-video, .onview-video .video-areatop-main {
    height: 100vh;
    width: 100%;
    border-radius: 0px;
}
.videoupper-content-home-wraper-mobile {
    position: absolute;
    width: 100%;
    height: 110vh;
    text-align: center;
    justify-content: center;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.80) 0.05%, rgba(2, 54, 120, 0.80) 99.98%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: width 0s ease .4s, -webkit-transform .7s ease 0s;
    transition: width 0s ease .4s, -webkit-transform .7s ease 0s;
    transition: transform .7s ease 0s, width 0s ease .4s;
    transition: transform .7s ease 0s, width 0s ease .4s, -webkit-transform .7s ease 0s;
}

.videoupper-content-home-wraper-mobile.onview-videowrapper {        height: 100vh !important;
width: 100%;
border-radius: 0 !important;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: width 0s ease 0s, -webkit-transform .8s ease .9s;
transition: width 0s ease 0s, -webkit-transform .8s ease .9s;
transition: transform .8s ease .9s, width 0s ease 0s;
transition: transform .8s ease .9s, width 0s ease 0s, -webkit-transform .8s ease .9s;
}
}
@media (max-width: 800px) {    
    .video-areatop-text {
        position: relative;
        top: 0px;
        padding: 7vh 20px 7vh;
    }
    .video-areatop-text h3 {
        font-size: 45px;
    }
    .video-areatop-text span {
        font-size: 45px;
    }
}
@media (max-width: 767px) {
    
    .video-areatop-text h3 {
        font-size: 32px;
        margin-bottom: 5px;
    }
    .video-areatop-text span {
        font-size: 32px;
        margin-top: 2px;
    }
    .anim-onload1 {
        transform: translate3d(0px, 100%, 0px) !important;
        -webkit-transform: translate3d(0px, 100%, 0px) !important;
        transition: transform 1.2s ease;
        -webkit-transition: transform 1.2s ease;
      }
    
      .anim-onload1.play {
        transform: translate3d(0px, 0px, 0px) !important;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
      }
      .video-areatop-video {
        margin-top: 0px;
        height: 54vh;
        padding: 0px;
    }
    
}
@media (min-width: 1200px) {
.video-areatop {
    transform: translate(0px, 0px) !important;
}
}
/* video-areatop end*/
.white-bg {
    background: white;
    position: relative;
}
.edu-personal-outer {
    padding-bottom: 0px;
    padding-top: 100px;
}
.edu-personal {
    background: #fff;
}
.edu-personal-wraper-ddd {
    position: relative;
    padding-top: 60px;
}
.edu-personal-nav {
    position: absolute;
    top: 0;
    right: 20px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1300px !important;
    height: 100vh;
    margin: 0 auto;
    width: 100% !important;
}


.edu-personal-nav-list {
    position: relative;
    max-height: 100%;
    padding: 20px 20px 20px 0;
    margin: 0px 71% 200px 0;
}
.edu-personal-nav-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(13px / 2);
    bottom: 0;
    width: 1px;
    background: #C8C8C8;
    height: 82%;
    display: block;
}
.edu-personal-nav-anim {
    position: absolute;
    top: 0;
    left: calc(13px / 2);
    bottom: 0;
    width: 2px;
    background: #00285E;
    height: 0px;
    z-index: -1;
    display: block;
}
.edu-personal-nav-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.edu-personal-nav-list li {
    position: relative;
    margin: 50px 0;
}
.edu-personal-nav-list li:first-child {
    margin-top: 0;
}
.edu-personal-nav-list li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 13px;
    height: calc(50% + 20px);
    background: #fff;
    display: block;
}
.edu-personal-nav-list li:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: calc(50% + 20px);
    background: #fff;
    display: block;
}
.edu-personal-nav-list .link-point:before {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 13px / 2);
    left: 0;
    width: 13px;
    height: 13px;
    background: #fff;
    border: solid 1px rgba(77, 94, 105, .5);
    border-radius: 100%;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    outline: 2px solid transparent;
}

.edu-personal-nav-list .link-point {
    display: block;
    position: relative;
    color: #05244F;
    text-decoration: none;
    -webkit-transition: color .4s ease 0s;
    transition: color .4s ease 0s;
    font-size: 28px;
    font-weight: 400;
    border-radius: 41.016px;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: transparent;
    padding: 41px 34px;
}
.edu-personal-nav-list .link-point span {
    color: #05244F;
}
.edu-personal-nav-list .active.link-point {
    border-radius: 41.016px;
    border: transparent;
    background: transparent;
    font-size: 40px;
}
.edu-personal-nav-list .active.link-point span {
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.edu-personal-nav-list .active.link-point:before {
    border-color: rgba(27, 90, 212, .28);
    background: linear-gradient(90deg, #1B5AD4 0.05%, #023678 99.98%);
    outline: 2px solid rgba(27, 90, 212, .28);
    left: 1px;
}
.edu-personal-nav-list .past.link-point:before {
    border-color: rgba(27, 90, 212, .28);
    background: linear-gradient(90deg, #1B5AD4 0.05%, #023678 99.98%);
    outline: 2px solid rgba(27, 90, 212, .28);
    left: 1px;
}
.edu-personal .anchor-panels {
    padding-left: 30%;
    padding-top: 0%;
    
}


.edu-personal .anchor-panel {
    position: relative;
    height: 37.5vw;
    max-height: 540px;
    margin-bottom: 35vh;     
    background-size: cover;
    border-radius: 15px;
    overflow: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 0 0 0px rgba(0, 0, 0, .22);
    box-shadow: 0px 0 0 0px rgba(0, 0, 0, .22);
    -webkit-transform: scale(0.3) translateY(-150px);
    -ms-transform: scale(0.3) translateY(-150px);
    transform: scale(0.3) translateY(-150px);
    -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
    transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .2s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .2s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
}

.anchor-panel {
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: flex-start; /* or center if you want horizontal centering too */
    padding: 2rem;
    box-sizing: border-box;
  }
  
  
.edu-personal .active.anchor-panel {
    -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, .22);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, .22);
}
.edu-personal  .anchor-panel.active, .edu-personal .anchor-panel.past {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
    transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
}
.edu-personal .anchor-panel.past {
    -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease 0s;
    transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease 0s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease 0s;
    transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease 0s;
}
.edu-personal .anchor-panel .anchor-panel-detail {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 560px;
    padding: 0px;
    border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(90deg, rgba(0, 20, 36, 0.80) 0.05%, rgba(2, 54, 120, 0.64) 99.98%);
    color: #fff;
    max-width: 100% !important;
    
    padding: 30px;
}

.edu-personal .anchor-panel .anchor-panel-detail h4 {
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: "Playfair Display", serif;
}
.edu-personal .anchor-panel .anchor-panel-detail p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin: 0px;
    line-height: 35px; /* 172.222% */
}
.edu-personal  .anchor-panel .anchor-panel-detail h4, .edu-personal  .anchor-panel .anchor-panel-detail p {
    color: #fff;
}
.edu-personal .nav-pills {
    margin-bottom: 0px;
    margin-top: 0px;
    gap: 20px;
}
.edu-personal .nav-pills .nav-link {
    background: #fff;
    border-radius: 15px;
    padding: 10px 24px 14px;
    color: #05244F;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.74px;
    text-transform: capitalize;
    border: 1px solid transparent;
}
.edu-personal .nav-pills .nav-link span {
    color: #05244F;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.74px;
    text-transform: uppercase;
}
.edu-personal .nav-pills .nav-link.active, .edu-personal .nav-pills .show>.nav-link {
    color: #146EF5;
    border-radius: 15.199px;
    border: 0.371px solid #146EF5;
    background: rgba(20, 110, 245, 0.05);
}
.edu-personal .nav-pills .nav-link.active span, .edu-personal .nav-pills .show>.nav-link span {
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (min-width: 1200px) and (max-width: 1599px) {
    .edu-personal-outer {
        padding-top: 80px;
    }
    .edu-personal .anchor-panels {
        padding-left: 35%;
        padding-top: 0%;
    }
    .edu-personal .anchor-panel {
        height: 30.5vw;
        max-height: 420px;
        margin-bottom: 30vh;
    }
    .edu-personal-nav-list .link-point {
        font-size: 34px;
    }
    .edu-personal-nav-list .active.link-point {
        font-size: 40px;
    }
    .edu-personal .anchor-panel .anchor-panel-detail h4 {
        font-size: 30px;
    }
    .edu-personal-nav-list {
        margin: 0px 71% 100px 0;
    }
}
@media (max-width: 1199px) {
    
    .anchor-panel {
        padding: 0rem;
    }
    .edu-personal {
        margin-top: 40px;
    }
    .edu-personal .anchor-panel {
        position: relative;
        background: transparent;
        box-shadow:none !important;
        height: auto;
        padding: 0rem;
        flex-direction: column;
        max-height: initial;
        margin-bottom: 0px;
        background-size: cover;
        background-image: none !important;
        border-radius: 15px;
        overflow: hidden;
        opacity: 0;
        -webkit-box-shadow: 0px 0 0 0px rgba(0, 0, 0, .22);
        box-shadow: 0px 0 0 0px rgba(0, 0, 0, .22);
        -webkit-transform: scale(0.3) translateY(-150px);
        -ms-transform: scale(0.3) translateY(-150px);
        transform: scale(0.3) translateY(-150px);
        -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
        transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .2s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .2s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .2s;
    }
    .edu-personal .anchor-panel .anchor-panel-detail {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        bottom: auto;
        right: auto !important;
        left: auto;
        max-width: none;
        max-height: none;
        margin: 0px;
        position: relative;
        height: auto;
        background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
        border-radius: 0px;
        width: 100%;
        padding: 40px 30px 30px;
    }
    .edu-personal .anchor-panel .anchor-panel-detail h4 {
        margin-top: 4px;
        font-size: 22px;
        width: 100% !important;
        line-height: 33px;
        position: relative;
    }
    .edu-personal .anchor-panel .anchor-panel-detail p {
        font-size: 20px;
        line-height: 35px;
    }
    .edu-personal-outer {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .anchor-panel img {
        height: 441px;
        object-fit: cover;
        position: relative;
        border-radius: 20px;
        position: relative;
        top: 20px;
        z-index: 3;
        width: 100%;
    }
    .edu-personal .anchor-panel.active, .edu-personal .anchor-panel.past {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
        transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
    }
    .tab-pane.active .anchor-panel {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
        transition: opacity .5s ease 0s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s;
        transition: transform .5s ease 0s, opacity .5s ease 0s, box-shadow .8s ease .5s, -webkit-transform .5s ease 0s, -webkit-box-shadow .8s ease .5s;
    }
    .edu-personal .nav-pills {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        padding-bottom: 13px;
        gap: 0px;
        margin-bottom: 7px;
        padding-left: 25px;
    }
    .edu-personal .tab-content {
        padding: 0px 25px;
    }
    
   
}

@media (max-width: 767px) {
    .edu-personal-outer {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .edu-personal .anchor-panel .anchor-panel-detail h4 {
        font-size: 24px;
        width: 100%;
        line-height: 33px;
    }
    .anchor-panel img {
        height: 241px;
    }
    
}
/* our-campuses-sec */
.our-campuses-sec {
    position: relative;
    padding: 150px 0px 100px;
    background: #EEE;
    display: flex;
        flex-direction: column;
        justify-content: center;
    height: 100vh;
}
.our-campuses-map {
    padding: 60px 0px 60px 40px;
}
.tooltip-inner {
    color: #05244F;
    background-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
   
    border-top-color: #fff;
}
.campuses-map-wrapper {
    display: flex;
    gap: 30px;
    width: max-content;
  }
.our-campuses-map-content {
    border-radius: 15px;
    background: #FFF;
    width: 395px;
    padding: 65px 25px 25px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.our-campuses-map-content.map-content-lat {
    padding: 25px 25px 65px;
}

.campuses-map-thumb {
    display: flex;
    height: 100%;
    position: relative;
}
.campuses-map-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.our-campuses-map-content {
    height: 591px;
}
.campuses-map-thumb img {
    height: 396px;
}
.campuses-map-icon {
    position: absolute;    
    left: 50%;
    top: -30px;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.map-content-lat .campuses-map-icon {
    bottom: -30px;
    top: auto;
}
.campuses-map-icon-inner {
    width: 70px;
    height: 70px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    outline: 15px solid #EEE;
    cursor: pointer;
}
.campuses-map-icon-svg {
    background-image: url(../images/fi_355980.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 38px;
    height: 39px;
    display: block;
    background-size: 100% 100%;
}
.campuses-map-heading {
    margin-bottom: 19px;
}
.map-content-lat .campuses-map-heading {
    margin-top: 19px;
}
.campuses-map-heading h3 {
    color: #05244F;
    font-family: "Playfair Display", serif;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.campuses-map-heading span {
    color: #146EF5;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 102.7%;
}
.fram-map {
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
  .fram-map.active {
    display: block;
  }
  
  .fram-map .close-map {
    position: absolute;
    top: 5px;
    right: 10px;
    border: none;
    cursor: pointer;
    z-index: 10;
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: transparent;
}
@media (max-width: 1599px) {
    .our-campuses-sec {
        padding: 80px 0px 80px;
    }
    .our-campuses-map {
        padding: 30px 0px 30px 30px;
    }
    
    .our-campuses-map-content {
        width: 300px;
        padding: 36px 20px 20px;
    }
    .our-campuses-map-content {
        height: 479px;
    }
    .campuses-map-thumb img {
        height: 358px;
    }
    .our-campuses-map-content.map-content-lat {
        padding: 20px 20px 25px;
    }
    .campuses-map-heading h3 {
        font-size: 16px;
    }
    .campuses-map-heading span {
        font-size: 13px;
    }
    .campuses-map-icon-inner {
        width: 50px;
        height: 50px;
        outline: 10px solid #EEE;
    }
    .campuses-map-icon-svg {
        width: 24px;
        height: 24px;
    }
    .campuses-map-heading {
        margin-bottom: 10px;
    }
    .map-content-lat .campuses-map-heading {
        margin-top: 10px;
    }
}
@media (max-width: 1366px) {
    .our-campuses-map-content {
        height:429px;
    }
    .campuses-map-thumb img {
        height: 312px;
    }
    .campuses-map-heading h3 {
        font-size: 15px;
    }
}
@media (max-width: 1199px) {
    .our-campuses-sec {
        padding: 70px 0px 70px;
        height: auto;
    }
    .our-campuses-map {
        padding: 0px;        
    }
    .our-campuses-map .owl-carousel .owl-stage {
        position: relative;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .campuses-map-wrapper {
        display: block;
        gap: 0px;
        width: 100%;
      }
      .our-campuses-map-content {
        width: 100%;
    }
    
    .our-campuses-map-content {
        height:429px;
    }
    .campuses-map-thumb img {
        height: 312px;
    }
}
@media (max-width: 767px) {
    .our-campuses-map-content {
        height: 388px;
    }
    .campuses-map-thumb img {
        height: 265px;
    }
    .our-campuses-sec {
        padding: 60px 0px 50px;
        height: auto;
    }   
}
  /* our-campuses-sec end */
/* custom-cta-banner */
.custom-cta-banner   {
    height: 100vh;
    padding: 40px;
    padding-top: 15vh;
    padding-bottom: 15vh;
    width: 100%;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.banner-inner .heading-style span {
    color: #ABD3EE !important;
}
.custom-cta-banner .banner-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
}
.custom-cta-banner.custom-cta-animate .banner-background {
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.85) 0.05%, rgba(2, 54, 120, 0.85) 99.98%) !important;
}
.custom-cta-banner .banner-inner {
    position: relative;
    max-height: 100%;
    text-align: center;
}
.custom-cta-banner .banner-inner {
    max-width: 1181px;
    margin: 0 auto;
    padding: 0 20px;
}

.custom-cta-banner .banner-inner h3 {
    color: #05244F;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -2px;
}
.custom-cta-banner .banner-inner h3 span {
    font-style: italic;
}
.custom-cta-banner .banner-inner h3 .blu {
    color: #ABD3EE !important;
    font-style: normal !important;
}

.custom-cta-banner.custom-cta-animate .banner-inner h3, .custom-cta-banner.custom-cta-animate .banner-inner span {
    color: #fff;
}

.custom-cta-banner.custom-cta-animate .banner-inner p {
    color: #ABD3EE;

}
.custom-cta-banner .banner-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 100% -60%;
    background-repeat: no-repeat;
    -webkit-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
    -webkit-transition: -webkit-transform 1s ease 0s;
    transition: -webkit-transform 1s ease 0s;
    transition: transform 1s ease 0s;
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;
}
.custom-cta-banner.custom-cta-animate .banner-image {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.inquery-list {
    display: flex;
    gap: 50px;
    margin-top: 40px;
    justify-content: center;
}

.inquery-list a {
    border-radius: 20px;
    border: 1px solid #ABD3EE;
    background: #ABD3EE;
    backdrop-filter: blur(25px);
    color: #05244F;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 50.4px;
    letter-spacing: 10px;
    text-transform: uppercase;
    padding: 15px 50px;
}
.custom-cta-banner.custom-cta-animate .heading-style h3  {
    color: #fff !important;
}
.custom-cta-banner.custom-cta-animate .inquery-list a  {
    color: #ABD3EE;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(58, 58, 58, 0.10);
}
@media (min-width: 1600px) {
    .custom-cta-banner .banner-inner {
        max-width: 1320px;
    }
    .inquery-list {
        gap: 62px;
    }
    .inquery-list a {
        font-size: 30px;
        font-weight: 800;
        line-height: 50.4px;
        letter-spacing: 10px;
        text-transform: uppercase;
        padding: 30px 60px;
    }
}
@media (max-width: 1500px) {

.custom-cta-banner .banner-inner h3 {font-size: 42px;margin: 10px 0px;}
.custom-cta-banner .banner-inner p {
font-size: 45px;
}
}

@media (max-width: 1199px) {
    .custom-cta-banner .banner-inner h3 {
        font-size: 35px;
    }
    
    .custom-cta-banner .banner-inner p {
        font-size: 30px;
    }
    .inquery-list a {
        font-size: 15px;
        padding: 5px 20px;
    }
    .inquery-list {
        gap: 31px;
        margin-top: 20px;
    }
    .custom-cta-banner .banner-image {
        background-image: url(../images/custom-cta-banner-mb.jpg) !important;
    }
    .custom-cta-banner.custom-cta-animate .banner-image {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@media (max-width: 767px) {
    .custom-cta-banner {
        padding: 40px 17px;
    }
    
.inquery-list {
    gap: 35px;
    margin-top: 20px;
    flex-direction: column;
}
.inquery-list a {
    font-size: 20px;
    padding: 11px 15px;
}
.custom-cta-banner .banner-inner h3 {
    font-size: 35px;
}

.custom-cta-banner .banner-inner p {
    font-size: 27px;
}
}
/* custom-cta-banner end */
/* story-sucess-sec */
.story-sucess-sec {
    background-image: url(../images/story-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 330px 0px 100px;
    overflow: hidden;
}
.story-sucess-sec:before {
    background: linear-gradient(90deg, rgba(0, 13, 23, 0.85) 0.05%, rgba(0, 41, 94, 0.85) 99.98%);
    position: absolute;
    left: 0px;
    top: 0px;   
    width: 100%;
    height: 100%;
    content: '';
    
}
.link-story {
    border-radius: 10px;
border: 1px solid #F2F2F6;
background: rgba(255, 255, 255, 0.50);
color: #FFF;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 800;
line-height: 102.7%; /* 10.27px */
letter-spacing: 3px;
text-transform: uppercase;
padding: 12px 30px;
}

.story-box-right .heading-style-min span {
    color: #fff;
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.story-sucess-sec .heading-style span, .story-sucess-sec .heading-style-p p {
    color: #fff !important;
}
.story-sucess-sec .heading-style-p p {
    margin-bottom: 40px;
}
.story-box-right {
    margin-top: -156px;
}
.story-sucess-box {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(10px);
    width: 436px;
    height: 431px;
}
.story-sucess-middle>img {
    height: 427px;
    border-radius: 30px;
}
.story-sucess-box-inner {
    text-align: center;
    padding: 0px 40px;
    position: relative;
}
.story-sucess-middle {
    position: relative;
    padding: 0px 0px;
}
.story-sucess-middle-video {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0px;
    top: 0px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.story-sucess-middle-video .story-sucess-close-trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 2;
    cursor: pointer;
}
.story-sucess-middle-video video {
    width: 100%;
    object-position: center center;
    object-fit: cover;
    height: 100%;
    border-radius:30px;
}
.story-sucess-middle, .story-sucess-middle  {
   border-radius: 30px;
}
.story-sucess-middle .story-playbutton {
    position: absolute;
    left: 50%;
    bottom: -27px;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    cursor: pointer;
    opacity: 1;
    z-index: 2;
}
.story-sucess-box-inner.play .story-sucess-middle-video {
    opacity: 1;
    z-index: 3;
}
.story-sucess-box-inner.play .story-sucess-middle .story-playbutton {
    opacity: 0;
}
.story-sucess-bottom {
    margin: 39px -20px 20px;
}
.story-sucess-bottom h4 {
    color: #ABD3EE;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 50.4px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.story-sucess-bottom span {
    color: #FFF;
    font-size: 19px;
    font-style: italic;
    font-weight: 400;
    line-height: 180%; /* 32.4px */
    text-transform: capitalize;
}
.marquee {
    --gap: 1rem;
    position: relative;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 1rem;
}
.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    align-items: center;
    padding: 30px 0px 0px;
}
.marquee__content > * {
    flex: 0 0 auto;
    color: white;
    text-align: center;
}
.marquee__content li {
    margin-right: 113px;

}
.marquee-nomove {
    width: 80%;
    margin: 0px auto;
    flex-wrap: wrap;
}
.marquee-nomove .marquee__content {
    flex-wrap: wrap;
    width: 10%;
    gap: 111px;
    justify-content: center;
}
.marquee-nomove .marquee__content li {
    margin-right: 0px;
    margin-bottom: -70px;
}
.story-sucess-sec .owl-carousel .owl-nav button.owl-next, .story-sucess-sec .owl-carousel .owl-nav button.owl-prev, .story-sucess-sec .owl-carousel button.owl-dot {
    background: transparent;
}
.story-sucess-sec .owl-carousel .owl-stage-outer {
    margin-top: -160px
}

.story-sucess-sec .owl-theme .owl-nav {
    margin: 0px;
    width: 100%;

}
.story-sucess-sec .owl-theme .owl-dots {
        position: absolute;
        left: 42%;
        bottom: -41px;
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.50);
        background: rgba(255, 255, 255, 0.10);
        padding: 0px 16px;
 }
.story-sucess-sec .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    background: #fff;
    display: block;
}
.story-sucess-sec .owl-theme .owl-dots .owl-dot.active span, .home-campuses .owl-theme .owl-dots .owl-dot:hover span {
    background: #146EF5;
}
.story-sucess-sec .owl-theme .owl-nav .owl-next, .story-sucess-sec .owl-theme .owl-nav .owl-prev {
    position: absolute;
    bottom: -40px;
}
.story-sucess-sec .owl-theme .owl-nav .owl-prev {
    left: 59px;
    margin: 0px;
}
.story-sucess-sec .owl-theme .owl-nav .owl-next {
    right: 0px;
    margin: 0px;
    right: 60px;
}
@media (min-width: 1440px) and (max-width: 1899px) {
    .story-sucess-sec {
        height: auto;
        padding: 270px 0px 70px;
    }
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .story-sucess-sec {
        padding: 270px 0px 70px;
    }
}
@media  (max-width: 1199px) {
    .story-sucess-sec {
        height: auto;
        padding: 70px 0px 80px;
    }
    
    .story-sucess-box {
        width: 436px;
        height: 446px;
        margin: 230px auto 0px;
    }
    .story-box-right {
        margin-top: 0px;
        text-align: center;
    }
    .story-sucess-box-inner {
        padding: 0px 20px;
    }
    .story-sucess-middle {
        padding: 0px 0px;
    }
    .marquee-nomove {
        width: 90%;
    }
    .marquee-nomove .marquee__content {
        width: 10%;
        gap: 65px;
    }
    .marquee-nomove .marquee__content li {
        margin-right: 0px;
        margin-bottom: -37px;
    }
}
@media  (max-width: 767px) {
    .story-sucess-sec {
        height: auto;
        padding: 70px 0px 80px;
        background-position: left;
    }
    
    .story-sucess-box {
        width: 94%;
        height: 396px;
        margin: 170px auto 0px;
    }
    .story-sucess-bottom span {
        font-size: 18px;
    }
    .story-sucess-bottom h4 {
        font-size: 26px;
    }
    .story-sucess-middle>img {
        height: 363px;
        object-fit: cover;
        border-radius: 30px;
    }
    
    .story-box-right {
        margin-top: 0px;
    }
    .story-sucess-sec .owl-carousel .owl-stage-outer {
        margin-top: -119px;
    }
    
    .link-story {
        font-size: 12px;
        padding: 12px 12px;
        letter-spacing: 1px;
    }
    .marquee__content li {
        margin-right: 45px;
    
    }
    .marquee__content li img {
        max-height: 30px;
    }
}
/* story-sucess-sec end */
/* footer */
.footer {
    background: linear-gradient(90deg, #001424 0.05%, #00295E 99.98%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 99;
    padding: 0px;
}

.footer-waterm {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.footer h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 0px 0px 30px;
    font-family: "Playfair Display", serif;
}
.footer-logo-con {
    padding-right: 100px;
}
.footer-logo-deta h3 {
    color: #FFF;
    margin: 25px 0px 25px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.8px;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
}
.footer-logo-deta p {
    color: #DDD;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 185%;
}
.footer-para a {
    border-radius: 10px;
    border: 1px solid rgba(242, 242, 246, 0.20);
    background: rgba(255, 255, 255, 0.10);
    color: #FFF;
    text-align: center;    
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 102.7%;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 12px 22px;
}
.footer-para p {
    color: #DDD;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}
.footer-para strong {
    display: block;
    color: #DDD;
    margin: 0px 0px 7px;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 27.2px;
    text-transform: uppercase;
}
.footer-para span {
    color: #8DD7E5;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.footerlink-con {
    margin-top: 60px;
}
.footer-link a {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 300%;
    letter-spacing: 2px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .footer {
        padding: 60px 20px;
        text-align: center;
    }
    .footer-logo-con {
        padding-right: 0px;
    }
    .footer-logo-deta {
        margin: 0px auto;
        width: 90%;
    }
    .footer-logo-deta h3 {
        margin: 20px 0px 20px;
        font-size: 31px;
        line-height: normal;
    }
    .footer-logo-deta p {
        font-size: 18px;
        line-height: 185%;
    }
    .footer-waterm {
        right: -52px;
        bottom: auto;
        top: -51px;
        width: 291px;
        height: 286px;
    }
    
    .footerlink-con {
        margin-top: 80px;
    }
}
/* footer end*/
/* subpage pages start */
.subpage-main-banner {
    position: relative;
    padding: 80px 90px 0px;
    margin: 0px auto;
    width: 100%;
    overflow: hidden;
}
.subpage-main-banner-thumb {
    position: relative;
    overflow: hidden;
}
.subpage-main-banner-content {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 0px 90px 20px;
}
    .subpage-main-banner-content h4 {
        color: #FFF;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 50.4px; /* 84% */
    letter-spacing: -2px;
    text-transform: capitalize;
    }
    .subpage-main-banner-content span {
        color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 100px; /* 200% */
    letter-spacing: -1px;
    }
    .subpage-main-banner img {
        object-fit: cover;
        border-radius: 20px;
        width: 100%;
    }
    @media (max-width: 1500px) {
        .subpage-main-banner {
            padding: 50px 40px 0px;
        }
        .subpage-main-banner-content {
            padding: 0px 30px 30px;
        }
        .subpage-main-banner-content h4 {
        font-size: 50px;
        line-height: 40.4px; 
        }
        .subpage-main-banner-content span {
        font-size: 40px;
        line-height: 80px;
        }
    }
@media (max-width: 1199px) {
    .subpage-main-banner {
        padding: 50px 30px 0px;
    }
    .subpage-main-banner-content h4 {
        font-size: 40px;
        line-height: normal;
    }
    .subpage-main-banner-content span {
        font-size: 30px;
        line-height: normal;
    }
}
@media (max-width: 767px) {
    .subpage-main-banner {
        padding: 25px 15px 0px;
    }
    .subpage-main-banner-content {
        padding: 0px 20px 40px;
    }
    .subpage-main-banner-content h4 {
        font-size: 42px;
        margin-bottom: 7px;
    }
    .subpage-main-banner-content span {
        font-size: 26px;
    }
    .subpage-main-banner img {
        object-fit: cover;
        height: 500px;
        border-radius: 20px;
    }
}
/* our-people */
.our-people {
    padding: 80px 0px 80px;
    overflow: hidden;
}
.our-people-content h3 {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50.4px;
    letter-spacing: -1px;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px 0px 20px;
}
.our-people-content p {
    color: #516381;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
}
.our-people-thumb {
    margin: 20px 0px 10px;
}
.our-people-thumb img {
    border-radius: 20px;
}
.ul-list-default li {
    color: #516381;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
    position: relative;
    padding-left: 38px;
}
.ul-list-default li strong {
    font-family: "Playfair Display", serif;
    font-weight: 700;
}
.ul-list-default li:before {
    background-image: url(../images/theme-firstlist-arrow.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 7px;
    content: '';
    width: 24px;
    height: 25px;
}
@media (max-width:1500px) {
    .our-people {
        padding: 60px 0px 60px;
    }
    .our-people-content h3 {
        font-size: 30px;
        margin: 0px 0px 10px;
    }
.our-people-content p {
    font-size: 16px;
    line-height: 165%;
}
.ul-list-default li {
    font-size: 17px;
    line-height: 190%;
}
}
@media (max-width:1199px) {
    .our-people {
        padding: 60px 15px 80px;
    }
   
}
@media (max-width:767px) {
    .our-people-content h3 {
        font-size: 25px;
        margin: 0px 0px 4px;
    }
    .our-people-content p {
        font-size: 18px;
        line-height: 180%;
    }
   
}

/* our-people end */
/* mission-inner */
.mission-inner {
    background: #F7F8FC;
    padding: 50px 150px;
}
.mission-inner:before{
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
    width: 78px;
    height: 100%;
    position: absolute;
    left: 0px;
    content: '';
    top: 0px;
}
.mission-slide-heading {
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 20px;
}
.mission-slide-heading .heading-style {
    margin-bottom: 25px;
}
.mission-slide-heading .heading-style-p p {
    line-height: 45px;
}
.mission-build-number {
    font-family: "Playfair Display", serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: capitalize;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(5, 36, 79, 0.50);
    color: transparent;
    background-color: transparent;
    font-variant-numeric: lining-nums proportional-nums;
}
.mission-build-right {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.slides-mission {
    margin-top: -1px;
    overflow: hidden;
    position: relative;
}
.mission-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 10px;
    padding-bottom: 90px;
}

.mission-slide .mission-inner {
    margin: 0;
    position: relative;
    width: 100vw;
    /* height: 100vh; */
  }
.mission-slide .mission-inner .container-fluid {
    width: 100%;
    height: 100%;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.mission-wrapper .owl-theme .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
    border-radius: 20px;
    border: 1px solid rgba(204, 204, 204, 0.50);
    background: rgba(255, 255, 255, 0.50);
    padding: 0px 16px;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
}
.mission-wrapper .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    background: #DDD;
    display: block;
}
.mission-wrapper .owl-theme .owl-dots .owl-dot.active span, .mission-wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background: #0082FA;
}
.mission-wrapper .owl-carousel .owl-nav button.owl-next, .mission-wrapper .owl-carousel .owl-nav button.owl-prev {
    background: transparent;
    margin: 0px 40px 0px 0px;
}
.mission-wrapper .owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    top: 66%;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    left: 8.4%;
}
@media (max-width:1500px) {
    
.mission-build .heading-style h3 {
    font-size: 35px;
}
.mission-inner {
    background: #F7F8FC;
    padding: 50px 110px;
}
.mission-inner .heading-style-p p {
    font-size: 16px;
    line-height: 28px;
}
.mission-build-number {
    font-size: 60px;
}
.mission-wrapper .owl-theme .owl-nav {
    left: 9%;
}
}
@media (max-width:1300px) {
   
    .mission-wrapper {
        padding-top: 30px;
    }
}
@media (max-width:1199px) {
    .mission-inner {
        padding: 30px 20px 90px;
        position: relative;
        text-align: center;
    }
    .mission-slide-heading .heading-style {
        margin-bottom: 16px;
    }
    .mission-inner .heading-style h3 {
        font-size: 35px;
        padding: 0px;
        margin-top: 10px;
    }
    .mission-inner .heading-style-p p {
        font-size: 18px;
        line-height: 32px;
    }
    .mission-inner:before {
        width: 100%;
        height: 54px;
        bottom: 0px;
        top: auto;
    }

.mission-build-right img {
    height: 100%;
}

.mission-build-right {
    text-align: center;
    margin-top: 0px;
}
}
@media (max-width:767px) {
    .text-center-mobile {
        text-align: center !important;
    }
}
/* mission-build end */
/* our-identity-build */
.our-identity-build {
    padding: 80px 0px 80px;
}
.our-identity-box {
    position: relative;
    background: #F7F8FC;
    height: 346px;
    padding: 50px 30px 50px 50px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.our-identity-box h4 {
    color: #05244F;
    font-family: "Playfair Display", serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 50.4px;
    letter-spacing: -2px;
    text-transform: capitalize;
    margin: 0px 0px 20px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.our-identity-box p {
    color: #516381;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 180%;
transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;

}
.our-identity-box:before {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0px;
    opacity: 0px;
    content: '';
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
}
.our-identity-box:hover:before {
    opacity: 1px;
    height: 100%;
}
.our-identity-box:hover p, .our-identity-box:hover h4 {
    color: #fff;
}
.our-identity-box:hover.hover-sh-img .position-relative {
    opacity: 0;
    transition: all 0.1s ease-in-out 0s;
    -webkit-transition: all 0.1s ease-in-out 0s;

}
.our-identity-box .built-identity-hourse, .our-identity-box .built-identity-Shield, .our-identity-box .built-identity-Shield2, .our-identity-box .built-identity-hourse2 {
    position: absolute;

}
.our-identity-box .built-identity-hourse {
    right: 0px;
    bottom: 0px;
    width: 254px;
    height: 253px;
}
.our-identity-box .built-identity-Shield {
    width: 259px;
    height: 259px;
    right: 0px;
    bottom: 0px;
}
.our-identity-box .built-identity-hourse2 {
    width: 254px;
    height: 253px;
}
.our-identity-box .built-identity-Shield2 {
    width: 259px;
    height: 259px;
}
.our-identity-box .built-identity-Shield2, .our-identity-box .built-identity-hourse2 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
}

.our-identity-box:hover.hover-sh-img .built-identity-Shield2 {
    opacity: 1;

}
@media (max-width:1500px) {
    .our-identity-build {
        padding: 60px 0px 60px;
    }
    .our-identity-box {
        height: 286px;
        padding: 40px 30px 40px 40px;
    }
    .our-identity-box h4 {
        font-size: 35px;
        font-weight: 600;
        line-height: 40.4px;
        margin: 0px 0px 12px;
    }
    .our-identity-box p {
        font-size: 16px;
        line-height: 150%;
    }
    .our-identity-box .built-identity-hourse, .our-identity-box .built-identity-hourse2 {
        width: 214px;
        height: 213px;
    }
    .our-identity-box .built-identity-Shield, .our-identity-box .built-identity-Shield2 {
        width: 199px;
        height: 199px;
    }
   
}
@media (max-width:1199px) {
.our-identity-build {
    padding: 60px 0px 60px;
}
.our-identity-box h4 {
    font-size: 34px;
    line-height: 36.4px;
    margin: 0px 0px 12px;
}
}
@media (max-width:767px) {
.our-identity-box {
    height: 252px;
    padding: 40px 35px 40px 35px;
}
}
@media (min-width:1600px) {
.our-identity-build .container {
    max-width:1420px;
}
}
/* our-identity-build end */
/* history-build */
.history-build {
    background-image: url(../images/built-history.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 80px;
}
.history-build:after {
    background: linear-gradient(90deg, rgba(0, 20, 36, 0.80) 0.05%, rgba(2, 54, 120, 0.80) 99.98%);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: '';
}
.link-histroy {
    width: 140.359px;
    height: 42.609px;
    border-radius: 34.267px;
    border: 0.835px solid #FFF;
    background: #FFF;
    color: #001424;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.671px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}
.history-build .heading-style-p p {
    line-height: 50px;
}
@media (max-width:1500px) {
.history-build {
    padding-top: 70px;
    padding-bottom: 70px;
}
}
@media (max-width:1199px) {
    .history-build {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .history-build .heading-style-p p {
        line-height: 40px;
        font-size: 16px;
    }
}
/* history-build end*/
/* we-belive-build */
.we-belive-build {
    background-image: url(../images/we-belive-build.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0px 110px;
    text-align: center;
}
.we-belive-build h4 {
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0px 20px;
}
.we-belive-build p {
    color: #FFF;
    text-align: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    margin-bottom: 30px;
}

.footer-sub-min .footer {
    padding: 100px 0px 100px;
    overflow: visible;
    height: auto;
}
.footer-allsub-sub .footer {
    padding: 100px 0px 100px;
    overflow: hidden;
    height: auto;
}
.footer-social {
    padding: 22px 0px;
}
.social-footer-list {
    display: flex;
    gap: 30px;
    align-items: center;
}
.social-footer-list li:last-child {
    position: relative;
    top: -3px;
}
.footer-social-copyright{
    text-align: right;
        text-align: right;
        color: #516381;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25.5px;
        letter-spacing: 2.52px;
        text-transform: uppercase;
}
@media (max-width:1500px) {
    .we-belive-build {
        padding: 70px 0px 70px;
    }
.we-belive-build h4 {
    font-size: 28px;
    margin: 20px 0px 20px;
}
.we-belive-build p {
    font-size:32px;
    margin-bottom: 20px;
}
}
@media (max-width:1199px) {
    
    .footer, .footer-allsub-sub .footer, .footer-sub-min .footer {
        padding: 60px 0px 60px;
    }
    .we-belive-build {
        padding: 80px 0px 80px;
    }
    .container {
        padding: 0px 26px;
    }
    
    .we-belive-build p {
        font-size: 18px;
    }
    .we-belive-build h4 {
        font-size: 25px;
    }
    .footer-social {
        padding: 11px 0px 3px;
    }
    .footer-social-copyright{
            font-size: 8px;
    }
    
}
@media (max-width:767px) {
    .we-belive-build h4 {
        font-size: 20px;
    }
    .footer-social {
        padding: 20px 0px 3px;
        text-align: center;
    }
    .footer, .footer-allsub-sub .footer, .footer-sub-min .footer {
        padding: 200px 0px 60px;
    }
    .footer-social-copyright {
        font-size: 14px;
        letter-spacing: 2.52px;
        margin-top: 10px;
    }
    .we-belive-build p {
        font-size: 25px;
    }
    .social-footer-list {
        justify-content: center;
    }
.footer-social-copyright {
    text-align: center;
}
.social-footer-list img {
    width: 20px;
}
.social-footer-list {
    gap: 20px;
}
}
/* we-belive-build end*/
/* lead page */
.curriculum-section {
    background: linear-gradient(180deg, #FFF 0%, #F7F8FC 100%);
    padding: 0px 0px 60px;

}
.curriculum-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.curriculum-tabs-wrapper {
    border-radius: 50px;
border: 1px solid rgba(238, 238, 238, 0.80);
background: rgba(255, 255, 255, 0.50);
box-shadow: 0px 0px 40px 0px rgba(45, 126, 245, 0.20);
    display: inline-block;
    margin: 0px auto 45px;
    padding: 10px 15px;
}

.curriculum-tabs .nav-pills {
    margin-bottom: 0px;
    margin-top: 0px;
    gap: 20px;
}
.curriculum-tabs .nav-pills .nav-link {
    border: 0;
    border-radius: 41px;
    padding: 14px 30px;
    color: #05244F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
border: 1px solid #E9EDFF;
background: #F7F8FC;
backdrop-filter: blur(2px);
}
.curriculum-tabs .nav-pills .nav-link.active, .curriculum-tabs .nav-pills .show>.nav-link {
    color: #146EF5;
    border: 1px solid #146EF5;
    background: rgba(20, 110, 245, 0.15);
    font-weight: 700;
}
.curriculum-tab-content-thumb {
    margin-bottom: 35px;
}
.curriculum-tab-content-thumb img {
    border-radius: 20px;
    object-fit: cover;
}
.curriculum-tab-content h3 {
    font-family: "Playfair Display", serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 32px;
}
.curriculum-tab-content p {
    color: #516381;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 160%; /* 36px */
    
}
.curriculum-tab-content ul li {
    color: #516381;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 180%;
margin-bottom: 30px;
}
.curriculum-tab-content ul li span {
    color: #05244F;
    font-family: "Playfair Display", serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 36px */
}
.excellence-section .container-fluid {
    padding-left: 40px;
    padding-right: 40px;

}
.our-excellence-box {
    border-radius: 20px;
    border: 0.907px solid #E5E5E5;
    position: relative;
    margin-top: 80px;
    padding: 0px 30px 40px;
}
.our-excellence-box-thumb {
   margin-top: -80px;
   text-align: center;
}
.our-excellence-box h4 {
    color: #05244F;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin: 20px 0px 10px;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.our-excellence-box p {
    color: #516381;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 197.331% */
}
@media (max-width:1500px) {
.curriculum-tab-content h3 {
    font-size: 40px;
    margin-bottom: 25px;
}
.curriculum-tab-content p {
font-size: 16px;
line-height: 160%; /* 36px */
    
}
}
@media (max-width:1199px) {
.excellence-section .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}
.curriculum-tabs-wrapper, .curriculum-tabs .nav-pills {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.curriculum-tabs .nav-pills {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
}
.curriculum-tabs .nav-pills .nav-link  {
    white-space: nowrap;
}
}
@media (max-width:767px) {
    .curriculum-tab-content h3 {
        font-size: 25px;
        margin-bottom: 17px;
    }
    .curriculum-tab-content ul li {
        font-size: 18px;
        line-height: 166%;
        margin-bottom: 19px;
    }
    .curriculum-tab-content-thumb {
        margin-bottom: 24px;
    }
    .curriculum-tabs .nav-pills .nav-link {
        padding: 12px 18px;
        font-size: 11px;
    }
    .curriculum-tab-content-thumb img {
        height: 280px;
    }
    .curriculum-tab-content {
        padding: 0px 10px;
    }
    .curriculum-tabs-wrapper {
        padding: 10px 0px 10px 10px;
        margin: 0px 0px 45px -15px;
        width: 108%;
        border-radius: 0px;
    }
    .curriculum-tabs {
        padding: 0px;
    }
    .curriculum-section {
        padding: 0px 0px 20px;
    }
}
@media (min-width:1600px) {
.excellence-section .container-fluid {
    padding-left: 80px;
    padding-right: 80px;

}
.curriculum-tab-content h3 {
    font-size: 56px;
}
.curriculum-tab-content p {
font-size: 20px;
line-height: 180%; /* 36px */
    
}
.our-excellence-box h4 {
    font-size: 28px;
}
.our-excellence-box p {
font-size: 17px;
line-height: 33.546px; /* 197.331% */
}
}
/* uplift page */
.uplift-video-hm {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.uplift-video-hm video {
    object-fit: cover;
}
.wellbeing-section {
    background: #F7F8FC;
    padding: 80px 0px 100px;
}
.wellbeing-box {
background-position: 0px 0px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
cursor: pointer;
}
.wellbeing-box-inner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, #001424 0.07%, rgba(2, 54, 120, 0.00) 99.93%);

}
.wellbeing-box-inner  h4, .wellbeing-box-inner  p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 30px 20px;
}
.wellbeing-box img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}
.wellbeing-box:hover img {
    opacity: 0.9;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.wellbeing-box-inner h4 {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; /* 130.357% */
    letter-spacing: -2px;
    text-transform: capitalize;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    opacity: 1;
}
.wellbeing-box-inner p {
    display: none !important;
    color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 30px;
opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
.wellbeing-box:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.wellbeing-box:hover h4 {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
}
.carrer-counsel-section {
    padding: 80px 0px 80px ;
}
.carrer-counsel-box {
    background: #F7F8FC;
    padding: 40px 30px 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}
.carrer-counsel-box h3 {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50.4px; /* 126% */
    letter-spacing: -1px;
    text-transform: capitalize;
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
}
.carrer-counsel-box p {
    color: #516381;
font-size: 25px;
font-style: normal;
font-weight: 300;
line-height: 50.4px; /* 201.6% */
letter-spacing: -1px;
}
.carrer-counsel-box-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.empowerbox {
    border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(58, 58, 58, 0.10);
backdrop-filter: blur(25px);
padding: 60px 47px;
display: flex;
flex-direction: column;
}
.empowerbox h4 {
    color: #FFF;
font-family: "Playfair Display", serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 56.29px; /* 140.724% */
letter-spacing: -1.732px;
text-transform: capitalize;
}
.empowerbox p {
    color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 32.4px */
}
.empowerbox-note p {
    color: #ABD3EE;
text-align: center;
font-family: "Playfair Display", serif;
font-size: 20px;
font-style: italic;
font-weight: 600;
line-height: 180%; /* 36px */
}
@media (max-width:1500px) {
    .carrer-counsel-box h3 {
        font-size: 34px;
        line-height: 45.4px;
    }
    .carrer-counsel-box p {
        font-size: 22px;
        line-height: 32.4px;
    }
    .empowerbox-note p {
        font-size: 19px;
        line-height: 180%;
    }
    .empowerbox h4 {
        font-size: 35px;
        line-height: 52.29px;
    }
    .empowerbox p {
        font-size: 17px;
        line-height: 180%;
    }
}
@media (max-width:1199px) {
.wellbeing-section {
    background: #F7F8FC;
    padding: 50px 0px 40px;
}
.carrer-counsel-section {
    padding: 50px 0px 60px;
}
.carrer-counsel-box h3 {
    font-size: 30px;
    line-height: normal;
}
.carrer-counsel-box p {
    font-size: 20px;
    line-height: 30px;
}
}
@media (max-width:767px) {
    .wellbeing-box-inner {
        padding: 20px;
    }
    .wellbeing-box-inner h4, .wellbeing-box-inner p {
        padding: 0px 20px 20px;
    }
    .wellbeing-box-inner h4 {
        font-size: 31px;
    }
    .wellbeing-box-inner p {
        font-size: 16px;
        line-height: 26px;
    }
    .carrer-counsel-box {
        padding: 30px 30px 30px;
    }
    .empowerbox {
        padding: 40px 27px;
    }
    .empowerbox h4 {
        font-size: 32px;
        line-height: 44.29px;
    }
    
}
@media (min-width:1600px) {
    .wellbeing-section .container {
        max-width: 1520px;
    }
    .wellbeing-box-inner p {
    font-size: 20px;
    }
    .wellbeing-box-inner h4 {
        font-size: 56px;
        line-height: 73px;
    }
    .wellbeing-box:hover h4 {
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0);
    }
    .carrer-counsel-section .carrer-counsel-container {
        max-width: 1414px;
    }
}
/* uplift page end*/
/* excel page */
.excel-dest-box {
    position: relative;
    border: 0.866px solid #DBE1F8;
background: #FFF;
    display:flex;
    cursor: pointer;
    width: 100%;
    flex-direction: column;
    padding: 50px 30px 50px 50px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.excel-dest-box h4 {
    color: #05244F;
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -2px;
    text-transform: capitalize;
    margin: 0px 0px 20px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.excel-dest-box p {
    color: #516381;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.excel-dest-box:hover {
    background: linear-gradient(90deg, #001424 0.05%, #023678 99.98%);
}
.excel-dest-box:hover p, .excel-dest-box:hover h4 {
    color: #fff;
}
.excel-vid-container {
    margin: 0px auto;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px 50px;
}
.excel-vid-box {
    position: relative;
}
.excel-vid-box img {
    border-radius: 20px;
}
.excel-vid-box .excel-story-playbutton {
    cursor: pointer;
    background-image: url(../images/excel-story-playbutton.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 82px;
    height: 94px;
    z-index: 2;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.excel-vid-box  .excel-story-close-trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: 2;
    cursor: pointer;
}
.excel-video {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0px;
    top: 0px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.excel-vid-box.play .excel-video{
    opacity: 1;
    z-index: 3;
}
.excel-video video{
    width: 100%;
    object-position: center center;
    object-fit: cover;
    height: 100%;
    border-radius: 20px;
}
.excel-impact-wrapper {
    flex-wrap: nowrap;
}
.excel-impact-headin {
    color: #ABD3EE;
font-family: "Playfair Display", serif;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
position: absolute;
left: 0px;
bottom:0px;
z-index: 1;
opacity: 1;
padding: 30px 35px;
-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
-webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.excel-impact-box:hover .excel-impact-headin {
    opacity: 0;    
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
.excel-impact-box {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.excel-impact-box:hover {    
    width: 41% !important;
    
}
.excel-impact-box, .excel-impact-box img {
    height: 360px;
}
.excel-impact-box img {
    object-fit: cover;
    width: 100%;
}
.excel-impact-box, .excel-impact-box img, .excel-impact-detail {
    border-radius: 20px;
}
.excel-impact-detail {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #033577 32.21%, #011629 100%);
    opacity: 0;
    z-index: 3;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
}
.excel-impact-box:hover .excel-impact-detail {
    opacity: 1;
}
.excel-impact-detail h3 {
    color: #ABD3EE;
    font-family: "Playfair Display", serif;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 50.4px; /* 144% */
text-transform: capitalize;
}
.excel-impact-detail p {
    color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 36px */
}
.excel-impact-detail-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, transform 2s;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    flex-direction: column;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: left;
}
.excel-impact-box:hover .excel-impact-detail-inner {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.excel-adv-sec h4 {
    color: #516381;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    line-height: 180%; /* 36px */
}
.excel-adv-box {
    border-radius: 20px;
    background: #D9D9D9;
    padding: 0px 30px 30px;
    background: linear-gradient(180deg, #033577 32.21%, #011629 100%);
    margin-top: 116px;
    display: flex;
    flex-direction: column;
}
.excel-adv-thumb {
    border-radius: 15.296px;
    position: relative;
    top: -106px;
    text-align: center;
}
.excel-adv-detail {
    margin-top: -106px;
}
.excel-adv-thumb img {
    border-radius: 15.296px;
}
.excel-adv-detail h3 {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.05px;
    text-transform: capitalize;
    margin: 20px 0px 5px;
}
.excel-adv-detail p {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 180%;
}
.excel-class-section h5 {
    color: #516381;
text-align: center;
font-family: "Playfair Display", serif;
font-size: 20px;
font-style: italic;
font-weight: 600;
line-height: 180%; /* 36px */
}
.excel-class-box {
    border-radius: 20px;
    background: #F7F8FC;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: 40px;
}
.excel-class-box-left {
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.excel-class-thumb {
    display: flex;
    width: 100%;
}
.excel-class-thumb img {
    object-fit: cover;
    height: 100%;
    border-radius: 20px;
    width: 100%;
}
.excel-class-inner>div {
    padding-right: .5rem;
    padding-left: .5rem;
}
.excel-class-box, .excel-class-thumb {
    height: 700px;
}
.excel-class-box span {
    font-family: "Playfair Display", serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: capitalize;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    color: transparent;
    background-color: transparent;    
    font-variant-numeric: lining-nums proportional-nums;
}
.excel-class-box h3 {
    color: #001B34;
    font-family: "Playfair Display", serif;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1px;
text-transform: capitalize;
}
.excel-class-box p {
    color: #001B34;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 36px */
}
.excel-class-box p strong {
    font-weight: 600;
}

.excel-class-wraper {
    position: relative;
    height: 80vh;
    /* top:20px !important; */
    padding: 60px 0px 0px;
  }
  
  .excel-class-wraper .container {
    position: relative;
  }
  .excel-class-wraper .row {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
  }
  .excel-class-section .pin-spacer {
    padding: 0px !important;

  }
  .excel-class-note {
    margin-top: 200px;
  }
  .excel-class-inner-mobile {
    position: relative;
    margin: 0px !important;
    height:auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    top:0px;
    transform: translateY(0px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .excel-class-inner {
    position: absolute;
    margin: 0px !important;
    height:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    /* top:-20px; */
    transform: translateY(100px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  
  
  .excel-class-inner.active {
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
  }
  .excel-excelence-box {
    border-radius: 20px;
    background: linear-gradient(180deg, #001B34 0%, #000D1A 100%);
    padding: 40px 60px;
    position: relative;
}
.overlay-excel {
    background: rgba(27, 90, 212, 0.30);
filter: blur(86.6767578125px);
position: absolute;
right: 0px;
top: 0px;

}
  .excel-excelencebox-inner h4 {
    color: #FFF;
    font-family: "Playfair Display", serif;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1px;
text-transform: capitalize;
  }
  .excel-excelencebox-inner p {
    color: #FFF;
font-size: 19.668px;
font-style: normal;
font-weight: 300;
line-height: 180%; /* 35.402px */
  }
  .excel-excelencebox-inner p span {
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-style: italic;
    font-weight: 700;
  }
  .excel-excelencebox-outer {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}
.excel-excelencebox-span {
    text-align: right;
    margin-top: 12px;
    position: absolute;
    right: 30px;
}
.excel-excelencebox-span span {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 600;
    line-height: 0px;
    letter-spacing: -1px;
    text-transform: capitalize;
}
.excel-accr {
    opacity: 1;
    display: block;
}
.excel-excelence-box.active .excel-accr {
    opacity: 0;
    display: none;
}
.excel-excelence-box.active .excel-excelencebox-span span {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    background-color: transparent;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 100px;
}
.accord-item {
    margin-bottom: 20px;
}
.excel-collapse {
    overflow: hidden;
}

.excel-accr h4 {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: capitalize;
}
.excel-excelence-section {
    padding: 80px 0px 0px;
}
.accord-item-wraper {
    padding: 60px 0px 80px;
}
.excel-excelence-section .pin-spacer {
    padding: 0px !important;
}
.excel-excelence-section .accordion-item {
    color: var(--bs-accordion-color);
    background-color: #001B34;
    border: transparent;
    border-radius: 20px;
    margin-bottom: 10px;
}
.excel-excelence-section .accordion-item:first-of-type {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.excel-excelence-section .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #001B34;
    border: 0;
    border-radius: 20px !important;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    font-size: 28px;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    box-shadow: none;
}
.excel-excelence-section .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #001B34;
    box-shadow: none;
}
.excel-excelence-section .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.excel-excelence-section .accordion-button::after {
    flex-shrink: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    content: "02";
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 0px;
    margin-top: -19px;
    letter-spacing: -1px;
}
.excel-excelence-section .accordion .accordion-item:first-child .accordion-button::after {
    content: "01" !important;
}
.excel-excelence-section .accordion .accordion-item:last-child .accordion-button::after {
    content: "03" !important;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    background-color: transparent;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 40px;
    margin-top: 0px;
}
.excelforgold {
    color: #516381;
text-align: center;
font-family: "Playfair Display", serif;
font-size: 20px;
font-style: italic;
font-weight: 600;
line-height: 180%; /* 36px */
}
  @media (max-width:1899px) {
  
.excel-class-box p {
    font-size: 18px;
    line-height: 160%;
}
.excel-class-box h3, .excel-class-box span {
    font-size: 33px;
}
/* .excel-class-wraper {
    top:30px !important;
  } */
/* .excel-class-inner {
    top: 40px;
} */
.excel-class-box, .excel-class-thumb {
height: 650px;
}
.excel-class-note {
    margin-top: 120px;
}
  }
@media (max-width:1500px) {
    .excel-excelence-section {
        padding: 60px 0px 0px;
    }
.excel-dest-box {
    padding: 40px 35px 40px 35px;
}
.excel-dest-box h4 {
    font-size: 30px;
    line-height: 38px;
}
.excel-impact-headin {
    font-size: 28px;
}
.excel-impact-detail h3 {
    font-size: 28px;
    line-height: 40.4px;
}
.excel-impact-detail p {
    font-size: 18px;
    line-height: 160%;
}
.excel-impact-box, .excel-impact-box img {
    height: 300px;
}
.excel-adv-box {
    padding: 0px 20px 20px;
}

.excel-adv-detail h3 {
    font-size: 23px;
    line-height: 43.05px;
}
.excel-adv-detail p {
    font-size: 15px;
    line-height: 160%;
}
.excel-adv-sec h4 {
    font-size: 18px;
    line-height: 158%;
}
/* .excel-class-inner {
    top: 40px;
} */
/* .excel-class-wraper {
    top: 40px !important;
} */
.excel-class-box, .excel-class-thumb {
height: 650px;
}
.excel-class-note {
    margin-top: 120px;
}
.excel-excelencebox-inner h4, .excel-accr h4 { 
    font-size: 40px;
}
.excel-excelencebox-inner p {
    font-size: 16px;
    line-height: 160%;
}
.excel-excelencebox-inner p span {
    font-size: 20px;
}
.excel-excelencebox-span span {
    font-size: 90px;
}
.excel-excelence-box.active .excel-excelencebox-span span {
    font-size: 70px;
}

}

@media (max-width:1366px) {
    
    .excel-class-box, .excel-class-thumb {
        height: 520px;
    }
    }
@media (max-width:1199px) {
    .excel-impact-wrapper {
        flex-wrap: wrap;
    }
    .excel-class-box, .excel-class-thumb {
        height: auto;
    }
    .excel-class-box {
        padding: 25px;
        margin: 25px 0px;
    }
    .excel-class-note {
        margin-top: 20px;
    }
    .excel-class-box span{
        font-size: 60px;
    }
    .excel-class-box h3 {
        font-size: 25px;
        line-height: 40px;
    }
    .excel-class-box-left {
        margin-bottom: 10px;
    }
    .excel-class-box p {
        font-size: 18px;
        line-height: 180%;
    }
    .excel-class-section h5 {
        font-size: 18px;
        line-height: 180%;
    }
    
    .excel-impact-box {
        width:100% !important;
        padding: 0px;
    }
    .excel-impact-box:hover {
        width: 100% !important;
    }
    .excel-impact-detail-inner {
        padding: 20px;
    }
    .excel-class-inner {
        flex-direction: column;

    }
    .excel-impact-headin {
        font-size: 32px;
        padding: 20px 20px
    }
    .excel-impact-detail {
        padding: 20px;
    }
    .excel-impact-box, .excel-impact-box img {
        height: 360px;
    }
    .excel-impact-box:hover, .excel-impact-box img:hover {
        height: 410px;
    }
    .excel-excelence-box {
        padding: 20px 15px 20px;
    }
    .excel-excelencebox-span span {
        font-size: 50px;
    }
    .excel-excelence-box.active .excel-excelencebox-span span {
        font-size: 40px;
    }
    .excel-excelencebox-inner h4, .excel-accr h4 {
        font-size: 25px;
    }
    .excel-excelencebox-inner h4 {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .excel-excelencebox-inner .excel-excelencebox-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .excel-excelence-section .accordion-header {
        display: none;

    }
    .excel-excelencebox-heading span {
        color: #FFF;
        font-family: "Playfair Display", serif;
        font-style: normal;
        font-weight: 600;
        line-height: 0px;
        margin-top: -19px;
        letter-spacing: -1px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;
        color: transparent;
        background-color: transparent;
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 31px;
        margin-top: -8px;
    }
    .excel-excelencebox-inner p, .excel-excelencebox-inner p span {
        font-size: 18px;
        line-height: 180%;
    }
    .excel-excelence-section {
        padding: 50px 0px 50px;
    }
    .excel-excelence-section .accordion-button::after {
        font-size: 40px;
    }
    .excel-excelence-section .accordion-button {
        font-size: 22px;
        padding: 30px 10px;
    }
    .excelforgold {
    font-size: 18px;
    }
    .excel-impact-detail h3 {
        font-size: 25px;
        line-height: 40.4px;
    }
    .excel-impact-detail p {
        font-size: 18px;
        line-height: 180%;
    }
}
@media (max-width:767px) {
    .excel-impact-wrapper {
        flex-wrap: wrap;
    }
    .excel-impact-box {
        width: 100% !important;
    }
    .excel-impact-box:hover {
        width: 100% !important;
    }
    .excel-vid-container {
        padding: 0px 20px;
    }
    .excel-impact-box, .excel-impact-box img {
        height: 420px;
    }
    .excel-impact-box:hover, .excel-impact-box img:hover {
        height: 242px;
    }
    .excel-impact-detail-inner {
        text-align: left;
    }
}
/* excel page end */

/* lead page end */
/* contact page */

.contactus-form lable {
    color: #242426;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
}
#contactForm lable {
    color: #05244F;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 133.333% */
}
.form-control-custome {
    border-radius: 10px;
background-color: rgba(81, 99, 129, 0.05);
    border: 1px solid transparent;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    text-transform: capitalize;
    color: #05244F;
    height: 52px;
    box-shadow: none !important;
    outline: none !important;
    padding: 15px 25px;
}
/* .form-control-custome:focus {
    background-color: rgba(81, 99, 129, 0.05);
    border: 1px solid #05244F;
} */
.form-control-custome::placeholder {
    color: #516381;
    opacity: 1;
}

.form-control-custome::-webkit-input-placeholder {
    text-align: left;
}

.form-control-custome-moz-placeholder {
    text-align: left;
}
.form-control-custome-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-color: rgba(81, 99, 129, 0.05);
    background-size: 4% 30%;
}
.text-area-height {
    height: auto !important;
}
.button-vend {
    border-radius: 30px;
background: linear-gradient(90deg, #001424 0.05%, #00295E 99.98%);
color: #FFF !important;
padding: 14px 30px;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.671px;
text-transform: uppercase;
width: 261px;
}

.cont-mail-icon {
    background-image: url(../images/cont-mail-icon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.cont-location-icon {
    background-image: url(../images/cont-location-icon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.cont-cell-icon {
    background-image: url(../images/cont-cell-icon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    
}
.cont-mail-icon, .cont-cell-icon, .cont-location-icon {
    width: 24px;
height: 24px;
display: inline-block;
}
.contact-list-arr li {
    color: #001424;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding-left: 40px;
    letter-spacing: normal;
    margin-bottom: 30px;
}
.contact-list-arr li:last-child {
    
    margin-bottom: 0px;
}
.contact-list-arr li span {
    position: absolute;
    left: 0px;
    top: 0px;

}
.contact-section2 {
    padding: 80px 0px 0px;
}
.contact-section2-empty {
    height: 200px;
}
.contact-section2 .pin-spacer {
    padding: 0px !important;

}

@media (max-width: 1199px) {
.contact-section2 {
    padding: 50px 0px 50px;
}
.contact-list-arr li {
    font-size: 16px;
    padding-left: 40px;
    margin-bottom: 18px;
}
}
/* faq page*/
.faq-section .accordion {
    padding: 0px 0px 0px;
}
.faq-section .accordion-item {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 20px;
    background: #FFF;
    box-shadow: none;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}
.faq-section .accordion-item.active {
    border-radius: 20px;
border: 1px solid #ECEDF2;
background: #FFF;
box-shadow: 0px 5px 4px 0px rgba(11, 82, 181, 0.25);
}
.faq-section .accordion-button {
    background: #fff;
    border-radius: 20px !important;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 23.4px;
    letter-spacing: 0px;
    color: #05244F;
    padding: 39px 65px 36px 36px;
    box-shadow: none;
    border: 1px solid #ECEDF2;
    position: relative;
    box-shadow: none;
    font-family: "Playfair Display", serif;
}
.faq-section .accordion-button span {
    color: #05244F;
}
.faq-section .accordion-button:not(.collapsed) {
    color: #404040;
    background-color: #F7F8FC;
    box-shadow: none;
    border: none;
}
.faq-section .accordion-button:not(.collapsed) span {
    background: linear-gradient(90deg, #00285E 0%, #0B52B5 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.faq-section .accordion-button:after {
    width: 38px;
    height: 38px;
    background-image: url(../images/plus.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 24px;
}
.faq-section .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.svg);
    transform: inherit;
}

.faq-section .accordion-body {
    padding: 20px 70px 15px 38px;
}
.faq-section .accordion-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    color: #516381;
    margin-bottom: 0px;
}
.faq-section .table>:not(caption)>*>* {
    padding: .8rem .8rem;
}
.faq-section .table .header {
    background: rgba(20, 110, 245, 0.05);
}

@media (max-width: 767px) {
.faq-section .accordion-button {
    font-size: 18px;
    line-height: 23.4px;
    padding: 29px 73px 26px 26px;
}
.faq-section .accordion-body {
    padding: 20px 20px 20px 20px;
}
}
/* faq page end*/
/* contact page end */
/* subpage pages start end */

