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

    overflow-x: hidden;
}

.cont {
    width: 500px;
    /* height: 300px; */

    margin-left: 11%;
    /* border: 2px solid red; */

    padding: 10px 90px;
    font-size: 35px;
    font-weight: bold;

    position: absolute;
    margin-top: -46%;


}

button.btn-free {
    margin-left: 10%;
    /* padding: 5px 7px; */
    font-size: 15px;
    border: 1px solid #000;
    border-radius: 7px;
    background-color: #000;
    color: #fff;
    margin-top: 5%;
    padding: 6px 7px;
}


@media(max-width:768px) {
button.btn-free {
    margin-left: 0%;
    /* padding: 5px 7px; */
    font-size: 15px;
    border: 1px solid #000;
    border-radius: 7px;
    background-color: #000;
    color: #fff;
    margin-top: 5%;
    padding: 6px 7px;
}
}

@media(min-width:700px) {
    .cont {
        width: 550px;
        font-size: 32px;
        margin-left: 11%;
        padding: 0;
    }

    button.btn-free {
        padding: 6px 7px;
        margin-left: 10%;
        margin-top: 5%;
    }
}



.link-btn {

    padding: 12px 37px;
    font-size: 18px;
    border: 1px solid rgb(255 192 0);
    border-radius: 7px;
    background-color: rgb(255 192 0);

}

.index_img {
    height: 600px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    background-image: url(../images/Index.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* .text h2 {
    padding: 97px 60px;
    font-size: 35px;
    font-weight: bold;
} */

div.plat-side-contain h2 {
    /* padding: 10px 90px; */
    padding: 97px 60px;
    font-size: 35px;
    font-weight: bold;
}

.containt-padding {
    padding-top: 5%;
}

.image-padding {
    padding-top: 5%;
}


span.team-label-1 {
    font-family: Arial;
    font-size: 18px;
}

@media (max-width: 768px) {
    /* Styles for screens up to 768 pixels wide (mobile screens) */
    p {
        font-size: 1rem !important;
        font-family: Arial !important;
       
    }
}

@media (min-width: 768px) {
    
    p {
        font-size: 1rem !important;
        font-family: Arial !important;
        text-align: justify; 
    }
}

.dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;

    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


.about-girl-video-upper-div {
    text-align: center;

}

.dropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.top-section-padding {
    padding: 8% 0 0% 0;
}

.top-section-padding-plat {
    padding: 10% 0 0% 0;
}

.top-section-softskills-padding {
    padding: 5% 0 0% 0;
}

img.main-logo {
    width: 197px;
    padding-top: 25px;
    margin-left: 73px;
}

.containt-padiing-top {
    padding-top: 3.5%;
}

h2.text-logo-orange {
    color: #fff;
    font-size: 75px;
    margin: 0px 48px;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(255 255 255 / 30%);
    text-align: left;
}

h2.text-logo-blue {
    color: rgb(11, 83, 148);
    font-size: 75px;
    margin: 0% 7%;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(11 83 148 / 30%);
    text-align: left;
}

.solutions-head {
    background-color: rgb(11, 83, 148);
}

.row.our-services-box {
    margin: 4% 7%;
}

.solutions-head-services {
    background-color: rgb(255, 255, 255);
    background-image: url('../images/Picture7.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;

}

.nav-item {
    margin-left: 35px;
}

img.mw-100.about-us-border.my-4 {
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

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

.section-box-border {
    border-top: 1px solid lightgray;
}

.navbar {
    padding-bottom: 12px;
}

.nav-item-right-started {
    background-color: rgb(255 192 0);
    position: absolute;
    width: 220px;
    right: 15px;
    height: 119px;
    top: 0;
    vertical-align: middle;
    padding-top: 47px;

    text-align: center;
}

.nav-item-right-signin {
    position: absolute;
    width: 220px;
    right: 200px;
    height: 115px;
    top: 0;
    vertical-align: middle;
    padding-top: 47px;

    text-align: center;
}

h1 {
    font-size: 10px;
}

.col-xs-3 {
    padding-left: 80px;
}

.navbar-nav {
    padding-top: 25px;
}

.main-container-bg {
    background-color: rgb(49 133 156);
    width: 100%;
}

.col-xs-3.p-4.get-for-free {
    background-color: rgb(255 192 0);
}

.heading-contain h1 {
    padding: 0px 180px 0px 80px;
    color: #fff;
    font-size: 55px;
    font-weight: 400;
}

.display-containt {
    margin: 3.5% auto;
}

.sub-contain {

    padding: 12px 0px 0px 80px;
    color: #fff;
    font-family: Arial;
}

.contact-btn {
   
    margin-left: 83px;
}

button.open-popup-btn {
    margin: 20px auto;
    display: block;
    border: 1px solid rgb(255 192 0);
    border-radius: 7px;
    color: black;
    padding: 10px 20px;
    background-color: rgb(255 192 0);
}

button.btn-demo {
    padding: 12px 37px;
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 7px;
    background-color: #fff;
}

button.btn-expert {
    padding: 12px 37px;
    font-size: 18px;
    border: 1px solid rgb(255 192 0);
    border-radius: 7px;
    background-color: rgb(255 192 0);
}

.main-header-menu {
    display: inline-flex;

}

.p-4 {
    padding: 1.5rem !important;
}

col-xs-3.get-for-free {
    background-color: yellow;
}

img.img-boy {
    display: none;
}

.contain-image {

    width: 100%;
    height: 100%;
    background-image: url(../images/boy-large.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 0px;
}

.about-watch-video {
    padding: 25px 0px 0px 96px;
    font-size: 25px;
    font-weight: 700;
    color: rgb(28, 69, 135) !important;
}

div.about-side-contain h1 {
    padding: 0px 0px 0px 96px;
    font-size: 35px;
    font-weight: bold;
    color: rgb(255 255 255);
}

.bg-contain-about {
    /*background-color: rgb(208 224 227);*/
    display: flex;
}

.about-sub-contain {

    padding: 40px 85px 0px 98px;

    font-family: Arial;
    font-size: 16px;
}

.about-sub-contain-home {

    padding: 0px 85px 0px 98px;

    font-family: Arial;
    font-size: 16px;
}


.bg-padding {
    padding: 6.5% 0%;
}

.about-contain {
    width: 100%;

    padding: 4% 0 4% 0;
}

.about-contain-m {
    width: 100%;
    margin: 3.5% 0;
}

.bg-image-home {

    background-image: url(../images/home-sec-1-img.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right;


}

.about-contain-top-bottom {
    padding: 3.5% 0%;
}

.display-two-containt {
    display: flex;
}

span.p-title-meet {
    font-size: 35px;
}


img.hand-right {
    float: right;
    height: 400px;
}



.hand-left {

    background-repeat: no-repeat;
    background-size: auto;
}



.secure-contant {
    background-color: rgb(255, 192, 0);
    height: 150px;
    width: 150px;
    border: 1px solid rgb(255 192 0);
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: -33px;

    position: relative;

}




img.secure-image {
    margin: 0 auto;
    display: block;
    margin-top: 25%;
    text-align: center;
    z-index: 2;
}


.des-secure-contain {
    background-color: rgb(193 193 193);
    height: auto;
    border-radius: 3%;
    z-index: 1;
    width: 100%;
  
    padding-top: 45px;
    padding-bottom: 15px;
    text-align: center;
}

.des-securee-contain {
    background-color: rgb(193 193 193);
    height: 280px;

    border-radius: 3%;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
    padding-top: 45px;
    text-align: center;
}

.sub-secure-heading {
    color: #000;
    font-family: Arial;
    padding: 0% 7%;
}

.sub-secure-dec {

    color: #000;
    font-family: Calibri;
    line-height: 24px;
    text-align: left;
    display: block;
    margin: 11px 10px 0px 10px;
}





img.none-dis {
    width: 100%;
    height: 100%;

}

.display-two-containt {
    padding: 0 !important;
}


img.about-girl-image {
    width: 60%;
    height: 476px;
}

.sub-about-contain {
    background-color: rgb(33 89 104);

    background-repeat: no-repeat;
    background-size: 63%;
    background-position: center right;
    height: auto;
}

.s-about-contain {
    background-color: rgb(33 89 104);

    background-repeat: no-repeat;
    background-size: 63%;
    background-position: center right;

}

.single-box.text-center.item-left {
    width: 511px !important;
    margin-left: 169px !important;
}

.main-hedding-maintering {

    display: block;
    text-align: center;
    font-size: 35px;

    margin: 0px 68px;
    padding: 0 58px;
    color: #fff;
    font-weight: bold;
}

.e-box-1,
.e-box-2,
.e-box-3,
.e-box-4,
.e-box-5,
.e-box-6,
.e-box-7,
.e-box-8 {
    height: 170px;
    width: 170px;
    border: 2px solid #fff;
    border-radius: 28px;
    margin: 5px auto;
}

/* starting mayur */

@media (max-width: 575px)
{
.row .col-sm-6 {
    
    flex: 0 0 50%;
    max-width: 50%;
}

}

/* ending mayur */


.e-boxx-1,
.e-boxx-2,
.e-boxx-3,
.e-boxx-4,
.e-boxx-5,
.e-boxx-6,
.e-boxx-7,
.e-boxx-8 {
    width: 170px;
    border: 2px solid #fff;
    border-radius: 28px;
    margin: 5px auto;
}

.e-main-center {
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

img.e-image {
    width: 75px;
    margin: 25px 0 0 45px;
    display: block;
}

span.e-box-name {
    color: #fff;
    width: 100px;
    margin: 5px auto;
    display: block;
    text-align: center;
}

.testimonial {
    min-height: 546px;

}

p.service-text-para {
    letter-spacing: 1px;
    text-align: center;

}

.second-testimonial {
    background-color: rgb(242 246 247);

    background-repeat: no-repeat;
    background-size: 65%;
    background-position: top left;
    padding: 3.5% 0%;

}

.slide-heading {
    height: 0px;
}

.slide-desc {
    float: right;
    padding-top: 140px;
    padding-bottom: 100px;

    font-family: Arial;
    font-size: 16px;
    margin-right: 90px;
    color: rgb(33, 89, 104);
}


.mobile-display {
    display: none !important;
}


@media (max-width:768px)
{
    .slide-desc {
    
        margin-right: 0px !important;
        
    }
    img.d-block {

        margin-left: 65px !important;
       
    }
}

.slide-desc {
    float: right;

    padding-top: 25px;
    padding-bottom: 100px;
    font-family: Arial;
    font-size: 22px;
    margin-right: 90px;
    color: rgb(33, 89, 104);
}



img.d-block {

    margin-left: 145px;
    margin-top: 70px;
    width: 320px;
    height: 320px;
}

.row.text-content-left-align {
    margin-left: 80px;
}




.platform {

    margin: 3.5% 0%;
}

.platform-contain {
    background-color: rgb(208, 232, 240);
    background-image: url('../images/platform-bg.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center right;
    margin: auto 0px !important;
}

span.p-title {
    padding-left: 96px;
    margin-bottom: 20px;
}

span.p-title-meet {
    padding-left: 103px;
    margin-bottom: 20px;
    font-weight: bold;
}

.p-heading {
    padding-left: 94px;
    margin-bottom: 20px;
}

div.p-heading h2 {
    font-size: 50px;
    margin-top: 35px;
}

.p-desc {
    padding-left: 97px;
    font-size: 20px;
    font-family: Humanst521 Lt BT;
    margin-bottom: 20px;
}

img.plat-image {
    height: 310px;
    margin-left: 50px;
    margin-top: 40px;
    margin-bottom: 100px;
}

.p-learning-desc {
    background-color: #fff;
    width: 70%;
    border-left: 8px solid #ed0000;
    position: inherit;
    bottom: 421px;
    left: 59px;
    border-bottom: 8px solid red;
    margin: 30px 0 0 180px;
    min-height: 70%;
    max-height: 100%;
    height: auto;

}

.p-mentoring-desc {
    background-color: #fff;
    width: 70%;
    position: inherit;
    bottom: 421px;
    left: 59px;
    margin: 30px 0 0 20px;
    border-right: 8px solid blue;
    border-bottom: 8px solid blue;
    border-left: 0px;
    min-height: 70%;
    max-height: 100%;
    height: auto;
}

span.plat-learning-heading,
span.plat-mentoring-heading {
    text-align: center;
    display: block;
    padding-top: 20px;
}

div.plat-learning h1 {
    padding-top: 30px;
    text-align: center;
}

div.plat-learning p {
    text-align: center;
    padding: 0px 10px;
}

p.platform-content {

    font-size: 16px;
    font-family: Arial;
    margin-top: 25px;
    min-height: 125px;
}



.meet-team {
    margin-bottom: 20px;
}

.team-heading {
    margin-top: 10px;
}

.team-desc-1 {

    width: 95%;
    height: auto;
    margin: 0 auto;
}

div.team-desc-1 img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.team-desc-2 {

    width: 80%;
    height: auto;
}

.team-desc-3 {

    width: 80%;
    height: auto;
}

.team-name {
    margin-top: 13px;
    text-align: center;
}

span.team-1 {
    font-size: 25px;
    text-align: center;
    display: block;
}

.stickey-header {
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 3;
    border-bottom: 1px solid lightgray;
}

footer.page-footer {
    background-color: rgb(33, 89, 104);
}

.footer-copyright.text-center.py-3 {
    color: #fff;
}



.whatdoes-padding {
    padding: 4% 0;
}

.howbenefits-padding {
    padding: 4% 0;
}

div.plat-heading h5 {
    font-size: 23px;

    padding: 0px 90px 15px 90px;
}

div.plat-side-contain h2 {

    padding: 10px 90px;
    font-size: 35px;
    font-weight: bold;
}

div.plat-sub-contain p {

    padding: 0px 90px;
    font-family: Montserrat;

}

.plat-contact-btn {

    padding: 20px 90px;
}

button.btn-free {
    padding: 12px 37px;
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 7px;
    background-color: #000;
    color: #fff;
}

div.exp-heading h3 {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-weight: bold;
}

.e-plat-image-edukadu {
    width: 65px;
    margin: 10px auto;
    display: block;
}


.edukadu-global {
    background-color: rgb(12 52 61);

    color: #fff;
    padding: 5% 6%;
    margin: 0;

    text-align: center;
}

.edukadu-softskills {
    background-color: rgb(12 52 61);

    color: #fff;
}

div.exp-desc p {

    text-align: center;
    display: block;
}

.exp-desc {

    border-radius: 25px 0 25px 0;
    color: #000;
    padding: 0% 3% 6% 3%;
    margin: 4% 1% 0 6%;

    height: 75%;
}


.ESS-image {
    width: auto;
    max-height: 483px;
    margin: 0 auto;
    padding-left: 0 !important;
    max-width: 100%;
}

.ess-heading {
    margin: 0px auto 30px auto;
}

div.ess-side-contain h2 {
    margin: 10px auto 25px auto;
    padding: 0 1px;
    font-size: 35px;
    font-weight: bold;
}

.ess-sub-contain {
    margin: 0 auto;
}

.platform-e-learning {
    background-color: rgb(208, 232, 240);

}

.e-plat-image {
    width: 75px;
    margin: 10px auto;
    display: block;
}

span.e-plat-name {
    color: #000;
    width: 200px;
    margin: 10px auto;
    display: block;
    text-align: center;
    font-weight: 400;
}

div.plat-left-head h5 {
    margin: auto;
    text-align: center;
    display: block;

    font-family: Arial;
    padding: 25% 0;
    font-weight: bold;
    font-size: 23px;
    text-align: right;
    cursor: pointer;
}

span.e-plat-name {
    font-family: arial;
}

.what-does {
    background-color: rgb(11, 83, 148);
}

.w-d-head {
    padding: 3.5% 66px;
}

.h-d-head {
    padding: 3.5% 66px;
}

.wid-heading {
    color: #fff;
    font-family: Impact;
}

div.wid-heading h1 {
    font-size: 75px;
    margin: 0px 78px;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(255 255 255 / 30%);
}

.e-wid-image {
    width: 75px;
    margin: 10px 0;
    display: block;
}

@media(max-width:768px) {
.e-wid-image {
    width: 75px;
    margin: 10px 103px;
    display: block;
}
}

span.e-wid-name {
    /* color: #fff;
    font-family: Montserrat; */
    color: #fff;
    font-family: Arial;
    font-weight: bold;
    font-size: 25px;
}

div.e-wid-1 p {
    color: #fff;
    font-family: Montserrat;
}

.m-heading {
    color: rgb(11, 83, 148);
    font-family: Impact;
}

@media(max-width:768px) {
.m-heading {
    text-align: center;
    color: rgb(11, 83, 148);
    font-family: Impact;
}
}

div.m-heading h1 {
    font-size: 75px;
    margin: 0px 47px;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(11 83 148 / 30%);
}

span.e-hiby-name {

    font-family: arial;
    font-size: 25px;
    font-weight: bold;
}




.shapes-page {

    background-image: url('../images/shapes-page.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;


}

.container {
    margin: 0 1% !important;
}

.contact-head {
    text-align: center;
}

.contact:hover i {
    background: #3498db;
    color: #fff;
}

.bi {
    font-size: 30px;
    text-align: center;
    color: #3498db;
}

.contact-contain {
    margin: 3% auto;
    padding: 0 30px !important;
}

.send-button {
    margin-bottom: 10px;
}

button#btnSubmit {
    background: #3498db;
    border: 0;
    border-color: #3498db;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}

button#btnSubmit-register {
    background: #3498db;
    border: 0;
    border-color: #3498db;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}



video {

    width: auto;
    height: 60%;
    /* max-height: 181px; */
    width: 80%;
    border: 1px solid gray;
    border-radius: 30px;

}

.contain-both-image {
    padding: 0 !important;
}


.margin-top-e-main {
    margin-top: 1.5rem;
}

.row.our-solution-box {
    padding: 3% 3%;
}

span.p-title-about {
    color: rgb(11, 83, 148);
    font-size: 75px;
    margin: 0% 9%;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(11 83 148 / 30%);
    text-align: left;
    padding-left: 12px;
}



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

.plat-contain-image {
    width: 70%;
    height: 100%;
    background-image: url(../images/platform-image-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 0px;
}




div.meet-desc h4 {
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    color: #3498db;
}

div.meet-desc h5 {
    margin: 0 auto;
    padding: 1% 0;
    font-style: italic;
    text-align: center;
}

div.meet-desc p {
    margin: 0 auto;
    text-align: center;
    padding: 0 5%;
}

.display-slide-team {
    display: flex;
    padding: 0 6%;
}

img.d-block-meet {
    margin-left: 30px;
    margin-top: 0px;
}

.meet-heading {
    text-align: center;
}

.meet-desc {
    margin: 2% 0;
}

.platform-img-popup {
    width: 100%;
    height: 100%;

}

a.nav-link:hover {
    background-color: rgb(208 224 227);
}

a.nav-link.contact_form_popup:hover {
    background-color: rgb(255 192 0);
}

    .plat-about-contain {

		background-color: rgb(208, 232, 240);
    }

button.dropbtn:hover {
    background-color: rgb(208 224 227);
}


@media(max-width:1200px) {}

@media(max-width:991px) {
    .contain-image {

        text-align: center;

        background-image: none;
    }

    img.img-boy {
        display: none;
    }

    .logo-containt {
        text-align: center;
        margin: 0 auto;
        display: block;
        padding: 7% !important;
    }

    .leader-boxes {
        margin: 0 7%;
    }

    .text-content-left-align {
        margin: 0px auto !important;
    }

    .display-two-containt {
        display: block;
    }

    .bg-contain-about {
        display: block;
    }

    span.p-title-meet {
        padding: 0px;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding-left: 11px;
    }

    .plat-learning {
        height: auto;
        padding-bottom: 10%;
    }

    .box-block {
        display: none !important;
    }

    .display-containt {
        margin: 10% auto;
    }

    img.team-image {
        width: 100%;
    }

    .about-girl-video-upper-div {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .hand-card-padding {
        padding-top: 10%;
    }


    .about-contain {
        margin: 5% 0% !important;
    }

    .team-heading.col-md-12 {
        margin-top: 6%;
    }medi

    .main-hedding-maintering {
        padding: 0px;
        margin: 0 68px;
    }

    .box-center-width {
        width: auto !important;
        margin: 0px !important;
        border-top: 1px solid lightgray;
    }

    .contain-image img {
        width: 80%;
    }
}

@media(min-width:767px) {
    .plat-contain-image-mb {
        display: none;
    }

    .box-set {
        margin-top: 50px;
    }
}

@media(max-width:767px) {


    .solutions-head-services {
        background-image: none;
    }

    .plat-contain-image {
        display: none;
    }

    .box-set {
        margin-top: 40px !important;
    }

    .top-section-padding-plat {
        padding: 150px 0 0 0;
    }


    img.none-dis {
        display: none;
    }

    .about-girl-video-upper-div {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .top-section-padding {
        padding: 100px 0 8% 0;
    }

    .margin-our-solution-box {
        margin-top: 20px;
    }

    .display-slide-team {

        padding: 0;
    }

    img.d-block-meet {
        margin: 0 0;
        width: 90%;
    }


    h2.text-logo-orange,
    h2.text-logo-blue,
    span.p-title-about {
        font-size: 50px;
    }

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

    .hand-card-padding:first-child {
        padding-top: 0%;
    }

    p {
        font-size: 19px !important;
    }

    .heading-contain h1 {
        font-size: 45px;
        padding: 10px 00px;
        text-align: center;
    }

    h2.text-logo-orange {
        padding: 0 7%;
    }

    @media (max-width: 400px) {

        h2.text-logo-orange {
        /* padding: 0 3%; */
        font-size: 7vh;
        text-align: center;
        margin: 0px!important;
        } 
        
    }

    .sub-contain {
        padding: 10px 10px 20px 0px;
        color: #fff;
        font-family: Arial;
        text-align: center;
    }

    img.main-logo {
        width: 165px;
        padding: 5px 0px;
        margin-right: 0px;
        margin-left: 0;
    }

    .about-contain {
        margin: 0px;
    }

    div.about-side-contain h1 {
        padding: 20px 10px 0px 10px;
        font-size: 35px;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

    button.btn-demo,
    button.btn-expert {
        font-size: 14px;
    }

    .contain-small-image {
        display: none;
    }

    .web-menu {
        display: none !important;
    }

    .contact-btn {
        padding: 15px 12px;
        text-align: left;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    button.btn-expert {
        margin-top: 5px;
    }

    .main-hedding-maintering {
        margin-left: 50px;
        font-size: 24px;
    }

    .e-main-center {

        display: block;

        margin: 0% !important;
    }

    .row.back-color-container,
    .sub-about-contain.about-contain {
        margin: 0px !important;
        padding: 0px !important;
    }



    .about-sub-contain {

        padding: 20px 10px 15px 10px;
        font-size: 20px;
        text-align: center!important;
    }

    .about-sub-contain-home {
        padding: 0px 10px 15px 10px;

        font-family: Arial;
        font-size: 16px;
        text-align: center;
    }

    .background-image-hand {
        background-repeat: repeat-y;
    }

    .sub-about-contain {
        margin: 0% auto;
        height: auto;
    }



    .mobile-display {
        display: list-item !important;
    }

    .slide-desc {

        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        padding-right: 0 !important;
        padding-left: 25px !important;
    }

    .sub-secure-heading {

        color: #000;
        font-family: Arial;
        padding: 0% 10%;
    }

    .plat-about-contain {

        margin-top: 5px;
		background-color: rgb(208, 232, 240);
    }

    .p-heading {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .p-desc {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .platform-contain {
        background-color: rgb(208, 232, 240);
        background-image: url(../images/platform-bg.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center left;
    }

    .sub-about-contain {
        background-color: rgb(33 89 104);

        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center left;
    }

    .second-testimonial {
        background-color: rgb(242 246 247);

        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top left;
        padding: 4% 0%;
    }

    .carousel-control-prev-icon,
    .carousel-control-next {
        display: none !important;
    }

    img.d-block {

        margin: 0 auto;
    }

    .navbar {
        width: -webkit-fill-available;
        display: inline-block !important;
    }

    .platform {

        padding-top: 10%;
    }

    .p-learning-desc,
    .p-mentoring-desc {
        margin: 10px auto;
    }

    .p-learning-desc,
    .p-mentoring-desc {
        width: 100%;
        padding: 0 10px;
    }

    .bg-image-home {
        background-size: 100%;
        background-position: bottom;

    }

    span.p-title {
        padding-left: 10px;

        margin: 0 auto;

        display: block;
    }

    .row.main-footer {
        margin-left: 0px;
        padding-left: 0px;
        width: 100%;
    }

    .footer-containt {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
    }

    .slide-heading {
        height: auto;
    }

    .carousel-item {
        padding: 40px 0;
    }

    div.plat-learning p {
        text-align: center;
        padding: 0px;
    }

    div.plat-side-contain h2 {

        text-align: left;

        padding: 20px 10px 25px 10px;
        font-size: 26px;
        font-weight: bold;
        text-align: center;

    }

    div.plat-heading h5 {
        text-align: center;
        padding: 0px 10px 0px 10px;

    }

    .edukadu-global {
        padding: 8% 4%;
        text-align: centerś;
    }

    div.exp-desc p {
        margin: 0px 0px 0 0px;
        text-align: center;
        display: block;
    }

    .exp-desc {
        padding: 5% 6%;
        height: 70%;
    }

    div.plat-sub-contain p {

        padding: 0px 10px 0px 10px;

        display: block;
        text-align: center;
        font-family: Montserrat;
    }

    .plat-contact-btn {
        margin: 20px 0px 15px 0px;
        text-align: center;
        display: block;
        padding: 0;
    }

    div.exp-heading h3 {
        margin: 0 auto;
        text-align: center;
        display: block;
        font-weight: bold;
    }

    .exp-heading {
        margin-top: 5%;
    }


    .ess-heading {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    div.ess-side-contain h2 {
        margin: 15px auto;
        text-align: center;

        font-size: 25px;

        padding: 0px 10px 0px 10px;
    }

    div.ess-sub-contain p {

        padding: 0px 10px 0px 10px;
        margin: 20px auto 0px auto;
        display: block;
        text-align: center;
    }

    div.plat-left-head h5 {
        margin: auto;
        text-align: center;
        display: block;

        padding: 2% 0;
        font-weight: bold;
        font-size: 30px;
        padding-top: 15%;
    }

    .ess-contact-btn {
        margin: 5px auto 0px auto;
        text-align: center;
        display: block;

    }

    span.e-wid-name {
        color: #fff;

        text-align: center;
        display: block;
    }



    span.e-hiby-name {

        text-align: center;
        display: block;
    }

    div.wid-heading h1 {
        font-size: 40px;
        text-align: center;
    }

    div.m-heading h1 {
        font-size: 38px;
    }

    .navbar-toggler {
        float: right;
        margin-top: 25px;
    }

    .plat-contain-image-mb img {
        width: 100%;
        padding: 0 14%;
    }

    div.e-wid-1 p {
        color: #fff;
        text-align: center;
    }

    div.e-hiby-1 p {
        text-align: center;
    }
  

    .hiby {
        padding: 0 0 !important;
    }

    .container {
        margin: 0 5% !important;
    }

    .ESS-image {
        width: 100%;
        margin: 0 auto;
        padding-left: 0 !important;
        text-align: center;
        display: block;
    }

    .w-d-head {
        padding: 10% 0;
    }

    .h-d-head {
        padding: 10% 0;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .ml-5,
    .mx-5,
    .row.ml-5.mr-5,
    .row.mt-4.pr-5.pl-5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding: 0px 10px 0px 10px !important;
    }

    video {
        margin-top: 0px !important;
    }

    .des-secure-contain {
        width: 100%;
        height: 320px;
        padding: 45px 10px;
    }

    img.mw-100.about-us-border.my-4 {
        margin: 0 auto;
        width: 80%;
    }

    .bg-baout {
        display: none;
    }
}

@media(max-width:564px) {
.des-secure-contain {
    width: 100%;
    height: auto;
    padding: 45px 10px;
}
div.about-side-contain h1 {
    padding: 20px 10px 0px 10px;
    font-size: 35px;
    font-weight: bold;
    color: #fff !important;
    text-align: center;
}

}
@media(max-width:340px) {
    .des-secure-contain {
        width: 100%;
        height: 500px;
        padding: 45px 10px;
    }
}

@media (max-width:768px)
{
.new_platform
{
        flex: 0 0 100% !important;
        max-width: 100% !important;
}
}

@media(max-width:564px) {}

@media(max-width:420px) {}

@media(min-width:991px) {
    .contain-small-image {
        display: none;
    }
}

.ft-20 {
    font-size: 20px;
}

.w-80 {
    width: 80%;
}

.img-caption {
    font-size: 24px;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
}

.img-set {
    position: relative;
    float: right;
}

.d-set {

    top: 0px;
    right: 0px;
}

.d-right {
    float: right;
}

.contact-info {

    font-size: 25px;
    text-align: center;
    border: 1px solid #0b5394;
    border-radius: 40px;
    font-weight: 1000;
    line-height: 1;
    box-shadow: -5px 5px 5px 5px #333;

}

.bg-sky {
    background-color: #0b539461;
}

.set-desc {
    padding: 50px 100px;
}

.block-pt {
    padding: 3% 3%;
}

.block-set {
    margin-bottom: 48px;
}

.box-set {
    margin-top: -70px;
}

.box-width {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.box-width-right {
    padding-left: 3rem !important;
    padding-right: 3rem !important;

    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

.p-subtext {
    font-size: 1.35rem !important;
    text-align: left;
}

.rightpt-7 {
    padding-top: 10rem !important;
}


.contain-border {
    border: 1px solid;
    border-radius: 35px;
    box-shadow: 5px 6px #888888;
    height: 100%;
}

.bg-contain-about {
    background-image: url('path/to/your/image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-text-photo {
    background: url('../images/2.jpg');
    background-position: 50% 50%;
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: justify;

}

.bg-textbox {
    padding: 10%;
    background-color: rgba(255, 255, 255, 0.5);
}

.text-overflow {
    overflow: hidden;
}

.text-wlignt {
    text-align: center;
    padding: 10%;
}

.subtext-alignt {
    padding: 10%;
    padding-top: 0px;
}

.text-alignh {
    text-align: left;
}

.img-head {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.text-padding {
    padding: 10% 0;
}

.bg-contain-aboutt {
    background-color: rgb(255, 255, 255);
    display: flex;
}

.des-securee-container {
    background-color: rgb(255, 255, 255);
    height: 184px;
    border-radius: 3%;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
    padding-top: 45px;
    text-align: center;
}

.des-securee-container1 {
    background-color: rgb(255, 255, 255);
    border-radius: 3%;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
    padding-top: 45px;
    text-align: center;
}

.secure-contantt {
    background-color: rgb(255, 255, 255);
    height: 100px;
    width: 100px;
    border: 1px solid rgb(0 0 0);
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: -33px;

    position: relative;

}

p.service-text-paraa {
    letter-spacing: 0px;
    text-align: center;
}

.padding-text-h {
    padding: 0% 18%;
}

.padding-text-hh {
    padding: inherit;
}

.font-text-h {
    font-size: 35px;
}

.s-about-containn {
    background-color: rgb(255, 255, 255);

    background-repeat: no-repeat;
    background-size: 63%;
    background-position: center right;

}

.w-20 {
    width: 35%;
}

.padding-text-headerr {
    padding: 0px 35px 0px 36px;
}

.padding-text-headerrr {
    padding: 38px 38px 0px 38px;
}

.button-centert {
    text-align-last: center;
}

.color-bg {
    background-color: #d3d3d39e;
}

.text-alignment-right {
    text-align: initial;
    font-size: 14px;
}

.text-alignment-left {
    text-align: left;
}

.sub-secure-headingg {
    color: #000;
    font-family: Arial;
}

.heading-containn {
    font-size: 22px;
}

.box-heightt {
    height: 684px;
}

.padding-right-alignn {
    padding: 56px;
}

.round-corner {
    border-radius: 25px;
}

.padd-box {
    padding: 128px;
}

.center {
    text-align: center;
}


/* harsh code */

.image_row {
    width: 100%;
    /* margin-top: 10%; */
}

.image_content {
    /*padding-left: 5%;*/
    width: 60%;

}

.text_content {
    padding: 3%;
    width: 40%;
    text-align: center;
    padding-top: 17%;
}

.button_register {
    padding: 12px 37px;
    font-size: 18px;
    border: 1px solid rgb(255 192 0);
    border-radius: 7px;
    background-color: rgb(255 192 0);
    margin-top: 5%;
    float: left;
}

/* -------------------------------------------------------- */
@media (min-width:900px) {
    .bg-image-homee {

        background-image: url(../images/indexsector.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100% !important;
    }

    p.white-text {
        color: white;
        text-align: left !important;
    }
}

/*@media (max-width:900px) {*/
/*    .bg-image-homee {*/

/*        background-image: none !important;*/
/* background-repeat: no-repeat;
        background-size: 100%; */
/*    }*/
/*    .white-text {*/
/*        color: black;*/
/*    }*/
/*}*/

/*@media (max-width:500px) {*/
/*    .bg-image-homee {*/

/*        background-image:  none !important;*/
/*        background-repeat: no-repeat;*/
/*        background-size: 100%; */
/*    }*/
/*    .white-text {*/
/*        color: white;*/
/*    }*/
/*}*/

@media (max-width:500px) {
    .row.bg-image-mobile {

        background-image: url(../images/edukadu-mobile-view.jpg) !important;
        background-repeat: no-repeat;
        /*background-size: 100%; */
    }

    .white-text {
        color: #fff;
		text-align: center !important;
    }
    
    h2.text-logo-orange {
    color: #fff;
    font-size: 40px;
    margin: 0px;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(255 255 255 / 30%);
    text-align: center;
    padding: 0px;
}
h2.text-logo-blue {
    color: rgb(11, 83, 148);
    font-size: 40px;
    margin: 0%;
    font-family: Impact;
    text-shadow: -8px 14px 3px rgb(11 83 148 / 30%);
    text-align: center;
    padding: 0px;
}
}
.row
{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.col-lg-12 
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}