body {
    margin: 0px;
    padding: 0px;
    font-family: "Creato Display" !important;
}

.box1Top img {
    width: 100%;
}

img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

iframe#formIfram {
    height: 100% !important;
    min-height: 450px !important;
    overflow: hidden;
}

a:active {
    color: green;
}

.col-xl-12:has(.bannerPic):after {
    content: "";
/*     background: linear-gradient(0deg, black, transparent); */
    width: 100%;
    height: 65%;
    position: absolute;
    bottom: 0;
}

a:hover {
    text-decoration: none !important;
}

p {
    font-family: "Creato Display";
    font-size: 17px !important;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

::-webkit-scrollbar {
    width: 5px;
    border-radius: 16px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: #ed0101 !important;
}

.custom-container {
    width: 90%;
    margin: 0 5%;
    margin: 0 auto;
}

.navbar-toggler-icon {
    background: url("../../assets/images/hmenu.webp") no-repeat center center !important;
    width: 36px !important;
    height: 24px !important;
}

.col-md-8.col-12.FlahsipbannerTextBox.bannerText {
    margin: 0;
    left: 0;
}

.innerbantext-red {
    color: #ed0101;
}

/* header starts here only here2 */
.header {
    background: rgba(0, 0, 0, 0.685);
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 3% !important;
}

nav.navbar.navbar-expand-xl.navmain.navbar-hover {
    position: sticky;
}

.navmain {
    transition: background-color 0.3s ease;
}

.header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0rem 1rem !important;
    font-weight: 600;
    /*     font-family: 'Lato', sans-serif !important; */
    color: #ffffff;
    font-family: "Creato Display" !important;
    font-size: 18px;
}

.navbar-nav li:last-child {
    border-right: none;
}

.navbar {
    padding: 0rem 1.4rem !important;
}

.header .nav-item {
    padding: 20px 0px;
}

.red {
    color: #ed0101;
}

.navbar-text {
    color: #eb2024 !important;
    font-size: 15px;
    font-weight: 600;
    background: #ffffff;
    padding: 10px 20px;
    text-align: center;
    border: 2px #fff solid;
    border-radius: 20px;
    transition: 0.3s;
}

.navbar-text a {
    color: #eb2024 !important;
}

.navbar-text:hover {
    background: #000000;
    color: #ffffff;
    border: 2px #fff solid;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-menu {
    background: rgba(0, 0, 0, 0.685) !important;
}

.secnav {
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
    border-radius: 60px !important;
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 16px;
}

.navsub {
    width: 70%;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0 0 25px #000000;
    box-shadow: 0 0 25px #000000;
}

.sec1 .navbar {
    padding: 0rem 1rem;
    z-index: 10;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
}

.sec1 .nav-link:hover {
    color: #eb2024 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #eb2024 !important;
    background: none !important;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #ff8901 !important;
    font-weight: bold;
    border-bottom: 1px #ff8901 solid;
    font-family: "Roboto Flex", sans-serif !important;
}

.navdesk .navbar-nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
    border: none;
    /*     color: #FF8901 !important; */
}

.navdesk .nav-link {
    padding: 0px !important;
    font-size: 19px;
}

.navdesk .navbar-nav li {
    border-right: 1px #000 solid;
    padding: 0 52px;
}

.navdesk .navbar-nav li:last-child {
    padding: 0px 38px !important;
    border-right: none;
}

.navdesk .navbar-light .navbar-nav .nav-link {
    color: #000000 !important;
}

.header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 20px;
}

.header .navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 20px;
}

.navdesk {
    padding: 60px 0 20px 0px;
}

.registerBtn a {
    display: block;
    margin: 0 auto;
}

.dropdown-item {
    border-bottom: 1px #ffffff solid !important;
    font-size: 16px;
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    min-width: 300px;
    /*     font-family: 'Lato', sans-serif !important; */
}

.last {
    border-bottom: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: none !important;
    color: #000000 !important;
}

.header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0rem 0.6rem !important;
    color: #ffffff;
    font-size: 18px;
}

.navbar-nav li:last-child {
    border-right: none;
}

.header .nav-item {
    padding: 20px 0px;
}

.btn-custom {
    background: #eb2024 !important;
    color: #ffffff;
    padding: 5px 10px;
}

.dropdown-menu {
    border: none !important;
    border-radius: 0 !important;
}

.navbar-hover .collapse ul ul ul {
    top: -2px;
    left: 100%;
    min-width: auto;
}

/* header ends */

/* section 1 starts */
.sec1 {
    position: relative;
    background: #000;
}

.bannerText {
    position: absolute;
    z-index: 2;
    bottom: 10%;
    margin: 0 auto;
    left: 5%;
    right: 0;
}

.bannerText h1 {
    color: #ffffff;
    font-family: "Creato Display";
    font-size: 66px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.bannerText h1 span:first-child {
    color: #ed0101;
}

.bannerText ul {
    margin: 40px 0 0 0;
    padding: 0;
}

.bannerText ul li {
    list-style-type: none;
    transition: 0.3s;
    display: inline-block;
    border: 3px #ffffff solid;
    padding: 15px 50px;
    margin-right: 20px;
}

.bannerText ul li:hover {
    background: #ed0101;
}

.bannerText ul li a {
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 24px;
    display: inline-block;
}

.home_banner .slick-prev {
    top: 46%;
    position: absolute;
    left: 20px;
    z-index: 9;
    content: "";
    border: none;
    width: 56px;
    height: 56px;
    background: none;
    font-size: 0;
    background: url("../../assets/images/prev.svg") no-repeat center center !important;
    background-size: cover !important;
}

.home_banner .slick-next {
    top: 46%;
    position: absolute;
    right: 20px;
    z-index: 9;
    content: "";
    border: none;
    width: 56px;
    height: 56px;
    background: none;
    font-size: 0;
    background: url("../../assets/images/next.svg") no-repeat center center !important;
    background-size: cover !important;
}

/* .home_banner .slick-next{ top: 40%; position: absolute; right: 20px; z-index: 9; } */

/* section 1 ends */

/* sec 2 starts */
.sec2 {
    padding: 60px 0px;
    background: #000000;
    color: #ffffff;
}

.sec2 a {
    background: #ffffff;
    display: block;
    max-width: 200px;
    border: 2px #000000 solid;
    border-radius: 30px;
    padding: 10px 10px;
    text-align: center;
    font-weight: bold;
    color: #eb2024 !important;
    transition: 0.3s;
    margin-bottom: 40px;
}

.sec2 a:hover {
    background: #000000;
    border: 2px #fff solid;
}

.sec2 p {
    font-family: "Creato Display" !important;
    font-optical-sizing: auto;
    font-weight: 500;
    max-width: 90%;
    font-style: normal;
    padding-bottom: 15px;
    font-variation-settings: "wdth" 100;
}

.sec2Left {
    padding-top: 20px;
}

.sec2Left h2 {
    font-size: 52px;
    max-width: 700px;
    font-weight: 500;
    line-height: 100%;
    padding-bottom: 10px;
}

.sec2Left h2 span {
    color: #ed0101;
}

/* sec 2 ends */

/* sec 3 starts */
.sec3 {
    padding: 0px 0px;
    background: #000000;
    color: #ffffff;
}

.sec3Left {
    padding: 10% 0 3% 0px;
}

.sec3Left h2 {
    font-size: 96px;
    font-weight: 500;
    margin-bottom: 0px;
}

.sec3Left h4 {
    color: #ed0101;
    font-family: "Creato Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 60px;
    line-height: normal;
}

/* sec 3 ends */

/* sec 4 events starts */
.sec4 {
    padding: 60px 0px;
    color: #ffffff;
    background: url("../../assets/images/upcoming-events-bg.webp") no-repeat
        center center !important;
    background-size: cover !important;
}

.sec4 h2 {
    font-size: 60px;
    font-weight: 500;
    padding-bottom: 10px;
    line-height: 100%;
}

.sec4 h2 span {
    color: #ed0101;
}

.sec4 h5 {
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    padding-bottom: 10px;
}

.sec4 p {
    font-family: "Creato Display" !important;
    font-optical-sizing: auto;
    font-weight: 500;
    max-width: 90%;
    font-style: normal;
    padding-bottom: 10px;
    font-variation-settings: "wdth" 100;
}

.events {
    padding-bottom: 70px;
}

.events-title {
    padding-left: 60px !important;
}

.upcoming-events {
    border-radius: 18px;
    background: #fff;
    padding: 40px 0 10px 40px;
    box-shadow: 0px 23px 80px 0px rgba(0, 0, 0, 0.12),
        0px 9.609px 33.422px 0px rgba(0, 0, 0, 0.09),
        0px 5.137px 17.869px 0px rgba(0, 0, 0, 0.07),
        0px 2.88px 10.017px 0px rgba(0, 0, 0, 0.06),
        0px 1.53px 5.32px 0px rgba(0, 0, 0, 0.05),
        0px 0.636px 2.214px 0px rgba(0, 0, 0, 0.03);
    color: #000000;
}

.upcoming-events h1 {
    color: #000000;
    font-size: 48px;
    font-weight: 500;
    line-height: 54px;
    padding-top: 24px;
}

.upcoming-events h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
}

.upcoming-events p {
    color: #000000;
    font-size: 16px !important;
    font-weight: 500;
    padding-bottom: 0px;
    margin-bottom: 7px;
}

.upcoming-events a {
    color: #ed0101;
    border: 20px;
    border-radius: 30px;
    display: block;
    border: 2px #ed0101 solid;
    max-width: 150px;
    text-align: center;
    margin-top: 20px;
    padding: 10px 0px;
    font-weight: bold;
    transition: 0.3s;
}

.upcoming-events a:hover {
    border: 2px #ffffff solid;
    background: #ed0101;
    color: #ffffff;
}

.event-box {
    border-left: 5px #ed0101 solid;
    padding-left: 20px !important;
    margin-bottom: 0px;
}

.event-box img {
    display: inline-block !important;
}

/* sec 4 events ends */

/* sec 5 starts */
.sec5 {
    padding: 60px 0px;
}

.sec5 h4 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 0px;
}

.sec5 h1 {
    font-size: 64px;
    font-weight: 500;
    margin-bottom: 40px;
}

.box1 {
    border-radius: 20px;
    background: #fff;
    margin-bottom: 50px;
    height: 100%;
    box-shadow: 0px 23px 80px 0px rgba(0, 0, 0, 0.07),
        0px 9.609px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 5.137px 17.869px 0px rgba(0, 0, 0, 0.04),
        0px 2.88px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 1.53px 5.32px 0px rgba(0, 0, 0, 0.03),
        0px 0.636px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.box1Top {
    border-radius: 20px;
    background: #a1161b;
    box-shadow: 0px 23px 80px 0px rgba(0, 0, 0, 0.07),
        0px 9.609px 33.422px 0px rgba(0, 0, 0, 0.05),
        0px 5.137px 17.869px 0px rgba(0, 0, 0, 0.04),
        0px 2.88px 10.017px 0px rgba(0, 0, 0, 0.04),
        0px 1.53px 5.32px 0px rgba(0, 0, 0, 0.03),
        0px 0.636px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.box1Bot {
    padding: 0 15px 40px 15px;
    text-align: center;
    min-height: calc(100% - 271px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
}
.box1Bot > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.box1Bot img {
    margin: 0 auto;
    display: block;
}

.box1Bot a {
  
    color: #ed0101;
    border: 20px;
    border-radius: 30px;
    display: block;
    border: 2px #ed0101 solid;
    max-width: 150px;
    text-align: center;
    margin-top: 20px;
    padding: 10px 0px;
    font-weight: bold;
    transition: 0.3s;
    padding: 10px 30px 10px 30px;

}


.box1Bot a:hover {
    border: 2px #ffffff solid;
    background: #ed0101;
    color: #ffffff;
}

.box1Bot p {
    font-size: 15px !important;
}

/* sec 5 ends */

/* tab 6 starts */
.sec6 {
    padding: 60px 0px;
    background: url("../../assets/images/sec6bg.webp") no-repeat center center !important;
    background-size: cover !important;
}

.sec6 h1 {
    font-size: 230px;
    color: #ffffff;
    padding-bottom: 0;
    margin-bottom: 0px;
    line-height: 100%;
}

.sec6 h4 {
    font-size: 49px;
    color: #ffffff;
}

/* tabsec */
.TabSec {
    padding: 40px 30px !important;
    border-radius: 30px;
    background: rgba(161, 22, 27, 0.2);
    margin-top: 40px;
}

.TabSec .nav-pills .nav-link {
    color: #ffffff;
    border-bottom: 1px #ffffff solid;
    text-align: left;
    border-radius: 0;
}

.TabSec .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #ff8901;
    background: url("../../assets/images/nextactive.svg") no-repeat right center;
}

.TabSec .tab-content {
    padding: 10px;
    color: #ffffff;
}

.TabSec .tab-content img {
    margin-bottom: 15px;
}

.TabSec .tab-content h4 {
    font-size: 24px;
    margin-bottom: 0;
}

/* logo slider */
.clientlogos {
    padding-top: 60px;
}

.clientlogos .slick-slide img {
    width: auto !important;
    text-align: center;
    margin: 0 auto;
    display: flex;
    height: 126px;
    vertical-align: middle;
}

/* .logo1, .logo2{ padding: 30px 0 10px 0px; margin: 0px; border: 1px #ccc solid;} */
.logo1 div,
.logo2 div {
    margin: 0 11px !important;
    border: 1px #ccc solid;
    text-align: center;
}

.logo1 div:first-child,
.logo2 div:first-child {
    border: none;
    vertical-align: center;
}

.logo1.slider.slick-initialized.slick-slider {
    margin-bottom: 20px;
}

/* tab 6 ends */

/* sec 7 focus areas start */
.sec7 {
    padding: 60px 0 20px 0px;
}

.sec7 h1 {
    color: #e2e2e2;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    font-size: 120px;
    font-weight: 300;
}

.sec7 img {
    margin: 0 auto;
    display: block;
    max-width: 120px;
    margin-bottom: 15px;
}

.sec7 h4 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.sec7 p {
    text-align: center;
    max-width: 70%;
    margin: 0 auto 15px auto;
}

.sec7 a,
.sec7 a:hover {
    color: #ed0101;
    font-weight: 700;
    text-decoration: underline;
    text-align: center;
    display: block;
    margin-bottom: 40px;
}

/* sec 7 focus areas end */

/* sec 7 starts */
.sec8 {
    padding: 60px 0px;
}

.experiece_events {
    padding: 12% 4% 5% 4% !important;
    background: url("../../assets/images/events/experience-our-events.webp")
        center center;
    margin-bottom: 30px;
    background-size: cover;
}

.experiece_events h1 {
    font-size: 128px;
    color: #ffffff;
    font-weight: 300;
    display: block;
    max-width: 700px;
    line-height: 102%;
}

.event_box {
    padding: 200px 40px 20px 40px !important;
    position: relative !important;
    color: #ffffff;
    margin-bottom: 30px;
    transition: 0.3s;
}

.event_box_first {
    padding: 200px 40px 20px 40px !important;
    position: relative !important;
    color: #ffffff;
    margin-bottom: 30px;
    transition: 0.3s;
}

.event_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    /* Adjust opacity and color */
    z-index: 0;
}

.event_box:hover::before {
    background-color: rgba(0, 0, 0, 0);
    /* Change on hover */
}

.event_box_first h3 {
    font-size: 24px;
    font-weight: 700;
}

.event_box_first p {
    max-width: 80%;
}

.event_box_first a {
    position: absolute;
    right: 40px;
    top: 195px;
}

.event_box_first a:hover {
    position: absolute;
    right: 40px;
    top: 195px;
}

.event_box h3 {
    font-size: 24px;
    font-weight: 700;
}

.event_box p {
    max-width: 80%;
}

.event_box a {
    position: absolute;
    right: 40px;
    top: 195px;
}

.event_box a:hover {
    position: absolute;
    right: 40px;
    top: 195px;
}

.event_pic1 {
    background: url("../../assets/images/indiacollae.webp") !important;
    background-size: cover !important;
}

.event_pic2 {
    background: url("../../assets/images/events/events2.webp") !important;
    background-size: cover !important;
}

.event_pic3 {
    background: url("../../assets/images/events/events3.webp") !important;
    background-size: cover !important;
}

.event_pic4 {
    background: url("../../assets/images/events/events4.webp") !important;
    background-size: cover !important;
}

.event_pic44 {
    background: url("../../assets/images/Kathmandu.webp") !important;
    background-size: cover !important;
}

.event_pic5 {
    background: url("../../assets/images/muscatnew.webp") !important;
    background-size: cover !important;
}

.event_piccolo {
    background: url("../../assets/images/Colombo.webp") !important;
    background-size: cover !important;
}

.event_pic6 {
    background: url("../../assets/images/events/events6.webp") !important;
    background-size: cover !important;
}

.event_pic7 {
    background: url("../../assets/images/events/events7.webp") !important;
    background-size: cover !important;
}

.event_pic8 {
    background: url("../../assets/images/events/events8.webp") !important;
    background-size: cover !important;
}

.event_accra {
    background: url("../../assets/images/events/event-accra.webp") !important;
    background-size: cover !important;
}

.event_abidjan {
    background: url("../../assets/images/events/event-abidjan.webp") !important;
    background-size: cover !important;
}

.event_kigali {
    background: url("../../assets/images/events/event-kigali.webp") !important;
    background-size: cover !important;
}

/* sec 7 ends */

/* Achievements and Awards starts */
.sec9 {
    padding: 60px 0 120px 0px;
    background: url("../../assets/images/awards-achivements.webp") no-repeat
        bottom center !important;
    background-size: cover !important;
}

.sec9 h1 {
    text-align: center;
    display: block;
    width: 100%;
    padding-bottom: 60px;
    color: rgba(0, 0, 0, 0.53);
    font-size: 96px;
    font-weight: 300;
}

.partnership-colloborations img {
    box-shadow: 0 0 20px #ccc;
    margin: 50px 0px 20px 0px !important;
    background: #ffffff !important;
}

.white-bg {
    background: #ffffff;
    display: block;
    margin: 0 auto;
}

/* Achievements and Awards ends */

/* our partnership collaborations starts */
.sec10 {
    padding: 60px 0px;
}

.sec10 h1 {
    text-align: center;
    display: block;
    width: 100%;
}

.partnership-colloborations img {
    box-shadow: 0 0 20px #ccc;
    margin: 50px 0px 20px 0px !important;
}

/* our partnership collaborations ends */

/* sec 11 form starts */
.sec11 {
    background: url("../../assets/images/formbg.webp") no-repeat center center;
    margin-top: -2px;
    padding: 60px 0px;
    background-size: cover !important;
}

.formleft h3 {
    color: #ffffff;
    font-size: 48px;
}

.formleft h2 {
    color: #ffffff;
    font-size: 64px;
    max-width: 500px;
}

.formleft {
    padding-top: 4%;
}

/* .form {
    background: rgba(255, 255, 255, 0.3);
    padding: 40px 40px 20px 40px !important;
    border-radius: 20px;
    max-width: 486px !important;
} */

.form {
    background: rgba(255, 255, 255, 0.3);
    padding: 15px 0px 15px 10px !important;
    border-radius: 20px;
    max-width: 486px !important;
}

.form label {
    display: block;
    color: #ffffff;
    margin-bottom: 2px;
    font-size: 18px;
}

.form input {
    width: 100%;
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    border: none;
    margin-bottom: 10px;
    background: transparent;
    outline: none !important;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
}

.submit {
    color: #ed0101 !important;
    padding: 10px 0px !important;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff !important;
    border-radius: 20px !important;
    margin-top: 40px !important;
    transition: 0.3s;
}

.submit:hover {
    background: #ed0101 !important;
    color: #ffffff !important;
    border: none;
    outline: none;
}

.form {
    margin: 0 auto;
}

/* sec 11 form ends */

/* sec 12 news & press starts */
.news-press {
    padding: 60px 0px 100px 0px;
}

.news-press h1 {
    display: block;
    padding-bottom: 30px;
    font-size: 60px;
}

.news-press h3 {
    font-size: 24px;
}

.news-press h2 {
    font-size: 26px;
    color: #ed0101;
    text-align: center;
    padding-bottom: 20px;
    display: block;
    width: 90%;
}

.news-press p {
    font-size: 16px;
    font-weight: 300;
}

.newsBoxOuter {
    border-radius: 8px;
    background: #fff;
    box-shadow: 6px 4px 10.7px 0px rgba(0, 0, 0, 0.25);
    padding: 60px 10px 30px 30px !important;
}

.newsBox {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 40px;
}

.newsBox a {
    display: block;
    width: 73px;
    margin: 0 auto;
}

.newsBox:after {
    content: "";
    height: 2px;
    background-color: #999999;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 90%;
}

.news_tabs ul {
    padding: 0px 15px 40px 15px;
    margin: 0px;
}

.news_tabs ul li {
    display: inline-block;
}

.news_tabs ul li a {
    background: #d4d4d4;
    padding: 10px 27px;
    color: #000000;
    text-decoration: none;
    border-radius: 5px;
    font-size: 21px;
    margin-right: 28px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 20px;
    display: block;
}

.news_tabs ul li a.active {
    background: #ed0101;
    color: #ffffff;
    display: block !important;
}

.hide {
    display: none;
}

.active {
    display: block !important;
}

.tab_content {
    transition: all 0.4s ease-out;
    /* Use ease-out for all properties */
}

.newsBoxOuter {
    margin-bottom: 40px;
}

/* sec 12 news & press ends */

/* footer starts */
.footer {
    position: relative;
    padding: 160px 0 70px 0px;
    background: url("../../assets/images/footer-bg.webp") no-repeat center
        center !important;
    font-family: "Creato Display" !important;
    background-size: cover !important;
}

.footerlogo {
    position: absolute;
    left: 0;
    right: 60px;
    margin: 0 auto;
    top: -12%;
    max-width: 160px;
}

.footer h2 {
    color: #ffffff;
    padding-bottom: 12px;
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
    font-weight: 700;
}

.footer h2:after {
    content: "";
    height: 2px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 160px;
}

/* .focusareas h2:after{ height: 0 !important; } */
.footer ul {
    padding: 0 0 20px 0px;
}

.footer ul li {
    list-style-type: none;
    padding-bottom: 10px;
}

.footer ul li a {
    color: #ffffff;
}

.footer ul li a:hover {
    color: #ed0101;
}

/* .footer p {
    color: #ffffff;
    padding-bottom: 30px;
    font-size: 16px;
} */

.footer p {
    color: #ffffff;
    padding-bottom: 15px;
    font-size: 16px;
}

/* .footerMid {
    border-left: 2px #ffffff solid;
    padding-left: 100px !important;
} */

.footerMid {
    border-left: 2px #ffffff solid;
    padding-left: 30px !important;
}

.footerMid h2 {
    margin-bottom: 0px;
    font-weight: 700;
}

.footerMid h2:first-child {
    margin-bottom: 30px;
}

.footerMid p {
    font-size: 17px !important;
}

.footerMid p:first-child {
    padding-bottom: 80px !important;
}

.footerMid h2:after {
    height: 0 !important;
}

.footerRight {
    padding: 0px;
}

.footerRight ul {
    padding: 70% 0 0 0;
}

.footerRight ul li {
    list-style-type: none;
    padding: 6px 0px;
}

.footerRight img {
    transition: 0.3s;
}

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

/* footer ends */

.privacypolicy {
    padding: 160px 0px;
}

.privacypolicy h2 {
    font-family: "Creato Display";
    font-weight: bold;
    font-size: 46px;
    text-align: center;
    display: block;
    padding-bottom: 40px;
}

.privacypolicy h3 {
    font-size: 32px;
}

.privacypolicy p {
    font-size: 20px;
}

.provacypolicylink a {
    color: #ffffff !important;
}

.provacypolicylink a:hover {
    color: #ed0101 !important;
}

.privacypolicy ul {
}

.privacypolicy ul li {
}

@media only screen and (max-width: 1800px) {
    .bannerText h1 {
        font-size: 60px;
    }
    .upcoming-events p {
        font-size: 14px !important;
        font-weight: 500;
        max-width: 49%;
    }
    .event-box:after {
        transform: scale(0.6);
    }
}

@media only screen and (max-width: 1450px) {
    .bannerText h1 {
        font-size: 54px;
    }

    .footer h2 {
        font-size: 19px;
        width: 162px;
    }

    .clientlogos .slick-slide img {
        height: 75px;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 1366px) {
    /* fonts sizes */
    .bannerText h1 {
        font-size: 54px;
    }

    .sec2Left h2 {
        font-size: 46px;
    }

    .sec3Left h2 {
        font-size: 72px;
    }

    .sec4 h2 {
        font-size: 46px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .events-title h1 {
        font-size: 42px;
        margin-bottom: 40px;
        line-height: 48px;
    }

    .event-box {
        margin-bottom: 50px;
    }

    .sec5 h4 {
        font-size: 36px;
    }

    .sec5 h1 {
        font-size: 48px;
    }

    .sec6 h1 {
        font-size: 214px;
    }

    .sec6 h4 {
        font-size: 40px;
    }

    .sec7 h1 {
        font-size: 100px;
    }

    .experiece_events h1 {
        font-size: 78px;
        max-width: 435px;
    }

    .sec9 h1 {
        font-size: 68px;
    }

    .formleft h3 {
        font-size: 40px;
    }

    .formleft h2 {
        font-size: 62px;
    }

    .news-press h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 1270px) {
    .bannerText h1 {
        font-size: 52px;
    }

    .header .navbar-expand-xl .navbar-nav .nav-link {
        padding: 0rem 0.4rem !important;
    }

    .navbar-text {
        padding: 10px;
    }

    .bannerText h1 {
        font-size: 46px;
    }

    .footer {
        padding: 90px 0 70px 0px;
    }

    .footerlogo {
        display: none;
    }

    .news-press {
        padding: 60px 0 40px 0px;
    }
}

@media only screen and (max-width: 1440px) {
    .upcoming-events {
        width: 95%;
    }
}

@media only screen and (max-width: 1300px) {
    img.imagesize {
        width: 100% !important;
    }

    .aboutsec3 {
        background-position: right center !important;
    }

    .sec7 h4 {
        font-size: 18px;
    }

    .sec7 p {
        line-height: 120%;
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .upcoming-events p {
        font-size: 18px !important;
    }

    .upcoming-events h3 {
        font-size: 18px;
    }

    section#flagships-study-banner {
        min-height: auto !important;
        max-height: auto !important;
    }

    .header {
        background: rgba(0, 0, 0, 0.8);
        z-index: 11;
    }

    .footerMid {
        border-left: none;
        padding-left: 15px !important;
    }

    .footerRight ul {
        padding: 0;
    }

    .footerRight ul li {
        padding: 6px 6px;
        display: inline-block;
    }

    .logo1 div,
    .logo2 div {
        margin: 0 10px !important;
    }

    /* fonts sizes */
    .bannerText h1 {
        font-size: 36px;
    }

    .bannerText ul {
        padding-left: 5%;
    }

    .sec2Left h2 {
        font-size: 46px;
    }

    .sec3Left h2 {
        font-size: 72px;
    }

    .sec4 h2 {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .events-title h1 {
        font-size: 40px;
        margin-bottom: 40px;
        line-height: 46px;
    }

    .event-box {
        margin-bottom: 50px;
    }

    .sec5 h4 {
        font-size: 36px;
    }

    .sec5 h1 {
        font-size: 48px;
    }

    .sec6 h1 {
        font-size: 214px;
    }

    .sec6 h4 {
        font-size: 40px;
    }

    .sec7 h1 {
        font-size: 100px;
    }

    .experiece_events h1 {
        font-size: 78px;
        max-width: 435px;
    }

    .sec9 h1 {
        font-size: 68px;
    }

    .formleft h3 {
        font-size: 40px;
    }

    .formleft h2 {
        font-size: 62px;
    }

    .news-press h1 {
        font-size: 48px;
    }

    .formleft h2 {
        color: #ffffff;
        font-size: 64px;
        max-width: 500px;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    .aboutsec3right p,
    .aboutsec3Left p {
        font-size: 17px !important;
    }

    .home_banner .slick-prev {
        left: 10px;
    }

    .home_banner .slick-next {
        right: 10px;
    }

    /* fonts sizes */
    .bannerText h1 {
        font-size: 38px;
    }

    .bannerText ul li {
        padding: 10px 30px;
    }

    .sec2Left h2 {
        font-size: 38px;
    }

    .sec3Left h2 {
        font-size: 48px;
    }

    .sec3Left h4 {
        font-size: 20px;
    }

    .sec4 h2 {
        font-size: 52px;
        line-height: 56px;
        margin-bottom: 20px;
    }

    .events-title h1 {
        font-size: 40px;
        margin-bottom: 40px;
        line-height: 46px;
    }

    .upcoming-events{ padding-top: 0px; padding-bottom: 0px; }

    .upcoming-events h3 {
        font-size: 24px;
/*         min-height: 60px; */
/*         max-height: 60px; */
    }

    .event-box {
        margin-bottom: 50px;
    }

    .sec5 h4 {
        font-size: 32px;
    }

    .sec5 h1 {
        font-size: 40px;
    }

    .sec6 h1 {
        font-size: 156px;
    }

    .sec6 h4 {
        font-size: 24px;
    }

    .sec7 h1 {
        font-size: 68px;
    }

    .experiece_events h1 {
        font-size: 52px;
        max-width: 268px;
    }

    .sec9 h1 {
        font-size: 46px;
    }

    .sec10 h1 {
        font-size: 34px;
    }

    .formleft h3 {
        font-size: 30px;
    }

    .formleft h2 {
        font-size: 40px;
    }

    .news-press h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 900px) {
    .bannerText h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .gallerysec img {
        margin-bottom: 20px;
        width: 100%;
    }

    .Testidetails p {
        line-height: 120%;
    }

    .col-md-12.col-12.TestiiBox {
        padding: 0;
    }

    .TLeft {
        padding-top: 0;
    }

    .TLeft img {
        width: 100%;
    }

    .aboutsec3 .aboutsec3right,
    .aboutsec3 .aboutsec3Left {
        flex: unset !important;
        max-width: unset !important;
    }

    section.aboutsec3 {
        position: relative;
    }

    .leadership-team h2 {
        padding-bottom: 15px;
    }

    .aboutsec3right,
    .aboutsec3Left {
        z-index: 9;
    }

    section.aboutsec3:after {
        content: "";
        background: linear-gradient(0deg, #0000004d, transparent);
        position: absolute !important;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .aboutsec3Left p:first-child {
        padding-bottom: 5%;
    }

    .educationexpo-sec9 {
        margin-bottom: 10px !important;
    }

    .leaderBox h3,
    .leaderBox h4 {
        padding-left: 10%;
    }

    .TLeft {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .TRight {
        width: 100%;
        padding: 30px 0px 0px 20px;
    }

    .TRight img {
        transform: scale(0.6);
    }

    .Testidetails {
        width: 100%;
    }

    .strategyaims img {
        margin-bottom: 0;
    }

    .sec7 img {
        margin-bottom: 0;
    }

    section#flagships-study-banner {
        padding: 50px 0 60px 0px;
    }

    section#flagships-study-banner .slick-next,
    section#flagships-study-banner .slick-prev {
        top: 90%;
        transform: scale(0.7);
    }

    .newsBoxOuter {
        margin-bottom: 40px;
    }

    .header {
        background: rgba(0, 0, 0, 0.9);
        z-index: 99;
    }

    .header .nav-item {
        padding: 10px 0px;
    }

    .sec3Left {
        padding: 4% 0 0 0;
    }

    /* fonts sizes */
    .bannerPic {
        height: auto;
    }

    .bannerText h1 {
        font-size: 36px;
    }

    .bannerText ul li {
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    .bannerText ul li a {
        font-size: 22px;
    }

    .sec2 {
        padding: 30px 0 60px 0px;
    }

    .sec2 p {
        max-width: 100%;
    }

    .sec2Left h2 {
        font-size: 30px;
        max-width: 81%;
    }

    .sec3Left h2 {
        font-size: 48px;
    }

    .sec3Left h4 {
        font-size: 18px;
    }

    .sec4 h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 10px;
    }

    .events-title h1 {
        font-size: 36px;
        margin-bottom: 30px;
        line-height: 46px;
    }

    .upcoming-events h3 {
        font-size: 22px;
    }

    .event-box {
        margin-bottom: 50px;
    }

    .sec5 {
        padding: 60px 0 30px 0px !important;
    }

    .sec5 h4 {
        font-size: 30px;
    }

    .sec5 h1 {
        font-size: 32px;
    }

    .sec6 h1 {
        font-size: 98px;
    }

    .sec6 h4 {
        font-size: 22px;
    }

    .sec7 h1 {
        font-size: 52px;
    }

    .experiece_events h1 {
        font-size: 32px;
        max-width: 40%;
    }

    .sec8 {
        padding: 0px 0px;
    }

    .sec9 h1 {
        font-size: 40px;
    }

    .sec10 h1 {
        font-size: 32px;
    }

    .formleft h3 {
        font-size: 29px;
    }

    .formleft h2 {
        font-size: 34px;
    }

    .news-press h1 {
        font-size: 36px;
    }

    .TabSec {
        padding: 30px 20px !important;
    }

    .footer {
        padding: 40px 0 30px 0px !important;
    }

    .sec11 {
        padding: 30px 0px;
    }

    .home_banner .slick-prev {
        top: 94%;
    }

    .home_banner .slick-next {
        top: 94%;
    }

    .news-press h2 {
        font-size: 22px;
    }

    .clientlogos .slick-slide img {
        height: 65px !important;
    }
}

@media only screen and (max-width: 520px) {
    .event-box {
        border-left: 0px;
        padding-left: 0px !important;
    }

    .events-title {
        padding-left: 0px !important;
    }

    .bannerPic {
        height: auto;
    }

    .bannerText h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .sec2 {
        padding: 30px 0px;
    }

    .sec3Left {
        padding: 30px 0px;
    }

    .sec4 h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .events-title h1 {
        font-size: 36px;
        margin-bottom: 30px;
        line-height: 46px;
    }

    .upcoming-events h3 {
        font-size: 22px;
    }

    .event-box {
        margin-bottom: 0px;
    }

    .sec5 {
        padding: 30px 0 0 0px;
    }

    .sec5 h4 {
        font-size: 30px;
    }

    .sec5 h1 {
        font-size: 30px;
    }

    .sec6 h1 {
        font-size: 98px;
    }

    .sec6 h4 {
        font-size: 22px;
    }

    .sec7 h1 {
        font-size: 38px;
    }

    .events {
        padding-bottom: 20px;
    }

    .experiece_events h1 {
        font-size: 30px;
        max-width: 80%;
    }

    .sec8 {
        padding: 0px 0px;
    }

    .sec9 h1 {
        font-size: 24px;
        font-weight: bold;
    }

    .sec10 {
        padding: 30px 0px;
    }

    .sec10 h1 {
        font-size: 30px;
    }

    .formleft h3 {
        font-size: 22px;
    }

    .formleft h2 {
        font-size: 34px;
    }

    .news-press h1 {
        font-size: 32px;
        padding-bottom: 20px;
    }

    .newsBox a {
        max-width: 50px;
    }

    .footer {
        padding: 40px 0 30px 0px !important;
    }

    .bannerText ul {
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .home_banner .slick-prev {
        left: 0;
    }

    .home_banner .slick-next {
        right: 0;
    }

    .TRight p {
        font-size: 16px !important;
        line-height: 120%;
    }

    .anotherglagship {
        padding-top: 30px;
    }

    .flahshipsec4 {
        padding: 30px 0 30px 0px;
    }

    .expertiesBox p {
        font-size: 17px !important;
    }

    .expertiesBox {
        padding: 30px 20px !important;
    }

    .footerMid p {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 500px) {
    .col-xl-12:has(.bannerPic):after {
        height: 100%;
    }

    .sec7 {
        padding: 30px 0 20px 0px;
    }

    .sec7 p {
        margin: 0 auto 10px auto;
    }

    .form {
        padding: 0px !important;
        max-width: none !important;
    }

    .home_banner .slick-next,
    .home_banner .slick-prev {
        width: 35px;
        height: 35px;
        transform: scale(0.7);
    }

    .aboutpage .bannerText h1 {
        padding-left: 0;
    }

    .aboutpage .bannerText {
        bottom: 2%;
    }

    section#flagships-study-banner .slick-next,
    section#flagships-study-banner .slick-prev {
        top: 100%;
        transform: scale(0.7);
    }
}

@media screen and (max-width: 425px) {
    .client-logos-study {
        padding-top: 60px !important;
    }
}

/* bugfixing css */
section.aboutsec3 .col-md-8.col-12 {
    max-width: 50%;
}

.aboutsec3right,
.aboutsec3Left {
    flex: 50% !important;
    max-width: 50% !important;
}

.aboutsec3right p,
.aboutsec3Left p {
    font-size: 22px !important;
}

.centeradj {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

img.studyindialogo {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.client-logos-study {
    padding-top: 100px;
}

.expertiimageboox {
    display: flex;
    align-items: flex-end;
}

img.imagesize {
    width: 80%;
}

#myModal1 .modal-content {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

#myModal1 iframe {
    height: 100%;
    min-height: 450px;
}

#myModal1 .modal-header .close {
    color: #ffffff;
}

#myModal1 .modal-header {
    border-bottom: unset;
    padding-bottom: 0;
}

.upcoming-event-box .w-100 {
    filter: drop-shadow(0px 4px 4px #00000040);
}
.event-box:after {
    position: absolute;
    top: -10px;
    right: 25px;
    z-index: 999999999;
    transform: scale(0.8);
}
.event-box.af:after {
    content: url("../../assets/images/logos/af_2.webp");
}

.event-box.sii:after {
    content: url("../../assets/images/logos/sii.webp");
}

.event-box.pr-logo:after {
    content: url("../../assets/images/logos/pse_latest.webp");
}
.event-box.admissonFair:after {
    content: url(../images/admissionF.webp);
}
.event-box.mbaExpo:after {
    /* content: url("../../assets/images/mbaexpologo1.webp"); */
    content: "";
    display: inline-block;
    width: 150px;
    height: 80px;
    background-image: url("../../assets/images/mbaexpologo1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.event-box {
    position: relative;
}

@media screen and (max-width: 640px) {
    .gallerysec h2 {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .upcoming-events-slide {
        margin: 0px 0 50px 0px !important;
    }

    .univsersitysecLeft {
        padding: 30px 0px;
    }

    .univsersitysec1Left {
        padding: 0px 0px;
        color: #ffffff;
    }

    .yearsec {
        padding: 30px 0px;
    }

    .univsersitysec1 {
        padding: 0px 0 0px 0px;
    }

    .leaderBox {
        margin-bottom: 20px;
    }

    .partnership-colloborations img {
        margin: 30px 0px 10px 0px !important;
    }

    .sec8 .event_box {
        margin-bottom: 10px;
    }

    .custom-container.bannerText .col-md-8.col-12 {
        padding: 0;
    }

    .bannerText h1 {
        padding-left: 0;
    }

    .upcoming-events-slide .slick-next,
    .upcoming-events-slide1 .slick-next {
        bottom: -7%;
        position: absolute;
        right: 38%;
        width: 30px;
        height: 10px;
    }

    .upcoming-events-slide .slick-prev,
    .upcoming-events-slide1 .slick-prev {
        bottom: -7%;
        right: 52%;
        width: 30px;
        height: 10px;
    }

    .upcoming-events-slide1 {
        margin: 0px 0 65px 0px !important;
    }
}

@media screen and (max-width: 425px) {
    .leaderBox {
        margin-bottom: 20px;
    }

    .leadership-team h2 {
        padding-bottom: 10px;
    }

    .clientlogos {
        padding-top: 40px;
    }

    .sec7 a,
    .sec7 a:hover {
        margin-bottom: 20px;
    }

    .sec4,
    .sec6 {
        padding: 40px 0px;
    }

    .box1 {
        margin-bottom: 30px;
    }

    .sec5 {
        padding: 40px 0 10px 0px !important;
    }

    .upcoming-events {
        width: 90%;
        padding: 1px 0 0px 35px;
    }

    .sec3Left h2 {
        font-size: 36px;
    }

    .sec3Left h4 {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .flagshipsec2 h2 {
        font-size: 36px;
    }

    .flahshipsec4 h1 {
        font-size: 36px;
    }

    .gallerysec h2 {
        font-size: 36px;
    }

    .upcoming-events-slide1 {
        margin: 0px 0 45px 0px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    section.aboutsec3 .col-md-8.col-12 {
        max-width: 40%;
    }

    .aboutsec3Left,
    .aboutsec3right {
        max-width: 60% !important;
        flex: 60% !important;
    }

    .expertiimageboox {
        place-self: center;
    }

    section.our-experties .row {
        display: flex;
        flex-direction: column;
    }

    .col-md-7.col-12.expertiesBoxLeft {
        width: 100% !important;
        flex: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .customHeightset {
        height: 100%;
        min-height: 38rem;
    }

    .TabSec .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-size: 12%;
        font-size: 14px;
    }

    .overflowSet {
        height: 75%;
        overflow: scroll;
    }

    div#five {
        height: 29rem;
    }

    .upcoming-events h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5px;
}
}

.customHeightset {
    /* height: 100%; */
    height: 38rem;
}

.TabSec {
    height: 35rem;
}

.centeradj {
    height: 35rem;
}

@media screen and (max-width: 767px) {
    .sec6 .TabSec {
        height: 45rem;
    }

    .customHeightset {
        height: 100%;
    }
}

@media screen and (max-width: 600px) {
    .overflowSet {
        height: 75%;
        overflow: scroll;
    }

    .addressSetflex {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    div#five {
        height: 29rem;
    }

    .sec6 .TabSec {
        height: 50rem;
    }
}

.socialiconSetflex {
    display: flex;
    gap: 20px;
}

.addressSetflex {
    display: flex;
    gap: 20px;
}

.customTextDeco {
    color: #fff;
}

.boldSet {
    font-weight: bold;
}

.customflexSetlead {
    position: absolute;
    width: 12%;
    top: 80%;
    right: 15px;
}

.colorRed {
    color: #ed0101;
}