/* ============================== Start of Reset ============================= */
:root {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --dark: #212529;
    --darker: black;
    --neutral: #fff;
    --star-color: #FF7A00;

    --primary: #74418E;
    --primary-light: #9652b8;

    --secondary-dark: #FFE600;
    --secondary: #FFE600;
    --secondary-light: #fff063;

    --basic: #172b4d;
    --default: #172b4d;
    --success: #2dce89;
    --info: #11cdef;
    --warning: #fb6340;
    --danger: #f5365c;

    --background: #F5F5F5;
    --surface: #fff;
    --on-primary: #fff;
    --on-secondary: #000;
    --on-background: #000;
    --on-surface: #525f7f;
    --on-blue-dark: #010D4D;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


html,
body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    background: var(--background);
    color: var(--on-surface);
    font-family: 'Poppins', sans-serif;
    font-size: 87.5%;
    font-weight: 400;
    line-height: 1.5;
}

.p-spacer {
    padding: 2rem 0;
}

.c-spacer {
    margin-top: 2rem;
}

hr {
    padding: 0;
}


article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

a,
a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-bottom: 35px;
}


a {
    color: var(--on-surface);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: var(--primary);
    text-decoration: none;
}


.dropdown-menu {
    border: none;
    box-shadow: 0px 5px 15px 1px rgb(0 0 0 / 8%);
    border: 1px solid #f2f4f9;
    position: relative;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #32325d;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

/*
.btn-primary {
  color: var(--on-primary);
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited{
  background-color: var(--secondary);
  border-color: var(--secondary-variant);
} */

.form-control,
.form-control:focus,
.form-control:hover,
.form-control:active,
.form-control:visited {
    outline: none;
    border: none;
    box-shadow: none;
}



.btn-primary {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-primary:hover {
    color: var(--on-primary);
    background-color: var(--primary-light);
    border-color: var(--primary);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(118, 135, 232, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(118, 135, 232, 0.5);
}


.btn-secondary {
    color: var(--on-secondary);
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-secondary:hover {
    color: var(--on-secondary);
    background-color: var(--secondary-light);
    border-color: var(--secondary-light);
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(212, 214, 216, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: var(--on-secondary);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--on-secondary);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(212, 214, 216, 0.5);
}



/* outline button */
.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--on-primary);
    background-color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
}


/* ============================== 1. Start of Top bar ============================= */

.topbar-area {
    background-color: #57128C;
    color: #fff;
    height: 40px;
    line-height: 60px;
}

.topbar {
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    top: 0px;
    height: 42px;
}

.menubar-area {
    border-bottom: 1px solid rgba(0, 0, 0, .158);
}

/* Topbar */
.topbar-right {
    margin-top: 0px;
    width: auto;
}

.topbar {
    flex-direction: row;
    justify-content: space-between;
}

.topbar-menu {

    display: inline-flex;
}

.icones-color {
    display: inline-flex;
    margin-left: 5px;

}

.icones-color li a {
    color: #fff;
}

.help-center .mx-1 {
    font-weight: 500;
}

.help-center {
    color: #F5BB14;

}

.header-area {
    width: 100%;
    position: fixed;
    right: 0;
    top: -5px;
    z-index: 99;
    background: #E5E5E5;
}



.header-btns {
    padding: 0px 8px;
    color: var(--dark);
    width: 119px;
    border: 1px solid #000;
    border-radius: 8px;
    margin: 0px 15px;
}

.contacts {
    width: 140px;
    border-bottom: 2px solid #000;
}


.navbar-light .navbar-nav .nav-link {
    Color: #333333 !important;
    margin-left: 3px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s;
}

.navbar-light .navbar-nav .nav-link:hover {
    Color: #57128C !important;

}

/* ============================== 2. Start of Navbar ============================= */
.navbar-area {
    background: var(--surface);

}

.navbar-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navbar-menus {
    display: flex;
    text-align: center;
    justify-content: center;
}

.navbar-menus a {
    padding: 10px;
    position: relative;
}

.navbar-menus a span {
    position: absolute;
    top: 0;
    background: var(--primary);
    color: var(--on-primary);
    font-weight: 500;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: 0px;
}

.navbar-menus i {
    font-size: 2em;
    color: var(--on-surface);
}

/* ============================== 3. Start of Menubar ============================= */
.menubar-area {
    background-color: #fff;
    margin-top: 0px;
}

.full-body {
    background-color: #fff;
    position: relative;
}

/*======================================
   Start Slider CSS
========================================*/


.section {
    background: url(../Homepage-Discovering-leadership/admins-top.png);
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
    position: relative;
}

.slider-section .inner {
    text-align: left;
    margin-top: 35px;
}

.skwe-p {
    text-transform: uppercase;
    word-spacing: 3px;
    transform: skew(-9deg, -0deg);
    background-color: #F5BB14;
    display: inline-block;
    padding: 15px;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    width: 310px;
    font-style: normal;
    transition-property: width, height;
    transition-timing-function: ease-in-out;
    transition-delay: 1s;
    transition-duration: 3s;
    cursor: pointer;
    transition: .4s;

}

.skwe-p:hover {
    width: 330px;
    transform: skew(0deg, 0deg);
}

.s-pra {
    color: #fff;
    font-size: 20px;
    font-family: inherit;
    margin-bottom: 5px !important;
}


.orange-yellow {
    color: #F5BB14;
}

.inner h1 {
    font-size: 40px;
    font-weight: 800;
    font-family: inherit;
    color: #FFF;
    width: 600px;
    text-transform: uppercase;
}

.slider-section .slider-inner {
    position: relative;
    display: inline-block;
}

.slider-section .slider-inner button {
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.slider-section .slider-inner .btn {
    display: inline-block;
    height: 46px;
    padding: 10px 30px;
    position: relative;
    top: 0;
    color: #F5BB14;
    border: 2px solid #F5BB14;
    left: 0px;
    font-size: 18px;
    font-weight: 600;
    transition: 0.4s;
    cursor: pointer;
    border-radius: 50px;
    margin-top: 20px;
}

.slider-section .slider-inner .btn:hover {
    color: #fff;
}


.btn:focus {
    outline: none;
}

:focus:not(.focus-visible) {
    outline: 0;
    box-shadow: none;
}

/*======================================
   End Slider CSS
========================================*/

/* =====================================
SOME SERVICES SECTION START
======================================== */
.end-slider-sec {
    background-color: #F1FEFF;
    padding: 70px 0px;
}


.card-img img {
    width: 120px;
    margin: 0 auto;
    height: auto;
    margin-top: 27px;
}


.card-body p {
    font-size: 16px;
    text-align: center;
    color: #333333;
    font-style: normal;
}

.card-img {
    box-shadow: 0px 8px 10px rgba(118, 135, 232, 0.3);
    width: 100%;
}

/* =====================================
SOME SERVICES SECTION END
========================================= */


/* ========================================
LEADERSHIP CENTER SECTION START
========================================= */
.leadership-center-sec {
    background-color: #57128C;
    padding: 70px 0px;
}

.leader-ship-main {
    position: relative;
}

.leadership-c-sec h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFF;
    text-transform: uppercase;
    /* text-align: left; */
    margin-bottom: 30px;
}

.leader-ship-second {
    width: auto;
    background-color: #FFF;
    padding: 50px 55px;
    position: absolute;
    border-radius: 8px;
}

.leadership-bottom ul li {
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}

.right-mark img {
    width: 20px;
    height: auto;
    margin-right: 5px;
}


.leader-ship {
    position: relative;
}

/* ========================================
LEADERSHIP CENTER SECTION END
========================================= */

/* ========================================
SOLUTION & SERVICES SECTION START
========================================= */

.solution-services-section {
    padding: 220px 0px 70px 0px;
    background-color: #F1FEFF;
}

.solution-header-sec h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.head-border h1 {
    color: #333333;
    text-align: center;
    margin-top: 30px;
}


.head-border hr {
    background-color: #57128C;
    width: 200px;
    height: 3px;
    margin: 0px auto 70px;
}

.solution-img {
    box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
    width: 100%;
    height: 370px;
}

/* ========================================
SOLUTION & SERVICES SECTION END
========================================= */


/* ========================================
COUNTING SECTION SECTION START
========================================= */
.counter-section {
    background-color: #57128C;
    padding: 70px 0px;
    color: #FFF;
}

.counting-number {
    text-align: center;
}

.counting-number h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
}

.counting-number p {
    font-size: 15px;
    color: #FFF;
}


/* ========================================
COUNTING SECTION SECTION END
========================================= */


/* ========================================
PROJECT SECTION START
========================================= */

.project-section {
    background: #E5E5E5;
    padding: 70px 0px;
}

.project-header-sec h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
}

.head-border-pro hr {
    background-color: #57128C;
    width: 100px;
    height: 3px;
    margin: 0px auto 70px;
}

.project-img {
    word-wrap: break-word;
    background: #E5E5E5;
    background-clip: border-box;
    border: 0px;
    width: 100%;
}

.project-des p {
    color: #333333;
}

.more-inf0-inner {
    margin: 0 auto;
}

.more-inf0-inner .btn {
    display: inline-block;
    height: 46px;
    padding: 10px 30px;
    position: relative;
    top: 0;
    color: #57128C;
    border: 2px solid #57128C;
    left: 0px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s;
    cursor: pointer;
    border-radius: 0px;
    margin-top: 20px;
    transition: 0.4s;
}


.more-inf0-inner .btn:hover {
    background-color: #57128C;
    color: #FFFFFF;
}

/* ========================================
PROJECT SECTION END
========================================= */


/* ========================================
PARTNER SECTION START
========================================= */

.partner-section {
    background-color: #F1FEFF;
    padding: 70px 0px;
}

.partner-header-sec h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
}

.head-border-part hr {
    background-color: #57128C;
    width: 100px;
    height: 3px;
    margin: 0px auto 70px;
}

.partner-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    transition: 0.4s;
    box-shadow: 0px 8px 10px rgba(118, 135, 232, 0.3);
    margin-bottom: 40px;
}


.partner-img:hover {
    background-color: #57128C;
}


.partner-des p {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    padding: 0px 10px;
    transition: 0.4s;
}


.partner-des p:hover {
    color: #FFFFFF;
}

.partner-slanted {
    width: 300px;
    margin: 22px auto;
    perspective: 200px;
    margin-bottom: 0px;
}


.sd1 {
    width: 13%;
    height: 28px;
    position: relative;
    background-color: rgb(87, 18, 140);
    margin-bottom: 0px;
    top: -45px;
    transition: 0.4s;
}

.sd1:hover {
    background-color: #F5BB14;
}

.sd1::before,
.sd1::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 120%;
    top: 17px;
    background-color: rgb(87, 18, 140);
    transform: skewY(40deg);
    z-index: -1;
}

.sd1:after {
    transform: skewY(-40deg);
}


/* ========================================
PARTNER SECTION START
========================================= */


/* ========================================
BRAND SECTION START
========================================= */
.brand-section {
    background-color: rgb(87, 18, 140);
    padding: 70px 0px;
}

.brand-img {
    background: #FFFFFF;
    transition: .3s;
    transition: .3s;
    text-align: center;
}

.brand-img:hover {
    transform: scale(1.1);
    transition: .3s;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}


.brand-img img {
    width: auto;
    height: auto;
}


.brand-img img:nth-child(6) {
    margin-right: 0px;
}

/* ========================================
BRAND SECTION START
========================================= */


/* ========================================
 SUBSCRIPTION SECTION START
========================================= */
.subscription-section {
    background-color: #FFFFFF;
    padding: 110px 0px;
}

.subscript-content h2 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #555555;
}


.subscript-content p {
    color: #555555;
    text-align: justify;
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 500;
}


.form-group {
    border: 9px solid #57128C;
}

.sub-btn {
    display: inline-block;
    border: none;
    outline: none;
    border-radius: 0px 0px 0px 0px;
    color: #57128C;
    font-size: 16px;
    font-weight: 600;
}

.sub-btn a i {
    margin-left: 5px;
}

.subscription-section .input-group {
    border: 9px solid #57128C;
}

.subscription-section .input-group button {
    margin-right: 5px;
    margin: 4px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 30px;
    background: #57128C;
}

.subscription-section .input-group input {
    height: 50px;
}

.input-group-text {
    color: #FFFFFF;
    background-color: none;
    border: 0px solid #ced4da;
    border-radius: 0;
}

/* ========================================
 SUBSCRIPTION SECTION END
========================================= */


/* =========================================DISCOVERING LEADERSHIP HOME PAGE DESIGN  NO-1 COMPLETE=========================================== */


/* =========================================ABOUT_US  PAGE DESIGN  NO-2 START=========================================== */


/* ==========================================================================
ABOUT-SLIDER SECTION START
==========================================================================  */
.about-slider-section {
    background: url(../About/about-us-banner.png) center center / cover;
    position: relative;
}

.about-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.about-heading hr {
    width: 250px;
    background-color: #FFFFFF;
    margin: 0 auto;
    height: 1px;
}

/* ==========================================================================
ABOUT-SLIDER SECTION END
==========================================================================  */


/* ========================================
ABOUT-DISCOVERING-LEADERSHIP-CENTER START
========================================= */

.about-discover-center {
    background: #FFFFFF;
    padding: 70px 0px;
}

.discover-center-content {
    padding: 10px;
    width: 100%;
    height: auto;
}

.discover-center-content h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.discover-center-content p {
    font-size: 16px;
    font-family: 'Poppins';
    font-style: normal;
    color: #333333;
}


.discover-center-image {
    width: 100%;
    height: auto;
}


.discover-center-image img {
    width: 100%;
}

/* ========================================
ABOUT-DISCOVERING-LEADERSHIP-CENTER END
========================================= */


/* ========================================
DISCOVERING-LEADERSHIP-CENTER-END PART START
========================================= */

.leadership-center-end-section {
    padding: 10px 0px 70px 0px;
}

.proud-heading {
    text-align: center;
    margin-bottom: 50px;
}

.proud-heading h1 {
    text-align: center;
    color: #57128C;
    font-size: 34px;
    font-weight: 700;
    font-family: inherit;
    width: 100%;
}


.proud-heading h3 {
    text-align: center;
    color: #57128C;
    font-family: inherit;
    width: 100%;
}

.card-lead {
    box-shadow: 0px 8px 10px rgba(118, 135, 232, 0.3);
    width: 100%;
}

.proud-content {
    background: #F1FEFF;
    color: #555555;
    width: 100%;
    height: auto;
    transition: 0.4s;
    border-radius: 2px;
    height: 100%;
}

.proud-content:hover {
    background-color: #57128C;
    border-radius: 2px;
}

.proud-content h1 {
    color: #A7A7A7;
    font-size: 35px;
    font-weight: 800;
    font-family: inherit;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 20px;
    transform: 0.4s;
}

.proud-content h1:hover {
    color: #FFFFFF;
}

.proud-content p:hover {
    color: #FFFFFF;
}

.proud-content p {
    transition: 0.4s;
    color: #A7A7A7;
    margin: 0;
}

/* ========================================
DISCOVERING-LEADERSHIP-CENTER-END PART END
========================================= */

/* ========================================
ABOUT US PAGE SOME SERVICES SECTION START
========================================= */
.about-page-service-sec {
    background-color: #57128C;
    padding: 70px 0px;
}


/* ========================================
ABOUT US PAGE SOME SERVICES SECTION END
========================================= */



/* ========================================
ABOUT US PAGE SECTOR SERVE SECTION START
========================================= */

/* IT's design on discovering center section */


/* ========================================
ABOUT US PAGE SECTOR SERVE SECTION END
========================================= */


/* ========================================
ACTIVITIES & SECTORS SECTION START
========================================= */
.activities-sectors-section {
    padding: 70px 0px;
    background: #F1FEFF;
}

.activities-heading h1 {
    color: #57128C;
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    max-width: 600px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.activities-heading hr {
    margin-bottom: 35px;
}

.activities-img {
    box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
    width: 100%;
}


.activities-img-content h3 {
    color: #555555;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

/* ========================================
ACTIVITIES & SECTORS SECTION START
========================================= */


/* ========================================
IN ABOUT PAGE BELOW THE BRAND SECTION SECTION START
========================================= */

.activities-sector-learn-section {
    padding: 70px 0px 70px 0px;
    background-color: #FFFFFF;
}


.head-border h1 {
    color: #333333;
    text-align: center;
    margin-top: 30px;
}


.learn-img {
    box-shadow: rgba(118, 135, 232, 0.3) 1px 8px 10px;
    width: 100%;
}

.learn-desc {
    background: #F1FEFF;
}

.learn-desc h2 {
    text-transform: uppercase;
    font-weight: 500;
    color: #555555;
    font-family: revert;
    margin-bottom: 25px;
    margin-top: 15px;
}

.learn-desc p {
    text-align: initial;
    color: #555555;
    font-size: 16px;
}


/* ========================================
IN ABOUT PAGE BELOW THE BRAND SECTION SECTION END
========================================= */


/* ========================================
CHECK MORE SECTOR SECTION START
========================================= */

.check-more-sector-section {
    padding: 0px 0px;
    background-color: #FFFFFF;
}


.learn-more-img {
    box-shadow: rgba(118, 135, 232, 0.3) 1px 8px 10px;
    width: 100%;
    height: 590px;
    margin-bottom: 30px;
}

.learn-more-desc {
    background: #FFFFFF;
}

.learn-more-desc h2 {
    text-transform: uppercase;
    font-weight: 500;
    color: #333333;
    font-family: revert;
    margin-bottom: 25px;
    margin-top: 15px;
}

.learn-more-desc h1 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    color: #555555;
    font-family: revert;
    margin-bottom: 25px;
    margin-top: 15px;
}

.learn-desc p {
    text-align: initial;
    color: #555555;
    font-size: 16px;
}

.learn-more-desc hr {
    margin-bottom: 10px;
}


/* ========================================
CHECK MORE SECTOR SECTION END
========================================= */

/* ========================================
ABOUT US PAGE  DESIGN COMPLETE
========================================= */

/* ========================================
OUR SERVICES SECTION PAGE  DESIGN START
========================================= */


/* ==========================================================================
ABOUT-SLIDER SECTION START
==========================================================================  */
.services-slider-section {
    background: url(../Services/our-services-banner.png) center center / cover;
    position: relative;
}

.services-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.services-heading hr {
    width: 250px;
    background-color: #FFFFFF;
    margin: 0 auto;
    height: 1px;
}

/* ==========================================================================
ABOUT-SLIDER SECTION END
==========================================================================  */


/* ==========================================================================
SERVICES-LEADER-SECTOR SECTION START
==========================================================================*/


.services-leader-section {
    background: #FFFFFF;
    padding: 90px 0px 10px 0px;
}

.project-header-sec h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
}



.services-img {
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.services-des {
    padding: 0px;
}


.services-des h4 {
    color: #57128C;
    width: 100%;
    margin-bottom: 20px;
    text-align: initial;
    font-weight: 500;
}

.services-des p {
    color: #333333;
    text-align: initial;
    font-size: 16px;
}

/* ==========================================================================
SERVICES-LEADER-SECTOR SECTION END
==========================================================================*/

/* ==========================================================================
SERVICES PAGE SECTION DESIGN COMPLETE
==========================================================================*/



/* ==========================================================================
TRAINING SLIDER SECTION START
==========================================================================*/

.training-slider-section {
    background: url(../Training/banner.png) center center / cover;
    position: relative;
}

.training-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #F5BB14;
    text-align: center;
    text-transform: uppercase;
}

.training-heading hr {
    width: 250px;
    background-color: #F5BB14;
    margin: 0 auto;
    height: 1px;
}


/* ==========================================================================
TRAINING SLIDER SECTION END
==========================================================================*/


/* ==========================================================================
TRAINING INCUBATOR PLATFORM SECTION START
========================================================================== */
.training-incubator-platform {
    background: #FFFFFF;
    padding: 70px 0px 70px 0px;
}


.training-incubator-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    text-transform: uppercase;
    text-align: initial;
    width: 367px;
    margin-bottom: 15px;
}


.training-incubator-heading p {
    color: #333333;
    text-align: initial;
    font-size: 16px;
    width: 525px;
    margin-bottom: 50px;
}

.training-incubatot-trusted-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    text-transform: uppercase;
    text-align: initial;
    width: 510px;
    margin-top: 60px;
}

/* ==========================================================================
TRAINING INCUBATOR PLATFORM SECTION END
========================================================================== */


/* ==========================================================================
TRAINING INCUBATOR TRUSTED LINK PLATFORM SECTION START
========================================================================== */
.training-trusted-link {
    background: #F1FEFF;
    padding: 70px 0px;
}

.training-trusted-img {
    box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;

}

.training-trusted-img img {
    border-radius: 3px;
}

/* ==========================================================================
TRAINING INCUBATOR TRUSTED LINK PLATFORM SECTION END
========================================================================== */

/* <!-- ==========================================================================
TRAINING PAGE DESIGN COMPLETE
==========================================================================  --> */



/* ==========================================================================
SOLUTION-SLIDER SECTION START
==========================================================================  */

.solution-slider-section {
    background: url(../Solution/banner.png) center center / cover;
    position: relative;
}

.solution-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.solution-heading hr {
    width: 250px;
    background-color: #57128C;
    margin: 0 auto;
    height: 1px;
}

/* ==========================================================================
SOLUTION-SLIDER SECTION END
==========================================================================  */

/* ==========================================================================
SOLUTION-CENTER ADVISEMENT SECTION START
========================================================================== */

.solution-center-advisement {
    padding: 70px 0px 40px 0px;
    background-color: #57128C;
}

.solution-services-area {
    padding: 70px 0px;
}


.advisement-desc ul li {
    color: #FFFFFF;
    width: 100%;
    display: flex;
    font-size: 16px;
    margin-bottom: 30px;
}


.adv-number {
    width: 50px;
    padding: 2px 10px;
    background-color: #F5BB14;
    font-size: 28px;
    font-weight: 700;
    color: #333333;
    margin-right: 25px;
    height: 50px;
    text-align: center !important;
}


/* ==========================================================================
SOLUTION-CENTER ADVISEMENT SECTION END
========================================================================== */



/* ==========================================================================
SOLUTION AND SERVICES SECTION START
==========================================================================  */

.proud-content h4 {
    color: #555555;
    font-weight: 500;
    font-family: inherit;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 20px;
    transform: 0.4s;
}

.proud-content h4:hover {
    color: #FFFFFF;
}

/* ==========================================================================
SOLUTION AND SERVICES SECTION START
==========================================================================  */


/* ==========================================================================
SOLUTION AND SERVICES SECTION COMPLETE
==========================================================================  */


/* ==========================================================================
OUR METHODOLOGY-SLIDER SECTION START
==========================================================================  */

.methodology-slider-section {
    background: url(../Methodology/banner.png) center center / cover;
    position: relative;
}

.methodology-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #F5BB14;
    text-align: center;
    text-transform: uppercase;
}

.methodology-heading hr {
    width: 250px;
    background-color: #F5BB14;
    margin: 0 auto;
    height: 1px;
}


/* ==========================================================================
OUR METHODOLOGY-SLIDER SECTION END
==========================================================================  */


/* ==========================================================================
We build relationships with partners SECTION START
==========================================================================  */
.methodology-build-relation {
    background: #FFFFFF;
    padding: 70px 0px;
}

.methodology-build-content {
    padding: 10px;
    width: 100%;
    height: auto;
}

.methodology-build-content h1 {
    font-size: 35px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    width: 580px;
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.methodology-build-content p {
    font-size: 16px;
    font-family: 'Poppins';
    font-style: normal;
    color: #333333;
}


.methodology-build-image {
    width: 100%;
    height: auto;
}

.methodology-build-image img {
    width: 100%;
    height: auto;
}

.discover-center-image img {
    width: 100%;
}



/* ==========================================================================
INVEST KNOWLEDGED SECTION START
==========================================================================  */
.invest-knowledged-relation {
    padding: 70px 0px;
    background: #F1FEFF;
}


.invest-content {
    padding: 10px;
    width: 100%;
    height: auto;
}

.invest-content h1 {
    font-size: 35px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    width: 580px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.invest-content p {
    font-size: 16px;
    font-family: 'Poppins';
    font-style: normal;
    color: #333333;
}


/* ==========================================================================
INVEST KNOWLEDGED SECTION END
==========================================================================  */


/* ==========================================================================
METHODOLOGY PAGE COMPLETE
==========================================================================  */


/* ==========================================================================
PROJECT-SLIDER SECTION START
==========================================================================  */

.project-slider-section {
    background: url(../project/banner.png) center center / cover;
    position: relative;
}

.project-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.project-heading hr {
    width: 250px;
    background-color: #FFFFFF;
    margin: 0 auto;
    height: 1px;
}

/* ==========================================================================
PROJECT-SLIDER SECTION END
==========================================================================  */


/* ==========================================================================
PROJECT SERVICES SECTION START
==========================================================================.*/


.project-incubator-platform {
    background: #FFFFFF;
    padding: 70px 0px 70px 0px;
}


.project-incubator-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    text-transform: uppercase;
    text-align: initial;
    width: 600px;
    margin-bottom: 30px;
}

/* ==========================================================================
PROJECT SERVICES SECTION END
==========================================================================.*/


/* ==========================================================================
PROJECT PROMOTION SECTION START
========================================================================== */
.promotion-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: initial;
    width: 600px;
    margin-bottom: 40px;
}


/* ==========================================================================
PROJECT PROMOTION SECTION START
========================================================================== */

/* <!-- ==========================================================================
                    Administrative succession program SECTION START
==========================================================================  --> */

.administrative-succession-section {
    padding: 70px 0px 40px 0px;
    background-color: #FFFFFF;
}

.solution-services-area {
    padding: 70px 0px;
}


.administrative-desc ul li {
    color: #555555;
    width: 100%;
    display: flex;
    font-size: 16px;
    margin-bottom: 30px;
}


.adv-number1 {
    width: 50px;
    padding: 2px 10px;
    background-color: #57128C;
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    margin-right: 25px;
    height: 50px;
    text-align: center !important;
}

.administrative-heading h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: inherit;
    color: #57128C;
    text-transform: uppercase;
    text-align: initial;
    width: 600px;
    margin-bottom: 40px;
}


/* <!-- ==========================================================================
                    Administrative succession program SECTION END
==========================================================================  --> */

/* < !--==========================================================================
PROJECT LEADERS CLUB SECTION START
==========================================================================--> */
.administrative-heading h6 {
    font-size: 20px;
    font-weight: 800;
    font-family: inherit;
    color: #555555;
    text-transform: uppercase;
    text-align: initial;
    margin-bottom: 40px;
}

.adv-round {
    width: 23px;
    padding: 2px 10px;
    background-color: #57128C;
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    margin-right: 25px;
    height: 22px;
    text-align: center !important;
    border-radius: 50%;
}


/* < !--==========================================================================
PROJECT LEADERS CLUB SECTION START
==========================================================================--> */



/* ============================== 11. Footer Menu Section ============================= */

.footer-menu-area {
    background-color: #57128C;
    color: var(--white) !important;
    padding-top: 80px;
}

.footer-img a img {
    margin-bottom: 20px;
    margin-left: -15px;
}

.color-c {
    color: #cfcdcd;
}

.footer-contents p {
    text-align: justify;
    color: #ECECEC;
    width: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    margin-bottom: 20px;
}

.footer-mainmenu li a,
.footer-important-link li a {
    padding: 0.4rem 0;
    display: block;
}

.address-section address {
    margin: 2rem 0;
    line-height: 1.3rem;
}

.address-section>span {
    font-weight: 600;
}

.footer-message input[type='search'],
.footer-message textarea {
    box-shadow: 4px 4px 15px -5px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.footer-message textarea {
    padding: 1rem;
    max-height: 150px;
    width: 100%;
}

.footer-message textarea,
.footer-message textarea:focus,
.footer-message textarea:active,
.footer-message textarea:visited {
    border: none;
    outline: none;
}

.footer-message button {
    border: none;
    outline: none;
    box-shadow: 4px 4px 15px -5px rgba(0, 0, 0, 0.25);
    padding: 0.5rem 2rem;
    background: #F5BB14;
    border-radius: 3px;
    color: #57128C;
    font-size: 15px;
    font-weight: 500;
}

.footer-contents ul li a {
    color: var(--white);
    font-weight: 500;
}

.footer-icon {
    margin-top: 10px;
}

.footer-contents hr {
    background-color: #7731AC;
    width: auto;
}

.footer-important-link h6 {
    border-bottom: 1px solid #F5BB14;
    padding-bottom: 10px;
}

.small-line {
    background-color: #F5BB14;
    width: 85px;
    margin-top: -10px;
    height: 5px;
    z-index: 1;
}

.copyright-t {
    font-size: 14px;
    color: #ECECEC;
}



/* ========================================================================================= */

/* ========================================================================================= */

/* @media only screen and (max-width: 992px){

} */

@media only screen and (max-width: 992px) {
    .solution-img {
        box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
        width: 100%;
        height: 325px;
        margin-bottom: 30px;
    }

    .subscript-control {
        display: inline-block;
        width: 74%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 29px 15px;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: border-box;
        border-radius: 0px 0px 0px 0px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-right: 1px;
    }

    .sub-btn {
        display: inline-block;
        border: none;
        outline: none;
        box-shadow: 4px 4px 15px -5px rgb(0 0 0 / 25%);
        padding: 20px 11px;
        background: #F5BB14;
        border-radius: 0px 0px 0px 0px;
        color: #57128C;
        font-size: 16px;
        font-weight: 600;
    }

    /* SOLUTION_PAGE */

    .discover-center-content h1 {
        font-size: 29px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        margin-bottom: 20px;
        background-color: #FFFFFF;
    }
}



/* On screens that are 768px wide or less */
@media only screen and (max-width: 768px) {

    .skwe-p {
        transform: skew(0deg, 0deg);
    }

    .skwe-p {
        text-transform: uppercase;
        word-spacing: 3px;
        /* transform: skew(-9deg, -0deg); */
        background-color: #F5BB14;
        display: inline-block;
        padding: 10px;
        /* color: #000; */
        /* font-weight: 500; */
        /* font-size: 15px; */
        /* width: 280px; */
        /* font-style: normal; */
        /* transition-property: width, height; */
        /* transition-timing-function: ease-in-out; */
        /* transition-delay: 1s; */
        /* transition-duration: 3s; */
        cursor: pointer;
        transition: .4s;
    }

    .inner h1 {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin: 0 auto;
    }

    .slider-section .inner {
        text-align: center !important;
        margin-top: 35px;
    }

    .slider-section .inner p {
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        font-family: 'Roboto';
        line-height: 32.57px;
        margin-bottom: 25px;
        width: 100%;
        text-align: center !important;
    }

    .slider-section .slider-inner .btn {
        display: inline-block;
        height: 40px;
        padding: 5px 38px;
        position: relative;
        top: 0;
        color: #FFFFFF;
        background: var(--indigo);
        left: 0px;
        font-size: 18px;
        font-weight: 600;
        transition: 0.4s;
        border: 0px;
    }

    /* brand */

    .brand-area-section {
        background: var(--surface);
        padding: 20px 0px;
    }

    .brand-area {
        margin-top: 35px;
    }

    .end-slider-sec {
        background-color: #F1FEFF;
        padding: 50px 0px;
    }

    .leadership-center-sec {
        background-color: #57128C;
        padding: 50px 0px;
    }

    .leadership-c-sec h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFF;
        text-transform: uppercase;
        /* text-align: left; */
        margin-bottom: 30px;
        text-align: center;
    }

    .leader-ship-second {
        width: auto;
        background-color: #FFF;
        padding: 35px 30px;
        position: absolute;
        border-radius: 8px;
    }

    .solution-services-section {
        padding: 315px 0px 10px 0px;
        background-color: #F1FEFF;
    }

    .head-border h1 {
        color: #333333;
        text-align: center;
        margin-top: 0px;
    }

    .solution-header-sec h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .card-img {
        box-shadow: 0px 8px 10px rgba(118, 135, 232, 0.3);
        width: 100%;
        height: 275px;
        margin-bottom: 30px;
    }

    .solution-img {
        box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
        width: 100%;
        height: 400px;
        margin-bottom: 35px;
    }

    .counter-section {
        background-color: #57128C;
        padding: 40px 0px;
        color: #FFFFFF;
    }

    .project-section {
        background: #E5E5E5;
        padding: 35px 0px;
    }

    .project-header-sec h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #333333;
        text-transform: uppercase;
        text-align: center;
    }

    .head-border-pro hr {
        background-color: #57128C;
        width: 100px;
        height: 3px;
        margin: 0px auto 30px;
    }

    .project-img {
        word-wrap: break-word;
        background: #E5E5E5;
        background-clip: border-box;
        border: 0px;
        width: 100%;
    }


    .more-inf0-inner .btn {
        display: inline-block;
        height: 40px;
        padding: 5px 10px;
        position: relative;
        top: 0;
        /* color: #57128C; */
        border: 2px solid #57128C;
        left: 0px;
        font-size: 15px;
        font-weight: 600;
        /* transition: 0.4s; */
        /* cursor: pointer; */
        border-radius: 0px;
        margin-top: 0px;
        transition: 0.4s;
    }

    .partner-section {
        background-color: #F1FEFF;
        padding: 20px 0px;
    }

    .partner-header-sec h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #333333;
        text-transform: uppercase;
        text-align: center;
    }

    .brand-section {
        background-color: rgb(87, 18, 140);
        padding: 45px 0px;
    }

    .subscription-section {
        background-color: #FFFFFF;
        padding: 35px 0px;
    }

    .subscript-content h2 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #555555;
    }

    .subscript-control {
        display: inline-block;
        width: 59%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 25px 10px;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: border-box;
        border-radius: 0px 0px 0px 0px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-right: 3px;
    }

    .form-group {
        margin-bottom: 0px !important;
    }

    .sub-btn {
        display: inline-block;
        border: none;
        outline: none;
        box-shadow: 4px 4px 15px -5px rgb(0 0 0 / 25%);
        padding: 14px 10px;
        background: #F5BB14;
        border-radius: 0px 0px 0px 0px;
        color: #57128C;
        font-size: 16px;
        font-weight: 600;
    }


    /* ABOUT PAGE */

    .about-discover-center {
        background: #FFFFFF;
        padding: 10px 0px;
    }

    .about-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

    .discover-center-content h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 15px;
        background-color: #FFFFFF;
        text-align: center;
    }

    .proud-heading h1 {
        text-align: center;
        color: #57128C;
        font-size: 25px;
        font-weight: 700;
        font-family: inherit;
        width: 100%;
    }

    .card.card-lead {
        height: 100% !important;
    }

    .card-lead {
        box-shadow: 0px 8px 10px rgba(118, 135, 232, 0.3);
        width: 100%;
        height: 100% !important;
        margin-bottom: 30px;
    }

    .proud-content h1 {
        color: #A7A7A7;
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 15px;
        transform: 0.4s;
    }

    .about-page-service-sec {
        background-color: #57128C;
        padding: 35px 0px;
    }

    .leadership-center-end-section {
        padding: 10px 0px 10px 0px;
    }

    .activities-sectors-section {
        padding: 25px 0px;
        background: #F1FEFF;
    }

    .activities-heading h1 {
        color: #57128C;
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-align: center;
    }

    .activities-img {
        box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
    }

    .activities-img-content h3 {
        color: #555555;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
    }

    .activities-sector-learn-section {
        padding: 30px 0px 20px 0px;
        background-color: #FFFFFF;
    }

    .learn-img {
        box-shadow: rgba(118, 135, 232, 0.3) 1px 8px 10px;
        width: 100%;
        height: 515px;
        margin-bottom: 30px;
    }

    .learn-desc h2 {
        text-transform: uppercase;
        font-weight: 500;
        color: #555555;
        font-family: revert;
        margin-bottom: 10px;
        font-size: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .learn-more-desc h2 {
        text-transform: uppercase;
        font-weight: 500;
        color: #333333;
        font-family: revert;
        margin-bottom: 10px;
        margin-top: 0px;
        font-size: 20px;
    }

    .learn-more-desc h1 {
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 700;
        color: #555555;
        font-family: revert;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    /* ABOUT-PAGE */

    .activities-img {
        box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
        width: 100%;
        height: 380px;
        margin-bottom: 30px;
    }

    .activities-heading h1 {
        color: #57128C;
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        width: 89%;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    /* TRAINING PAGE */
    .training-incubatot-trusted-heading h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-top: 15px;
    }

    .training-incubator-heading h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-bottom: 15px;
    }

    .training-incubator-heading p {
        color: #333333;
        text-align: initial;
        font-size: 16px;
        width: 100%;
        margin-bottom: 22px;
    }

    /* METHODOLOGY PAGE */
    .methodology-heading h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #F5BB14;
        text-align: center;
        text-transform: uppercase;
    }

    .methodology-build-content h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 20px;
        background-color: #FFFFFF;
    }

    .invest-content h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .invest-content h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .promotion-heading h1 {
        font-size: 30px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-bottom: 40px;
    }

    .slider-part h1 {
        font-size: 25px;
    }

    .slider-part .carousel-inner .content {
        left: 20px;
    }

}


@media only screen and (max-width: 640px) {

    .subscript-control {
        display: inline-block;
        width: 68%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 25px 15px;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: border-box;
        border-radius: 0px 0px 0px 0px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-right: 3px;
    }

    .sub-btn {
        display: inline-block;
        border: none;
        outline: none;
        box-shadow: 4px 4px 15px -5px rgb(0 0 0 / 25%);
        padding: 14px 21px;
        background: #F5BB14;
        border-radius: 0px 0px 0px 0px;
        color: #57128C;
        font-size: 16px;
        font-weight: 600;
    }


    /* ABOUT-US PAGE */

    .activities-heading h1 {
        color: #57128C;
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .activities-img {
        box-shadow: rgba(118, 135, 232, 0.3) 0px 8px 10px;
        width: 100%;
        height: 430px;
        margin-bottom: 30px;
    }

    .learn-img {
        box-shadow: rgba(118, 135, 232, 0.3) 1px 8px 10px;
        width: 100%;
        height: 530px;
        margin-bottom: 30px;
    }


    /* SERVICES-PAGE */
    .services-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

    .services-leader-section {
        background: #FFFFFF;
        padding: 35px 0px 10px 0px;
    }

    .card-body p {
        /* font-size: 16px; */
        /* text-align: center; */
        /* color: #333333; */
        font-style: normal;
        margin-bottom: 5px !important;
    }

    /* TRAINING PAGE  */

    .training-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #F5BB14;
        text-align: center;
        text-transform: uppercase;
    }

    .training-incubator-platform {
        background: #FFFFFF;
        padding: 30px 0px 30px 0px;
    }

    .training-incubator-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .training-incubatot-trusted-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-top: 10px;
    }

    .training-trusted-link {
        background: #F1FEFF;
        padding: 40px 0px;
    }

    /* SOLUTION PAGE */

    .solution-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

    /* METHODOLOGY PAGE*/

    .methodology-build-relation {
        background: #FFFFFF;
        padding: 15px 0px;
    }

    .methodology-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #F5BB14;
        text-align: center;
        text-transform: uppercase;
    }

    .methodology-build-content h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 10px;
        background-color: #FFFFFF;
    }

    .invest-knowledged-relation {
        padding: 25px 0px;
        background: #F1FEFF;
    }

    .invest-content h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 10px;
        text-align: center;
    }

    .more-inf0-inner {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }


    /* PROJECT PAGE */
    .project-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

    .project-incubator-platform {
        background: #FFFFFF;
        padding: 30px 0px 30px 0px;
    }

    .project-incubator-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-bottom: 10px;
    }

    .promotion-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        margin-bottom: 40px;
    }

    .administrative-succession-section {
        padding: 25px 0px 25px 0px;
        background-color: #FFFFFF;
    }

    .administrative-heading h1 {
        font-size: 25px;
        font-weight: 800;
        font-family: inherit;
        color: #57128C;
        text-transform: uppercase;
        text-align: initial;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }


}


/* BOKUL STYLE */

.len-section a {
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 0 5px;

}

.sub-btn {
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    width: 170px;
    text-align: left;

    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 2px;
}

.sub-menu a button {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    outline: none;
    background: none;
    text-align: left;
    color: #5603ad;
}

.sub-menu a:hover button {
    color: #FFFFFF;
}

.sub-btn:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(100%);
    -ms-transform: scaleY(100%);
    transform: scaleY(100%);
    z-index: 1;
}

.sub-menu>a {
    display: block;
    width: 100%;
    padding: 7px;
    text-transform: capitalize;

    font-weight: 500;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: var(--wc);
    font-size: 15px;
    text-transform: capitalize;
}

.sub-menu>a:hover {
    color: #ffffff;
    background: rgb(87, 18, 140);
}


/*LOGIN*/
.login-box {
    max-width: 550px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 3px;
    padding: 50px;
}

.login-box form input {
    width: 100%;
}

.login-box h4 {
    font-weight: 900;
    font-size: 32px;
    line-height: 45px;
    font-family: var(--popins);
    text-align: center;
}

.login-box p {
    color: var(--gc);
    text-align: center;
}

.login-box p a {
    color: var(--tc2);
}

.login-box input {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #C2C5E1;
    box-sizing: border-box;
    border-radius: 2px;
    margin: 10px 0;
    outline: none;
}

.login-box input::placeholder {
    color: var(--gc);
}

.login-box .forget a {
    font-size: 17px;
    color: var(--gc);
    text-align: left;
}

.login-box button {
    color: #ffffff;
    background: #5603ad;
    border: none;
    outline: none;
    padding: 10px;
    width: 100%;
    border-radius: 2px;
    font-size: 17px;
    margin: 15px 0;
}

.login-section {
    background: #f0f0f0;
}

.project-custom {
    width: 20%;
    padding: 5px;
}

/*LOGIN END*/

/*CONTACT SECTION*/
.cotact-section {
    background-image: linear-gradient(to right, #2B0A3F, #9323D8);
}

.contact-box {
    background: var(--wc);
}

.contact-box {
    padding: 20px;
}

.contact-line {
    display: flex;
    align-items: center;
}

.contact-line p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--bc);
}

.contact-line img {
    margin-right: 10px;
}

.contact-social a i {
    font-size: 20px;
    margin-right: 5px;
    border-radius: 3px;
}

.contact-box h3 {
    font-size: 15px;
    font-weight: 600;
}

.contact-form h3 {
    font-weight: 600;
    color: var(--wc);
}

.contact-form form input {
    font-size: 10px;
    display: block;
    width: 100%;
    padding: 18px;
    border-radius: 3px;
    outline: none;
    margin: 20px 0;
    border: none;
}

.contact-form form input::placeholder {
    color: var(--gc);
}

.contact-form form textarea {
    font-size: 10px;
    color: var(--gc);
    display: block;
    width: 100%;
    padding: 18px;
    border-radius: 3px;
    outline: none;
    margin: 20px 0;
    border: none;
    height: 100px;
}

.contact-form button {
    font-size: 20px;
    font-weight: 600;
    color: var(--rc);
    padding: 15px 30px;
    border-radius: 3px;
}

.mobile-apps span {
    color: var(--wc);
}

.mobile-apps a img {
    width: 75px;
    margin-left: 10px;
}

.single-footer a {
    font-size: 20px;

}

.section-title.contact h3 {
    color: var(--rc);
}

.about-section h4 {
    color: #390957;
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
}

.contact-info P {
    max-width: 550px;
    padding: 5px 0;
    margin: 0 auto;
}

/*CONTACT PAGE*/
.contact-info P {
    max-width: 550px;
    padding: 5px 0;
    margin: 0 auto;
}

.contact-page-form {
    max-width: 542px;
    margin: 0 auto;
    background: #7BD6C0;
    border-radius: 5px;
    padding: 40px;
}

.contact-page-form h4 {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #1D252C;
    border-bottom: 1px dashed #848484;
    padding-bottom: 15px;
}

.contact-form button {
    font-size: 20px;
    font-weight: 600;
    color: red;
    padding: 15px 30px;
    border-radius: 3px;
    outline: none;
    border: none;
    cursor: pointer;
}

/*CONTACT SECTION END*/

.custom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.custom-row::after {
    content: '';
    clear: both;
    display: table;
}

.project-box {
    width: 20%;
    padding: 10px 5px;
}


@media only screen and (max-width: 1199px) {
    .project-custom {
        width: 33.33%;
    }

    .project-box {
        width: 33.33%;
    }
}

@media only screen and (max-width: 767px) {
    .project-custom {
        width: 50%;
    }

    .project-box {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .project-custom {
        width: 100%;
    }

    .project-box {
        width: 100%;
    }
}