@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: 'Poppins', sans-serif;
}

.bghero {
    /* background: linear-gradient(135deg, rgba(108, 218, 250, 0.31) 0%, rgba(191, 36, 124, 0.07) 100%);
    background-repeat: none; */
    background: url("img/hero.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.clickable-column {
    cursor: pointer;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}

.clickable-column:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.herohead {
    color: #FCA311;
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: 89.227px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
}

.heroheadone {
    color: #FFF;
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 169.605% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.subhead {
    color: #000;
    text-align: center;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.datehero {
    color: #0A5B45;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.numbercard {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.numbertext {
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
}

.numbert {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}

.applynow {

    border-radius: 10px;
    background: #0A5B45;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.applynoww {
    border-radius: 10px;
    background: #0A5B45;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.applynow:hover {
    border-radius: 10px;
    background: #0A5B45;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.applynoww:hover {
    border-radius: 10px;
    background: #0A5B45;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.logos {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #f0f0f0;
    /* Set the background color of the box */
    border: 1px solid transparent;
    /* Set the border to a transparent color */
    outline: 1px solid #6A6767;
    /* Set the outline color and style as the outer border */
    outline-offset: 10px;
    /* Set the outline offset to create transparent space between the border and the box */
}

.nav-link {
    color: #6A6767 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.aboutsemi {
    color: #0A5B45;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.abouthead {
    color: #000000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.aboutpara {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.disabout {
    color: #0893B5;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.aboutimg {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.bgch {
    background: linear-gradient(135deg, rgba(108, 218, 250, 0.31) 0%, rgba(191, 36, 124, 0.07) 100%);
}

.chhead {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chcard {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.chtext {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.chcard img {
    height: 80px;
}

.orgc {
    color: #0A5B45;
    font-weight: 700;
}

.foothead {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bgfoot {
    background: linear-gradient(135deg, rgba(108, 218, 250, 0.31) 0%, rgba(191, 36, 124, 0.07) 100%);
}

.footsub {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: justify;
}

.get {
    color: #0A5B45;

    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.etext {
    color: #000;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.implementationp {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bggray {
    background: #E5E5E5;
}

.cohead {
    color: #000;

    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mname {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.mdesig {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mentorimg {
    border: solid 8px #0A5B45;
}

.whysub {
    color: #000;

    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.whytext {
    color: #000;
    text-align: center;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.whycard {
    background: url("img/whycard.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 300px;
}

.whycard2 {
    background: url("img/whycard2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 300px;
}

.whycardblue {
    background: url("img/whycardblue.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 300px;
}

.whycardblue2 {
    background: url("img/whycardblue2.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 300px;
}

.whohead {
    color: #FFF;

    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.wholistul {
    color: #000;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: url("img/list.svg");
    background-repeat: no-repeat;
    background-position: left center;
}

.listtext {
    position: relative;
    left: 10%;
}



.datetime {
    color: #6A6767;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}

.monthtime {
    color: #6A6767;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.timetime {
    color: #6A6767;

    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.timecard {
    height: 150px !important;
    width: 150px !important;
}

.timepart {
    background: linear-gradient(90deg, #FFF 0%, #F1F2F6 100%);
    ;

    border: 14px solid #0A5B45;
    outline: 1px dashed #D9D9D9;
    /* Set the outline color and style as the outer border */
    outline-offset: 10px;
}

.timehead {
    color: #000;
    text-align: center;

    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.proghead {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav-pills {
    border-radius: 10px;
    border: 3px solid #FFF;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #0A5B45 !important;
}

.nav-pills .nav-item .nav-link {
    color: #FFF !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.schtable {
    border-radius: 0px 10px 10px 0px;
    background: #FFF;
    border-left: 56px solid #0A5B45;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -ms-border-radius: 0px 10px 10px 0px;
    -o-border-radius: 0px 10px 10px 0px;
}

.schtime {
    color: #6A6767;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.magenta {
    color: #0A5B45;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .heroimg {
        width: 100%;
    }

    .whyimg {
        position: relative;
        top: -20%;
    }

    .whyimg1 {
        position: relative;
        top: 10%;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .bgtime {
        background: url("img/bgtime.svg");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .whyimg {
        position: relative;
        top: -10%;
    }

    .whyimg1 {
        position: relative;
        top: 13%;
    }

}

@media only screen and (min-width: 1025px) {
    .bgtime {
        background: url("img/bgtime.svg");
        background-repeat: no-repeat;
        background-position: center center;
    }

    .whyimg {
        position: relative;
        top: -20%;
    }

    .whyimg1 {
        position: relative;
        top: 10%;
    }

}


.tick {
font-size:1rem; white-space:nowrap; font-family:arial,sans-serif;
}

.tick-flip,.tick-text-inline {
font-size:2.5em;
}

.tick-label {
margin-top:1em;font-size:1em;
}

.tick-char {
width:1.5em;
}

.tick-text-inline {
display:inline-block;text-align:center;min-width:1em;
}

.tick-text-inline+.tick-text-inline {
margin-left:-.325em;
}

.tick-group {
margin:0 .5em;text-align:center;
}

body {
    background-color: #fff !important; 
}

.tick-text-inline {
    color: #595d63 !important; 
}

.tick-label {
    color: #595d63 !important; 
}

.tick-flip-panel {
    color: #fff !important; 
}

.tick-flip-panel-text-wrapper {
    line-height: 1.45 !important; 
}

.tick-flip-panel {
    background-color: #3c3e3c !important; 
}

.tick-flip {
    border-radius:0.12em !important; 
}